html { height:100%; }
body { font-family: Open Sans; color:#303030; font-size: 16px; line-height: 24px; height:100%; }
h1,h2,h3,h4,h5,h6 { font-family: Open Sans; }
a { color: #f3990d; }
.ce_text p a:not(.button) { color:#f3990d; }
.headerwrapper .inside { padding-top:40px; }
.mod_navigation.mainmenu { padding-top:8px; }
nav.mainmenu ul li a { font-family: Open Sans; }
nav.mainmenu ul ul li a { font-family: Open Sans; }
nav.mainmenu a:hover, nav.mainmenu a.active, nav.mainmenu a.trail { background: #303030; }
nav.mainmenu a { color: rgba(255,255,255,1.0) !important; padding: 10px 10px 10px 50px; }

#header { background-color: #1d1d1d; }
#header .inside { padding-bottom: 378px; }
#header .contentbox, #header .contentbox a:link, #header .contentbox a:visited { color:#ffffff; }
#header .mod_sprachwechsler, #header .mod_changelanguage { bottom: 288px; }
#header .mod_sprachwechsler, #header .mod_changelanguage {position: absolute; left: 0; bottom: 288px; width: 100%; text-align: left; padding: 0 50px;}
#header .mod_sprachwechsler li, #header .mod_changelanguage li {text-align: center; display: inline-block; font-size: 15px; border-left: 1px solid #808080; padding: 0 11px; line-height: 16px;}
#header .mod_sprachwechsler li:first-child, #header .mod_changelanguage li:first-child { padding-left: 0; border: 0;}
#header .mod_sprachwechsler li a, #header .mod_changelanguage li a {color: #f3990d; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
#header .mod_changelanguage li.active {color: #808080; }
#header .mod_sprachwechsler li a:hover, #header .mod_changelanguage li a:hover {opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.mobheader { background: #1d1d1d; }
.logo {  background-image: url(../../Uploads/Diverse-Elemente/logo.png); background-position: center center; border-bottom:#cdccce solid 1px; }
.logo2 { position: absolute; left: 0; bottom: 305px; text-align: left; background-image: url(../img/logo-laa.png); background-repeat: no-repeat!important; background-size: 90%!important; background-position: center; width: 150px; height: 67px; display: block; margin-left: 54px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.logo2 a { display: block; height: 100%; width: 100%;}
@media only screen and (min-width: 991px){
	#header .logo {width: 195px;}
}
@media only screen and (max-width: 990px), screen and (max-device-width: 1024px) and (min-device-width: 768px){
    .logo { height: 209px; width: 195px; }
    .logo2 { left:50%; margin-left:-98px; }
}

.ce_revolutionslider .color { background:rgba(255,255,255,0.65); padding-right:30px; padding-left:30px; color: #1d1d1d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 767px), screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
	.ce_revolutionslider .fullscreen { height:750px; height: 100vh !important; }
}
.ce_revolutionslider .tp-bannertimer { /*display:none;*/ }

.ce_imagebox .fontcolor_light h4 { background:rgba(255,255,255,0.65); padding-right:30px; padding-left:30px; color: #1d1d1d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
.ce_imagebox .fontcolor_light p { padding-top: 2px; padding-bottom:2px; background:rgba(255,255,255,0.65); padding-right:30px; padding-left:30px; color: #1d1d1d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { background:rgba(255,255,255,0.65); padding-right:30px; padding-left:30px; color: #1d1d1d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
.button.small, .ce_hyperlink.small a { font-size: 15px;}
#header .contentbox {font-size: 13px; }

.ce_imagebox .coverlay_dark { position:relative; }
.ce_imagebox .coverlay_dark .coverlay { background: rgba(0,0,0,0.00) !important; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;   }
.ce_imagebox .coverlay_dark .coverlay:hover { background: rgba(0,0,0,0.40) !important; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;   }
.ce_imagebox .coverlay_dark .image_container img { transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transition: All 0.3s ease; -webkit-transition: All 0.3s ease;	}
.ce_imagebox:hover .coverlay_dark .image_container img { transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; }
.ce_imagebox .coverlay_dark .coverlay:before { overflow:hidden; padding-top:2px; content: ''; color:rgba(0,0,0,0.00); font-size:20px; line-height:46px; z-index:999999; top:50%; width: 46px; height: 46px; margin-top: -23px; left:50%; margin-left:-23px; text-align: center; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; background: rgba(255,255,255,0.00); border-radius:50px; border:transparent; }
.ce_imagebox .coverlay_dark .coverlay:hover:before  { position: absolute; font-family: "FontAwesome"; content: '\f067'; color:rgba(0,0,0,1.00); font-size:20px; line-height:46px; z-index:999999; top:50%; width: 46px; height: 46px; margin-top: -23px; left:50%; margin-left:-23px; text-align: center; background:rgba(255,255,255,0.80) !important; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; border-radius:50px; border:transparent; } 

.image_container.float_right, .image_container.float_left { width: auto; }

.inner-wrapper { color:#cdccce; }
.inner-wrapper h1 { color:#cdccce; }
.inner-wrapper a:link, .inner-wrapper a:visited { color: #f3990d; }
.inner-wrapper a:hover, .inner-wrapper a:active { color: #cdccce; }


/* News */
.nachrichtenliste .datewrapper, .nachrichtenreader .datewrapper { color:#cdccce; }
.nachrichtenliste h3 a { color:#303030 !important; }
.nachrichtenreader .info { border-top: none; border-bottom:none; padding:0; margin-bottom:-4px; }
.nachrichtenliste .left_content { background: #303030; }
/*     --nachrichtenteaser: small / big
------------------------------------------------- */
.nachrichtenteaser_v3 {margin-bottom: 20px; border-bottom: rgba(0,0,0,0.20) 1px solid; padding-bottom: 10px;}
.nachrichtenteaser_v3 h4 {font-weight: 600; margin: 0; font-size:18px; }
.nachrichtenteaser_v3 h4 a { color: #4d4f4f; }
.nachrichtenteaser_v3 .info {font-size: 13px; color: #999; line-height: 16px;}
.nachrichtenteaser_v3 .date, .nachrichtenteaser_v3 .author, .nachrichtenteaser_v3 .comment {display: inline-block; white-space:nowrap;}
.nachrichtenteaser_v3 .dot {margin: 0 5px;}
.nachrichtenteaser_v3 .subheadline {color: #0093B5;}
.nachrichtenteaser_v3 .subheadline:before {font-family: "icons"; content: "\eb96"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
.nachrichtenteaser_v3 .linkwrapper a {float: left; font-size: 15px!important; font-family: Arial, sans-serif!important; margin-top:10px;}
.nachrichtenteaser_v3 .linkwrapper a:hover {opacity: 0.7;}
.nachrichtenteaser_v3 .linkwrapper a:after {font-family: "FontAwesome"; content: "\f105"; display: inline-block; margin-left: 5px; font-style: normal;}
.nachrichtenteaser_v3 .linkwrapper .subheadline { float: right; }
.nachrichtenteaser_v3 .image_container { min-width:72px; min-height:72px; }
.link_to_all_list { border-bottom: 1px dotted #ccc; text-align: right; margin-bottom: 25px;}
.link_to_all_list a:before { font-family: "icons"; content: "\ec8d"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 0; }
.nachrichtenteaser_v3 .block.one_fifth { width: 12%; }
button.newsback { font-family: Open Sans; margin-top:20px; background: #3c3c3c; }
button.newsback:hover { opacity: 0.9; }
@media only screen and (max-width: 1200px) {
	.nachrichtenteaser_v3 .image_container { width:100% !important; }
}
.nachrichtenteaser_v3 .image_container a { display: block; overflow:hidden; border:rgba(0,0,0,0.00) solid 1px; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; }
.nachrichtenteaser_v3 .image_container a:hover { border:#f3990d solid 1px; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; }

.nachrichtenteaser_v3 .image_container img { transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; }
.nachrichtenteaser_v3 .image_container img:hover { transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; }


/* Portfolio */
.portfolioliste .backside .back_title { margin-bottom:0px; text-transform:uppercase; text-align:center; font-size:150%; background:rgba(255,255,255,0.65); padding-top:20px; padding-bottom:20px; padding-right:30px; padding-left:30px; color: #1d1d1d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); font-weight: 600; }
.portfolioliste .backside { color: #303030; font-weight:600; }
.portfolioliste .back_subline { display:none; }
@media only screen and (max-width: 1200px) {
	.block.one_third { width:49.9% !important; }
}
@media only screen and (max-width: 843px) {
	.block.one_third { width:99.9% !important; }
}


/* Adaptionen 2017 */
.kompetenzen2017 .portfolioliste .backside { overflow:hidden; }
.kompetenzen2017 .portfolioliste .back_subline { display: block; }
.kompetenzen2017 .portfolioliste .backside .back_title { word-wrap:inherit; margin-bottom:0px; text-transform:uppercase; text-align:center; font-size:150%; background:rgba(255,255,255,0.65); padding-top:20px; padding-bottom:0px; padding-right:30px; padding-left:30px; color: #1d1d1d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); font-weight: 600; }
.kompetenzen2017 .portfolioliste .backside .back_subline { word-wrap:inherit; margin-bottom:0px; line-height: 18px; /*text-transform:uppercase;*/ text-align:center; font-size:100%; background:rgba(255,255,255,0.65); padding-top:5px; padding-bottom:20px; padding-right:30px; padding-left:30px; color: #1d1d1d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); font-weight: 600; }
.kompetenzen2017 .portfolioleser { padding:50px; margin-left:25px; }


@media only screen and (max-width: 767px) {
	.kompetenzen2017 .portfolioliste .backside .back_title { font-size:30% !important; line-height: 12px; padding-left:10px; padding-top:10px; padding-right:10px; }
	.kompetenzen2017 .portfolioliste .backside .back_subline { font-size:30% !important; line-height: 10px; }
}
@media only screen and (max-width: 990px)  {
	.kompetenzen2017 .portfolioliste .backside .back_title { font-size:50% !important; line-height: 13px; padding-left:10px; padding-top:10px; padding-right:10px; }
	.kompetenzen2017 .portfolioliste .backside .back_subline { font-size:50% !important; line-height: 11px;}
}
@media only screen and (max-width: 1100px)  {
	.kompetenzen2017 .portfolioliste .backside .back_title { font-size:60% !important; line-height: 13px; padding-left:10px; padding-top:10px; padding-right:10px; }
	.kompetenzen2017 .portfolioliste .backside .back_subline { font-size:60% !important; line-height: 13px;}
}
@media only screen and (max-width: 1200px)  {
	.kompetenzen2017 .portfolioliste .backside .back_title { font-size:70% !important; line-height: 14px; padding-left:10px; padding-top:10px; padding-right:10px; }
	.kompetenzen2017 .portfolioliste .backside .back_subline { font-size:70% !important; line-height: 12px;}
}
@media only screen and (max-width: 1300px)  {
	.kompetenzen2017 .portfolioliste .backside .back_title { font-size:90% !important; line-height: 15px; padding-left:10px; padding-top:10px; padding-right:10px; }
	.kompetenzen2017 .portfolioliste .backside .back_subline { font-size:75% !important; line-height: 15px;}
}
@media only screen and (max-width: 1400px)  {
	.kompetenzen2017 .portfolioliste .backside .back_title { font-size:95% !important; line-height: 15px; padding-left:10px; padding-top:10px; padding-right:10px; }
	.kompetenzen2017 .portfolioliste .backside .back_subline { font-size:80% !important; line-height: 15px;}
}
@media only screen and (max-width: 1500px)  {
	.kompetenzen2017 .portfolioliste .backside .back_title { font-size:100% !important; line-height: 15px; padding-left:10px; padding-top:10px; padding-right:10px; }
	.kompetenzen2017 .portfolioliste .backside .back_subline { font-size:90% !important; line-height: 15px;}
}

@media screen and (max-width:500px) {
	/* Mobile styles */
	.kompetenzen2017 .portfolioliste.port_overlay .backside { opacity: 1; }
}
@media screen and (min-width:501px) and (max-width:999px) {
    /* Tablet styles */
	.kompetenzen2017 .portfolioliste.port_overlay .backside { opacity: 1; }
}


.mod_changelanguage { display: table; width: 100%; text-align: center; margin-bottom:-20px; } 
.mod_changelanguage ul { display: table-cell; text-align: center; vertical-align: middle; }
.mod_changelanguage ul li {  }


/* Teambox */
.teambox div.link { margin-bottom:40px; margin-top:20px; }
.teambox a { background: none; color:#f3990d !important; text-transform:uppercase; font-style:italic; border:none !important; margin:0; font-weight:600; }
.teambox a:hover { background: none !important; color:#8d8d8e !important; }
.teambox h3:after { display: inline-block; width: 100%; }
.teambox a h3 { font-style:normal !important; }
.teambox h3 { font-size: 18px; }
.ce_team.one_third  { padding-right:1% !important; }

@media only screen and (min-width: 767px) { 
	.ce_team.one_third.autogrid.break.full { width: 33.3333%; }
}
@media only screen and (max-width: 767px) {
	.ce_team.one_third.autogrid.break.full { width: 100%; }
}
@media only screen and (max-width: 1200px) {
	.ce_team.one_third { width: 49.9% !important; }
}
@media only screen and (max-width: 500px) { 
	.ce_team.one_third { width: 100% !important; }
}


/* SOCIAL Icons */
.socials { border-top:none !important; padding:0 0 20px 0 !important; display: table; width: 100%; text-align: center; }
.socials .socialcontainer { display: table-cell; text-align: center; vertical-align: middle; }
.socials a { /*display:none;*/ }
.socials h5 { color: #ffffff; }
.socials a:before { color:#ffffff; }


button {padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 4px; background: #3c3c3c; color: #fff; cursor: pointer; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; }
button:hover {opacity: 0.9; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
@media only screen and (max-width: 1400px){
	.teambox a h3 { font-size:80% !important; }
	.teambox .funktion { font-size:80% !important; }
}
@media only screen and (max-width: 1024px) and (orientation : landscape){
	.teambox a h3 { font-size:60% !important; }
	.teambox .funktion { font-size:60% !important; }
}


/* Diverses */
.mod_registration input { width: 100%; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

a.nl-button i { padding-right:6px; }
a.nl-button { position: absolute; left: 50px; bottom: 210px; text-align: center; padding: 0 10px; line-height: 40px; height: 40px; width:200px; font-size: 14px; color: #ffffff /*#969696*/; margin: 0 auto 0 auto; background: rgba(255,255,255,0.1); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; }
a.nl-button:hover { color:#f3990d; background: rgba(255,255,255,0.2); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; }
@media only screen and (max-width: 843px) {
	a.nl-button { width:100%; left: 0px; right:0px; }
}

.ce_text li, .ce_list li, .ce_textarea li, .ce_text ol, .ce_list ol, .ce_textarea ol { margin-left:4px; }

.pagination { border-left: 0px solid #424242;  padding-left: 0px; }

#header .mod_changelanguage li.active { color: #ffffff; }