@media screen {
	/* fira-sans-regular - latin */
	@font-face {
	  font-family: 'Fira Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local(''),
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
	}

	/* fira-sans-italic - latin */
	@font-face {
	  font-family: 'Fira Sans';
	  font-style: italic;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
	  src: local(''),
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
	}

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

	/* fira-sans-700 - latin */
	@font-face {
	  font-family: 'Fira Sans';
	  font-style: normal;
	  font-weight: 700;
	  src: url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
	  src: local(''),
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
	}
}

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

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

/* Z-INDEXES */
#header 	{  }
#nav 		{ z-index: 2; }
#main 		{ z-index: 1; }
#footer 	{ z-index: 2; }


#canvas { overflow-x: hidden; padding: 0 0  }
#page 	{ width: 100%; max-width: 1320px; margin: 0 auto; position: relative; background: #ffffff; padding: 0 60px; }


/* === HEADER === */
#header { padding-top: 6em; }

#logo { width: 27%; max-width: 290px; position: relative;  }
#logo { background: url('../media/gfx/logo.svg') no-repeat left bottom; background-size: contain; }

#logo { font-size: 14px; line-height: 30px; letter-spacing: 1px;  }
#logo a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; outline: 0; text-indent: -999px; overflow: hidden; }
#logo a { position: relative; height:0; padding-bottom: 52.83%; display: block; }

/* CONTACT */
#contact b { font-weight: 400; }

#header { margin-bottom: 4em; }
.ctel, .fw { margin-bottom: 5em; }
#footer .ctel { margin-bottom: 0; }
.ctype-shortcut .ctel { margin-bottom: 2.5em; }
.ctype-shortcut .ctel:last-child,
.fw .ctel:last-child { margin-bottom: 0; }

/* GRID DEFAULT */
#content, 
.row {
	margin-left: -30px;
	margin-right: -30px;
}

#content .ctel,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { 
	padding-left: 30px;
	padding-right: 30px;
}
#content .ctype-shortcut .ctel, 
#content .ctel.pad-none { padding-left: 0; padding-right: 0; }

/*#content .ctel > .wrap {  padding-bottom: 50px; }*/
#content .ctype-div { clear: left; }
#content .ctype-div .divider { margin: 0 100px; height: 3px; background: #F1F0F6; overflow: hidden; }

#footer {  margin-bottom: 0; padding-top: 0; padding-bottom: 2em; background: #ffffff; }
/* .home #footer { padding-top: 4em; background: #EBE5E8; } */

#footer .lastrow {
	min-height: 20px; border-top: 1px solid #808080; padding-top: 2em; padding-bottom: 0; 
	color: #808080;
}

/* = PRIMARYNAV ========================================== */
#nav { position: absolute; bottom: -9px; left: 27%; right: 0;  text-align: right; }
/*
.miniheader #nav { position: fixed; top: 30px; left: 0; right: 0; background: #fff; bottom: auto; margin: 0 auto; }
.miniheader #primarynav { width: 100%; max-width: 1320px; padding: 0px 60px; margin: 0px auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
*/

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

.l1 { /*margin-left: -20px; margin-right: -20px; margin-top: 40px;*/  }
.l1 > li { display: inline-block; margin: 0; padding:0;  }

.l1 a { text-decoration:none; display: block; position: relative; border: 0; outline: 0; z-index: 1; }
.l1 a { padding: 12px 20px; margin: 0; text-decoration: none; letter-spacing: .05em; }
.l1 a, .l1 a:link, .l1 a:visited, .l1 a:active { font-size: 14px; line-height: 14px; font-weight: 700; text-transform: uppercase; color: #555555; }

.l1 a:hover { color: #444; z-index: 2; }

.l1 a b { font-weight: 500; }

#primarynav .l1 a { 
-webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
     -o-transition: all 0.4s;
        transition: all 0.4s;
}

#primarynav .l1 b b { position: absolute; bottom: -9px; left: 0; width: 100%; height: 2px; background: #B40064; overflow: hidden; text-indent: -99em; pointer-events: none; }

#primarynav .l1 b b { 
	-webkit-transition: opacity 0.5s, transform 0.3s;
	   -moz-transition: opacity 0.5s, transform 0.3s;
	     -o-transition: opacity 0.5s, transform 0.3s;
	        transition: opacity 0.5s, transform 0.3s;
}
#primarynav .l1 b b { opacity: 0; transform: translateY(10px); }
#primarynav .l1 a:hover b b { opacity: 1; transform: translateY(0) }


#primarynav .l1 { margin-right: -20px; }

#primarynav b { position: relative; }


/* METANAV */
#footer .l1 {  }
#footer .l1 a { padding: 0 5px 0 5px !important; font-size: 14px; line-height: 140%; font-weight: 400; text-transform: uppercase; color: inherit; padding: 12px 20px;}

/*
#footer .mn:before { display:none; }

#footer .mn { position:absolute; z-index: 3; opacity: 1; top:0; right: 20px; width: 250px; margin: 0; padding: 0; text-align: center; }
#footer .mn { transition: opacity .3s ease .3s; -webkit-transition: opacity .3s ease .3s; }
.miniheader #footer .mn	{ opacity: 0; }

#footer .mn li { display: inline-block; }
#footer .mn .l1 { margin: 0; }
#footer .mn .l1 li a { font-size: 12px; line-height: 100%; padding: 15px 7px; }
#footer .mn .l1 li a:after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -6px;  overflow: hidden; background: #999;  }
#footer .mn .l1 li:last-child a:after { display: none; }

#footer .mn .l1 li a:hover { text-decoration: underline; }
*/

/* = TEXTSTILE ======================================= */
body { 
	font-size:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	color: #555555; font-family: 'Fira Sans', 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: 14px; line-height: 150%; font-weight: 400; }

.small 		{ font-size: 13px; line-height: 140%; }
.big 		{ font-size: 120%; line-height: 120%; }

h1, .h1, 
h2.big, 
.ctel.header-big .header h2 				{ font-size: 1.7857em; }

h2, .h2, 
.imgwrap + .header 	{ font-size: 20px; }

h3, .h3 			{ font-size: inherit; }

#footercontent > .ctel h3, 
.ctel.fw h3			{ font-size: 16px; }


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


/* FONT-WEIGHTS */
h2, .h2, 
#footercontent h3			{ font-weight: 400; }

strong, 
h3, .h3, 
html .btn1, a.btn1 	{ font-weight: 500; }

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

h1, .h1 { color: #555555; text-transform: none; letter-spacing: 1px;  }
h2, .h2 { color: #555555; text-transform: none; margin-bottom: 1.5em; }
h3, .h3 { color: #555555; text-transform: none; margin-bottom: 0.5em; }


.header p { color: #B40064 }
.header.wsh { margin-bottom: 1.2em; }
.header.wsh * { margin-bottom: 0; }


.section .header {  }

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

.csc-text-text *:last-child { margin-bottom:0; }



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

p {  }

em			{ font-style: italic; }
address		{ font-style: normal;  }
table     	{ width: 100%; }
table p   	{ margin-bottom: .6em !important; }
table td 	{ vertical-align: top; padding: 0 0; }
table td.label { padding-right: 2em; white-space: nowrap; }
table caption { text-align: left; }

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

.ctel ul { padding: 1px 0 0 0; }
.ctel ul li { list-style: none; margin-left: 1em; padding-left: 0; position: relative; }
.ctel ul li:before {
	color: inherit;
	content:"";

	overflow: hidden;
	text-indent: -99px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	
	background: #777777;

	position: absolute;
	left: -1em;
	top: .55em;
}


.highlight ul li { margin-left: 0; }
.highlight ul li:before {
	background: #8E85BA center center;
	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' width='14px' height='14px' xml:space='preserve'%3E %3Cpolyline stroke='%23FFFFFF' fill='none' opacity='.95' stroke-width='2' points='2.5,6.5 5.5,9.5 10.5,3.5'%3E%3C/polyline%3E%3C/svg%3E");
	
	left: -1em;
	top: .2em;
}

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


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

blockquote { margin: 2em 0; text-align: center; color: #9cb8d0; font-weight: 600; letter-spacing: 0.05ex; }
blockquote p { margin-bottom: .6em; }

/*.ctel p { -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; text-align: justify; }*/

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

a.internal-link, a.internal-link-new-window, a.external-link, a.external-link-new-window, a.download, a.mail, abbr, acronym, 
a.lightbox-link, a.phone, a.mobile, a.fax, a.rss { background:transparent; padding: 0; }

a.internal-link { background-position: right 12px; }
a.internal-link-new-window, a.external-link, a.external-link-new-window {  background-position: right -10px; }
a.download 			{ background-position: right -30px; }
abbr, acronym 		{ background-position: right -50px; }
a.lightbox-link 	{ background-position: right -50px; }
a.mail     			{ background-position: right -90px; }
a.phone				{ background-position: right -110px; }
a.mobile			{ background-position: right -130px; }
a.fax				{ background-position: right -150px; }
a.rss				{ background-position: right -170px; }

a.internal-link-new-window::after { display: inline; content: '…';  }

a.mail { white-space: nowrap; }

#footer .small { margin-bottom: .6em; }


.highlight, .important { padding: 30px !important; position: relative; }
.highlight *, .important *, .quote * { /*color: #494176;*/ }
.pad .header *, .highlight .header *, .important .header *, .quote .header * { margin-top: 0; }

.quote { font-size: 114.29%; line-height: 140% }
.quote, .quote * { font-style: italic;  }

.highlight 		{ background: #EBE5E8; }
.fw .highlight  { background: #FFFFFF; }
.important 	{ background: #eaf8fc; border-bottom: 1px solid #97ddef; margin-left: 8px; margin-right: 8px; padding: 25px 25px 25px 25px; }
.quote 		{ background: transparent; }

.icon { display: inline-block; width: 32px; height: 32px; background: url('../media/gfx/layout/sprite_links.png') no-repeat 0 0 #333; text-indent: -999em; overflow: hidden; 
	border-radius:         16px;
	-moz-border-radius:    16px;
	-webkit-border-radius: 16px;
	-khtml-border-radius:  16px;
}


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

.highlight-ts, a.highlight-ts, .ctel .important-ts  { color: #B40064; }

.highlight-ts, a.highlight-ts { padding-left: 1.4em; position: relative; margin-left: 0 }

.highlight-ts::before { 
	content: '';
	
/*	width: 12px;
	height: 14px;
*/
	width: .8571em;
	height: 1em;
	
	background: transparent left top no-repeat;
	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' width='7px' height='10px' xml:space='preserve'%3E%3Cpolygon fill='%23B40064' points='0,0 7,5 0,10 '%3E%3C/polygon%3E%3C/svg%3E");
	background-size: contain;
	
	border-radius:0;

	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.5em;
	
	opacity: 1;
}

.ctel > a:link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -999em; overflow: hidden; z-index: 1; }

/* === 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: 1em }
.ctype-textpic > * > .imgwrap.below { margin-top: 1em }

.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; text-align: left; }
.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: -2px; margin-right: -2px }
.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: 2px; }

.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; }

/* === */
.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: -10px; margin-right: -10px;  }
.col-pad-small > * { padding-left: 10px; padding-right: 10px  }

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


.fw { padding-right: 1000px !important; margin-right: -1000px; padding-left: 1000px !important; margin-left: -1000px; background: #EBE5E8;  padding-top: 5em; padding-bottom: 5em }
.fw.ctel > .wrap { padding-left: 30px; padding-right: 30px; }

#footercontent > .ctel .ctel { margin-bottom: 3em; }
#footercontent > .ctel .ctel.ctype-header { width: auto; float: none; margin-bottom: 0; }

#footercontent > .ctel h3 { color: #B40064}

/* === HOVER CAPTION ========================== */
.imgwrap figure { position: relative; }
.img-caption-over figcaption { position: absolute; bottom: -1px; left: -1px; right: -1px; overflow: hidden; }
.img-caption-over figcaption { padding: 0; margin: 6px; pointer-events: none; }

.img-caption-over.slide-in figure { overflow: hidden; }
.img-caption-over.slide-in figcaption { 
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.img-caption-over.slide-in figcaption {  
	transition: transform;
	-webkit-transition: -webkit-transform;
	transition-duration: .4s;
}
.jsna .img-caption-over.slide-in figure:hover figcaption, 
.notScrllng .img-caption-over.slide-in figure:hover figcaption { 
	-webkit-transform: translateY(0);
	transform: translateY(0);
}


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

.slider .slide { 
	position: absolute; width: 100%; height: 100%; top:0; left:0;
	padding: 0;
	background: transparent center 20% no-repeat;
	background-size: 101%;
	background-size: cover;	
}

.slider .slide img { visibility: hidden; position: absolute; top: 0; }

.slider .slide > div { height: 100%; }
.slider .slide > div > div { margin-left: 0; padding-top: 10px }

.slider .pager { position: absolute; top: 100%; width: 100%; left: 0; text-align: left }
.slider .pager span { display: inline-block; width: 1em; height: 1em; background: #fff; border: 1px solid #B40064; border-radius: 50%; overflow: hidden; text-indent: -99em; margin: 1em .5em 1em 0; }
.slider .pager span { transition: background .3s; -webkit-transition: background .3s }
.slider .pager span.cycle-pager-active { background: #B40064;  }

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

#tbKontakt fieldset {
	border: 0;
	background: transparent;
    display: block;
    margin: 0;
    padding: 0;
}
#tbKontakt legend { padding: 5px 10px; background: #fff; 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 { padding: .4em; border-radius: 3px; margin: .2em 0 0 0; width: 100%;  }

#tbKontakt textarea { min-height:6.2em; }

#tbKontakt input[type=submit] { border: 0; background-color: #B40064; color: #fff }
#tbKontakt input[type=submit]:hover { text-decoration: none; color: #fff }

#tbKontakt .check { margin-top: 0.5em; border-radius: 3px; }

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


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

.row_tasty { display: none; }


#tbKontakt input[type=text], #tbKontakt textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
	outline: 0;
	border: 1px solid #eee;
	background: #eee;
}
 
#tbKontakt input[type=text]:focus, #tbKontakt textarea:focus {
  outline: 0;
  border: 1px solid #666;
}

#tbKontakt .has-error input, 
#tbKontakt .has-error.check  { background: #F7E5EF }

#tbKontakt a:hover { text-decoration: none; color: inherit; }
#tbKontakt .important { padding: 2em !important; background: #F7E5EF; border: 0; margin: 0 0 1.2em 0 !important; }
#tbKontakt .important p:last-child { margin-bottom: 0 !important; }

/* === FANCYBOX CONTENT ========================== */
.fancybox-inner .ctel { margin-bottom: 0; }

.fancybox-skin {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0;
	   -moz-box-shadow: 0;
	        box-shadow: 0;
}

.fancybox-close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 24px;
	height: 24px;
	background: transparent no-repeat center center;
	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' width='24px' height='24px' xml:space='preserve'%3E%3Cpolyline style='stroke:%23555555;stroke-width:2;stroke-linecap:round' points='4,4 20,20'/%3E%3Cpolyline style='stroke:%23555555;stroke-width:2;stroke-linecap:round' points='4,20 20,4'/%3E%3C/svg%3E");
}


/* === MENU ========================= */
/* ==================================== */
.navbar-toggle {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	padding: 10px;
	height: 40px;
	width: 50px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: transparent;
	border-radius: 2px;
	
	display: none;
	border: 0;
}


.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: 2px;
	border-radius: 0;
	background: #ffffff;
}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }


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


/* TOGGLE WITH "MENU"-LABEL */
#page:before {
	content: '';
	position: fixed; top: 0; left: 0; height: 40px; z-index: 2; width: 100%; background: #B80061;
	font-size: 15px; text-transform: uppercase;
	display: none;
}


/* JS COPIED HEADERS ON/OFF*/
.header-copy .wrap > .header { display: none; }

/* === @MEDIA ===*/
@media(min-width: 768px) {
	#contact { position: fixed; z-index: 2; top: 0; width: 100%; padding: 10px 60px; left: 0; background: #B80061; }
	#contact { color: #fff; font-size: 12px; line-height: 120%; text-align: right; }
	#contact > div { max-width: 1200px; margin: 0 auto; }

	#contact span.pipe { margin-left: .8em; padding-left: 1em; border-left: 1px solid #fff; }
	#contact p,
	#contact span { display: inline-block; margin: 0; }	
	.cols-2		{ position: relative; }
	.cols-2 > div { display: inline-block; }
	
	#contact .title { position: absolute; left:0; opacity: 0  }
	#contact .title { transition: opacity .3s; -webkit-transition: opacity .3s }
	.miniheader #contact .title { opacity: 1; }
}

@media (min-width: 576px) {
	#footercontent > .ctel > .wrap { overflow: hidden; margin-left: -20px; margin-right: -20px; }
	#footercontent > .ctel .ctel { width: 50%; margin-bottom: 1em; float: left; position: relative; padding-left: 20px !important; padding-right: 20px !important; }
}

@media (min-width: 1025px) {
	#footercontent > .ctel .ctel { width: 25%; }
}

@media (max-width: 1024px) {
	#page 		{ padding-left: 30px; padding-right: 30px; }
	#contact 	{ padding-left: 30px; padding-right: 30px; }
	.miniheader #primarynav { padding-left: 30px; padding-right: 30px; }

}

/*@media (min-width: 768px) and (max-width: 1023px) { 
	#c221 div { width: auto; float: none; left: 0; }
	#c221 .imgwrap { display: none; }
}
*/

@media (max-width: 900px) {
	body { font-size: 13px; }
	
	#content, 
	.row {
		margin-left: -15px;
		margin-right: -15px;
	}

	#content .ctel,
	.fw.ctel > .wrap, 
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { 
		padding-left: 15px;
		padding-right: 15px;
	}

	#header { margin-bottom: 2em; }
	#logo { width: 33%; }
	#nav { position: relative; bottom: auto; left: auto; right: auto; text-align: left; margin: 2em 0;  }
	#primarynav .l1 { margin-left: -20px; margin-right: auto; }
	
}

@media (max-width: 767px) {
	body { font-size: 12px; }
	
	#logo { width: 66%; }
	#page { padding-left: 15px; padding-right: 15px;  }
	
	#contact { position: static; top: 0; width: 100%; padding: 0; left: 0; margin-top: 3em;}
	#contact .cols-2 > div { float:left; width: 50%;  }
	#contact span { display: block; }
	
	#header { margin-bottom: 2em; }
	.ctel, .fw { margin-bottom: 3em; }
	.fw { padding-top: 3em; padding-bottom: 3em }
	.ctype-shortcut .ctel { margin-bottom: 1.5em; }
	.ctype-shortcut .ctel:last-child { margin-bottom: 0; }
	
	/* = PRIMARYNAV ========================================== */
	.navbar-toggle { display: block; }
	#page:before { display: block; }
	
	#nav { background: #B80061; position: fixed; top: 40px; bottom: auto; left: 0; right: 0; text-align: center; margin: 0; }
	#nav { 
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
		
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		
	}
	.mOpen #nav { 
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	
	#primarynav .l1 { margin-left: auto; margin-right: auto; }
	#primarynav .l1 > li { display: block; margin: 0; padding:0;  }

	#primarynav .l1 a, #primarynav .l1 a:link, #primarynav .l1 a:visited, #primarynav .l1 a:active { border-top: 1px solid #C7337F; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #FFFFFF; padding: 20px 20px; margin: 0; text-decoration: none;  }
	#primarynav .l1 a:hover { color: #ffffff; background: #C7337F;  z-index: 2; }
	#primarynav .l1 a b { font-weight: 400; }
	#primarynav .l1 a:hover b b { display: none; }
	
	#footer { padding-top: 2em; padding-bottom: 2em; }
	#footer .lastrow { border-top: 0; padding-top: 1em; padding-bottom: 0; }
	#footer .l1 a { padding: 0 5px 0 5px !important; font-size: inherit; line-height: 150%; }
	
	
	/* JS COPIED HEADERS ON/OFF*/
	.header-copy .header { display: none; }
	.header-copy .wrap > .header { display: block; }
	
	/* IMGWRAP */
	.imgwrap + div { margin-top: 3em; }
}

@media (max-width: 359px) {
	#contact .cols-2 > div { float:none; width: auto; }
}