body{
	font-family:'MINIRegular','Georgia', serif; 
	font-weight:normal;
	font-size:22px; 
	line-height:28px;
	color:#000000; 
	margin:0px; 
	padding:0px; 
	text-align:left;
	text-rendering: optimizeLegibility;
	}


.table-container {width:calc(100% - 40px); font-family:'MINISansReg', Arial, sans-serif; font-weight:normal; font-size:14px; line-height:18px;}
.table-container strong {font-family: 'MINISansBold',Arial,sans-serif; font-weight:normal;margin:30px 0px 20px 0px; display:block;}
.table-container span {font-family: 'MINISansReg',Arial,sans-serif; font-weight:normal;margin:20px 0px 40px 0px; display:block;}

.flex-row span {margin:0px 0px 20px 0px;}

.flex-table {
    display: grid;
    grid-template-columns: repeat(auto-fill, 50%);
}

.flex-table {
    display: grid;
    grid-template-columns: repeat(auto-fill, 50%);
    grid-template-rows: repeat(auto-fill, 100%);
}
.flex-row.offer {border-bottom: 1px solid #666; padding:10px 0px;}

.flex-row.first {
    grid-column-start: 1;
    grid-column-end: 2;
}
.flex-row:nth-child(2) {text-align:right; font-family: 'MINISansBold',Arial,sans-serif;}




/* STILE */
h1{font-family:'MINIBold',Georgia, serif; text-transform:uppercase;}
h2{font-family:'MINIBold',Georgia, serif; text-transform:uppercase;}
h3{font-family:'MINIRegular',Georgia, serif; text-transform:uppercase;}
h4{font-family:'MINIBold',Georgia, serif; text-transform:none; margin:40px 0px 0px 0px;}
h5{font-family:'MINIBold',Georgia, serif; font-weight: normal; font-size:inherit; line-height:inherit; text-transform:uppercase; margin:20px 0px 0px 0px;}
li{list-style:none;}
ul{margin:0px; padding:0px;}
strong{}

.bold {font-family: 'MINIBold',Georgia, serif; font-size:inherit; font-weight:normal;}
.schatten{-webkit-box-shadow: 0px 0px 2px #000; -moz-box-shadow: 0px 0px 2px #000; box-shadow: 0px 0px 2px #000;}
.stopper {clear:both;}
.upp {text-transform:uppercase;}
.legal {font-size:0.8em; line-height:1.3em; text-align:left;}
.col-m .legal,.col-l .legal {font-size:0.65em; line-height:1.2em;}


.offer_gewerbe {position:relative; display:inline-block; width:150px; background:#0085ac; padding:1px 5px 1px 20px; left:-20px; top:-15px; font-family: 'MINISansReg',Arial,sans-serif; font-weight:normal; color:#fff !important; font-size:14px;}

.offer_gewerbe::before, .offer_gewerbe::after {content: ""; position:absolute; right:-8px;}
.offer_gewerbe::before {bottom: 0; border-top: 18px solid transparent; border-left: 10px solid #0085ac;}
.offer_gewerbe::after {top: 0; border-top: 18px solid #0085ac; border-right: 10px solid transparent;}
.offer_gewerbe + h4 {margin-top:10px !important;}


.legal-icon-alternative>i {float:left; display:block;padding-bottom:10px;}
.legal-icon-alternative>div {float:left; display:block; max-width:80%;} 


.underline {border-top-color:none; border-left-color:none; border-right-color:none; border-bottom-style: solid;}

.btn {font-family: 'MINISansReg',Arial,sans-serif; font-weight: normal; text-transform: normal; font-size: 1rem; line-height: 1rem; display: inline-block;
padding: 12px 30px; margin-top: 9px; margin-bottom: 0; border: 2px solid transparent; border-radius:50px; text-decoration: none; text-align: center; cursor: pointer; position: relative; outline: 0;}



.expanded {width:21.5%; min-width:250px;}
.expanded:first-child {padding-left:0px; margin-left:0px;}

.btn_icon {display:inline-block; font-family:'MINISansReg', Arial, sans-serif; text-decoration:none; color:inherit; text-align:center; padding:20px 20px;}
.btn_icon>.icon {display:inline-block; font-size:60px; box-sizing:border-box; text-align:center; margin-bottom:20px;
height: 1em; background-size: contain; background-repeat: no-repeat; background-position: 0 100%; vertical-align: bottom; font-family: 'md-icon'; font-weight: normal;
font-style: normal; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; speak: none; line-height: 1;}
.btn_icon:hover>.icon {/*transform:rotate(-6deg);*/}
.btn_icon>.title, .lnk_more {display:block; width:100%; font-size:17px; line-height:17px; text-transform:uppercase; text-decoration:none; padding-left:15px; font-family:'MINISansReg', Arial, sans-serif; color:inherit; }
.btn_icon>.title::after, .lnk_more::after {height: 1em; background-size: contain; background-repeat: no-repeat; background-position: 0 100%; vertical-align: bottom; font-family: 'md-icon'; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-rendering: optimizeLegibility; speak: none; line-height: 1; content: '\e91d';
text-indent: 0; display: inline; white-space: nowrap; font-size: inherit; padding-left: 5px; padding-right:10px;}
.btn_icon:hover>.title::after{padding-left:10px; padding-right:5px;}

.lnk_more {padding-left:0px !important; padding-bottom:15px;}
.lnk_more:hover::after{padding-left:10px; padding-right:5px;}

.head_ital {display:block; font-family: 'MINIItalic','Georgia',serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; font-weight: normal; font-style: italic; padding:20px 20px 30px 20px;}
.head_ital::before {content: ''; position: relative; width: 20px; top:-5px; left:-11px; border-top: 1px solid; display: inline-block;}
.head_ital::after {content: ''; position: relative; width: 20px; top:-5px; left:11px; border-top: 1px solid; display: inline-block;}

a{outline:none;}
a:link{outline:none;}
a img{outline:none; border:0 none;}

a.st:link {color:#000000; font-family:inherit; font-weight:inherit; text-decoration:underline; font-size:inherit; line-height:inherit;}
a.st:hover {color:#000000;}
a.st:active {color:#000000;}
a.st:visited {color:#000000;}






/********************* MOBILE ***********************

@media screen and (max-width: 400px) {
	#Newsletter_Formular {height:1550px !important;}
}

@media screen and (min-width: 400px) and (max-width: 600px) {
	#Newsletter_Formular {height:1290px !important;}
}


@media screen and (min-width: 600px) and (max-width: 700px) {
	#Newsletter_Formular {height:900px !important;}
}

@media screen and (max-width: 700px) {
	
	#Top.Intro { position:relative; margin:0px auto; max-width:1680px; 
				-webkit-background-size:cover; 	-moz-background-size:cover; -o-background-size:cover; background-size:cover;}
	
	.bg_nl {background:url(../img/Header_nl5+_mobile.jpg) no-repeat center center;}
	.bg_kk {background:url(../img/Header_kk5+_mobile.jpg) no-repeat center center;}
	
	#Top{height:420px;}
	#Start {margin-top:0px !important; padding-top:0px !important;}
	
	#menu {position:absolute;}
	
	#nav {max-width:100%;}
	#nav .menu {position:absolute; width:100%; border-bottom: none !important; height:100%;}
	#nav .logo {position:absolute; top:-60px; right:0px; min-width:56px;}
	#nav .logo img {width:36px; margin:12px 0px 0px 0px; height:auto; position:absolute;}
	#navwrapper {height:60px; background:url("../nav/bg_nav_01.png") 0 -35px repeat-x;}
	#navwrapper_reg {height:60px;}
	
	#mainmenu li:first-child {display:block; visibility:visible; background:none; margin-left:15px;}
	#mainmenu li {display:block; width:100% !important; margin:0px 4px 0px 0px; text-align:center; float:left; background:#fff;}
	#mainmenu h1 {font-family:'BMWTypeWebBoldAll','Roboto', Arial, Helvetica, sans-serif; font-size:15.4px; letter-spacing:0px; color:#666; font-weight:600; text-transform:none; padding:0px; margin:0px;}
	
	a.mainmenu:link	{display:none; width:80%; padding:4% 0% 4% 10%; margin:0px auto; text-align:left; background:#fff; border-bottom: 1px solid #e6e6e6; opacity:1; 
					color:#262626 !important; text-decoration:none !important; font-size:1.65em; letter-spacing:0.15px; font-weight:700;}
	a.mainmenu:hover, .act h1 a {text-decoration:none; display:block; border-bottom: 1px solid #e6e6e6 !important;}
	a.mainmenu:active {}
	a.mainmenu:visited {}
	
	.burgermenu {padding:5px 20px 5px 0px;}
	.formular{position:relative; padding:15px; max-width:700px; height:auto; margin:20px auto; text-align:left; background:#f2f2f2; color:#000;	clear:both;}
	.tib {width:90%; height:auto; padding:3%; margin:40px 0px 0px 0px; float:none;}
	.upp {display:none !important;}
	.mob {background:#fff; height:800px; opacity:0;}
	.coupon img {width:100%; height:auto; float:left; padding:0% 0% 3% 0%;}
	
	.table .cell {width:100%; float:none; padding:2px 0px; display:block; text-align:left; font-size:15px; line-height:20px;}
 	.line h3 {margin:0px;}

}

@media screen and (min-width: 701px) {
	
	#Top.Intro {position:relative; margin:0px auto; max-width:1680px;
				-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

	#Start {margin-top:0px !important; padding-top:50px !important;}
	#navwrapper {height:58px;}
	#navwrapper_reg {height:99px;}
	
	a.mainmenu:link	{height:44px; padding:26px 20px 25px 20px; margin:0px 0px 0px 0px; text-decoration:none; border-bottom: 4px solid rgba(255, 255, 255, 0); opacity:1;}
	a.mainmenu:hover, .act h1 a {text-decoration:none; display:block; margin:0px 0px 0px 0px !important; border-bottom: 4px solid rgba(28,105,212, 1);}
	a.mainmenu:active {}
	a.mainmenu:visited {}
	
	.burgermenu {padding:26px 20px 25px 0px;}
	.formular{position:relative; padding:30px; max-width:1200px; height:auto; margin:20px auto; text-align:left; background:#f2f2f2; color:#000; clear:both;}
	.tib {width:43%; height:auto; padding:1.5%; margin:20px 20px 20px 0px; float:left;}
	.upp {display:block;}
	
	.table .cell {width:23%; float:left; padding:2px 3px; display:block; text-align:left; font-size:15px; line-height:20px;}
	.line .cell:last-child {clear:both; float:none;}
	.line h3 {margin:20px 0px 0px 0px;}
	
}
*/
/********************* MOBILE END ************************/


/*
.submenu {display:none; width:150px; height:auto; list-style:none;}
.submenu li {display:block;}
.submenu li a:link 	{color:#666666; display:block; width:130px; line-height:25px; text-decoration:none; background:#fff; margin:0px 0px 0px -4px; padding:0px 10px; opacity:0.9; font-size:11px; text-align:left; }
.submenu li a:hover 	{color:#093956; display:block; width:130px; line-height:25px; text-decoration:none; background:#fff; margin:0px 0px 0px -4px; padding:0px 10px; opacity:1;}
.submenu li a:active 	{color:#666666; display:block; width:130px; line-height:25px; text-decoration:none; background:#fff; margin:0px 0px 0px -4px; padding:0px 10px;}
.submenu li a:visited 	{color:#666666; display:block; width:130px; line-height:25px; text-decoration:none; background:#fff; margin:0px 0px 0px -4px; padding:0px 10px;}
*/




/* SEITENAUFBAU */

#Top{
	position:relative;
	width:100%;
    overflow:hidden;
}

.section{
	position:relative; 
	width:100%; 
	height:auto; 
	margin-top:0px;
	padding:0px 0px; 
	background:#fff; 
	color:inherit;
	z-index:10;
	overflow:hidden;
	clear:both;
	}

.inner{
	position:relative; 
	max-width:1440px; 
	height:auto;
	margin:20px auto 0px auto;
	text-align:left;
	/*overflow:hidden;*/
	clear:both;
	}

.inner.legal {max-width:1200px;}

.col-l.pos.np *, .col-m.pos.np * {padding: 0px 0px 0px 0px !important;}

.inner>img {max-width:100%;}

.i_hi {background-color:#e8e8e8;}

.col-m,.col-l, .col-l {float:left; height:auto; overflow:hidden; max-width:100%;}
.block_c {position:relative; display:block; margin:30px auto; text-align:center;}
.pos {color:#000000; border-color:#000000;}
.neg {color:#ffffff; border-color:#ffffff;}

.section.pos {background:#ffffff;}
.section.pos>* {color:#000000;}
.pos .btn {background:#000000; color:#ffffff;}
.pos .btn:hover {background:#ffffff; border-color:#000000; color:#4a4a4a;}

.section.light, .col-l.light, .col-m.light {background:#f1f1f1;}
.section.light>*,.col-l.light>*,.col-m.light>*  {color:#000000;}
.light .btn {background:#000000; color:#ffffff;}
.light .btn:hover {background:#ffffff; border-color:#000000; color:#4a4a4a;}

.section.neg {padding-bottom:40px;}
.section.neg, .col-l.neg, .col-m.neg {background:#000000;}
.section.neg>*, .col-l.neg>*, .col-m.neg>* {color:#ffffff;}
.neg .btn {background:#ffffff; color:#000000;}
.neg .btn:hover {background:#000000; border-color:#ffffff; color:#ffffff;}




/* HEADER AND NAVIGATION */
#navwrapper {width:100%; height:58px; position:fixed; background:#ffffff; z-index:99; top:0px; }
#navwrapper .navwr_scr {width:100%; height:inherit; position:fixed; background-color:#fff; top:0px; opacity:0; z-index:10; border-bottom: 1px solid #e8e8e8;}

.burgermenu {display:block; height:48px;}
.burgermenu a {cursor:pointer; display:block; height:48px; width:48px; padding:0px; margin:0px; text-decoration:none;} 
.bmn_close {background:url("../nav/icon_burgermenu_close.png") top left no-repeat;}
.bmn_open_scr {background:url("../nav/icon_burgermenu_state.png") top left no-repeat;}
.bmn_open {background:url("../nav/icon_burgermenu_scr.png") top left no-repeat;}

a.mainmenu:link	{color:#000; display:block; height:38px; padding:20px 13px 0px 13px; margin:0; text-decoration:none; opacity:1;}
a.mainmenu:hover, .act a {text-decoration:none; display:block; margin:0px 0px 0px 0px !important; background:#efefef;}
a.mainmenu:active {color:inherit;}
a.mainmenu:visited {color:inherit;}

a.me_scr:link, #navrapper_reg .me_state:link {color:#8e8e8e;}
a.me_scr:hover, #navrapper_reg .me_state:hover {color:#000; border-bottom: 4px solid rgba(28,105,212, 1);}
a.me_scr:active, #navrapper_reg .me_state:active {color:#000;}
a.me_scr:visited, #navrapper_reg .me_state:visited {color:#8e8e8e;}


@media screen and (max-width: 800px) {
	
	#nav {max-width:100%;}
	#nav .menu {position:absolute; width:100%; border-bottom: none !important; height:100%;}
	/*#nav .logo {position:absolute; top:-60px; right:0px; min-width:56px;}
	#nav .logo img {width:36px; margin:12px 0px 0px 0px; height:auto; position:absolute;}*/
    #nav .logo {position:relative; margin:0px 0px 0px 0%; padding:0px 17px 0px 26px; width:65px; height:58px; float:left; text-align:left;}
    #nav .logo img {width:75px; height:inherit; margin:13px 0px 0px 0px;}
    
    #nav .logo_partner {position:relative; margin:0px 0px 0px 0%; padding:0px 17px 0px 10px; width:auto; height:58px; float:left; text-align:left;}
    #nav .logo_partner img {height:58px; width:auto; margin:0px 0px 0px 0px;}    

	#mainmenu li {display:block; width:100% !important; margin:0px 4px 0px 0px; text-align:left; float:left; background:#fff;}
    #mainmenu li:first-child {display:block; visibility:visible; background:none; margin-left:0px; }
	
    a.mainmenu:link	{font-family:'MINIBold',Georgia, serif; font-size:30px; text-transform:uppercase; color:#000; display:none; height:38px; padding:25px 20px 15px 25px; margin:0; text-decoration:none; opacity:1; background:#f1f1f1;}
    a.mainmenu:hover, .act a {text-decoration:none; display:block; margin:0px 0px 0px 0px !important;}
    a.mainmenu:active {color:inherit;}
    a.mainmenu:visited {color:inherit;}
    
    .mainmenu.first {padding-top:10vh !important;}
    .mainmenu.last {padding-bottom:80vh !important;}
    
	.burgermenu {padding:5px 20px 5px 0px; float:right;}
}

@media screen and (min-width: 801px) {

    #nav {position:relative; margin:0px auto; height:inherit; z-index:99;}
    #nav .menu {position:relative; margin:0px 0px 0px 0px; max-width:80%; height:inherit; float:left;}
    #nav .logo {position:relative; margin:0px 0px 0px 0%; padding:0px 26px 0px 17px; width:65px; height:58px; float:left; text-align:left;}
    #nav .logo img {width:75px; height:inherit; margin:13px 0px 0px 0px;}

    #nav .logo_partner {position:relative; margin:0px 0px 0px 0%; padding:0px 17px 0px 10px; width:auto; height:58px; float:right; text-align:left;}
    #nav .logo_partner img {height:58px; width:auto; margin:0px 0px 0px 0px;}    
    
    #mainmenu li { display:inline; margin:0px 0px 0px 0px; text-align:center; float:left; font-family: 'MINISansReg',Arial,sans-serif; font-weight:normal; font-size:12px; text-transform:uppercase; line-height:1rem;}
	#mainmenu li:first-child {display:none; visibility:hidden;}
	#mainmenu li:nth-child(2) {margin-left:10px;}
	
    a.mainmenu:link	{color:#000; display:block; height:38px; padding:20px 13px 0px 13px; margin:0; text-decoration:none; opacity:1;}
    a.mainmenu:hover, .act a {text-decoration:none; display:block; margin:0px 0px 0px 0px !important; background:#efefef;}
    a.mainmenu:active {color:inherit;}
    a.mainmenu:visited {color:inherit;}
        
    .mainmenu.first {padding-top:inherit;}
    .mainmenu.last {padding-bottom:inherit;}
	
	.burgermenu {padding:26px 20px 25px 0px;}
}





/********************* RESPONSIVE ************************/

/* MOBILE */
@media screen and (max-width: 701px) {
    
    #Top{height:850px; min-height:450px; top:-58px;}
    .slide {min-height:inherit;}
	.slide>div:first-child{position:relative; max-width:100%; margin-top:120px;}
    .slide>div:first-child{padding:10% 7% 4% 7%; height:68%;}
    .slide {background-position:-900px 60px !important;}
    /*.slide .btn {position:absolute; width:70% !important; bottom:12%;}*/

    .inner {padding:10px 25px; font-size:17px; line-height:22px;}
    .col-l, .col-m {width:100%; padding:0px 0px 30px 0px; margin-bottom:50px}
        
    .col-l>p, .col-l>h3, .col-l>h4, .col-l>h5, .col-l>strong {padding-left:25px; padding-right:25px;}
    .col-l.pos>div,.col-l.neg>div,.col-l.light>div, .col-l>.btn  {margin-left:25px;}

    .col-m>p, .col-m>h3, .col-m>h4, .col-m>h5, .col-m>strong  {padding-left:25px; padding-right:25px;}
    .col-m.pos>div,.col-m.neg>div,.col-m.light>div, .col-m>.btn  {margin-left:25px;}
    
    .table-container {width:calc(100% - 50px) !important;}
    
    h1{font-size:60px; line-height:60px; font-weight:normal;}
    h2{font-size:30px; line-height:30px; font-weight:normal;}
    h3{font-size:22px; line-height:22px; font-weight:normal;}
    h4{font-size:22px; line-height:28px; font-weight:normal;}
    
    h1 + div.underline {margin:-30px 0px 30px 0px; width:120px; border-bottom-width:6px;}
    h2 + div.underline {margin:-10px 0px 30px 0px; width:60px; border-bottom-width:4px;}
    h3 + div.underline {margin:-10px 0px 10px 0px; width:40px; border-bottom-width:2px;}
    h4 + div.underline {margin:-30px 0px 30px 0px; width:70px; border-bottom-width:3px;}
    
    img + h3 {margin:0px; padding:20px 0px 0px 0px;}    
    img + h3 + div.underline {padding:20px 0px 0px 0px;}
}

/* STUFE 1 */
@media screen and (min-width: 701px) and (max-width: 990px) {
    #Top{height:680px; min-height:500px; top:-58px;}
    .slide {min-height:inherit;}
	.slide>div:first-child{position:relative; max-width:100%; margin-top:120px;}
    .slide>div:first-child{padding:4.5% 7% 4.5% 7%;}
    
    .inner {padding:20px 60px;  font-size:17px; line-height:22px;}
    .col-l, .col-m {width:100%; padding:0px 0px 30px 0px; margin-bottom:50px}
        
    .col-l>p, .col-l>h3, .col-l>h4, .col-l>h5, .col-l>strong  {padding-left:40px; padding-right:40px;}
    .col-l.pos>div,.col-l.neg>div,.col-l.light>div, .col-l>.btn  {margin-left:40px;}

    .col-m>p, .col-m>h3, .col-m>h4, .col-m>h5, .col-m>strong  {padding-left:40px; padding-right:40px;}
    .col-m.pos>div,.col-m.neg>div,.col-m.light>div, .col-m>.btn  {margin-left:40px;}
    
    .table-container {width:calc(100% - 80px) !important;}
    
    h1{font-size:76px; line-height:76px; font-weight:normal;}
    h2{font-size:38px; line-height:38px; font-weight:normal;}
    h3{font-size:24px; line-height:24px; font-weight:normal;}
    h4{font-size:22px; line-height:28px; font-weight:normal;}
    
    h1 + div.underline {margin:-40px 0px 40px 0px; width:140px; border-bottom-width:6px;}
    h2 + div.underline {margin:-20px 0px 30px 0px; width:80px; border-bottom-width:4px;}
    h3 + div.underline {margin:-10px 0px 10px 0px; width:60px; border-bottom-width:2px;}
    h4 + div.underline {margin:-30px 0px 30px 0px; width:70px; border-bottom-width:3px;}    
    
    img + h3 {margin:0px; padding:20px 0px 0px 0px;}  
    img + h3 + div.underline {padding:20px 0px 0px 0px;}
}


/* STUFE 2 */
@media screen and (min-width: 991px) and (max-width: 1200px) {
    #Top{height:720px; min-height:500px; top:-58px;}
    .slide {min-height:inherit;}
    /*.slide>div:first-child{padding:4.5% 7% 4.5% 7%;}*/
	.slide>div:first-child{position:absolute; bottom:130px; padding:0% 5% 0% 5%;}
    
    .inner {padding:30px 80px;}
    
    .col-l {width:49.25%; padding:0px 0px 30px 0px;}
    .col-l:first-child {margin:0px 1.5% 50px 0px;}
    .col-l:last-child {margin:0px 0px 50px 0px;}
    
    .col-m {width:100%; padding:0px 0px 30px 0px; margin-bottom:50px}
    
    .col-l>p, .col-l>h3, .col-l>h4, .col-l>h5, .col-l>strong  {padding-left:40px; padding-right:40px;}
    .col-l.pos>div,.col-l.neg>div,.col-l.light>div, .col-l>.btn  {margin-left:40px;}

    .col-m>p, .col-m>h3, .col-m>h4, .col-m>h5, .col-m>strong  {padding-left:40px; padding-right:40px;}
    .col-m.pos>div,.col-m.neg>div,.col-m.light>div, .col-m>.btn  {margin-left:40px;}
    
    .table-container {width:calc(100% - 80px) !important;}
    
    h1{font-size:84px; line-height:84px; font-weight:normal;}
    h2{font-size:50px; line-height:50px; font-weight:normal;}
    h3{font-size:32px; line-height:32px; font-weight:normal;}
    h4{font-size:22px; line-height:28px; font-weight:normal;}
    
    h1 + div.underline {margin:-40px 0px 40px 0px; width:160px; border-bottom-width:8px;}
    h2 + div.underline {margin:-30px 0px 30px 0px; width:100px; border-bottom-width:4px;}
    h3 + div.underline {margin:-15px 0px 15px 0px; width:70px; border-bottom-width:2px;}
    h4 + div.underline {margin:-30px 0px 30px 0px; width:70px; border-bottom-width:3px;}    
    
    img + h3 {margin:0px; padding:20px 0px 0px 0px;}
    img + h3 + div.underline {padding:32px 0px 0px 0px;}
    
    .sz_s {font-size:0.8em; line-height:1.3em;}
}

/* STUFE 3 */
@media screen and (min-width: 1201px) and (max-width: 1439px) {
    #Top{height:790px; min-height:500px; top:-58px;}
    .slide {min-height:inherit;}
	
	/*.slide>div:first-child{padding:4.5% 7% 4.5% 7%;}*/
	.slide>div:first-child{position:absolute; bottom:130px; padding:0% 5% 0% 5%;}
    
    .inner {padding:30px 120px;}
    
    .col-l {width:49.25%; padding:0px 0px 30px 0px;}
    .col-l:first-child {margin:0px 1.5% 50px 0px;}
    .col-l:last-child {margin:0px 0px 50px 0px;}
    
    .col-m {width:32.3333%; padding:0px 0px 30px 0px;}
    .col-m:first-child {margin:0px 1.5% 50px 0px;}
    .col-m:nth-child(2) {margin:0px 1.5% 50px 0px;}
    .col-m:last-child {margin:0px 0px 50px 0px;}
    
    .col-l>p, .col-l>h3, .col-l>h4, .col-l>h5, .col-l>strong  {padding-left:40px; padding-right:40px;}
    .col-l.pos>div,.col-l.neg>div,.col-l.light>div, .col-l>.btn  {margin-left:40px;}

    .col-m>p, .col-m>h3, .col-m>h4, .col-m>h5, .col-m>strong {padding-left:40px; padding-right:40px;}
    .col-m.pos>div,.col-m.neg>div,.col-m.light>div, .col-m>.btn  {margin-left:40px;}
    .col-m>.btn {max-width: calc(100% - 160px) !important;}
    .table-container {width:calc(100% - 80px) !important;}
    
    h1{font-size:100px; line-height:100px; font-weight:normal;}
    h2{font-size:50px; line-height:50px; font-weight:normal;}
    h3{font-size:32px; line-height:32px; font-weight:normal;}
    h4{font-size:22px; line-height:28px; font-weight:normal;}
    
    h1 + div.underline {margin:-50px 0px 40px 0px; width:180px; border-bottom-width:8px;}
    h2 + div.underline {margin:-30px 0px 30px 0px; width:100px; border-bottom-width:4px;}
    h3 + div.underline {margin:-15px 0px 15px 0px; width:70px; border-bottom-width:2px;}
    h4 + div.underline {margin:-30px 0px 30px 0px; width:70px; border-bottom-width:3px;}    
    
    img + h3 {margin:0px; padding:20px 0px 0px 0px;}
    img + h3 + div.underline {padding:32px 0px 0px 0px;}
    
    .sz_s {font-size:0.8em; line-height:1.3em;}
}

/* STUFE 4 */
@media screen and (min-width: 1440px) {
    #Top{height:880px; top:-58px;}

	/*.slide>div:first-child{padding:4.5% 7% 4.5% 7%;}*/
	.slide>div:first-child{position:absolute; bottom:130px; padding:0% 5% 0% 5%;}
    
    .inner {padding:30px 120px;}
    
    .col-l {width:49.25%; padding:0px 0px 35px 0px;}
    .col-l:first-child {margin:0px 1.5% 50px 0px;}
    .col-l:last-child {margin:0px 0px 50px 0px;}
    
    .col-m {width:32.3333%; padding:0px 0px 35px 0px;}
    .col-m:first-child {margin:0px 1.5% 50px 0px;}
    .col-m:nth-child(2) {margin:0px 1.5% 50px 0px;}
    .col-m:last-child {margin:0px 0px 50px 0px;}
    
    .col-l>p, .col-l>h3, .col-l>h4, .col-l>h5, .col-l>strong  {padding-left:40px; padding-right:40px;}
    .col-l.pos>div,.col-l.neg>div,.col-l.light>div, .col-l>.btn  {margin-left:40px;}

    .col-m>p, .col-m>h3, .col-m>h4, .col-m>h5, .col-m>strong  {padding-left:20px; padding-right:20px;}
    .col-m.pos>div,.col-m.neg>div,.col-m.light>div, .col-m>.btn  {margin-left:20px;}
    
    h1{font-size:110px; line-height:110px; font-weight:normal;}
    h2{font-size:74px; line-height:74px; font-weight:normal;}
    h3{font-size:50px; line-height:50px; font-weight:normal;}
    h4{font-size:22px; line-height:28px; font-weight:normal;}
    
    h1 + div.underline {margin:-50px 0px 50px 0px; width:200px; border-bottom-width:10px;}
    h2 + div.underline {margin:-40px 0px 30px 0px; width:160px; border-bottom-width:6px;}
    h3 + div.underline {margin:-30px 0px 30px 0px; width:100px; border-bottom-width:4px;}
    h4 + div.underline {margin:-30px 0px 30px 0px; width:70px; border-bottom-width:3px;}
    
    img + h3 {margin:0px; padding:30px 0px 0px 0px;}
    img + h3 + div.underline {padding:50px 0px 0px 0px;}
    
    .sz_s {font-size:0.8em; line-height:1.3em;}
}


/********************* RESPONSIVE END ************************/


    /*.slide>div:first-child{position:relative; max-width:100%; margin-top:120px;}*/
	.Slider {}
  	.Slider>div {width:100%; position:absolute; height:inherit; margin:0px auto; max-width:100%;
				-webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important;}  
    .Slider .legal {font-family:'MINISansReg', Arial, sans-serif; font-weight:normal; max-width: 90%; font-size:14px; line-height:18px; position:absolute; bottom:30px; left:20px;}    

    .slide {}
    .slide h1, .slide h3 {margin:0px; padding:0px;}
    
    .subbar {position:absolute; width:100%; height:12px; bottom:0px; background:#ffffff;}
    .bar {position:absolute; width:100%; height:12px; bottom:0px; animation-duration:3s; animation-name: subbar-anim; animation-iteration-count: 1; animation-direction: alternate;}
   
    @keyframes subbar-anim {
        from {width:0%;}
        to {width:100%;}
    }
    
    .bar.blue {background:rgba(0,133,172,1);}
    .bar.black {background:#000000;}
    .bar.minielectric {background:#e1ca00;}





/* FOOTER */

#Footer{
	position:relative; 
	width:100%; 
	height:auto; 
	margin:15px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background:#ffffff; 
	color:#000000;
	z-index:15;
	clear:both;
    border-top:1px solid #f1f1f1;
    font-size:18px; line-height:22px;
	}

#f_logo {
	position:relative;
	width:120px; 
	height:170px; 
	border-right:#999 1px solid;
	float:left;
	}

#f_logo img {position:absolute; left:0px; bottom:5px;}
	
#f_in{
	position:relative; 
	padding:0px 0px 0px 0px;  
	height:auto;
	margin:0px auto 0px auto;
	text-align:left;
	/*overflow:hidden;*/
	}	

#f_top {width:100%; height:10px;}

#f_main {height:auto;}
#f_main ul li {margin:0px 0px 0px 0px; text-align:center; float:right; font-family: 'MINISansReg',Arial,sans-serif; font-weight:normal; font-size:12px; text-transform:uppercase;}

@media screen and (max-width: 701px) {
    #f_in {max-width:100%; padding-bottom:20px;}
    #f_main ul li {display:block; width:100%; border-bottom:1px solid #000000; text-align:left;} 
    a.footermenu:link {color:#000; display:block; height:30px; width:95%; padding:6px 0px 0px 5%; margin:0; text-decoration:none; opacity:1;text-align:left;}
	a.footermenu:hover {text-decoration:none; display:block; margin:0px 0px 0px 0px !important; }
	a.footermenu:active {color:inherit;}
	a.footermenu:visited {color:inherit;}   
}

@media screen and (min-width: 702px) {
    #f_in {max-width:85%;}
    #f_main ul li {display:inline;}    
    a.footermenu:link {color:#000; display:block; height:30px; padding:6px 13px 0px 13px; margin:0; text-decoration:none; opacity:1;}
	a.footermenu:hover {text-decoration:none; display:block; margin:0px 0px 0px 0px !important; }
	a.footermenu:active {color:inherit;}
	a.footermenu:visited {color:inherit;}   
}

#f_expandable {width:91%; height:auto; padding-bottom:20px; position:relative; margin:10px auto;}

#f_expandable .hinweis {font-family: 'MINISansBold',Arial,sans-serif; border: 0;
text-decoration: none; padding: 0; position: relative; background: transparent; text-transform: none; display: block; cursor: pointer; width: 100%; text-align: left; color:#000000; font-size:15px; min-height:70px;}

#f_expandable .hinweis::after {display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: 0 100%; vertical-align: bottom; font-family: 'md-icon'; font-weight: normal; font-style: normal; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; speak: none; line-height: 1; content: '\e920';
text-indent: 0; font-size: 1em; position: absolute; top: -40px; right: 0; bottom: 0; height: 1em; margin: auto 0;}

#f_expandable .hinweis.rotated::after{display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: 0 100%; vertical-align: bottom; font-family: 'md-icon'; font-weight: normal; font-style: normal; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; speak: none; line-height: 1; content: '\e920';
text-indent: 0; font-size: 1em; position: absolute; top: -40px; right: 0; bottom: 0; height: 1em; margin: auto 0;
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

.h_content {position:relative; display:block; width: 87%; margin:0px auto 0px auto;}

#f_sub {position:relative; bottom:0px; width:100%; height:20px; padding:10px 0px 10px 0px;  text-align:left;}

#f_sub .logo_partner img {max-width:320px; margin-left:3%;} 
#f_sub .logo_partner {}


/* ANIMATION */
.a_fi {margin-top:70px !important; opacity:0;}
.mobile {display:none !important; visibility:hidden !important;}

.acc {display:block; position:relative; top:0px; width:100%; height:auto; padding: 15px 15px 15px 0px; background:url(../nav/bg_opac_85.png) repeat; 
		z-index:100; border-top:1px solid #bbbbbb;}
.acc_inl {display:none;}
.acc_inl strong {}
.acc_inl ul li {list-style:disc; margin:15px 0px 0px 30px;}
.acc_head {display:block; width:100%; font-size:17px; line-height:17px; text-transform:uppercase; text-decoration:none; padding:7px 0px; font-family:'MINISansReg', Arial, sans-serif; color:inherit; cursor:pointer; }
.acc_switch {display:block; cursor:pointer; height:23px; width:23px; position:absolute; right:0px; top:17px; background:url(../nav/btn_switch.png) no-repeat; z-index:31;}
.rotate {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}