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

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


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

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

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


#canvas { overflow-x: hidden; padding: 0 0  }
#page 	{  }
#footer > div { width: 100%; max-width: 1240px; margin: 0 auto; position: relative; padding: .5em 30px; }

#header > .wrap, 
#footer > .wrap, 
.ctel > .wrap { width: 100%; max-width: 960px; margin: 0 auto; position: relative; background: transparent; padding: 0 30px; }
.ctel.fw > .wrap { max-width: none; padding: 0;  }

#footer { background: #164E96; }

/* === HEADER === */
#header { position: fixed; top: 0; right: 0; bottom: auto; left: 0; background: rgba(231,233,246,0.95); }
#header { padding-top: 2em; padding-bottom: 0; }

#logo { width: 380px; height: 65px; position: relative; top: 0; left: 0; margin:0; z-index: 2; float: left; }
#logo { background: url('../../media/gfx/logo_ap.svg') no-repeat center top; 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; }
/* ====== */

#main { min-height: 1000px; }


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

#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: 15px;
	padding-right: 15px;
}
#content .ctype-shortcut .ctel, 
#content .ctel.pad-none { padding-left: 0; padding-right: 0; }

#content .ctype-shortcut .ctel { margin-left: 0; margin-right: 0; margin-bottom: 1.5em; }
#content .ctype-shortcut .ctel > .wrap { padding: 30px; background: #EBEDED; }
#content .ctype-shortcut .ctel.ctype-header > .wrap { background: transparent; padding-top: 0 !important; padding-bottom: 40px !important; }

#content .ctype-shortcut.row > .wrap { padding: 0; }
#content .ctype-shortcut.row .ctel { margin-left: 0; margin-right: 0; }
#content .ctype-shortcut.row .ctel > .wrap { margin-left: 0; margin-right: 0; padding: 30px; background: #EBEDED; }

.ctel.inv { color: #fff; }
.ctel { padding: 5em; }
.ctel.fw { padding: 0; }



#footer .ctel { margin-bottom: 0; }
.ctype-shortcut .ctel { padding: 0; margin-bottom: 0; }
/*
.ctype-shortcut .ctel:last-child,
.fw .ctel:last-child { margin-bottom: 0; }
*/




/*#content .ctel > .wrap {  padding-bottom: 50px; }*/
#content .ctype-div { clear: left; }
#content .ctype-div .divider { 
	margin: 0 100px; height: 6px; overflow: hidden;
	background: repeat-x left bottom;
	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='8' height='5' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23F3C8A4' stroke-width='4' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
}


.bg1 { background: url("../../media/gfx/schneide_x1300.jpg") no-repeat center center; background-size: cover;  }
.bg2 { background: url("../../media/gfx/bg2.jpg") no-repeat center center; background-size: cover;  }

.bg2 > .wrap:after { content: ''; position: absolute; z-index: 999; width: 33%; left: 0; top: 100%; padding-top: 50%; transform: translateY(-55px); }
.bg2 > .wrap:after { background: url("../../media/gfx/karte_standort.png") no-repeat center center transparent; background-size: contain; } 


/* = PRIMARYNAV ========================================== */
#nav { margin-left: 50%; }
/*
.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;  }
.l1 li 	{ padding: 0; margin:0; }
.l1 a 	{ text-decoration:none; display: block; position: relative; border: 0; outline: 0; z-index: 1; }


.l1 b { font-weight: 400; }
/*.l1 b b { display: none; }*/

#primarynav .l1 { text-align: right; top: 0; display: flex; margin: 0 -5px 0 auto; /*max-width: 800px;*/ }
#primarynav .l1 > li { display: inline-block; margin: 0; padding:0; flex-grow: 1;  }

#primarynav .l1 a { padding: 40px 5px 25px 5px; margin: 0; text-decoration: none; letter-spacing: 0; text-align: right; display: block; }
#primarynav .l1 a
/*, 
#primarynav .l1 a:link, 
#primarynav .l1 a:visited, 
#primarynav .l1 a:active*/ { font-weight: 400; font-size: 15px; line-height: 1; color: #4D4D4D; }

#primarynav .l1 a:hover { color: #164E96; z-index: 2; text-decoration: none; }
#primarynav .l1 a b { font-weight: 600; }

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

/*#primarynav .l1 a b b { display: none; }*/
#primarynav .l1 > .act > a, 
#primarynav .l1 > .cur > a {  color: #7BB73C; }

/* LEVEL 2 */
@media(min-width: 768px){
	/*#header:after { content:""; position: absolute; left:0; right: 0; top: auto; bottom: 0; background: #164E96; height: 3em; }*/
	#primarynav .l2 { margin: 0 -5px 0 -5px; }
	#primarynav .l2 > li { margin: 0; padding:0; }
	
	#primarynav .l2  { display: flex; align-items: stretch; justify-content: space-between; }
	#primarynav .l2 > li { display: block; flex: 0 1 auto;  }
	
	#primarynav .l2 { position: absolute; top: 100%; left: -1000px; right: -1000px; padding: 0 1030px; width: auto; background: #164E96;   }
	#primarynav .l2 a { font-weight: 600; font-size: 14px; padding: 1.2em 5px; margin: 0; text-decoration: none; letter-spacing: 0; text-align: left; display: block;  }
	#primarynav .l2 b { font-weight: 600; }
	
	#primarynav .l2 a { color: #fff; }
	#primarynav .l2 a:hover { color: #fff; }
	
	#primarynav .l2 > .act > a, 
	#primarynav .l2 > .cur > a {  color: #7BB73C; }
	
	/* HOVER MENU */
	#primarynav .l2 { opacity: 0; transform: translateY(-100%); }
	#primarynav li:hover .l2 { opacity: 1; transform: translateY(0); }
	
	#primarynav .l2 { transition: opacity .2s, transform 0s linear .2s }
	#primarynav li:hover .l2 { transition: opacity .3s, transform 0s }
		
	/* HOVER */
	#nav b { padding: 0 0; position: relative; font-weight: bold; }
	#nav b b { position: absolute; left: 0; top: 120%; width: 0; height: 2px; background: #164E96; text-indent: -999em; overflow: hidden; }

	#nav li.act b b { display:none; }
	#nav li:hover > a > b b,
	#nav a:hover > b b,
	#nav a:active > b b,
	#nav a:focus > b b { width: 100%; }

	#nav b b  {
		-webkit-transition: width 0.4s;
		   -moz-transition: width 0.4s;
		     -o-transition: width 0.4s;
		        transition: width 0.4s;
	}
	
	#primarynav .l2 b b { background: #ffffff; }
}

#secondarynav .l1 { display: block; }

/* METANAV */
#footer .l1 { margin-left: -1em; font-weight: 400; }
#footer .l1 > li { display: inline-block; }
#footer .l1 a { padding: 5px 2em; font-weight: 400; text-transform: none; color: inherit; }

/*
#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; }
*/


.breadcrumbs { padding: 0 30px; }
.breadcrumbs ol { margin-left: -.5em;   }
.breadcrumbs li { display: inline-block; margin-left:0; margin-right:2px; text-transform: uppercase; position: relative;  }
.breadcrumbs li a { display: block;  }
.breadcrumbs li a:after { content: '›'; position: absolute; top: 0.4em; right: 0; font-size: 1.2em; line-height: 1; /*font-weight: 400;*/ }

.breadcrumbs li a, .breadcrumbs li.nolink { padding: .5em 1em .5em .5em; }

/* = TEXTSTILE ======================================= */
body { 
	font-size:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	color: #4D4D4D; font-family: 'Open 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: 15px; line-height: 1.4; font-weight: 400; }

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

h1, .h1, 
h2.big, 
.ctel.header-big .header h2 				{ font-size: 20px; }

h2, .h2 			{ font-size: 17px; }

h3, .h3 			{ font-size: 14px; }

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


/* FONT-WEIGHTS */
h1, .h1						{ font-weight: 600; }

strong, 
table caption 				{ font-weight: 600; }


.inv h1, .inv .h1,
.inv h2, .inv .h2, 
.inv h3, .inv .h3, 
html .btn1, a.btn1, 
.btn1 strong		{ font-weight: 700; }

.inv strong, 
.inv table caption 				{ font-weight: 700; }


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

h1, .h1 { color: inherit;  }
h2, .h2 { color: #164E96; }
h3, .h3 { text-transform: none; /*margin-bottom: 0.5em;*/ }


.header { margin-bottom: .5em; }
.header p {  }
.header.wsh { }
.header.wsh * { margin-bottom: .3em; }


.section .header {  }

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

.csc-text-text *:last-child { margin-bottom:0; }
.csc-text-text .row + p { margin-top: .6em; }

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

em			{ font-style: italic; }
address		{ font-style: normal;  }
table     	{ width: 100%; }
table p   	{ margin: 0; }
table td 	{ vertical-align: top; padding: .1em 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;
}


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


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.mail { white-space: nowrap; }


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

	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: none !important;

	width: 1em;
	margin-right: .4em;
	margin-left: .4em;
	margin-top: 0;
	
	text-align: center;
	vertical-align: middle;
	
	font-size: .8em;

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	
	color: #C3C2BE;
}

a.mail:after { content: '\e800'; }
a.download:after { content: '\e820'; }
a.external-link:after, 
a.external-link-new-window:after { content: '\f08e'; }


[class^="icon-"]::before, [class*=" icon-"]::before {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* BLOCK ICONS */
p[class^="icon-"] { padding-left: 2em; position: relative;  }
p[class^="icon-"]:before, p[class*=" icon-"]:before {
	line-height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	text-align: left;
}

[class^="icon-char"]:before, [class*=" icon-char"]:before {
	font-family: inherit !important; 
	font-weight: 700 !important;
	font-size: 1em !important;
}
.icon-char-t:before { content: 'T'; }
.icon-char-f:before { content: 'F'; }
.icon-char-e:before { content: 'E'; }


.mrgn-none { margin-top: 0 !important; margin-bottom: 0 !important; }
.pd-none { padding: 0 !important; }


.highlight, .important { padding: 30px; position: relative; }
.ctel.highlight, .ctel.important { padding-top:0; padding-bottom:0; }
.ctel.highlight > *, .ctel.important > * { padding: 30px; }

.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: #FDEFDE; }
.ctel.highlight { background: transparent; }
.ctel.highlight > * { background: #FDEFDE; }

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

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


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

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


html .btn1, html .btn2, 
a.btn1, a.btn2 { 
	display: -moz-inline-stack; display: inline-block; *display: inline; _zoom: 1;
	padding: 10px 20px;
	
	border-radius:         4px;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius:  4px;
	
	border: 1px solid #164E96;
	background-color: transparent;
	
	text-decoration: none;
}

.inv .btn1, .inv .btn2 { border: 1px solid #fff;  }


/* === 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;  }
.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: -6px; margin-right: -6px }
.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: 6px; }

.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: 1em; }
.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; }
		
	.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%; }
	
	div + .imgwrap-responsive { margin-top: 1em; }
}

@media (max-width: 480px) {
	.imgwrap.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 }



#footer { text-align: center; padding: 2em 0; }
#footer * { color: #ffffff; }
/* === 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);
}

/* === GALLERY ========================== */
.gallery { list-style: none; margin: 0; padding: 0; }
.gallery > * { padding-bottom: 20px; position: relative; margin: 0 0 0 0;  }
.gallery img { border: 1px solid #ccc; }
.gallery figcaption { font-size: 13px; line-height: 120%; padding: .5em 0; text-align: right }

/*
.imgwrap figure { font-size: 12px; line-height: 120%; }
.imgwrap figcaption { font-size: 100%; line-height: 120%; font-style: normal; padding: 1em .5em; background: #F1F0F6; }
*/

.galll .imgwrap figcaption { text-align: left; min-height: 4.4em; text-transform: uppercase;  }

/*.galll img { transform: scale(1); transform-origin: center; opacity: .8; transition: opacity .2s, transform 1s }
.galll figure:hover img { transform: scale(1.3); opacity: 1;  }
*/
/*.galll figure a { padding-bottom: 4.4em; display: block; position: relative; overflow: hidden; }*/
/*.galll figcaption { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; }*/
.galll figcaption { pointer-events: none; margin: .3em }

.galll a { display:block; }
.galll .text { padding: .5em 0; }

.galll img { 
	background: #fff;
	-webkit-transform: scale(1); 
	transform: scale(1); 
	opacity: .8;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;
}
	
	
.galll figure:hover img { 
	-webkit-transform: scale(1.06); 
	transform: scale(1.06);
	opacity: 1;
}



/* === FANCYBOX CONTENT ========================== */
.fancybox-inner .ctel { margin-bottom: 0; padding: 0 0 2em 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");
}


/* === 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: 4px; border-radius: 3px; margin: .2em 0 0 0; width: 100%;  }

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

#tbKontakt input[type=submit] { border: 0; background-color: #164E96; color: #fff }
#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; }


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

.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 #fff;
}
 
#tbKontakt input[type=text]:focus, #tbKontakt textarea:focus {
  outline: 0;
  border: 1px solid #164E96;
}

#tbKontakt .has-error input, 
#tbKontakt .has-error #datenschutz  { border-color: #f39d11; }

/* === MENU ========================= */
/* ==================================== */
.navbar-toggle {
	position: absolute;
	top: -7px;
	right: 5px;
	z-index: 999;
	padding: 15px;
	height: 50px;
	width: 65px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: transparent;
	border-radius: 0;
	
	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: 3px;
	border-radius: 0;
	background: #164E96;
	transition: all .3s;
	position: relative;
	opacity: 1;
	transform: rotate(0) translateY(0);	
}

.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

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

.mOpen .navbar-toggle .icon-bar { opacity: 0; /*background: #666;*/  }
.mOpen .navbar-toggle .sr-only + .icon-bar,
.mOpen .navbar-toggle .icon-bar:last-child 		{ opacity: 1; background: #fff; }
.mOpen .navbar-toggle .sr-only + .icon-bar 		{ transform: translateY(10px) rotate(45deg) }
.mOpen .navbar-toggle .icon-bar:last-child 		{ transform: translateY(-11px) rotate(-45deg)  }


@media (max-width: 992px) {
	body { font-size: 14px; }
	#primarynav .l2 a { font-size: 13px; }
	
	#logo { width: 50%; }
	
}	

@media (max-width: 767px) {
	body { font-size: 13px; }
	
	#logo { width: 230px; height: 40px; }
	#main { min-height: 1px; padding-bottom: 0; }
	#footer { position: relative; margin: 0 -15px; text-align: center; }
	#footer > div { padding-left: 15px; padding-right: 15px; }	
	#footer div.ib { display: block; }
	
	#footer .l1 a { padding: 10px 1em; }
	
	#header { overflow: visible; position: relative; padding-bottom: 2em; }
	
	#header > .wrap, #footer > .wrap, .ctel > .wrap { padding: 0 15px; }
	
	.ctel { padding: 3em; }
	#content .ctel.fw > .wrap { max-width: none; padding: 0;  }	
	#content .ctype-shortcut .ctel { margin-left: -15px; margin-right: -15px; margin-bottom: 1.5em; }
	#content .ctype-shortcut .ctel > .wrap { padding: 15px; background: #EBEDED; }
	#content .ctype-shortcut .ctel.ctype-header > .wrap { padding-bottom: 15px !important }
	
	.bg1 { background: #164E96; margin: 0 15px; }
	.bg2 > .wrap:after { display: none; }
	
	.imgwrap.col1 figure, 
	.imgwrap.col3 figure { display:none; }
	.imgwrap.col1 figure:first-child, 
	.imgwrap.col3 figure:first-child { display:block; }
	
	.ctel .big .big { font-size: inherit; } 
		
	/* = PRIMARYNAV ========================================== */
	.navbar-toggle { display: block; }
	
	#nav { background: #164E96; position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; margin: 0; overflow: auto; }
	#nav { 
		-webkit-transition: -webkit-transform .3s ease .3s;
		transition: transform .3s ease .3s;
		
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	.mOpen body, 
	html.mOpen { overflow: hidden; width: 100%; position: relative; }
	
	
	.mOpen #nav { 
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;

		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	
	#primarynav .l1 { text-align: center; top: 0; display:block; margin: 90px 0 0 0; }
	#primarynav .l1 > li { display: block; margin: 0; padding:0; flex-grow: unset;  }

	#primarynav .l1 a { color: #fff; padding: 1em 5px; margin: 0; text-decoration: none; letter-spacing: .03em; text-align: center; display: block; }
	#primarynav .l1 > li > a, 
	#primarynav .l1 > li > ul { border-bottom: 1px solid #fff;}
	#primarynav .l1 a:hover { color: #fff; }
	
	
	#primarynav .l2 { display:block; background: #376AAC }
	#primarynav .l2 a { padding-left: 2em; }
		
	#primarynav .l1 a > b > b { display: none; } 
}