/*
Theme Name: WORKZ°NM GALERIE L33 BOOTSTRAP 5
Theme URI: WWW.GALERIE-L33.CH
Version: 1.0 2024
Description: HANDCRAFTED AND AMAZING RESPONSIVE
Author: FREDY HOLENSTEIN 
Author URI: HTTP://WWW.WORKZ.CH
*/


/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}



body, html { height:100%; width: 100%;}

.grecaptcha-badge {visibility: hidden;}


body {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	background:#fff;
	color:rgba(37,36,36,1.00);
	line-height:200%; letter-spacing:2px; font-size:15px;

}
.responsive {
	width: 100%;
	height: auto;
}

.stimg { height:250px; width: auto; float:left; margin-right:2px;}

.l33redbg {background: rgba(204,21,24,1.00);}
.l33redtxr {color: rgba(204,21,24,1.00);}

.ptop {padding-top:80px;}

@media only screen and (max-width: 767px) { 
.stimg { height:auto; width: 100%; float:none; margin-right:0; margin-bottom:2px;}
	.ptop {padding-top:40px;}
}

.nopadding {padding:0!important}

a.clink,
a.clink:hover,
a.clink:visited { color:#000; }

.ctext { line-height:200%; letter-spacing:2px; font-size:15px;}

hr.sb {
     width:100%;
    border:0;
	display:block;
    height:100px;
    background:url(../img/hrbg.png) no-repeat center;
}
 

 
 
 .rotate {
	background-image: url(../rotate.php);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#sitebg {height:100%; width:100%; background-size:cover; background-position:center;}

/****HEADER VISUAL ***/

section.introvisual {
	height: 100%;
	background-attachment: fixed;
}

h2.claim {
	font-size: 30px;
	line-height: 33px;
	font-weight: 400;
}
h2.claim1 {
	font-size: 30px;
	line-height: 33px;
	font-weight: 400;
}

h2.cont {line-height:200%; letter-spacing:2px; font-size:24px;}
/***** Screen 960px *****/



.divider {
	width: 100%;
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
}
.v1 {
	height: 100%;
	background-image: url(../img/bg/divider_01.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.v2 {
	background-image: url(../img/bg/divider_02.jpg);
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
}
.v3 {
	background-image: url(../img/bg/divider_03.jpg);
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
}


.v4 {
	background-image: url(../img/bg/divider_04.png);
	background-attachment: scroll;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:right;
	height: 90%;
	width:100%; 
	
}
.v5 {
	background-image: url(../img/bg/divider_05.png);
	background-attachment: scroll;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom center;
	height: 66%;
	width:100%; 
	
}
.v6 {
	background-image: url(../img/bg/divider_06.jpg);
	background-attachment: scroll;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom left;
	height: 66%;
	width:100%; 
	
}
.v7 {
	background-image: url(../img/bg/divider_07.jpg);
	background-attachment: scroll;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:right;
	height: 90%;
	width:100%; 
	
}


.introtxtbox {column-count: 2; column-gap: 30px; color:#fff;}
.teaserbox { color:#fff;}
.box {
	width: 100%;
	padding: 5px 0 5px 10px;
}
ul.list {
	padding-bottom: 12px;
	width: 45%;
	float: left;
	display: block;
}
ul.list li {
	padding-bottom: 12px;
}
/***** Logo, Btn & Phone Menu Btn *****/

div#logo {
	float: left;
}
img.toplogo {
	margin: 0 0 24px 0;
}

img#intrologo { margin-top:10%; border:0px solid #fff; width:480px; height:auto;}
h4#title {
	margin: 0;
	width: 250px;
}
h1.introtitle {
	margin: 70px 0 0 0;
	height: 30px;
	float: right;
	font-size: 20px;
}
div#introtxt {
	margin: 0;
}
div#introadress {
	font-size: 14px;
}
div#intro_bg {
	height: 600px;
}
div#featimgsub {
	height: 480px;
}
div.featimg img, img.attachment-large {
	width: 100%;
	height: auto;
	border: none;
}
a.navigation-btn {
	display: none;
	float: right;
}
a.navigation-btn img {
	margin: 0 0 0 16px;
	padding: 0;
	width: 35px;
	height: auto;
	cursor: pointer;
	float: right;
}
a.btn-download, .btn-download {
	margin: 34px 0 0 0;
	padding: 8px 28px 9px 12px;
	display: inline-block;
	color: #fff;
	border: 1px solid #000;
	background: #000 url(../img/btn-arrow.png) no-repeat right;
	cursor: pointer;
	float: right;
}
a:hover.btn-download {
	text-decoration: none;
	border: 1px solid #000;
	color: #666;
	background: #000 url(../img/btn-arrow.png) no-repeat right;
}

section#footer a, section#footer a:visited {
	color: #fff!important;
	text-decoration: underline!important;
}
footer {
	width: 100%;
	position: relative;
	bottom: 0;
	padding-top: 48px;
	color:#fff;
}
a,
a.foo { color:#000}
a.foo:hover,


footer.sub {
	width: 100%;
	position: relative!important;
	top: 200px;
	bottom: 0;
	margin-top: 0px;
}
footer ul {
	list-style: none;
}
footer ul li {
	margin: 0!important;
	line-height: 21px;
	text-indent: -15px;
}
footer h2 {
	margin-top: 24px;
}
/***** BACKGROUNDS  *****/

.bgwhite {background: #fff;}
.txtbgwhite {background: #fff; color:#000;}
.txtbgblack {background: #000; color:#fff;}

.blacktrans90 a {
	color: #fff!important;
	text-decoration: none;
	height: auto;
}
.blacktrans100 {
	background: rgba(0,0,0,1.00);
	color: #fff;
	height: auto;
}
.blacktrans100:hover {
	background: #000;
	color: #fff!important;
}
.blacktrans {
	background: rgba(0,0,0,0.68);
	color: #fff;
	height: auto;
}
.blacktrans:hover {
	background: #000;
	color: #fff!important;
}
.blacktrans h1 {
	color: #fff;
}
.dgreen {
	background: #2c2f17;
	color: #fff;
}
.boxbg {
	background: url(../img/boxbg_460.png) no-repeat top center;
	background-size: cover;
	width: 100%;
	min-height: 300px;
}
.left {
	float: left;
}
.right {
	float: right
}
.fullw {
	width: 100%;
}
.fixed {
	position: fixed;
	top: 0;
	height: 40px;
	z-index: 1;
	background: rgba(0,0,0,0.00);
	width: 100%;
	margin: 0!important;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


.b1 {border:30px solid #9f341b;}
.b2 {border:30px solid #1f1f1f;}
.b3 {border:30px solid #000;}

@media only screen and (max-width: 767px) { 
.b1 {border:10px solid #9f341b;}
	.b2 {border:10px solid #1f1f1f;}
.b3 {border:10px solid #000;}

}

/* MANSONRY */
.item {
	background: rgba(211,2,5,0.00);
	position: relative;
	float: left;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
}
.iteminner {
	padding: 0px;
}
.iteminner h2 a {
	font-size: 21px;
	color: #fff;
}
.iteminner h2 a:hover {
	color: #666!important;
	text-decoration: none;
}
.iteminner h6 {
	color:rgba(60,60,40,1.00)
}




/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/***** Logo, Btn & Phone Menu Btn *****/


a.btn-download, .btn-download {
	margin: 24px 0 0 0;
}
/***** Navigation *****/
	
div#logo {
	position: relative;
	top: 15;
	left: 0;
	width: auto;
}
div#logo img {
	margin: 0 0 0 10px;
	width: 80%;
	height: auto;
}


div#intro_bg {
	height: 400px;
}
h1.introtitle {
	margin: 15px 0 0 0;
	height: auto;
	float: right;
	font-size: 16px;
}
div#featimgsub {
	height: 320px;
}
div.featimg img {
	width: 480px;
	height: auto;
	border: none;
}
.navigation {
	position: relative;
	top: 0;
	right: 0px;
	width: auto;
	float: right;
	padding: 0;
	overflow: hidden;
	height: auto;
	margin: 0;
}
div#mobilenavigation {
	display: none;
}

h2.footer {
	font-size: 18px;
}
}



/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
/***** Logo, Btn & Phone Menu Btn *****/

section.introvisual {
	height: 100%;
	background-attachment: scroll;
	background-size: cover;
	width: 100%;
}
section.screennav {
	display: none!important;
}

img#intrologo { margin-top:30%; border:0px solid #fff; width:240px; height:auto;}

.responsive {
	width: 100%;
	height: auto;
}
.reduce {
	width: 60%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
h2.claim {
	font-size: 22px;
	line-height: 33px;
	font-weight: 400;
}
h2.claim1 {
	font-size: 22px;
	line-height: 33px;
	font-weight: 400;
}
.v1 {
	height: 500px!important;
	background-attachment: scroll;
	background-size: cover;
	width: 100%;
}
.v2 {
	height: 500px!important;
	background-attachment: scroll;
	background-size: cover;
	width: 100%;
}
div#featimgsub {
	height: 180px;
}
a.navigation-btn {
	margin: 6px 0 0 0;
	display: inline-block;
}
a.btn-download, .btn-download {
	margin: 0;
}
/***** Navigation *****/
.navigation {
	margin: 0 auto;
	display: none;
	background: none;
	width: 100%;
	background-color: #000;
}
div#mobilenavigation {
	display: block;
}
ul#menu {
	display: none;
}
ul#menu-generic {
	display: none;
}
ul#mobile {
	display: none;
}
div.content {
	margin-top: 10px;
}
div#menu-icon {
	display: block;
	width: 100%;
	height: 60px;
	padding: 5px 0 5px 0;
	background: rgba(255,255,255,1.00) url(../img/icon-menu.png) no-repeat;
	background-position: right 20px top 12px;
}
div#menu-icon img {
	padding-left: 15px;

}
div#menu-icon-link {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 7px 30px;
}
div#menu-icon-link a {
	font-size: 18px;
}
section.generic, section.header {
	display: none!important;
}
object.toplogo,
img.toplogo {
	height: 50px;
	width: auto;
	margin-top:5px;
}
ul.mnav {
	margin: 0;
	padding: 3px 0 0px 0;
	font-size: 14px;
	background: #fff;
	list-style: none;
	text-align: left;
	width: 100%;
}
ul.mnav li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-align: left;
	float: none;
	border-bottom: 1px solid #666;
}
ul.mnav li a {
	padding: 0 0 3px 25px;
	display: block;
	width: 270px;
	text-decoration: none;
	line-height: 30px;
	color: #000;
	border-left: 5px solid rgba(0,0,0,0.00);
}
ul.mnav li a:hover, ul.mnav li.current-menu-item a {
	padding: 0 0 3px 15px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	color: #000;
	border-left: 5px solid #fff;
}
ul.mnav ul {
	display: block;
	margin: 0 0 0 10px;
}
ul.mnav li:hover ul {
	display: block;
}
ul.mnav ul li {
	border: none;
}
ul.mnav ul li.current-menu-item a {
	color: #fff;
}
.gallery-item {
	float: none!important;
	margin-top: 10px;
	text-align: center;
	width: 200px!important;
	height: auto!important;
}
.item {
	position: relative;
	width: 95%;
	float: none!important;
	padding: 15px 0 15px 0;
	margin-bottom: 35px;
	margin-right: 1%;
}
}
.menu-footer {
	font-size: 15px;
	line-height: 150%;
}
.generic {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,0.00);
	color: #fff;
	z-index: 990;
	height: 50px;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	text-align: center;
}
.header {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,1.00);
	color: #fff;
	z-index: 1000;
	height: 110px;
	overflow: visible;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	text-align: center;
	border-top: 2px solid #fff;
	padding-top:9px;
	
}
.header.shrink {
	background: rgba(255,255,255,1.00);
	top: 0px;
	left: 0;
	height: 80px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
}

.header.screennav { opacity: 1.0;
    filter: alpha(opacity=100);}
	
.header.shrink.screennav { opacity: 1.0;
    filter: alpha(opacity=100);}
	
.header.screennav div.navigation	
	{margin-top:18px;}
.header.shrink.screennav div.navigation	
	{margin-top:0px;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}
.header img.toplogo {
	height: 50px;
	width: auto;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	margin-top:10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.header.shrink img.toplogo {
	height: 40px;
	width: auto;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	margin-top:10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 992px) {
.header img.toplogo {
	height: 80px;
	width: auto;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	margin-top:10px;
}
	}
	


.header h1 {
	font-size: 30px;
	font-weight: normal;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.header.shrink h1 {
	font-size: 24px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 767px) {
.header {
	display: none;
}


}



#workzlogo {
	width: 90px!important;
	height: 21px!important;
	background-image: url(../img/WORKZFOOTERLOGO_W.png);
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	display: block;
}
#workzlogo:hover {
	opacity: 1;
}


.white {color:#fff;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 



}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { 

.divider,
.v1,
.v2,
.v3,
.v4,
.v5,
.v6,
section.introvisual{ background-size:cover!important;
background-attachment:scroll;
background-repeat:no-repeat;
height: 50%;}

.v3 {
	background-image: url(../img/bg/divider_03.jpg);
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
}


}

.item {width:33.333%;}
section.introvisual { 

 	border-color:#fff; 
	 border-top:0;
	 border-right:0px;
	 border-bottom:0px;
	 border-left:0px;
	 border-style:solid;

}
section#introcontent,
section#introcontent1 {
	 
	 border-color:#fff; 
	 border-top:0;
	 border-right:0px;
	 border-bottom:0px;
	 border-left:0px;
	 border-style:solid;
	 color:#fff!important;
	 }

section#introcontent2,
section#featimgsub,
section#sitecontent,
 {border:0px solid #fff;}

@media only screen and (max-width: 767px) {
	
	.item { width:100%!important}
	div.infotext h2 {margin-top:24px;}
	
section.introvisual { border:0px solid #fff;}

section#introcontent,
section#introcontent1 {
	 
	 border-color:#fff; 
	 border-top:0;
	 border-right:0px;
	 border-bottom:0px;
	 border-left:0px;
	 border-style:solid;}
	 
section#introcontent2,
section#featimgsub,
section#sitecontent,
section#footergrid
	 { }
	 
.divider {
	border-left:0px solid #fff;
	border-right:0px solid #fff;}
	
	.display-1 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.v3 {
	background-image: url(../img/bg/divider_03.jpg);
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
}
 
	}
	
	
.columncount {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;}
  
  .columncount2 {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  
    -webkit-column-gap: 70px; /* Chrome, Safari, Opera */
  -moz-column-gap: 70px; /* Firefox */
  column-gap: 70px;}
  
  .columninner { padding:0px}
  

  @media (max-width: 800px) {
 .columncount2,
 .columncount {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
  
  .columninner { padding:18px}
    .thx {background:rgba( 0,0,0,0.1); padding:18px;}
	

}
@media (max-width: 500px) {
 .columncount2,
 .columncount {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
  
 .columninner { padding:18px}
   .thx {background:rgba( 0,0,0,0.1); padding:18px;}
}


div.music img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

div.music img:hover {
filter: none;
-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}




/* Slide Down
============================== */
ul.sub-meu > li:hover ul li {
  height: auto;
}
ul.sub-meu li ul {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 1;
  background:none;
}
ul.sub-meu li ul li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}

/* Slider
============================== */


.carousel-item {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.klogo { width:200px; height: auto; margin-left:30px; margin-right:30px;}

.kl {height:250px;}

.introvisualsub { height:70%; width:100%;}

@media only screen and (max-width: 1599px) { 
	.klogo { width:170px; height: auto; margin-left:30px; margin-right:30px;}
	.kl {height:250px!important} 
	
}

@media only screen and (max-width: 1399px) { 
	.klogo { width:150px; height: auto; margin-left:30px; margin-right:30px;}
	.kl {height:250px!important} 
	
}

@media only screen and (max-width: 1299px) { 
	.klogo { width:130px; height: auto; margin-left:20px; margin-right:20px;}
	.kl {height:250px!important} 
	
}

@media only screen and (max-width: 1145px) { 
	.klogo { width:120px; height: auto; margin-left:20px; margin-right:20px;}
	.kl {height:250px!important} 
	
}


@media only screen and (max-width: 990px) { 
	.klogo { width:100px; height: auto; margin-left:0; margin-right:0;}
	.kl {height:250px!important} 
	.introvisualsub { height:30%; width:100%;}
}

@media only screen and (max-width: 767px) { 
	.klogo { width:100px; height: auto; margin-left:0; margin-right:0;}
	.kl {height:250px!important;} 
	.introvisualsub { height:50%; width:100%;}
	
	.carousel-item {
  height: 80vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
}

/* KUNDENLOGOS 
==================================*/




a.readmorelink:hover {
	color:rgba(60,60,40,0.70);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out; 
text-decoration:none;}


img.readmoreicon { width:20px; height: auto; }

img.size-full { width:100%; height:auto;}