/* import core styles | Basis-Stylesheets einbinden */
@import url(/fileadmin/_shared/css/default.css);


/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fnts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fnts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fnts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fnts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fnts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fnts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

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

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


/* === WEBSITE-LAYOUT GENERELL ========================================== */
body    { overflow-y: scroll; background: #EBEEF9; }

/* POSITIONIERUNGEN */
#canvas, #page, #header, #main, #nav  { position: relative; }

/* Z-INDEXES */
#header { z-index: 3; }
#page, #main, #content { z-index: 1; }
#footer { z-index: 2 }

#canvas { overflow: hidden;  }
#main { margin: 0 auto; }

#page { }

/*#header > div, 
.ctel > div { width: 100%; max-width: 1100px; margin: 0 auto; }
*/

#header .wrap,
#footer > div, 
div.slide > div, 
#content > div.ctel > .wrap, 
div.poster .wrap, 
.fw-wrap > div { width: 100%; max-width: 1200px; margin: 0 auto; padding-left: 0; padding-right: 0; position: relative; /*background: rgba(0,0,0,0.3)*/ }


#header 			{ position: absolute; top: 0; width: 100%; height: 200px;  }
#header > div 		{ position: absolute; bottom: 0; width: 100%; background: rgba(255,255,255,1); }
#page 				{ padding-top: 200px; }
#main, #footer 		{ position: relative; }
#main 				{ min-height: 1600px; }

#logo { width: 250px; height: 100px; margin:0; position: absolute; top: -45px; left: 0; z-index:2;  }
#logo { font-size: 14px; line-height: 30px; letter-spacing: 1px;  }
#logo a { outline: 0; }

.miniheader #header { position: fixed; height: 45px; }
.miniheader #header > div { background: rgba(255,255,255,0.8); top: 0; bottom: auto; }
.miniheader #logo { width: 110px; top: 5px;  }
.miniheader #primarynav .l1 a > b { padding-top: 17px; padding-bottom: 17px }
.miniheader #primarynav li.act b b { height: 6px; }

/*.miniheader.headAct #logo { opacity: 1; visibility: visible }*/


#header::before { content:''; position: absolute; left: -20px; top: 10px; height: 175px; width: 175px; z-index: 10;
	background: url("../../media/gfx/plus-logo@175x175.png") left top no-repeat transparent;

	opacity: 1; /*visibility: visible;*/
	transition: opacity .8s
}
.miniheader #header::before { opacity: 0; left: -200px; /*visibility: hidden*/  }


#header, #logo,
#header > div, 
#primarynav .l1 a { transition: all .3s }



#footer { padding: 30px 40px; position: relative; background: #1E68AF }
#footer * {  color: #FFFFFF; margin: 0;  }
#linkTop { position: absolute; top: 0; right: 0; height: 100%; padding: 20px 30px 20px 30px; background: #EC6501; text-transform: uppercase; text-align: center;  }

#nav { margin-left: 300px; }

.ctel, #footer { -webkit-transform: translate3d(0,0,0); }

/* === POSTER IMAGES FULL WIDTH === */
.ctel.poster figure::before { content:''; position: absolute; left: 0; top: 0; height: 100%; width: 65%; 
	background: url("../../media/gfx/bg_grad.png") left top repeat-y transparent;
	background-size: contain;
}

.ctel.poster .fw { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; }
.ctel.poster .wrap { height: 100%; }

.ctel.poster .align { 
	position: absolute; top: 50%; width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.ctel.poster .align.top { 
	transform: none;
	-webkit-transform: none;
	top: 40px; }
.ctel.poster .align.bottom { 
	transform: none;
	-webkit-transform: none;
	top: auto; bottom: 40px;
}


.ctel.poster figcaption { line-height: 90%; font-size: 100%; padding: 0; font-style: normal;  }

.ctel.poster h1, 
.ctel.poster figcaption .header { line-height: 100%; margin: 0 0 1em 0; color: #F49854; display: block;  }
.ctel.poster h2, 
.ctel.poster figcaption .subline { line-height: 150%; margin: 0; display: block; letter-spacing: 1px;   }


/*.ctel.poster .img-responsive { width: 100%; max-width: none; }*/

@media (min-width: 1600px) {
	.ctel.poster { overflow: hidden }
	.ctel.poster .imgwrap { /*margin-top: -50px; margin-bottom: -50px; */ }
	
	.ctel.poster .align.top { 
		transform: none; 
		-webkit-transform: none;
		top: 90px; }
	.ctel.poster .align.bottom { 
		transform: none; 
		-webkit-transform: none;
		top: auto; bottom: 90px; }
		
}

/* = PRIMARYNAV ========================================== */
.l1, .l2  { list-style: none; padding: 0; margin:0; position: relative; }
.l1 { font-size: 0; padding: 0; white-space: nowrap;  }

.l1 > li { display: inline-block; margin: 0; padding:0;  }

.l1 a  { text-decoration:none; display: block; position: relative; border: 0; outline: 0; }
.l1 a, .l1 a:link, .l1 a:visited, .l1 a:active { font-size: 14px; line-height: 16px; font-weight: 400; text-align: center; text-transform: uppercase; color: #4D4D4D; padding: 0 1em; margin: 0; text-decoration: none; letter-spacing: 2px; }
.l1 a {  }
.l1 a:hover { color: #000; }
.l1 a:focus { color: #000; outline: 1px dotted #EC6501; }
.l1 a:active { outline: 0; }

.l1 a { 
-webkit-transition: color 0.4s;
   -moz-transition: color 0.4s;
     -o-transition: color 0.4s;
        transition: color 0.4s;
}

#primarynav { }
#primarynav .l1 { 
/*	display: box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
*/	
	display:-webkit-flex;
/*     display:-webkit-box;*/
       display:-moz-flex;
        display:-moz-box;
     display:-ms-flexbox;
            display:flex;
}

#primarynav .l1 > li { margin: 0 0 0 0; padding: 0; text-align: center;
	width: 20%;            /* For old syntax, otherwise collapses. */


	    -webkit-flex:1;
	/*-webkit-box-flex:1;*/
	       -moz-flex:1;
	   -moz-box-flex:1;
	        -ms-flex:1;
	            flex:1;
}

#primarynav .l1 > li.act > a, 
#primarynav .l1 > li.cur > a { color: #000000; }

#primarynav b { position: relative; padding: 27px 0 30px 0; font-weight: 400 }
#primarynav b b  { position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #EC6501; overflow: hidden; text-indent: -999em; padding: 0;
	-webkit-transition: height 0.4s;
	   -moz-transition: height 0.4s;
	     -o-transition: height 0.4s;
	        transition: height 0.4s;
}

#primarynav li.act b b { height: 8px; }
/* ===================================================== */

/* = TEXTSTILE ======================================= */
html * { font-size:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body,h1,h2,h3,h4,
p,table,ol,ul,dl,li,a,address,dd,dt, .ctel li span,
form,input,textarea,select,label { color: #4d4d4d; font-family: 'Lato', Arial, Verdana, Tahoma, Helvetica, sans-serif; }

h1,h2,h3,h4,p,li,address,input,textarea,select,dd,dt,label,table { font-style: normal;  }

/* FONTSIZES ALL TOGETHER */
body 		{ font-size: 17px; line-height: 130%; font-weight: 300; }

.small 		{ font-size: 14px !important; }
.big 		{ font-size: 20px !important; }

h1, .h1, 
.poster .header, 
.big h2, .big .h2 	{ font-size: 30px; }

h2, .h2, 
.poster .subline, 
.team figcaption b 	{ font-size: 20px; }
h3, .h3 			{ font-size: 20px; }

.tiny, 
html .btn1, a.btn1 	{ font-size: 12px; }


/* FONT-WEIGHTS */
b	 				{ font-weight: 300; }

h1, .h1, 
.poster .header, 
.small,
.team figcaption b,
.big h2, .big .h2, 
.dark50 h2, 
h3, .h3 			{ font-weight: 400; }

b, 
strong, 
h2, .h2, 
.tiny, 
html .btn1, a.btn1 	{ font-weight: 700; }


/* HEADLINES */
h1, h2, h3, h4, .subheader { margin: 0 0 0 0; line-height: 110%;  }
h2, h3, h4 {  }	

h1, .h1 { color: #666666; text-transform: uppercase; text-align: center;  }
h2, .h2 { color: #F49854; text-transform: none; margin-bottom: 1em; }
h3, .h3 { color: #4d4d4d; text-transform: none; margin-bottom: 0.5em; }

.headerWrap { padding-bottom: 8px; }

.section .header {  }

.csc-text-text h1, .csc-text-text h2, .csc-text-text h3 { margin-top: 1em; margin-bottom: 1em; }
.csc-text-text *:first-child { margin-top:0; }

/* ABSÄTZE / TABELLEN IN CONTENT-ELEMENTEN */
p, ul, ol, blockqoute, address, table { margin: 0 0 1.2em 0; line-height: 140%  }
li p 			{ margin-bottom: 0.2em; }

p { /*-moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;*/ }

em			{ font-style: italic; }
address		{ font-style: normal;  }
table     	{ width: 100%; }
table p   	{ margin: 0; }
table td 	{ padding: 0 0 0 0; }
table caption { text-align: left; }

/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul, ol { padding: 0 0 0 1.4em; }
li { padding: 0 0 .4em 0; margin: 0; }
ul li { margin-left: -0.2em; padding-left: 0.2em; }

ul { padding: 1px 0 0 0; }
ul li { list-style: none; margin-left: 20px; padding-left: 0; position: relative; }
ul li:before {
	color:#fff;
	content:"\2022";
	text-indent: 0;
	font-size: 1em;

	position: absolute;
	top: 0;
	left: -20px;
/*	content: '';
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #666;
*/
}

.bright ul li:before { color:#4d4d4d; }


ul.super { overflow: hidden; }
ul.super li { float: left; width: 50%; background: #eee; padding: 20px; margin: 0; }

td { vertical-align: top; }

blockquote { margin: 0; }

/* LINK-STYLES */
a, a:link, a:visited, a:active { text-decoration: none; }
a:hover { color: inherit; text-decoration: underline;  }


#footer a:hover { color: #ffffff; text-decoration: none; }

html .btn1, a.btn1 { 
	padding: 10px 20px;
	background: #EC6501;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;	
	color: #FFFFFF;
	text-align: center;

	border-radius:         2px;
	-moz-border-radius:    2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius:  2px;
	
	overflow: hidden;
	
	border: 0;
}


/* === TYPO3 INHALTSELEMENTE ======================================= */
.ctel  { position: relative; z-index: 2; }
/*#content > .ctel, 
.fw-wrap
*/
.ctel > .wrap { padding-top: 60px; padding-bottom: 60px; }

.ctype-shortcut .ctel > .wrap { padding-top: 10px; padding-bottom: 10px; }


#content > .ctel, 
.fw-wrap, 
#header > div, 
.ctel.poster .fw { padding-left: 40px; padding-right: 40px; }

.ctype-header > .wrap { padding-bottom: 0 !important; }
#content > .ctel.poster { padding: 0; }

.ctype-textpic .csc-text-text { background: #FFFFFF; padding: 60px 80px }
div.bright .csc-text-text { padding: 0 } 

/* === */
.row.col-pad-xxl { margin-left: -80px; margin-right: -80px;  }
.col-pad-xxl > * { padding-left: 80px; padding-right: 80px;  }

.row.col-pad-big { margin-left: -40px; margin-right: -40px;  }
.col-pad-big > * { padding-left: 40px; padding-right: 40px  }

.row.col-pad-small { margin-left: -5px; margin-right: -5px;  }
.col-pad-small > * { padding-left: 5px; padding-right: 5px  }

.row.col-pad-none { margin-left: 0; margin-right: 0;  }
.col-pad-none > * { padding: 10px 25px }

/* === */
.img-pad-small .imgwrap { margin: -8px !important; }
.img-pad-small .imgwrap figure { padding: 8px !important; }

.img-pad-none .imgwrap { margin: 0 !important; }
.img-pad-none .imgwrap figure { padding: 0 !important; }


.highlight, .important, .quote { padding: 20px 25px; position: relative; }
.highlight *, .important *, .quote * { color: #fff; }

.highlight, .highlight *, .highlight *:before, 
.highlight-ts, .highlight-ts:hover 	{ color: #F49854; padding: 0;  }

.important, .important *, .important *:before, 
.important-ts, .important-ts:hover 	{ color: #EC6501; padding: 0;  }

/*
.important 	{ background: #EA7C1B;  }
.important.bright { background: #F4983E; }
*/

.list-unstyled { padding-left: 0; list-style: none; }
.list-unstyled > li { margin-left: 0;  }
.list-unstyled > li:before { display: none; }

.dark 	{ background: #1E68AF; }
.dark50 { background: #5682C1; }
.dark90 { background: #EBEEF9; }

.bright { background: #FFFFFF; }

body.bg-white { background: #FFFFFF; }
.bg-white > div { background: #FFFFFF; padding: 30px; }
.bg-bright10 > div { background: #FEF1E7; padding: 30px 1px !important; }
.bright + .bg-bright10 { padding-top: 60px; }
.bg-bright10 + .bright > .wrap { padding-top: 30px; }
.bg-bright10 h2, .bg-bright10 h3 { color: #F49854 }

.dark50 * {
	color: #ffffff;
}

.valign-c { position: relative; min-height: 100px; }
.valign-c > * { 
	text-decoration: none; 
	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%; 
	left: 0;
	-webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
}


@media (min-width: 960px) {
	.row-eq-height {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		
		height: 100%;
	}

	.row-eq-height > div { overflow: hidden; }
	.row-eq-height > div > div { padding-bottom: 1000px; margin-bottom: -1000px; }
/*	.row-eq-height .important { position: absolute; top: 0; width: 100%; height: 100%; }*/
}


.phone::before, .home::before, .mail::before, .openinghours::before, .link-go::before { content: ''; position: absolute; top: 0; margin-top: .3em; left: 0; width: 16px; height: 16px; background: no-repeat transparent center center; }
.phone::before 			{  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.521px' height='10.359px' viewBox='0 0 13.521 10.359' enable-background='new 0 0 13.521 10.359' xml:space='preserve'%3E%3Cpath fill='%234D4D4D' d='M12.146,7.568c-1.375-1.461-1.588-1.697-2.275-1.65C9.356,5.953,8.842,7.176,8.615,7.789 c-2.39-0.551-4.282-2.213-4.939-4.326c0.72-0.219,1.925-0.648,1.962-1.078c0.054-0.613-0.212-0.801-1.852-2.025 C2.638-0.5,1.646,0.375,1.153,0.979C1.015,1.102,0.907,1.25,0.839,1.416c-0.01,0.018-0.015,0.027-0.015,0.027l0.004,0.002 C0.785,1.564,0.761,1.689,0.761,1.82c0,2.281,0.996,4.426,2.807,6.039c1.809,1.611,4.217,2.5,6.778,2.5 c0.362,0,0.69-0.129,0.932-0.338C11.933,9.635,13.195,8.684,12.146,7.568'/%3E%3C/svg%3E"); }
.mail::before 			{  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.521px' height='10.359px' viewBox='0 0 13.521 10.359' enable-background='new 0 0 13.521 10.359' xml:space='preserve'%3E%3Cpath fill='%234D4D4D' d='M13.23,3.318c-0.416,0.217-5.534,2.893-5.789,3.025C7.186,6.479,7.007,6.496,6.76,6.496 c-0.246,0-0.425-0.018-0.68-0.152C5.824,6.211,0.708,3.535,0.29,3.318C-0.002,3.166,0,3.346,0,3.482v5.512 c0,0.314,0.42,0.719,0.745,0.719h12.03c0.326,0,0.746-0.404,0.746-0.719V3.482C13.521,3.346,13.524,3.166,13.23,3.318 M0.446,1.816 C0.812,2.014,5.89,4.74,6.08,4.842c0.189,0.102,0.434,0.15,0.68,0.15c0.247,0,0.492-0.049,0.682-0.15 c0.188-0.102,5.267-2.828,5.634-3.025C13.441,1.619,13.788,1,13.114,1H0.406C-0.268,1,0.079,1.619,0.446,1.816'/%3E%3C/svg%3E"); }
.openinghours::before 	{  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%234D4D4D' d='M6.681,11.94c-2.9,0-5.259-2.358-5.259-5.26c0-2.899,2.359-5.259,5.259-5.259 c2.901,0,5.26,2.359,5.26,5.259C11.94,9.582,9.582,11.94,6.681,11.94 M6.681,0C2.997,0,0,2.997,0,6.681 c0,3.685,2.997,6.682,6.681,6.682s6.682-2.997,6.682-6.682C13.362,2.997,10.364,0,6.681,0'/%3E %3Cpath fill='%234D4D4D' d='M10.163,6.475H7.16V2.865c0-0.305-0.245-0.551-0.549-0.551s-0.55,0.246-0.55,0.551v4.159 c0,0.305,0.246,0.551,0.55,0.551h3.552c0.304,0,0.551-0.246,0.551-0.551C10.714,6.721,10.467,6.475,10.163,6.475'/%3E%3C/svg%3E"); }
.home::before 			{  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%234D4D4D' d='M4.842,7.319c-1.386,0-2.51-1.124-2.51-2.51s1.125-2.511,2.51-2.511s2.51,1.125,2.51,2.511 S6.228,7.319,4.842,7.319 M4.842,0C2.172,0,0,2.172,0,4.843c0,1.074,0.687,2.827,2.099,5.358c0.999,1.79,1.982,3.283,2.023,3.346 l0.72,1.092l0.72-1.092c0.041-0.062,1.023-1.556,2.023-3.346C8.998,7.67,9.684,5.917,9.684,4.843C9.684,2.172,7.512,0,4.842,0'/%3E%3C/svg%3E"); }
.link-go::before 		{  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' xml:space='preserve'%3E%3Cline fill='none' stroke='%23EC6501' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' x1='1' y1='5.097' x2='9.418' y2='5.097'/%3E%3Cpolyline fill='none' stroke='%23EC6501' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='5.953,9.192 10.049,5.097 5.953,1 	'/%3E%3C/svg%3E"); }
.dark50 .link-go::before,
#linkTop.link-go::before {  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' xml:space='preserve'%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' x1='1' y1='5.097' x2='9.418' y2='5.097'/%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='5.953,9.192 10.049,5.097 5.953,1 	'/%3E%3C/svg%3E"); }

.phone::before 			{  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.521px' height='10.359px' viewBox='0 0 13.521 10.359'%3E%3Cpath fill='%234D4D4D' d='M12.146,7.568c-1.375-1.461-1.588-1.697-2.275-1.65C9.356,5.953,8.842,7.176,8.615,7.789 c-2.39-0.551-4.282-2.213-4.939-4.326c0.72-0.219,1.925-0.648,1.962-1.078c0.054-0.613-0.212-0.801-1.852-2.025 C2.638-0.5,1.646,0.375,1.153,0.979C1.015,1.102,0.907,1.25,0.839,1.416c-0.01,0.018-0.015,0.027-0.015,0.027l0.004,0.002 C0.785,1.564,0.761,1.689,0.761,1.82c0,2.281,0.996,4.426,2.807,6.039c1.809,1.611,4.217,2.5,6.778,2.5 c0.362,0,0.69-0.129,0.932-0.338C11.933,9.635,13.195,8.684,12.146,7.568'/%3E%3C/svg%3E"); }


.phone, .mail, .home, .openinghours, .link-go { position: relative; padding-left: 2em;  } 
.link-go { padding-left: 1.5em;  } 

.dark50 li.link-go { margin-left: 0; }

#linkTop.link-go::before { position: relative; top: 0; left: 0; margin: 0 auto; transform: rotate(-90deg); display: block }


#c764 p strong, #c764 p b { padding-right: 0.5em; }
/* === SLIDE CONTENT MORE/LESS === */
.slideopen {  }
.slideToggle { 
	color: #4d4d4d; font-weight: normal; cursor: pointer; position: relative; display: block; top: -5px; overflow: hidden; text-align: center; margin: 0 auto;
/*	color: #fff;*/
}
.slideToggle:hover {  }

.slideToggle b { text-transform: uppercase; font-size: 81.81% !important; line-height: 125% !important; }
.slideToggle > b { display: inline-block; padding: 10px 22px 7px 35px; position: relative;
	background: #FFFFFF;
}

.slideToggle b b { 
	position: absolute; left: 13px; top: 50%; margin-top: -4px;
	height: 12px; width: 10px;
	background: transparent no-repeat;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve"><polygon fill="%23F49854" points="1.185,10 0,8.812 3.812,5 0,1.185 1.185,0 6.186,5 "/></svg>');
	overflow: hidden; 
	opacity: 1;
	
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

.slideToggle.act b b { 
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);
}


/* === SLIDER ========================== */
.slider { padding: 1em; background: #153F67; z-index: 1 }
.slider { padding-bottom: 45%; height: 0; }

.slider .slide { 
	position: absolute; width: 100%; height: 100%; top:0; left:0;
	padding: 0;
	background: transparent center 20% no-repeat;
	background-size: 105%;
	background-size: cover;	
}
.slider .slide > div { height: 100%; }
.slider .slide > div > div { margin-left: 0; padding-top: 10px }


/* === TEASER-LEISTUNGEN ========================== */
.teaser { list-style: none; margin: 0 0 !important; padding: 0; }
.teaser > * { padding-bottom: 0; position: relative; margin:0;  }
.teaser > div > * { overflow: hidden; padding-left: 40px; padding-right: 40px }
.teaser .h { color: #F49854; margin-top: .6em; }

#c790 .teaser .h { min-height: 3em; }
#c790 .teaser { margin-top: 2em !important; }

/* === TEAM-O-TEAM ========================== */
.team { margin: 0; }
.team > * { padding-bottom: 10px; margin:0 !important }
.team figure { padding: 0; position: relative; }
.team figure { background: #FFFFFF; }

.team figcaption { position: relative; height: 0; padding-bottom: 30% }
.team figcaption div { position: absolute; width: 100%; padding: 4% 8%; top: 0; }

.team figcaption { text-align: center; 
	font-style: normal;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;  
	-khtml-user-select: none;   
	-moz-user-select: none;     
	-ms-user-select: none;      
	user-select: none;          
}

.team figure figcaption { background: #FFFFFF; }
.team figure figcaption b { display: inline-block; margin-bottom: .4em;	}
/*
.team figure figcaption { 
	opacity: 0;
	-webkit-transition: opacity .3s linear 0s ;
	        transition: opacity .3s linear 0s ;

	background: #FFFFFF ;
}

.team figure:hover figcaption { 
	opacity: 1;
	-webkit-transition: opacity .3s linear .5s;
	        transition: opacity .3s linear .5s;
}
*/

/* === MAILFORM ========================== */
#tbKontakt {  }

#tbKontakt fieldset {
	border: 0;
	background: transparent;
    display: block;
    margin: 0;
    padding: 0;
}
#tbKontakt legend { padding: 5px 10px; background: #f3f3f3; text-transform: uppercase }
#tbKontakt .frow { padding: 0 0 1em 0; position: relative; } 

#tbKontakt label {  }

#tbKontakt input[type=text], #tbKontakt select { color: #222; } 
#tbKontakt select { border: 0; margin-top: .2em; padding: 8px; width: 100%; font-family: Arial, sans-serif;
	-webkit-appearance:none; 
}

#tbKontakt input[type=text], 
#tbKontakt textarea { border: 0; padding: 5px 5px; margin: .2em 0 0 0; width: 100%;  }

#tbKontakt textarea { height:285px; }

#tbKontakt input[type=submit] { /*font-size: 81.81% !important; line-height: 125% !important; text-align: center; display: block; color: #FFFFFF; text-transform:uppercase; white-space: nowrap; padding: 20px; margin-bottom: 0; border:0; width:100%;*/ }
#tbKontakt input[type=submit]:hover { text-decoration: none; color: #fff }

#tbKontakt .check { padding: 2em 0 0 0; }

#tbKontakt .check label { padding-right: 0; margin-right: 0; display: inline-block; }
#tbKontakt .check label input { margin-right: 0.5em; }

#tbKontakt table 	{ width: 100%; }
#tbKontakt table.autowidth 	{ width: auto; }
#tbKontakt td 		{ vertical-align: middle; text-align: left; padding: 10px 20px 0 0;  }
#tbKontakt td input[type=text] { margin:0; }

#tbKontakt .cb {  }

input:required:valid { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=); background-position: right  center; background-repeat: no-repeat; }

#tbKontakt .has-error input, 
#tbKontakt .has-error #datenschutz  { background: #FDF1E7; }


::-webkit-input-placeholder{ color:#999; }
    :-ms-input-placeholder { color:#999; }
        ::-moz-placeholder { color:#999; }
         :-moz-placeholder { color:#999; }

.row_tasty { display: none; }
@media (max-width: 767px) {
	#tbKontakt fieldset {
		padding: 0.35em 5px 0.75em;
	}
	
	#tbKontakt td {
		padding: 10px 5px 0 0;
	}
	
	#tbKontakt select {
		font-size: 12px;
	}
}


/* === RESPONSIVE ========================= */
.ctel img.border { padding: 0 }

.align-c .img-responsive, table.align-c, div.img-align-c .img-responsive { margin: 0 auto; }
.align-r .img-responsive, table.align-r, div.img-align-r .img-responsive { margin: 0 0 0 auto; }
.img-responsive {  }

.imgwrap { margin: 0; }
.imgwrap-responsive { margin: 0; } 
 
.imgwrap.fl-right 	{ float: right; padding-left: 15px; padding-right: 0; }
.imgwrap.fl-left 	{ float: left; padding-right: 15px; padding-left: 0 }
 
.imgwrap.fl-right, .imgwrap.fl-left { margin-bottom: 10px }
.ctype-textpic > .imgwrap.above { margin-bottom: 0 }
.ctype-textpic > .imgwrap.below { margin-top: 0 }

.above.align-c .outer-wrap, .below.align-c .outer-wrap { float: right; position: relative; right: 50%; }
.above.align-c .inner-wrap, .below.align-c .inner-wrap { float: right; position: relative; right: -50%; text-align: left; }

.above.align-r .inner-wrap, .below.align-r .inner-wrap { float: right; position: relative; text-align: left; }

.imgwrap-responsive.above.align-c .outer-wrap, .imgwrap-responsive.above.align-c .inner-wrap, 
.imgwrap-responsive.below.align-c .outer-wrap, .imgwrap-responsive.below.align-c .inner-wrap { float: none; position: static; right: auto;  }

.imgwrap figcaption { font-size: 83.33%; line-height: 120%; font-style: italic; padding: 0.4em 0 }
.imgwrap img.border { padding: 0; }

.imgwrap figure { display: inline-block; vertical-align: top; padding: 0; }
.imgwrap.col1 figure { display: block; }

.imgwrap-responsive.col2 figure, .imgwrap-responsive.col3 figure, .imgwrap-responsive.col4 figure, .imgwrap-responsive.col5 figure, .imgwrap-responsive.col6 figure, .imgwrap-responsive.col7 figure, .imgwrap-responsive.col8 figure { display: inline-block; }
.imgwrap-responsive.col2 figure { width: 50%; }
.imgwrap-responsive.col3 figure { width: 33.33%; }
.imgwrap-responsive.col4 figure { width: 25%; }
.imgwrap-responsive.col5 figure { width: 20%; }
.imgwrap-responsive.col6 figure { width: 16.66%; }
.imgwrap-responsive.col7 figure { width: 14.28%; }
.imgwrap-responsive.col8 figure { width: 12.50%; }


.col2.imgwrap, .col3.imgwrap, .col4.imgwrap, .col5.imgwrap, .col6.imgwrap, .col7.imgwrap, .col8.imgwrap { margin-left: -20px; margin-right: -20px }
.col2 figure, .col3 figure, .col4 figure, .col5 figure, .col6 figure, .col7 figure, .col8 figure { padding: 20px; }

.img-pad-small .col2.imgwrap, .img-pad-small .col3.imgwrap, .img-pad-small .col4.imgwrap, .img-pad-small .col5.imgwrap, .img-pad-small .col6.imgwrap, .img-pad-small .col7.imgwrap, .img-pad-small .col8.imgwrap { margin-left: -3px; margin-right: -3px }
.img-pad-small .col2 figure, .img-pad-small .col3 figure, .img-pad-small .col4 figure, .img-pad-small .col5 figure, .img-pad-small .col6 figure, .img-pad-small .col7 figure, .img-pad-small .col8 figure { padding: 3px; }

.img-pad-none .col2.imgwrap, .img-pad-none .col3.imgwrap, .img-pad-none .col4.imgwrap, .img-pad-none .col5.imgwrap, .img-pad-none .col6.imgwrap, .img-pad-none .col7.imgwrap, .img-pad-none .col8.imgwrap { margin-left: 0; margin-right: 0 }
.img-pad-none .col2 figure, .img-pad-none .col3 figure, .img-pad-none .col4 figure, .img-pad-none .col5 figure, .img-pad-none .col6 figure, .img-pad-none .col7 figure, .img-pad-none .col8 figure { padding: 0; }


.col1 > figure + figure { margin-top: 20px; }
.slides > figure + figure { margin-top: 0; }

@media (max-width: 767px) {
	.imgwrap-responsive.fl-right 	{ float: none; padding: 0; }
	.imgwrap-responsive.fl-left 	{ float: none; padding: 0; }
	.above.align-r .inner-wrap, .below.align-r .inner-wrap { float: none; }
	
/*	.ctype-textpic .imgwrap-responsive { margin-bottom: 20px; }*/
	
	.col2.imgwrap, .col3.imgwrap, .col4.imgwrap, .col5.imgwrap, .col6.imgwrap, .col7.imgwrap, .col8.imgwrap { margin-left: -5px; margin-right: -5px }
	.col2 figure, .col3 figure, .col4 figure, .col5 figure, .col6 figure, .col7 figure, .col8 figure { padding: 5px; }	
	
	.imgwrap-responsive.col4 figure { width: 50%; }
}

@media (max-width: 359px) {
	.imgwrap-responsive figure { display: block; width: auto; }
	/* !important ??? */
}

.slide .imgwrap { margin-top: 5px; }

/* === MENU ========================= */
/* ==================================== */
.navbar-toggle {
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 999;
	padding: 10px;
	height: 40px;
	width: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: #FFFFFF;
	border: 1px solid #4d4d4d;
	border-radius: 2px;
	
	display: none;
	border: 1px solid #5682C1;
}


.navbar-toggle { 
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-toggle.act {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);
}


.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: auto;
	height: 3px;
	border-radius: 0;
	background: #5682C1;
}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 2px; }


.navbar-toggle:hover,
.navbar-toggle:focus {
/*  background-color: #005C59;*/
}

/* === RESPONSIVE ========================= */
@media (max-width: 1530px) {
	#header::before { display: none; }
	
}

@media (max-width: 1024px) {
	#content > .ctel, 
	.fw-wrap, 
	#header > div, 
	.ctel.poster .fw { padding-left: 30px; padding-right: 30px; }
	
	.ctype-textpic .csc-text-text { padding: 30px }
	
	
	.teaser > div > * { padding-left: 20px; padding-right: 20px }
}

@media (max-width: 1023px) {

}


@media (max-width: 900px) {
	#page { padding-top: 65px; }
	
	#header { position: fixed; height: 65px; }
	#header > div { background: rgba(255,255,255,0.8); height: 100% }
	#logo { width: 110px; height: 45px; top: 15px; }
/*
	#primarynav .l1 a > b { padding-top: 17px; padding-bottom: 17px }
	#primarynav li.act b b { height: 6px; }
*/	
	.ctel > .wrap { padding-top: 30px; padding-bottom: 30px; }

	#content > .ctel, 
	.fw-wrap, 
	#header > div, 
	.ctel.poster .fw { padding-left: 20px; padding-right: 20px; }
	
	
	.ctype-textpic .csc-text-text { padding: 20px }
	
	/* FONTSIZES ALL TOGETHER */
	body 		{ font-size: 15px; line-height: 130%; font-weight: 300; }

	.small 		{ font-size: 14px !important; }
	.big 		{ font-size: 16px !important; }
	
	h1, .h1, 
	.poster .header, 
	.big h2, .big .h2 	{ font-size: 22px; }

	h2, .h2, 
	.poster .subline, 
	.team figcaption b 	{ font-size: 18px; }
	h3, .h3 			{ font-size: 16px; }

	.tiny, 
	html .btn1, a.btn1 	{ font-size: 12px; }
	
	
	/* = PRIMARYNAV ========================================== */
	.navbar-toggle { display: block; }
	
	#nav { position: fixed; left: 0; top: 0; width: 100%; background: rgba(255,255,255,0.9); padding: 0 !important; margin: 0 !important; }
	#nav { transition: height .5s }
	#nav { height: 0; padding-top: 1px; overflow: hidden; margin: 0;
		-webkit-transform: translateZ(0);
	}
	#nav.act { height: 100%; }

	#primarynav .l1 { display: block; margin-top: 70px; }
	#primarynav .l1 > li { display: block;  -webkit-flex-grow: 0; flex-grow: 0; width: auto; }
	
	#primarynav b b { display:none; }
}

@media (max-width: 767px) {	
	#page { padding-top: 0; }
	
	#header { background: #ffffff; position: relative; height: auto; }
	#header > div { position: relative; background: #ffffff; top: 0; bottom: auto; }
	#logo { position: relative; width: 110px; height: auto; top: 0; padding: 15px 0;  }
	
	#footer { padding: 30px 20px;  }
/*	#linkTop { padding: 40px 30px 20px 30px; background: #EC6501; text-transform: uppercase;  }*/
	
	
	/* REAL */
	
/*
	.ctel.poster { display: none; }
	.ctel.poster.n1 { display: block; }
*/	
	.poster .subline 	{ font-size: 15px; line-height: 130%; letter-spacing: 0 }
	.poster .subline br { display: none; }
	.ctel.poster .fw { position: relative;  }

	.ctel.poster .align { 
		position: relative; top: 0;
		padding: 1em 0;
		transform: none;
		-webkit-transform: none;
		
	}
	
	.ctel.poster figcaption .header { line-height: 100%; margin-bottom: .3em; }
	
	
	
	.teaser > div > * { padding-left: 0; padding-right: 0 }
	
	.team > * { width: 50%; float: left; }
	
	
	/* TEXT */
/*	.csc-text-text br { display: none; }*/
	p, ul, ol, blockqoute, address, table { margin: 0 0 .8em 0;  }
}
@media (max-width: 550px) {
	.team > * { width: auto; float: none; }	
}
	
@media (max-width: 360px) {
	.imgwrap.fl-left, .imgwrap.fl-right { float: none !important; display: block !important; text-align: center !important; margin: 0 !important; }
}


@media (max-width: 320px) {
	
}

/* SEHR NIEDRIG */

@media (min-width: 1000px) and (max-height: 700px) {

}

/* = PRINT ========================================== */
@media print { 

}

/* === FANCYBOX DOWNLOAD ==================================*/
.fancybox-title a, .fancybox-title a:link, .fancybox-title a:visited, .fancybox-title a:active, .fancybox-title a:focus { color: #FFF; outline: 0 !important; background-position: right -36px; }
.fancybox-title a:hover { text-decoration: underline; }

::-webkit-input-placeholder { color: #888888; opacity: 1; }
          :-moz-placeholder { color: #888888; opacity: 1; }
         ::-moz-placeholder { color: #888888; opacity: 1; }
     :-ms-input-placeholder { color: #888888; opacity: 1; }




/* === FORM : FEEDBACK === */
.fh--feedback { }
.fh--feedback fieldset { padding: 0; }
.fh--feedback legend { margin-bottom: 0.5em; }

.fh--feedback .frow { padding: .2em 0; border-bottom: 2px solid #D7DDF1; }

.fh--feedback textarea { border: 0; padding: .3em; margin: .2em 0 0 0; width: 100%; }

.fh--feedback .radio label { width: 2.6em; padding: .3em; margin: 0 0.2em; display: inline-block; text-align: center; }
.fh--feedback .radio label, .fh--feedback .radio label * { cursor: pointer; }
.fh--feedback .radio .label { padding-top: .3em; padding-bottom: .3em; hyphens: auto; }
.label__icon { width: 1.5em; height: 1.5em; margin: 0 0.75em; }

.form__row--buttons { margin-top: 1em; } 

.fh--feedback .has-error { color: #EC6501; }
.fh--feedback .big { vertical-align: top; }

@media(min-width: 768px){
	.fh--feedback { font-size: 16px; line-height: 1.2; }
	.fh--feedback label img { display: none; }
	.fh--feedback textarea { height: 7.8em; }
}

@media(max-width: 767px){
	.fh--feedback { font-size: 14px; line-height: 1.1; }
	
	.fh--feedback .label + div { display: flex; }
	.fh--feedback label { flex: 1; margin: 0 .2em; padding: 0; }
	.fh--feedback label img { padding: .2em .3em; margin: 0; width: 100%; max-width: 3em; height: auto; border-radius: 3px; overflow: hidden; }
	
	.fh--feedback input[type=radio] { display: none; }
	.fh--feedback input[type=radio]:checked + img { background: #D7DDF1; }
	
	.fh--feedback textarea { height: 7.2em; }
}