@charset "UTF-8";
/* CSS Document */

body{ 
	margin:0px; 
	padding:0px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p, img, h4, h3, h2, h1 {margin: 0px; padding: 0px;}

.imgBlock{display: block; margin: -2px 0px -2px 0px }

.invisible{ display:none;}

a:link {text-decoration:none;}/* visited link */
a:visited {text-decoration:none;}/* mouse over link */
a:hover {text-decoration:none; }/* selected link */
a:active {text-decoration:none;}

#s1{background-color:#585858;}
#s2{background-color:#2B2B2B;}
#s3{background-color:#1F1F1F;}

#l1{background-color:#d37744;}
#l2{background-color:#f3c743;}
#l3{background-color:#57a401;}
#l4{background-color:#0c53a2;}
#l5{background-color:#cb1e10;}
#l6{background-color:#e95676;}
#l7{background-color:#451440;}
#l8{background-color:#0D0D0D;}
#l9{background-color:#51544d;}

#f1{background-color:#000000; float: right;}
#f2{background-color:#0c53a2; float: right;}
#f3{background-color:#57a401; float: right;}
#f4{background-color:#d37744; float: right;}
#f5{background-color:#FFFFFF; float: right;}


.linkWhite{color: #FFFFFF}
/*.linkWhite:hover{color: #f25252}*/

.bgWhite{background-color:#FFFFFF;}
.bgBlack{background-color:#000000;}

.bgRed{background-color:#f25252;}
.bgRedDark{background-color:#d94a4a;}
.bgKGrey{background-color:#2a3b4d;}
.bgKOrange{background-color:#ff8000;}
.bgKWhite{background-color:#d9d0c8;}
.bgKWhiteDark{background-color:#766c62;}
.bgKGreyBright{background-color:#3f6079;}
.bgKGreyDark{background-color:#1c2733;}

.bgGrey20{background-color:#D0D0D0;}
.bgGrey30{background-color:#ABABAB;}
.bgGrey50{background-color:#7A7A7A;}
.bgGrey70{background-color:#474747;}
.bgGrey90{background-color:#111111;}


.colorWhite{color:#FFFFFF;}
.colorBlack{color:#000000;}
.colorGrey{color:#666666;}
.colorGreyB{color:#555555;}
.colorGreyLight{color:#AAAAAA;}
.colorGreyDark{color:#424242;}

.colorRed{color:#f25252;}
.colorRedDark{color:#d94a4a;}
.colorKGrey{color:#2a3b4d;}
.colorKOrange{color:#ff8000;}
.colorKWhite{color:#d5c4b2;}
.colorKWhiteDark{color:#766c62;}
.colorKGreyBright{color:#3f6079;}


.letterSpaceM{letter-spacing:-0.05em;}
.letterSpaceS{letter-spacing:-0.08em;}
.letterSpaceXS{letter-spacing:-0.1em;}
.letterSpaceXXS{letter-spacing:-0.2em;}

.letterSpaceM{letter-spacing:0.05em;}
.letterSpaceL{letter-spacing:0.08em;}
.letterSpaceXL{letter-spacing:0.1em;}
.letterSpaceXXL{letter-spacing:0.2em;}
.letterSpaceXXXL{letter-spacing:0.5em;}

.lineHeight1{line-height: 1.5em;}

.font8px{ font-size:8px; }
.font10px{ font-size:10px; }
.font12px{ font-size:12px; }
.font14px{ font-size:14px; }
.font16px{ font-size:16px; }
.font18px{ font-size:18px; }

.font4XS{ font-size:0.3em; }
.font3XS{ font-size:0.4em; }
.fontXXS{ font-size:0.5em; }
.fontXS{ font-size:0.6em; }
.fontS{ font-size:0.8em; }
.fontM{ font-size:1em; }
.fontL{ font-size:1.2em; }
.fontXL{ font-size:1.5em; }
.fontXXL{ font-size:1.8em; }
.font6XL{ font-size:2em; }
.font7XL{ font-size:2.5em; }
.font8XL{ font-size:3em; }
.font9XL{ font-size:3.5em; }
.font10XL{ font-size:4em; }

.fontWeightNrm{	font-weight: 100;}
.fontWeightBold{font-weight:500;}
.fontWeight600{font-weight:600;}
.fontWeight700{font-weight:700;}
.fontWeightFett{font-weight:900;}

.transp50{
	filter: alpha(opacity = 50); 
	-ms-filter: "alpha(opacity = 50)"; 
	opacity: 0.5;
}

.transp25{
	filter: alpha(opacity = 25); 
	-ms-filter: "alpha(opacity = 25)"; 
	opacity: 0.25;
}

.transp50:hover, .transp25:hover{
	filter: alpha(opacity = 100); 
	-ms-filter: "alpha(opacity = 100)"; 
	opacity: 1;
}


.fontUP{text-transform: uppercase;}

.roundCorner{
	border-radius: 5px 5px 5px 5px; 
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px; 
	border: 0px solid #FFFFFF;
}

.roundCorner10px{
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border: 0px solid #FFFFFF;
}

.dropShadow{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}

.dropShadowDarker{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

.dropShadowDark{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

.insetShadow{
	-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);
}

.headlineShadow{text-shadow: -0.1em .1em 1px #2a3b4d;}
.headlineShadowBlack{text-shadow: -0.15em .15em 1px #000000;}

.fullscreen{
	position: absolute;
	left: 8em;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow-x: hidden;
}

.fullscreenMaske{
	position: absolute;
	left: 9em;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow-x: hidden;
}

.segment{
	width: 100%;
	margin: auto;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

.segmentAutoPos{
	width: 100%;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.segMaxHeight{height: 100%;}
.seg80Height{height: 80%;}
.seg60Height{height: 60%;}
.seg50Height{height: 50%;}
.seg40Height{height: 40%;}
.seg30Height{height: 30%;}

.segMinHeight300px{min-height:300px;}

.segHeight100{height: 100px;}
.segHeight150{height: 150px;}
.segHeight200{height: 200px;}
.segHeight250{height: 250px;}
.segHeight300{height: 300px;}
.segHeight400{height: 400px;}
.segHeight500{height: 500px;}
.segHeight800{height: 800px;}
.segHeight1000{height: 1000px;}
.segMaxHeight200{max-height: 200px;}

.segHeight50pro{height: 50%;}
.segHeight60pro{height: 60%;}
.segHeight70pro{height: 70%;}

.segMinHeight400{min-height: 400px;}

.maxWidth1280{max-width: 1280px;}
.maxWidth1000{max-width: 1000px;}
.maxWidth900{max-width: 900px;}
.maxWidth800{max-width: 800px;}


.seg100{width: 100%}
.seg80{width: 80%}
.seg76{width: 76%;}
.seg75{width: 75%;}
.seg70{width: 70%;}
.seg66{width: 66%;}
.seg60{width: 60%;}
.seg50{width: 50%;}
.seg48{width: 48%;}
.seg40{width: 40%;}
.seg37{width: 37%;}
.seg34{width: 34%;}
.seg33{width: 33%;}
.seg32{width: 32%;}
.seg30{width: 30%;}
.seg26{width: 26%;}
.seg25{width: 25%;}
.seg24{width: 24%;}
.seg20{width: 20%;}
.seg15{width: 15%;}
.seg10{width: 10%;}

.textLeft{
	text-align: left;
}

.textRight{
	text-align: right;
}

.textCenter{
	text-align: center;
}



.segHilfe{
	margin: 0em 0em 0em 0em;
	float: left;
}

.someIcon{
	width: 100%;
	background-size: 30%;
	background-position: center;
	background-repeat: no-repeat;
}

.iconInsta{	background-image: url("../img/iconInsta.png");}
.iconFB{	background-image: url("../img/iconFB.png");}

.hauptTitel{position: absolute; height: 0px; overflow:hidden;}



.floatLeft{float: left;}
.floatRight{float: right;}

.trenner,.trenner05em, .trenner1em, .trenner2em, .trenner3em, .trenner4em, .trenner5em, .trenner2px, .trenner1px, .trennerHeadlineVar{
	float: left;
	width: 100%;
}

.trenner1px{height: 1px;}
.trenner2px{height: 2px;}
.trenner05em{height: 0.5em;}
.trenner1em{height: 1em;}
.trenner2em{height: 2em;}
.trenner3em{height: 3em;}
.trenner4em{height: 4em;}
.trenner5em{height: 5em;}


.mainSeg{
	background-image: url(..admin/img/titleBG.jpg);
	background-repeat: no-repeat;
	background-position: center 70%;
	background-size: cover;
	overflow: hidden;
}

.iframeAktuell{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border: 0px;
	overflow: hidden;
}

.iframeTeaser{
	width: 80%;
	height: 100%;
	top: 0px;
	left: 0px;
	border: 0px;
	overflow: hidden;
}

.iframeDarsteller{
	width: 80%;
	border: 0px;
	margin: 0% 10% 0% 10%;
}

.iframeMASKE{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border: 0px;
}

/*.iframeAktuell{
	position: absolute;
	width: 80%;
	height: 80%;
	top: 50px;
	left: 10%;
	border: 0px;
	overflow: hidden;
}*/


.aktuellOverlay{
	background-image: url("../img/bgGradWhite2.png");
	background-size: contain;
	position: absolute;
	width: 100%;
	height: 350px;
	bottom: 0px;
}


/*.aktuellOverlay{
	background-image: url("../img/bgGradWhite.png");
	background-size: contain;
	position: absolute;
	width: 100%;
	height: 30%;
	bottom: 0px;
}
*/
.aktuellOverlay a{
	position: absolute;
	width: 100%;
	right: 0px;
	text-align: center;
	bottom: 0px;
	padding: 2em 0em 2em 0em;
}

.startSlider, .awardSlider, .egoSlider{
}

.startSliderContainer{
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	bottom: 0px;
}

.textBlockSlider{
	position: absolute;
	width: 100%;
	bottom:0px;
	padding: 2em 80px 2em 80px;
}

.textBlockSliderTop{
	position: absolute;
	top:0px;
	padding: 2em 80px 2em 80px;
}


.startslider1{background-image: url("../../teaser/teaser1.jpg");}
.startslider2{background-image: url("../../teaser/teaser2.jpg"); background-position: top;}
.startslider3{background-image: url("../../teaser/teaser3.jpg"); background-position: top;}
.award1{background-image: url("../../awards/awards1.jpg");}
.award2{background-image: url("../../awards/awards2.jpg");}
.award3{background-image: url("../../awards/awards3.jpg");}
.ego1{background-image: url("../../ego/ego.jpg"); background-position: center 40%;}

.teaserTheater, .teaserFilm, .teaserStimme{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 30%;
}

.teaserTheater{background-image: url("../../img/bilder/hamlet.jpg");}
.teaserFilm{background-image: url("../../img/bilder/teaserFilm.jpg"); background-position: top right;}
.teaserStimme{background-image: url("../../img/bilder/teaserStimme.jpg");}

.duffer{
	width:100%; 
	height:100px; 
	margin-top:-5em;
}

.button{
	float: left;
	padding: 1em 0 1em 0em;
	width: 80%;
	margin: 0% 10% 0em 10%;
}


.segRel{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.segAbs{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.textBlockBrand{
	width: 80%;
	margin: auto;
	text-align:center;
	
}

.textBlock{
	width: 80%;
	margin: auto;	
}

.textBlockInfo{
	width: 90%;
	margin: auto;
	text-align:center;
	
}


.leftNavi{
	background-image: url("..admin/img/divDuoGW20.jpg");
	background-repeat: no-repeat;
	background-size:100% 20%;
	background-position: top center;
	position: fixed;
	top: 0%;
	height: 100%;
	width: 8em;
	left: 0px;
	margin: 0px;
	z-index: 0;
	text-align: center;
	line-height: 0.8em;
	
}

.impButton{
	position: fixed;
	bottom: 0px;
	padding: 2em;
}

.animLeft, .animUp{
	transition: padding 0.25s,  margin 0.25s;
	transition-timing-function: ease-out;
}

.animScaleDown, .animScaleUp, .animScaleUpXL, .animScaleUpL{
	transition: all 0.25s;
	transition-timing-function: ease-out;
}

.animScaleDown:hover{
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	filter:brightness(0.8);
}

.animScaleUp:hover{
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-ms-transform: scale(1.025);
	-o-transform: scale(1.025);
	transform: scale(1.025);
	z-index: 100000;
}

.animScaleUpL:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 100000;
}

.animScaleUpXL:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	z-index: 100000;
}



/* ------------------ Slider-------------------------*/
/* --------------------------------------------------*/

.sss {
	height: 100%;
	width: 100%;
	margin: 0; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssnext, .sssprev {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: url("../img/arr.png") no-repeat;
}

.sssprev {
	left: 3%;
	background-position: 0 85%;
}

.sssnext {
	right: 3%;
	background-position: -26px 85%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}




/* ------------------ media Query -------------------------*/
/* --------------------------------------------------------*/



@media screen and (max-width: 100000px){
		
}

@media screen and (max-width: 5000px){
	
}

@media screen and (max-width: 3000px){
	
	

}

@media screen and (max-width: 2500px){
	

}

@media screen and (max-width: 2000px){
	

}

@media screen and (max-width: 1920px){
	
}

@media screen and (max-width: 1900px){
	

}

@media screen and (max-width: 1500px){
	
	.galerieBox{
		margin: 0.5em 0em 0em 0.5em;
		width: 27%;
		font-size:0.8em;
	}
	
	.segWidthFlex{
		width: 100%;
	}
	
	.segWidthFlex50{
		width: 50%;
	}
	
	.segNewsFlex{
		height: 800px;
	}

}

@media screen and (max-width: 1200px){
	
	.galerieBox{
		margin: 0.5em 0em 0em 0.5em;
		width: 27%;
	}
	
	.segHilfe{
		/*width: 48%;
		font-size: 0.8em;*/
	}
	
	.segWidthFlex50{
		width: 100%;
	}
		
}

@media screen and (max-width: 1050px){
	
		.segHilfe{
		width: 100%;
		font-size: 1em;
	}
	
}

@media screen and (max-width: 925px){
	
	.font4XS{ font-size:0.3em; }
    .font3XS{ font-size:0.4em; }
    .fontXXS{ font-size:0.5em; }
    .fontXS{ font-size:0.6em; }
    .fontS{ font-size:0.8em; }
    .fontM{ font-size:1em; }
    .fontL{ font-size:1.1em; }
    .fontXL{ font-size:1.2em; }
    .fontXXL{ font-size:1.3em; }
    .font6XL{ font-size:1.5em; }
    .font7XL{ font-size:2em; }
    .font8XL{ font-size:2em; }
    .font9XL{ font-size:2.5em; }
    .font10XL{ font-size:3em; }
	
	.konfiText{display: none;}
	.konfiSeg{height: 400px;}
		
	.segment{margin-top: -2px;	margin-bottom: -2px;}
	img{margin-top: -2px;	margin-bottom: -2px;}
	
	.subOff{display:none;}
	
	.clientImg{width: 32%;}
	
	.topSlider{width: 100%;}
	
}

@media screen and (max-width: 800px){
	
	
	.galerieBox, .galerieBox2{
		margin: 0.5em 0em 0em 0.5em;
		width: 25%;
		font-size: 0.6em;
	}
	
	.font7XL{ font-size:1.5em; }
	

}

@media screen and (max-width: 750px){

}

@media screen and (max-width: 700px){
	
	
	.font4XS{ font-size:0.3em; }
    .font3XS{ font-size:0.4em; }
    .fontXXS{ font-size:0.5em; }
    .fontXS{ font-size:0.6em; }
    .fontS{ font-size:0.8em; }
    .fontM{ font-size:1em; }
    .fontL{ font-size:1.1em; }
    .fontXL{ font-size:1.2em; }
    .fontXXL{ font-size:1.3em; }
    .font6XL{ font-size:1.5em; }
    .font8XL{ font-size:1.5em; }
    .font9XL{ font-size:2.0em; }
    .font10XL{ font-size:2.5em; }

	.galerieBox, .galerieBox2{
		margin: 0.5em 0em 0em 0.5em;
		width: 40%;
		font-size: 0.6em;
	}

}



@media screen and (max-width: 650px){

}

@media screen and (max-width: 600px){
	
}

@media screen and (max-width: 550px){
	
	.headOff{display: none;}
	.clientImg{width: 45%;}

}

@media screen and (max-width: 500px){

}

@media screen and (max-width: 400px){

}