/*

// overwrites the standard yaml styles //

 */

@media screen, projection
{

/* standard changes */

	@font-face {
		font-name: 'Open Sans';
		src:  url('../fonts/OpenSans/OpenSans-Regular.ttf') format("truetype");
		font-weight: 400;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-name: 'Open Sans SemiBold';
		src:  url('../fonts/OpenSans/OpenSans-SemiBold.ttf') format("truetype");
		font-weight: 600;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-name: 'Open Sans Bold';
		src:  url('../fonts/OpenSans/OpenSans-Bold.ttf') format("truetype");
		font-weight: 700;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-name: 'Open Sans Condensed Bold';
		src:  url('../fonts/OpenSans/OpenSans_Condensed-Bold.ttf') format("truetype");
		font-weight: 700;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-name: 'Open Sans Condensed Light';
		src:  url('../fonts/OpenSans-Condensed/OpenSans_Condensed-Light.ttf') format("truetype");
		font-weight: 300;
		font-style: normal;
		font-display: swap;
	}





.ym-g25{width:25%;}
.ym-g30{width:30%;}
.ym-g34{width:34%;}
.ym-g40{width:40%;}
.ym-g66{width:66%;}
.ym-g70{width:70%;}

a {color:#00335E;}
a:hover, a:focus {background:none; color:#444444;}
p {font-size: 0.9em; line-height:1.6em; margin:1.9em 0 0 0;}

h1{font-size:24px; line-height: 1.2em; font-weight: 600; text-transform: uppercase; color:#0F5EA9; margin:0.25em 0 1.1em 0;}
h2{font-size:16px; line-height: 1.8em; font-weight: 600; color:#FFFFFF; padding: 0.4em 5px; background:#B2B9BF; display:inline; } 
h3 {font-size: 22px; line-height: 1.2em; font-weight: 600; color: #0F5EA9; margin: 0.8em 0 0 0;}
h4{font-size:14px; font-weight:600; color: #0f5ea9; margin:1.8em 0 0 0; text-transform: uppercase;}
h5{font-size:100%; font-weight:600; color:#444444; margin:1em 0 0 0;}

h1 span {text-transform: none;}

.page_1 h1{margin:0.45em 0 1.1em 0;}

ul, ol, dl {margin: 1em 0 0 1em;}

.content-wbox ul{font-size: 0.9em; list-style: square; margin: 1.75em 0 0 0;}
.content-wbox ol{font-size: 0.9em; margin: 1em 0 0 1.5em;}
.content-wbox ul li, .content-wbox ol li{padding: 0 0 0 0.2em; background:url(../img/limage.png) 3px 6px no-repeat; padding:0 0 0 1.7em; margin:0; list-style:none; line-height:1.6em;}

h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;}
input, textarea, label{font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;}
form{width:100%;}

hr{border-color:#CACACA; margin:0; padding:0; border-bottom:none;}

header {background:#0F5EA9; line-height:0em; height:100px;}
.page_1 header {height:375px;}
nav{background:#333745; z-index:11;}

body {background:#F6F6F5; font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif; width:100%; overflow-x:hidden;}

header .ym-wbox, nav .ym-wbox{padding:0;}
.content-wbox{padding:1.8em 0 0 0;}
.page_1 .content-wbox{padding:1.5em 0 0 0;}
.ym-wrapper{width:68.6em;}

#main{padding:0; z-index:1;}
#logo{z-index:1; padding:1.8em 0 0 0.3em;}
.page_1 #logo{padding:1.8em 0 0 0.3em;}

p#breadcrumb {margin: 1.9em 0 3em 0;}

/* Header */

.konfigurator a{
    width: 260px;
    height: 230px;
    margin-top: 90px;
}

#head-phone img {float: right;margin-top: 35px; margin-left:20px;}
#head-phone{float: right;font-size: 2em;margin: 0 0 0 0;}
.page_1 #head-phone{float:right; font-size:2em; margin:0.8em 30px 0 0;}
#head-phone a {
    color: #FFFFFF;
    font-size: 15px;
    display: block;
    float: right;
    margin-top: 52px;
}

.page_1 div#phone-head {
    display: none;
}

/* Navigation */

#topnav{float:right; padding:0.6em 0 0 0;}
#topnav img{padding:17px 7px 5px 1px;}
#topnav img.search-link{padding:5px 11px 5px 1px;}
#topnav .map-link {display:block; float:left; padding:10px 29px 5px 0;}
#topnav .map-link img{padding:0;}

.ym-hlist{background:none; overflow:visible;}

ul.main-nav-lvl-0{padding:0 0.2em; margin:0 0.75em 0 0; list-style:none; position:relative;}
ul.main-nav-lvl-0 li.nav_sublayer {font-size: 0.95em; margin: 0 0 0 0; line-height:4.6em; text-transform:uppercase; position:relative;} 
ul.main-nav-lvl-0 li a{padding:1.6em 2.5em; color:#FFFFFF; font-weight:bold; font-size:1em; line-height:1em;}

ul.main-nav-lvl-0 li#subLayer1_link a{padding: 1.6em 2em 1.5em 0;}

ul.main-nav-lvl-0 li a:focus,
ul.main-nav-lvl-0 li a:hover,
ul.main-nav-lvl-0 li a:active,
ul.main-nav-lvl-0 li:hover a.drop,
ul.main-nav-lvl-0 li.active a:hover{background:url(../img/bg_nav_status.png) repeat-x 0 -107px; color:#015196;}
ul.main-nav-lvl-0 li.active a{background:url(../img/active-nav.png) no-repeat 50% -2px;}

ul.main-nav-lvl-0 li:hover ul.main-nav-lvl-1 {visibility: visible;}

ul.main-nav-lvl-1{
	height:auto;
	width:250px;
	position:absolute;
	z-index:999;
	left: 0;
	margin:0;
	visibility: hidden;
	background:#FFFFFF;
	padding:0;
	line-height:1em;
	float:left;
	overflow:hidden;
	list-style:none;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	}

ul.main-nav-lvl-1 li{float: left; width:250px; margin: 0;}

ul.main-nav-lvl-1 li a, ul.main-nav-lvl-0 li.active ul li a{
	background:#FFFFFF url(../img/sidelink.png) 115% -39px no-repeat;
    border-bottom: 1px solid #DDDDDD;
    color: #0F5EA9;
    display: block;
    font-size: 0.8em;
    line-height: 1.3em;
    padding: 1em 2.7em 1.1em 1.4em;
}

ul.main-nav-lvl-1 li a:hover, ul.main-nav-lvl-1 li a:active, ul.main-nav-lvl-0 li.active ul li a:hover{
	color:#FFFFFF;
	background:#82AACF url(../img/sidelink.png) 95% -39px no-repeat;
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 200ms;
	-moz-transition-property: background; 
	-moz-transition-timing-function: ease;
}

ul.main-nav-lvl-1 li a.main-nav-image{margin:0; position:relative;}
ul.main-nav-lvl-1 li a.main-nav-product-image{margin:0.7em 0 0 1.3em;}

ul.main-nav-lvl-2{padding:0; margin:0; font-size:0.65em; line-height:1em; font-weight:normal; position:relative; z-index:1; list-style:none; display:none;}
ul.main-nav-lvl-2 li{height: auto; width: auto; float:none;}

ul.main-nav-lvl-2 li a{	
	background:#EFEFEF url(../img/sidelink.png) 115% -91px no-repeat;
    border-bottom: 1px solid #DDDDDD;
    color: #999999;
    display: block;
    font-size: 1em;
    line-height: 1.3em;
    padding: 1em 2.7em 1.1em 1.7em;
	display:none;
	}

ul.main-nav-lvl-2 li a:hover, ul.main-nav-lvl-2 li a:active{background:#EFEFEF url(../img/sidelink.png) 95% -91px no-repeat; color:#0F5EA9;}

ul.main-nav-lvl-0 li.nav_sublayer ul.main-nav-lvl-1 li.main-nav-headline{position:absolute; left:0;}
ul.main-nav-lvl-0 li.nav_sublayer ul.main-nav-lvl-1 li.main-nav-headline a:hover{background:none;}

#subnav{float:right; width:311px; margin:7.2em 0 0 0; font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; font-size:12px;}
#subnav ul{list-style:none; margin:0;}
#subnav ul li{padding:0; margin:0;}

#subnav ul li a{
	margin:0 0 1px 0;
	padding:0.5em 0 0.5em 0.7em;
	display:block;
	color:#FFFFFF;
	background:#82AACF url(../img/sidelink.png) 96% -42px no-repeat;
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 200ms;
	-moz-transition-property: background; 
	-moz-transition-timing-function: ease;
	}

#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li.active a{
	background:#4884BC url(../img/sidelink.png) 115% -42px no-repeat;
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 200ms;
	-moz-transition-property: background; 
	-moz-transition-timing-function: ease;
	}

#breadcrumb a{color:#B2B9BF; background:url(../img/sidelink.png) 4px -95px no-repeat;  padding:0 0 0 1.4em; font-size:0.9em;}
#breadcrumb a.first-crumb{background:none;  padding:0;}

.sub-nav-lvl-1{display:none;}

/* Startseite */

#home-intro{padding:5em 22em 9.2em 0; background:url(../img/home-intro.png) 96% 87% no-repeat;}
#home-intro h1{color:#FFFFFF;}
#home-intro img {padding: 7em 22em 6.2em 0;}

/* Notice Box */

.full-width.notice {
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #0f5ea9;
    margin-bottom: 45px;
}

.full-width.notice .notice-box {
    padding: 27px 30px;
    background: white;
}

.full-width.notice .notice-box h1,
.full-width.notice .notice-box h2,
.full-width.notice .notice-box h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.full-width.notice .notice-box p {
    margin-top: 1em;
}



/* Footer */

footer{margin:10.3em 0 0 0; background:#333745 url(../img/bg_footer.png) 0 0 repeat-x;}
footer .ym-wrapper{background:url(../img/corner-footer.png) 15px 0 no-repeat;}
footer .ym-wbox{padding:1.5em 0;}
footer .ym-gbox{ margin: 0 0 0 0; padding: 0;}
footer p{margin:0.8em 0 0 0;}
footer img{width: 20%;}

.info-bar{padding:0 0 1em 0;}
.info-bar ul{margin:0; font-size:0.8em;}
.info-bar li{padding:0; margin:0; list-style:none; border-bottom:1px solid #646771;}
.info-bar li a{padding:0.4em 0 0.7em 0.6em; color:#A8A9AC; display:block;}
.info-bar li a:hover{color:#FFFFFF;}
.info-bar h6{text-transform:uppercase; font-weight:bold; font-size:13px; margin:3.55em 0 0.1em 0; padding:0 0 0.5em 0; border-bottom:1px solid #646771;}

#phone-footer a:hover{color: #00335E;}
#phone-footer a{color: #93959e;}
#phone-footer {margin: 2.4em 0 0; float: right;font-size: 15px;color: #00335E; font-weight: bold;}
.page_1 #phone-footer{float: right;font-size: 15px;margin: 4.4em 0 0;color: #00335E; font-weight: bold;}
#logo-footer{margin: 1.3em 0 0 0; opacity: 0.6;}
.page_1 #logo-footer{margin: 4.3em 0 0 0; opacity: 0.6;}

#copyright {margin-top: 30px; font-size:0.8em; padding:0 0 0 0; border-top: 1px solid #646771; }
.page_1 #copyright {margin-top:65px;}
#copyright, #copyright a{color:#93959e;}
#copyright p{font-size:12px; margin: 0.2em 0 0 0; display: inline-block;} 

#impressum {
    font-size: 12px;
    margin: 0.2em 0 0 0;
    line-height: 1.6em;
	float:right;
}

.info-box.middle {padding-left: 3%;padding-right: 3%;}
.info-box.left{padding-right:3%;}
.info-box.right{padding-left:3%;}

.info-bar-content{color: #93959e; font-size: 12px;}
.info-bar-content p{line-height: 21px; min-height: 140px;}
.info-box h6{color: #93959e;}

.deeplink a{color: #93959e;}
.deeplink a:hover{color: #93959e; text-decoration: underline;}

/* Content Modul */

.full-width{padding:2.2em 0 0 0;}

.content-text-image-section{float:left; margin:0 0 3em 0;}
.content-text-image-section h3{color:#015196; font-weight:bold; font-size:1.3em; margin:0.5em 0 0 0;}
.content-text-image-section .content-image{margin:0.2em 2em 0.5em 0; float:none;}
.content-text-image-section .content-image .single_image{display:block;}
.content-text-left strong {color: #015196; font-size: 1.1em; margin: 0 0.6em 0 0;}
.content-text-image-left{float:left; width:220px;}
.content-text-left{padding:0 10px 0 0;}

.content-text-image-button-section {padding:2em 0; border-bottom:1px solid #CACACA;}
.content-text-image-button-section .ym-gbox{padding:0;}
.content-text-image-button-section p{margin:1em 0 0 0;}
.content-text-image-button-section h3{color:#015196; font-weight:bold; font-size:1.2em; margin:0.5em 0 0 0;}
.content-text-image-button-section a{font-weight:bold;}

.extra-headline h3{color:#015196; font-weight:bold; display:block;}
.extra-headline h4{color:#787878; font-weight:bold; margin:1.6em 0 0 0; padding:0 0 6px 0; border-bottom:1px solid #CACACA;}

.download-center{margin:1em 1.5em 1.5em 0; float:left;}
.download-center h4{margin:0.3em 0 0 0;}

/* Standorte */

.places-list{background:url(../img/location.png) no-repeat 0 5px; padding:0 0 0 2em;}
.places-list h3 a{color:#444444;}
.places-list h3 a:hover{color:#0F5EA9;}

/* Buttons */

.button, .formgen input.button{
    background: #0F5EA9 url(../img/button-arrow.svg) no-repeat 10px center;
	padding:6px 10px 7px 25px;
	color:#FFFFFF;
	margin:26px 0 10px 0;
	display:inline-block;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	border:0;
	width:auto;
	-webkit-appearance: none;
    border-radius: 0;
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 200ms;
	-moz-transition-property: background; 
	-moz-transition-timing-function: ease;
	}

.button:hover, .button:active, .formgen input.button:hover, .formgen input.button:active{
	background:#333745 url(../img/button-arrow.svg) no-repeat 10px center; 
	color:#FFFFFF;
	border:0;
	cursor:pointer;
	-webkit-transition-duration: 200ms; 
	-webkit-transition-property: background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 200ms; 
	-moz-transition-property: background; 
	-moz-transition-timing-function: ease;
	}

.button input:hover{color:#00335E;}

/* Used Machines */

p.machine-price{margin:0;}

/* Accordion */

#accordion .fancy_gallery{margin:0.4em 0 2.5em 0;}
#accordion p{margin:0;}
#accordion .plus_image {margin: 0.2em 1em 0.2em 0;}

#accordion .ui-widget-content, #accordion .ui-widget-content a{font-size:0.9em;}
#accordion .ui-widget-content .blank-link{margin:6px 0 0 0; display:block;}

.ui-widget-content a.button{color:#FFFFFF; text-decoration:none;}

/* Homeslideshow */

#homeslider_wrap {text-align:center;}
#homeslider{width: 100%; overflow:hidden;}

#homeslider .flexslider{height:190px; padding-bottom:15px;}
#homeslider .flexslider .slides > li {overflow: hidden;}
#homeslider .flexslider .slides img {display: inline; max-width:none; margin:0 -50%;}

#homeslider .flexslider ul.slides li span.flex-span{line-height:0; display:block;}

#homeslider .flexslider ul.slides li .flex-slide-article {
    float: left;
    height: 191px;
    line-height: 0;
    margin: 0 1.5em 0 0.1em;
    width: 306px;
}

#homeslider .flexslider ul.slides li .last-article { margin:0; width:303px;}
#homeslider .flexslider ul.slides li .flex-slide-article h5{position:absolute; margin:1em 0 0 0.8em;}

#homeslider .flexslider ul.slides li .flex-slide-article h5 a{
	background:#0F5EA9;
	color:#FFFFFF;
	padding:0.45em 0.55em 0.45em 0.5em;
	display:inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
	-webkit-transition-duration: 300ms;
	-webkit-transition-property: background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 300ms;
	-moz-transition-property: background; 
	-moz-transition-timing-function: ease;
	}

#homeslider .flexslider ul.slides li .flex-slide-article h5 a:hover,
#homeslider .flexslider ul.slides li .flex-slide-article h5 a:active,
#homeslider .flexslider ul.slides li .flex-slide-article:hover h5 a{
	background:#FFFFFF; 
	color:#0F5EA9;
	-webkit-transition-duration: 300ms; 
	-webkit-transition-property: background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 300ms; 
	-moz-transition-property: background; 
	-moz-transition-timing-function: ease;
	}

#homeslider .flexslider .flex-caption {
	background:url(../img/bg_channel_text.png) 0 0;
    border: 1px solid #00335E;
    bottom: auto;
    color: #FFFFFF;
    display: block;
    height: auto;
    margin: 0 0 0 20%;
	padding:0.5em 0.7em;
    position: absolute;
    text-align: center;
	text-shadow: -1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=-1, offy=1);
    top: 61%;
    width: auto;
    z-index: 2;
	font-size:1.6em;
	line-height:1.3em;
	display:none;
}

/* Flexslider */

.slide-vid-wrap{margin:0; width:100%;}

.content-wbox .flexslider{background:none;}
.content-wbox .flexslider .slides img {margin: 0 auto;}

.flexslider{height:25.3em;}
.flexslider .slides{height: 25.65em; overflow:hidden;}

.full-width .flexslider{height:39.1em;}
.full-width .flexslider .slides{height:40.95em;}

.content-main .flexslider{width:102.5%;}
.content-main .flexslider .flex-slide-desc{display:none;}

.flexslider ul.slides, .flexslider ul.flex-direction-nav{padding:0; margin:0;}

#main .flex-direction-nav{height:19px; bottom:0; right:0; position:absolute; display:block;}
#main .flex-direction-nav li{padding:0; margin:0 0 0 6px; list-style:none; float:left; width:19px; height:19px;}
#main .flex-direction-nav li a{background:#333745 url(../img/next-prev.png) -19px 0 no-repeat; width:19px; height:19px; margin:0; right:auto; left:auto; top:auto;}
#main .flex-direction-nav li a:hover{background:#015196 url(../img/next-prev.png) -19px 0 no-repeat;}
#main .flex-direction-nav li a.prev{background:#333745 url(../img/next-prev.png) 0 0 no-repeat;}
#main .flex-direction-nav li a.prev:hover{background:#015196 url(../img/next-prev.png) 0 0 no-repeat;}

.image-section .flex-direction-nav{display:none;}

.flexslider .flex-slide-title h5{
	background:#0F5EA9;
	color:#FFFFFF;
	padding:0.25em 0.55em 0.25em 0.5em;
	margin:1em 0 0 0.8em;
	display:inline-block;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
	position:absolute;
}

.flexslider .flex-slide-desc{
	font-family: 'Open Sans Condensed', Helvetica, Arial, Verdana, sans-serif;
	background:#0F5EA9;
	color:#FFFFFF;
	padding:0.4em 0.5em;
	display:inline-block;
    font-size: 2.5em;
	line-height:1.3em;
    text-transform: uppercase;
	position:absolute;
	bottom:0.8em;
	right:0;
	width:13.5em;
}


/* Big Start Image */

.image-section{margin:-2.3em 0 2.5em 0;}
.image-section-image{height:520px; overflow:hidden; margin-top:25px;}

/* Article list */

.article-item{float:left; margin:0 5px 0 0;}
.article-item h3{margin:0 0 1em 0;}

/* Sidebar */

#main aside .ym-gbox-right{border:0; padding: 0 0 0 1em;}
#main aside .sidelist p{margin:0.8em 0 0 0;}
#main aside .sidelist a.button{background:url(../img/sidelink.png) 0 3px no-repeat; color:#444444; padding:0 0 0 1.4em; margin:1.2em 0 1.5em 0.5em; text-transform: none; }
#main aside .sidelist a.button:hover{color:#0F5EA9;}
#main aside .sidelist{margin:1.8em 0 0 0; background:#FFFFFF url(../img/corner.png) 0 60px no-repeat;}
#main aside .sidelist ul{margin:1.25em 0 0 0; font-size:1em; list-style:none;}
#main aside .sidelist h3{color: #FFFFFF; font-size: 1em; padding: 0.8em 0 0.85em 3.15em; background:#0F5EA9 url(../img/ui-kit.png) 14px 10px no-repeat; text-transform:uppercase;}
#main aside .sidelist h3 a{color: #FFFFFF;}
#main aside .sidelist li{background:url(../img/limage.png) 3px 6px no-repeat; padding:0 0 0 1.7em; margin:0; list-style:none; font-size:0.9em; line-height:1.6em;}
#main aside .sidelist h4{font-size:1.1em;}
#main aside .sidelist h5{margin:1em 2em 0 0; font-size:1.1em;}
#main aside .sidelist .button{font-size:0.9em;}

.meta-sidebar-image{text-align:center; padding:20px 0 20px 0;}

.document img{margin:0 0.8em 0 0;}
.document span{float:left; margin:0.6em 0 0 0;}
#sidebar .document{margin:0.6em 0 0 2.7em;}

.certificate .ym-gbox {padding: 0 0 0 0;}
.certificate h6{margin: 2.2em 0 0 0;}
.certificate .document span{margin: 0.7em 0 0;}

.sidelist-headline h3{font-size: 1.2em; margin: 0 0 1.6em 2em;}

#main aside .sidelist .external-list a{background:url(../img/external-link.png) 0 2px no-repeat; padding:0 0 0 1.4em;}
#main aside .sidelist .external-image{margin:0 0 2em 0;}
#main aside .sidelist .external-image a{background:none; padding:0 0 0 2.2em;}

#main aside .sidelist .sidelist-content{padding:0 3.2em 2.5em 3.7em; font-size:0.9em;}

ul.sidelinks{margin:1em 0 0 0; list-style:none;}
ul.sidelinks li{padding:0;  margin: 0.3em 0 0.5em 0.5em; background:none;}
ul.sidelinks li a{margin: 0; padding: 0 0 0 1.4em; text-decoration: none; background:url(../img/sidelink.png) 0 4px no-repeat;}
ul.sidelinks li a:hover{color:#0F5EA9;}

/* Kontaktformular Sidebar */

#main aside .formgen{margin:1.8em 0 0 0;}
#main aside .formgen .form-item, .formgen #main aside .form-item-area, #main aside #form-module-thanks{width:100%;}
#main aside .formgen textarea{height:8em;}
#main aside .formgen input.button{margin: 16px 0 10px 0;}
#main aside .forminfo {margin:2em 0; width: 88%;}

/* Fakten */

#main aside .facts{margin:0; background:none;}
#main aside .facts h3{background:none; margin:0; font-size:1.3em; padding:1.2em 0 0 0;}
#main aside .facts h4{color:#A6BAD7; text-transform: none; line-height:1.35em; margin:1.3em 0 1.9em 0;}
#main aside .facts p,#main aside .facts ul{color:#FFFFFF; font-style: italic; line-height: 1.8em; margin: 0.8em 0 0 0;}
#main aside .facts ul li{background-image:url(../img/limage-white.png);}
#main aside .facts .sidelist-content{padding:0 5.0em 0 1.5em; height:323px; background:#0F5EA9;}

#main aside .facts .sidelist-buttons a.button{
	background:#333745;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:0.95em 0.3em 0 0;
	padding:0.55em 0 0.6em 0;
	font-family: 'Open Sans Condensed', Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:1em;
	width:148px;
	text-align:center;
	}

#main aside .facts .sidelist-buttons a.sidelist-button-2{ background:#94969D; margin:0.95em 0 0 0;}

#main aside .facts .sidelist-buttons a.button:hover, #main aside .facts .sidelist-buttons a.sidelist-button-2:hover{ background:#0F5EA9; }

/* Akkordion */

#main .ui-accordion{margin:2.45em 0 1em 0; font-size:0.9em;}
#main .ui-accordion .ui-accordion-content{padding:0 3em 1.7em 3.5em !important; top:0; margin:0; background:#F0EFF0;}
#main .ui-accordion .ui-accordion-content p{margin:0.8em 0 0 0;}
#main .ui-accordion h3{padding:0; border:0;}
#main .ui-accordion h4, #main .ui-accordion h5{font-size:1.1em;}
#main .ui-accordion h3 a{background:#F0EFF0 url(../img/ui-kit.png) 14px -70px no-repeat; padding: 0.9em 0 1em 3.3em; color:#444444; border-top:1px solid #C1C1C5; }
#main .ui-accordion h3.ui-state-active a{color: #FFFFFF; font-size: 1.1em; background:#0F5EA9 url(../img/ui-kit.png) 14px -30px no-repeat; border:0; text-transform:uppercase; padding: 0.7em 0 0.8em 3.15em;}

/* Kontakt */

.contact {margin:0.8em 0 0 0; font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif; font-weight:normal; font-size:14px;}
.contact span{font-weight:bold; color:#0F5EA9; margin:0 0.8em 0 0;}
.contact p, #main .ui-accordion .ui-accordion-content .contact p, #main aside .sidelist .contact p{margin:0;}
address{background:url(../img/location.png) 0 8px no-repeat; font-style: normal; padding: 0 0 0 1.6em; font-weight:600; font-size: 14px;}

/* Channel */

#channel_intro{padding:0 0 2.5em 0; margin:0 0 1.5em 0; background:url(../img/line.png) 0 100% no-repeat;}
/*.page_1 #channel_intro{padding:0 0 1.1em 0; }*/

/* Gallery */

.fancy_gallery{margin:0 0 0 0; clear:both; /*background:url(../img/line.png) 0 0 no-repeat;*/}
.fancy_image{float:left; margin:1.5em 1.1em 0 0;}
.no_fancy_image{margin:2.2em 0 1.6em 0;}
.no_fancy_image img{max-width: 100%;}

.plus_image, .no-plus_image{line-height:0; margin:1.5em 0 0 0;}
.plus_image img, .no-plus_image img{border:1px solid #B5B5B5;}
.plus_image a{display:block;}
.plus{position:absolute;}

/* Video Gallery */

.fancy_video{width:200px; height:175px; margin: 5px 20px 8px 0; float:left;}
.video_link a{width:200px; height:135px; position:absolute; z-index:9; display:block;}
.video_popup{z-index:1; height:135px; overflow:hidden;}

.fancy_video h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0.6em 0 0 0;
}

.fancy_video h4 a{text-decoration:none;}

/* Map Representatives */

#map{ width: 100%; height: 600px; margin:1.7em 0 0 0;}
#map .route{font-weight:bold;}

/* Contact form */

.formgen label{display:block;}
.formgen legend{font-weight:bold; font-size:1.2em; margin:0 0 1em 0;}

.formgen textarea{
	margin: 0.1em 0 0 0;
	height:13em;
	width:100%;
	border:1px solid #CCCCCC;
	-webkit-appearance: none;
    border-radius: 0;
	}

.formgen input, .wishNumber{
    display: block;
    margin: 0.1em 0 0.4em 0;
    padding: 0.2em 0;
    width: 100%;
	border:1px solid #CCCCCC;
    -webkit-appearance: none;
    border-radius: 0;
}

.checkspan {
    width: 28px;
    display: block;
}

.checkspan label {
    float: right;
}

.formgen input.formcheck {
   -webkit-appearance: checkbox;
    width: auto;
    display: inline-block;
}

.formhinweis {
    width: 100%;
    float: left;
}

.formgen input:hover, .formgen textarea:hover{border:1px solid #888888;}
.formgen input:focus, .formgen textarea:focus{border:1px solid #82AACF;}

.formgen .form-item{width:19em; float:left; margin: 0 2em 0 0;}
.formgen .form-item-area{width:40em; float:left; margin:0.1em 0 0 0;}

.formgen label.formerror{color:#FF2929;}

.forminfo {
    background: #82AACF;
	color:#FFFFFF;
    padding: 1em;
    width: 38em;
	margin:1em 0 2em 0;
}

#form-module-thanks{
	font-size:1.2em;
    background: #FFFFFF;
	color:#015196;
    padding: 1em;
    width: 25em;
	margin:1em 0 2em 0;
}

#form-module-thanks p{margin:0.5em 0 0 0;}

/* Search Results */

#search-popup{display:none;}
input#search{width:220px; font-size:12px; padding:5px 0 5px 10px; color:#0078B6; border:1px solid #CCCCCC; background: #FFFFFF url(../img/search.svg) 205px 6px no-repeat; margin-top: 8px; -webkit-appearance: none;border-radius: 0;}

.content-wbox ul.searchresults{margin:0;}
.content-wbox ul.searchresults li{padding:0; margin:0; list-style:none; background:none;}
.searchresults .url{display:none;}
.searchresults h4{font-size:1.4em;}
.searchresults p{margin:0.8em 0 0 0; font-size:1em;}
.searchresults p strong{color:#0078B6 !important;}

/* Table */

#main .info-table{font-size:0.9em;}
#main .info-table th{width:100%; border:0; margin:1em 0.5em 0.6em 0.5em;}
#main .info-table .headline-cell h4{font-weight:bold; font-size:0.8em;}

#main .info-table td{border:1px solid #CCCCCC; border-right:0; padding:0.4em 0.5em;}
#main .info-table .first-cell td{border:0;}

#main .info-table .first-cell{font-weight:bold;}
#main .info-table tbody .first-cell td, #main .info-table table{border-top:0;}
#main .info-table .inner-cell{font-size:0.9em;}

.table-text{margin:1em 0 0 0;}

.dqs{float:left; padding:0 2.1em 0 0;}

/* Briefkasten Konfigurator */

.row.ym-grid.privacy {
    margin: 0 15px;
    width: auto;
}
.row.ym-grid.privacy input {
    width: auto;
    float: left;
    display: block;
}
.row.ym-grid.privacy p {
    margin: 0;
    padding: 0 0 0 20px;
}
.pConf{margin: -25px 0 0 0;}
.pConf .info{background: #d9edf7;box-shadow: none; border: 1px solid #69ADEE;}
.pConf_Box .center{margin:0;}
.pConf_sendFormBox .ym-fbox-text > input {width: 100%;}
.pConf .pConf_topBox{padding:25px 0;}
.pConf_topBox ol {margin: 15px 0 0;}
.pConf_topBox h3{margin: 10px 0 0 0;}
.ym-g38.ym-gl {text-align: center;}
.pConf_topimg {height: 142px;}
.submit-row {text-align: center;}
.ym-grid .submit-row .button {margin: 0 0 0.5em;}
.pConf_Box.pConf_type {display: inline-block;width: 28%;}
.pConf_Box{background: #FFFFFF;border: 2px solid #fff;box-shadow: 0 0 4px #ddd;margin: 1.5em 0px 0;padding: 15px;}
.pConf_topBox.ym-grid.pConf_Box {width: 100%;}
.pConf_Box.pConf_type {margin: 1.5em 22px 0 0;}
.pConf_Box.pConf_type.last {margin: 1.5em 0 0;}
.pConf_topBox.pConf_Box {margin: 0;}
.typeNameBox > a {color: #0f5ea9;}
.typeImg {width: 100%;}
.wishColors {display: inline-block;}
.wishColors div {cursor: pointer;display: inline-block;float: left;padding: 0.5%;text-align: center;width: 10%;}
.wishColors_Box {padding: 10px;}
.colorTriggerd {display: none;}
.colorTrigger {cursor: pointer;display: block;font-size: 16px;margin: 0 0 10px 0;}
.colorSelct_Box .ym-label {color: #0f5ea9;margin: 0;padding:0 0 10px 0;}
.pConf .colorSelct_Box .ym-fbox-check{margin: 0;padding: 10px;}
.ym-fbox-check div{margin: 0 0 5px 0;}
.ym-fbox-check .ym-label{margin: 0 0 10px 0;}
#channel_intro .pConf .button {background: #0f5ea9 url("../img/button-arrow.svg") no-repeat scroll 10px center;border: 0 none;border-radius: 0;color: #ffffff !important;display: inline-block;font-size: 14px;font-weight: normal;margin: 26px 0 10px;padding: 6px 10px 7px 25px;text-transform: none;width: auto;text-shadow: none;}
#channel_intro .pConf .button:hover, .button:active, .formgen input.button:hover, .formgen input.button:active {background: #333745 url("../img/button-arrow.svg") no-repeat scroll 10px center;border: 0 none;color: #ffffff;cursor: pointer;transition-duration: 200ms;transition-property: background;transition-timing-function: ease;}
.ym-fbox-check p {margin: 0;}
.pConf .ym-form input:invalid, .ym-form textarea:invalid {background-color: #fff;}
.ym-form .ym-fbox-check input:hover{border:1px solid #888888;}
.pConf_Design .pConf_Box {display: inline-block;}
.pConf .ym-g25.ym-gl img {width: 100%;}
.pConf_Design .pConf_Box h3, .pConf_Wrapped h3, .mirrored-margin {margin: 0 0 15px;}
.doubled-margin {margin: 15px 0;}
.pConf .ym-g25.ym-gl.last {margin: 0 0 10px;}
.ym-g25 {margin: 0 1.33% 10px 0;width: 24%;}
.pConf form {width: auto;}
.pConf_Wrapped .ym-g50.ym-gl > img {display: block;height: 150px;}
.pConf_Box.ym-grid.pConf_Size {padding: 0;}
.pConf_Wrapper {padding: 0 15px;}
.pConf_Box.ym-grid.pConf_Wrapped {padding: 15px 0;}
.pConf .ym-fbox-heading {padding: 0 15px;}
.pConf .ym-g25.ym-gl img {cursor: pointer;}
.pConf_miniText > div {margin: 0 0 5px;}
.pConf_miniText input {width: 50px;}
.speakerImage-Box {float: left;margin: 0 10px 0 0;text-align: center;width: 100px;}
.speakerImage-Box > img {width: 100px;}
.speaker-example > span {display: block;}
.pConf_RadioContainer.yn-radio > label:nth-child(1) {color: #4a9658;font-weight: bold;}
.pConf_RadioContainer.yn-radio > label:nth-child(2) {color: #ee1717;font-weight: bold;margin: 0 0 0 10px;}
.pConf_OptionsWrapper {padding: 5px;}
.pConfig_placeBox {margin: 0 0 15px;}
.pConf_RadioContainer.yn-radio {display: inline;margin: 0 0 0 10px;}
.pConf_Box > strong {display: block;margin: 0 0 20px;}
.pConf_Box textarea {height: 150px;width: 350px;}
.pConf_Size img {width: 150px;}
.pConf_FixElements {display: inline-block;width: 100%;}
.pConf .box.success{margin: 24px 0 ;color: #fff; font-weight: bold; font-size: 14px;}
.typeNameBox{margin: 10px 0 0 0;}
.typeNameBox:hover{text-decoration:underline;}
.pConf_type:hover{box-shadow: 0 0 5px #BBBBBB;}
.colorSelct_Box{background:#FFFFFF;}
.colorSelct_Box{margin:0;}
.pConf .ym-fbox-check p{margin: 0 0 8px 0; font-size: 14px;}
.pConf_sendFormBox .ym-form{background:#FFFFFF; padding: 0 0 15px 0;}
.pConf_sendFormBox .ym-form .ym-fbox-text input{padding: 0.4em 0.3em;}
.pConf_sendFormBox .ym-form .ym-form label{font-weight: bold; margin: 0 0 5px 0; display: block;}
.pConf-subcat-row {display: inline-block;margin: 0 0 15px;width: 100%;}
.pConf-subcat-row.last {margin: 0;}
.pConf-subcat-headline {font-size: 16px;margin: 0 0 5px;}
.pConf-size-infobox {margin: 5px 0 10px;}
.pConf_Design.fade_out{opacity: 0.5;transition: opacity 2s;}
.pConf_Design.fade_in{opacity: 1;transition: opacity 2s;}
.pConf-bellpiece {border-bottom: 1px solid #444444;border-left: 1px solid #444444;border-top: 1px solid #444444;height: 140px;margin: 0 0 10px;padding: 1%;text-align: center;width: 31%;}
.pConf-bell-img {height: 140px;}
.pConf-bellpiece .pConf-bell-mainlabel {line-height: 10;}
.pConf-bellpiece.last {border-right: 1px solid #444444;}
.pConf-step-HL.active {color: #0f5ea9;}
.pConf-step-HL {color: #707177;display: block;font-size: 22px;margin: 0;}
a.pConf-step-HL:hover{color: #0f5ea9;}
.ym-g40.ym-gl.pConf-step2 {padding: 2.5%;}
.ym-g40.ym-gl.pConf-step1 {margin: 0 10% 0 0;padding: 2.5%;}
.button.back {position: absolute;right: 470px;top: 249px;}
.pConf-bigbellpiece {width: 64.5%;}
.pConf-type-hl {font-size: 18px;}
.back-icon {background-image: url("../img/next-prev.png");background-position: -5px -1px;display: inline-block;height: 15px;margin: 0 0 -2px;width: 10px;}
.wishColors .extra-color {width: 100%;padding: 0;display: inline-block;}
.button.back {background-image: none;padding: 8px;position: absolute;right: 470px;top: 249px;}
.pConf .pConf_Design .fancybox > img {cursor: help;}
.pConf .pConf_Design .fancybox > img {cursor: zoom-in;}
.extra-color > div {padding: 0 1%;width: 20%;}

label{cursor:pointer;}

} /* this closes the normal css don't delete it */


/* =========================== smaller size =========================== */

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


}


/* =========================== mobile changes =========================== */

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

/* Set the linearization in the layout file /yaml/screen for example screen-FULLPAGE-layout.css */
/* Die Klasse mobile wird nur ausgegeben wenn das mobile Gerät erkannt wird sonst kann über not-mobile der andere Fall gestylt werden. */

/* Search */

input#search{width:100%; clear:both;}
#search-popup{width:100%; clear:both;}

/* Form */

.formgen .mobile-form-item{width:100%;}
.formgen .mobile-form-item input{padding: 0.5em 0;}

/* Fallback wenn mobiles Gerät nicht erkannt wird */

.not-mobile .info-bar-content .links, .not-mobile .info-bar-content p, .not-mobile .news-content, .not-mobile .info-bar h2, .not-mobile .info-bar h3, .not-mobile .member-link, .not-mobile #channel_text{display:none;}
.not-mobile ul.main-nav-lvl-0{display:block;}
.not-mobile ul.main-nav-lvl-0 li.nav_sublayer:hover ul.main-nav-lvl-1 {display:block;}
.not-mobile ul.main-nav-lvl-1 li a.main-nav-image, .not-mobile ul.main-nav-lvl-1 li.main-nav-list-small, .not-mobile ul.main-nav-lvl-2{display:none;}
.not-mobile header .main-nav-lvl-1 h2 a{padding:0.8em 1em 0.7em 1.5em;}

}