body{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; 
	font-weight:normal;
	font-size:20px; 
	line-height:30px;
	color:var(--own-color-dark); 
	margin:0px; 
	padding:0px; 
	text-align:left;
	text-rendering: optimizeLegibility;
	
	}


#Top+#wrapper {padding-top:0px !important;}

/* VARIABLEN (Standard, werden auf der individuellen Seite überschrieben */
:root {
	--own-color-primary: #3A0644;
	--own-color-secondary: #C2A678;
	--own-color-light: #ffffff;			/* Helle Textfarbe*/
	--own-color-dark: #1d1d1d;			/* Dunkle Textfarbe */
	
	--own-color-box-pos: #ffffff;		/* var(--own-color-box-pos) */
	--own-color-box-neg: #3A0644;
	--own-color-box-light: #f1f1f1;
}

.mainmenu.primary {background:var(--own-color-primary) !important; color: var(--own-color-light) !important;}
span.primary, strong.primary {color:var(--own-color-primary);}


.zl-imgbox{margin-left:0px !important; aspect-ratio: 16 / 9; width: 100%; overflow: hidden;}
.zl-imgbox img{width: 100%; height: 100%; object-fit: cover; display: block;}


.pferdefilter, .filter {margin-top: 20px;}
.pferdefilter h4, .filter h4 {margin: 25px 0 12px 0;}
.Auswahl {display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 10px 0;}
.Auswahl > div {position: relative;display: inline-flex;align-items: center;}
.Auswahl input[type="checkbox"] {position: absolute; opacity: 0; pointer-events: none;}
.Auswahl label {display: inline-flex;align-items: center; gap: 10px; cursor: pointer; user-select: none; white-space: nowrap; font-size: inherit; font-size: 20px; font-weight: 500; line-height: 1; margin-right:10px;}

.Auswahl label::before {
	content: "";
	width: 23px;
	height: 23px;
	border: border-box;
	border: 1px solid #ccc;
	background: var(--own-color-light);
	display: inline-block;
	flex: 0 0 23px;
	border-radius: 50px;
	margin-top: 2px;
}

.Auswahl input[type="checkbox"]:checked + label::before {
	background-color: var(--own-color-primary);
	border-color: var(--own-color-primary);
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3 3L13 4.5'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px;
}

.Auswahl input[type="checkbox"]:focus + label::before {
    outline: 2px solid rgba(45, 111, 210, 0.25);
    outline-offset: 2px;
}

.more {display: inline-block; margin: 0px 18px 10px 0; cursor: pointer; font-size:18px;}


/* --------------- CTABLOCK -------------------- */
.kontaktoptionen {display:flex; flex-wrap:wrap; text-align:center; width:100%; gap:20px; margin-bottom:0px;}
.ctacol {display:block; text-decoration:none; border-radius:16px; flex-grow:1; flex:1 1 30%; padding:10px 10px 40px 10px !important; min-width:250px;}
.ctacol.neg {background-color:var(--own-color-primary); color:var(--own-color-light);}				
.ctacol.neg:hover {box-shadow:var(--own-color-primary) 0px 7px 15px;}	
.ctacol.pos {background-color:var(--own-color-box-pos); color:var(--own-color-dark); border:#ccc 1px solid;}	
.ctacol.pos:hover {box-shadow:#ccc 0px 7px 15px;}		
.ctacol.light {background-color:var(--own-color-box-light); color:var(--own-color-dark);}	
.ctacol.light:hover {box-shadow:#999 0px 7px 15px;}		
.ctacol>.btn {width:60%; text-align:center; font-size:0.9em; margin:20px auto 0px auto; display:block !important;}
@media screen and (max-width: 500px) {.ctacol {flex-grow:1; flex:1 1 100%;}}
@media screen and (min-width: 501px) {.ctacol {flex-grow:1; flex:1 1 30%;}}
			
h1 + div.kontaktoptionen {margin:50px 0px 30px 0px;}
h2 + div.kontaktoptionen {margin:50px 0px 30px 0px;}


/* --------------- ABSTAMMUNG -------------------- */
.pedigree>table {width:100%; border-collapse: collapse; color:#666;}
.horse {font-size:1em;}
.horse>h2, .horse>h3, .horse>h4, .horse>h5 {margin:0px;}
.horse .ln{}
.horse .color {display:block;}
.horse .blood {text-transform:lowercase;}
.col-2 {width:30%; padding:20px;}
.col-3 {width:28%; padding:20px;}
.col-4 {width:23%; padding:15px;}
.col-5 {width:19%; padding:10px;}
.col-2, .col-3 {font-size:1.2em; line-height:1.7em;}
.col-4, .col-5 {font-size:0.9em; line-height:1.4em;}
.col-4 .book, .col-5 .book {display:block;}
.col-2:hover, .col-3:hover, .col-4:hover, .col-5:hover {color:var(--own-color-dark); background:#efefef;}
/* .gen-5 .predicate::before {content:"v. "; text-transform:lowercase;}*/
.vater h5, .muttervater h5, .muttermuttervater h5 {color:var(--own-color-dark);}
.mute {font-weight:400;}

/* --------------- ZUCHTLEISTUNG -------------------- */
.zl-imgbox{margin-left:0px !important;	aspect-ratio: 16 / 9; width: 100%; overflow: hidden;}
.zl-imgbox img{width: 100%; height: 100%; object-fit: cover; display: block;}



/* STILE */

h1{font-family:'Croissant One', cursive; text-transform:uppercase;}
h2{font-family:'Croissant One', cursive; text-transform:none; margin:20px 0px 0px 0px;}
h3{font-family:'Croissant One', cursive; text-transform:uppercase;}
h4{font-family:'Croissant One', cursive; text-transform:none; margin:40px 0px 0px 0px;}
h5{font-family:'Croissant One', cursive; 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{font-weight:600;}
hr {border-top:1px solid #999; border-bottom:0px none; border-right:0px none; border-left:0px none; margin:50px 0px;}

.bold {font-family: 'Croissant One', cursive; 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;}
.psmall {max-width:700px;}
.copyright {position:relative; display:inline-block; color:black; background:var(--own-color-light); z-index:9999; opacity:0.7; float:right; }
.underline {border-top-color:none; border-left-color:none; border-right-color:none; border-bottom-style: dotted;}
.expanded {width:21.5%; min-width:250px;}
.expanded:first-child {padding-left:0px; margin-left:0px;}

.head_ital {display:block; font-family: '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;}

.img-circle {border-radius: 50%; border: 16px solid #fff; box-shadow: 4px 10px 12px rgba(0,0,0,0.15); object-fit: cover; aspect-ratio: 1 / 1; }

.newsheader {font-size:0.8em; opacity:1; padding-bottom:0px;}
.nametag {background:var(--own-color-primary); color:#fff; border:1px solid #fff; opacity:1; margin-left:10px; border-radius:50px; padding:6px 24px;}
.nametag>a {text-decoration:none;}

/* BUTTONS & LINKS */

.btn {min-width:178px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-weight: normal; text-transform: normal; font-size: 1rem; line-height: 1rem; display: inline-block; padding: 15px 30px; margin-top: 9px; margin-bottom: 0; border: 2px solid transparent; text-decoration: none; text-align: center; cursor: pointer; position: relative; outline: 0;}
.btn_icon {display:inline-block; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "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);*/}

.lnk_more {display:block; width:100%; font-size:17px; line-height:24px; text-transform:uppercase; text-decoration:none; padding-left:15px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; color:inherit; }

.btn_icon>.title {display:block; width:100%; font-size:19px; line-height:24px; text-decoration:none; padding-left:15px; padding-top:10px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; color:inherit; font-weight:600;}

.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 {background:var(--own-color-primary); border-radius: 8px;}
.btn_icon:hover>span {color:var(--own-color-light) !important;}	
.btn_icon:hover>.title::after{padding-left:10px; padding-right:5px;}



#Links{display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;}		
#Links .btn_icon{flex: 1 1 calc((100% - 4 * 16px) / 5); max-width: calc((100% - 4 * 16px) / 5); box-sizing: border-box;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 14px;  text-decoration: none;}
@media (max-width: 1000px){#Links .btn_icon{flex-basis: calc((100% - 2 * 16px) / 3);max-width: calc((100% - 2 * 16px) / 3);}}
@media (max-width: 900px){#Links .btn_icon{flex-basis: calc((100% - 1 * 16px) / 2);max-width: calc((100% - 1 * 16px) / 2);}}
@media (max-width: 650px){#Links .btn_icon{flex-basis: 100%; max-width: 100%;}}

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

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

a.st:link {color:var(--own-color-dark); font-family:inherit; font-weight:inherit; text-decoration:underline; font-size:inherit; line-height:inherit;}
a.st:hover {color:var(--own-color-dark);}
a.st:active {color:var(--own-color-dark);}
a.st:visited {color:var(--own-color-dark);}


			
			
			
.flexcontainer26 {display:flex; flex-wrap:wrap; align-items:center; overflow:none;}
.col3sp {display:block; flex-grow:1; flex:1 1 30%; padding:10px 10px 10px 10px !important; min-width:250px;}

@media screen and (max-width: 500px) {
	.flexcontainer26 {gap:20px;}
	.flexcontainer26 .col2sp {flex-grow:1; flex:1 1 100%; padding:10px 0px 10px 0px;}
	.flexcontainer26 .col3sp {flex-grow:1; flex:1 1 100%; padding:10px 10px 10px 10px;}
	.col2sp h3 {padding-top:0px; margin-top:0px;}
}

@media screen and (min-width: 501px) {
	.flexcontainer26 {gap:40px 4%;}
	.flexcontainer26 .col2sp {flex-grow:1; flex:1 1 48%; min-width:450px;}
	.flexcontainer26 .col3sp {flex-grow:1; flex:1 1 30%; padding:10px 10px 10px 10px !important; min-width:250px;}
	.col2sp h3 {padding-top:0px; margin-top:0px;}
}


@media (max-width: 768px) { 
	.flexcontainer26 {display: flex; flex-direction: column;}
	.mobileinvert .col2sp:nth-child(2) {order: -1;}
	.mobile-image-first .col2sp:nth-child(2) { order: -1;}
}

.flexcontainer26 + .flexcontainer26 {margin-top: 60px;}

/* 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:var(--own-color-dark); border-color:var(--own-color-dark);}
.neg {color: var(--own-color-light); border-color: var(--own-color-light);}

.section.pos {background:var(--own-color-box-pos);}
.section.pos>* {color:var(--own-color-dark);}
.pos .btn {background:var(--own-color-light); border-color:var(--own-color-primary); color:var(--own-color-primary);}
.pos .btn:hover {background:var(--own-color-primary); border-color:var(--own-color-primary); color: var(--own-color-light);}

.section.light, .col-l.light, .col-m.light {background:var(--own-color-box-light);}
.section.light>*,.col-l.light>*,.col-m.light>*  {color:var(--own-color-dark);}
.light .btn:hover {background:var(--own-color-primary); border-color:var(--own-color-primary); color: var(--own-color-light);}
.light .btn {background:#CCC; border-color:#CCC; color: var(--own-color-light);}

.section.neg {padding-bottom:40px;}
.section.neg, .col-l.neg, .col-m.neg {background:var(--own-color-box-neg);}
.section.neg>*, .col-l.neg>*, .col-m.neg>* {color: var(--own-color-light);}
.neg .btn {background:var(--own-color-primary); border-color: var(--own-color-light); color: var(--own-color-light);}
.neg .btn:hover {background:var(--own-color-light); border-color: var(--own-color-light); color:var(--own-color-primary);}

.whatsappbtn {text-decoration:none; position:fixed; display:block; background:#25D366; text-align:center; z-index:1000; color:#fff; border-radius:200px; box-shadow:5px 8px 18px rgba(0, 0, 0, 0.4); border:3px solid white;}
.whatsappbtn img {}


/* HEADER AND NAVIGATION */

#nav_mainpage {width:100%; z-index:10000; position:fixed; background:var(--own-color-primary); top:0px; text-rendering: optimizeLegibility;}
#nav_mainpage>a {font-family: 'Croissant One', cursive; font-size:16px; display:block; width:96%; height:30px; padding:5px 2% 7px 2%; text-decoration:none; background-color: var(--own-color-box-light); color:var(--own-color-dark);}
#nav_mainpage>a:hover {background-color: var(--own-color-box-neg); color:var(--own-color-light);}
#nav_mainpage+#navwrapper {top:42px !important;}

#navwrapper {width:100%; height:78px; position:fixed; background:#ffffff; z-index:99; top:0px; }
#navwrapper .navwr_scr {width:100%; height:inherit; position:fixed; background-color:#fff; top:0px; opacity:1; z-index:10; border-bottom: 1px solid #ccc;}

.burgermenu {display:block; height:68px;}
.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:var(--own-color-dark); display:block; height:58px; padding:20px 13px 0px 13px; margin:0; text-decoration:none; opacity:1;}
a.mainmenu:visited {color:var(--own-color-dark);}
a.mainmenu:hover, .act a {color:#fff; text-decoration:none; display:block; margin:0px 0px 0px 0px !important; background:#efefef;}
a.mainmenu:active {color:#fff;}

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


@media screen and (max-width: 990px) {
	
	.copyright {font-size:10px; line-height:10px; padding:5px 0px; margin-top:5px;}
	
	#navwrapper .navwr_scr {display:none !important;}
	
	#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 15px 0px 26px; width:110px; height:66px; float:left; text-align:left;}
    #nav .logo img {width:110px; height:inherit; margin:12px 0px 0px 0px; margin-top:12px !important;}
    #nav .logo_partner {position:relative; margin:0px 0px 0px 0%; padding:0px 17px 0px 10px; width:auto; height:66px; float:left; text-align:left;}
    #nav .logo_partner img {height:66px; width:auto; margin:0px 0px 0px 0px; margin-top:12px !important;}    

	#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:'Croissant One', cursive; font-size:30px; text-transform:uppercase; color:var(--own-color-dark); display:none; height:38px; padding:25px 20px 15px 25px; margin:0; text-decoration:none; opacity:1; background:#f1f1f1;}
    a.mainmenu:visited {color:var(--own-color-dark);}
	a.mainmenu:hover, .act a {color: var(--own-color-light); background:var(--own-color-primary); text-decoration:none; display:block; margin:0px 0px 0px 0px !important;}
	a.mainmenu:active {color: var(--own-color-light);}
    
    .mainmenu.first {padding-top:4vh !important;}
    .mainmenu.last {padding-bottom:80vh !important;}
    
	.burgermenu {padding:10px 20px 0px 0px; float:right;}
	
	.whatsappbtn {bottom:40px; right: 25px; width:70px; height:70px;}
	.whatsappbtn img {width:59%; margin:-43% auto;}
}

@media screen and (min-width: 991px) {
	
	.copyright {font-size:14px; line-height:14px; padding:10px 20px; margin-top:-40px;}

    #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 15px 0px 17px; width:110px; height:66px; float:left; text-align:left;}
    #nav .logo img {width:110px; height:inherit; margin:12px 0px 0px 0px !important;}
    #nav .logo_partner {position:relative; margin:0px 0px 0px 0%; padding:0px 17px 0px 10px; width:auto; height:66px; float:right; text-align:left;}
    #nav .logo_partner img {height:66px; width:auto; margin:0px 0px 0px 0px;}    
    
    #mainmenu li { display:inline; margin:0px 0px 0px 0px; text-align:center; float:left; font-family: 'Croissant One', cursive;  font-weight:normal; font-size:16px; text-transform:normal; line-height:1rem;}
	#mainmenu li:first-child {display:none; visibility:hidden;}
	#mainmenu li:nth-child(2) {margin-left:10px;}
	
    a.mainmenu:link	{color:var(--own-color-dark); display:block; height:46px; padding:32px 20px 0px 20px; font-weight:normal; margin:0; text-decoration:none; opacity:1;}
    a.mainmenu:visited {color:var(--own-color-dark);}
	a.mainmenu:hover, .act a {color: var(--own-color-light); text-decoration:none; display:block; margin:0px 0px 0px 0px !important; background:var(--own-color-primary) !important;}
	a.mainmenu:active {color:#fff;}
        
    .mainmenu.first {padding-top:inherit;}
    .mainmenu.last {padding-bottom:inherit; background:#efefef;}
	
	.burgermenu {padding:26px 20px 25px 0px;}
	
	.whatsappbtn {bottom:60px; right: 35px; width:95px; height:95px;}
	.whatsappbtn img {width:59%; margin:-54% auto;}.whatsappbtn img {width:59%; margin:-54% auto;}
}





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

/* MOBILE */
@media screen and (max-width: 701px) {
	
	.desktop {display:none; visibility:hidden;}
	.mobile {display:block; visibility:visible;}
	
	.col-2, .col-3 {font-size:10px; line-height:18px; padding:10px 5px;}
	.col-2 h5, .col-3 h5 {font-size:10px;}
	.col-4, .col-5 {font-size:10px; line-height:18px; padding:10px 5px;}
	.col-4 h5, .col-5 h5 {font-size:10px;}
    
	.col-2 {width:25%; padding:10px;}
	.col-3 {width:25%; padding:10px;}
	.col-4 {width:25%; padding:5px;}
	.col-5 {width:25%; padding:2px;}
	
	
    #Top{height:850px; min-height:450px; top:-58px;}
    .slide {min-height:inherit;}
    .slide>div:first-child{/*padding:10% 7% 4% 7%; height:68%;*/ padding:65px 7%; height:600px;}
    .slide {background-position:-650px 90px !important;}
	.gradient:after {background: linear-gradient(185deg, transparent 45%, RGBA(0, 0, 0, 70%) 100%) !important;}
	

    .inner {padding:10px 25px; font-size:20px; line-height:30px;}
    .col-l, .col-m {width:100%; padding:0px 0px 30px 0px; margin-bottom:50px}
        
    .col-l>p, .col-l>h2, .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>h2, .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:50px; line-height:50px; font-weight:normal; margin-top:10px;}
    h2{font-size:20px; line-height:30px; font-weight:normal;}
    h3{font-size:22px; line-height:30px; font-weight:normal;}
    h4{font-size:20px; line-height:30px; font-weight:normal;}
    
    h1 + div.underline {margin:-30px 0px 30px 0px; width:120px; border-bottom-width:4px;}
    h2 + div.underline {margin:-30px 0px 30px 0px; width:70px; border-bottom-width:3px;}
    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;}
	
	#wrapper {padding-top:100px;}
}

/* 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{/*padding:4.5% 7% 4.5% 7%;*/ padding:65px 7%; height:430px;}
    
    .inner {padding:20px 60px; font-size:20px; line-height:30px;}
    .col-l, .col-m {width:100%; padding:0px 0px 30px 0px; margin-bottom:50px}
        
    .col-l>p, .col-l>h2, .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>h2, .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:22px; line-height:28px; 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;}
	
	#wrapper {padding-top:100px;}
}


/* 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%;*/ padding:65px 7%; height:470px;}
    
    .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>h2, .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>h2, .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:22px; line-height:28px; 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;}
	
	#wrapper {padding-top:100px;}
}

/* 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%;*/ padding:65px 7%; height:540px;}
    
    .inner {padding:30px 120px;}
    
    .col-l {width:48%; 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:48%; 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>h2, .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>h2, .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:22px; line-height:28px; 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;}
	
	#wrapper {padding-top:100px;}
}

/* STUFE 4 */
@media screen and (min-width: 1440px) {
    #Top{height:880px; top:-58px;}
    .slide>div:first-child{/*padding:4.5% 7%;*/ padding:80px 7%; height:600px;}
    
    .inner {padding:80px 120px;}
    
    .col-l {width:48%; 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>h2, .col-l>h3, .col-l>h4, .col-l>h5, .col-l>strong  {padding-left:40px; padding-right:40px;}
	.col-l>h1, .col-l>h3 {margin-top:0px; padding-top:0px;}
    .col-l.pos>div,.col-l.neg>div,.col-l.light>div, .col-l>.btn  {margin-left:40px;}

    .col-m>p, .col-m>h2, .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:96px; line-height:110px; font-weight:normal;}
    h2{font-size:22px; line-height:28px; 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 ************************/



/* SLIDER */

.Slider .slide {display: none;}
.Slider .slide:first-child {display: block;}


.slide>div:first-child{position:relative; max-width:100%; margin-top:120px; display: flex; flex-direction: column;}
.Slider {}
.slide_content {margin-top: auto; z-index:2;}
.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: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "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; z-index:2;}
.gradient:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(185deg, transparent 55%, RGBA(0, 0, 0, 60%) 100%);}
.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:var(--own-color-dark);}
.bar.minielectric {background:#e1ca00;}


.slider_pause {
	position: absolute;
	right: 20px;
	bottom: 30px;
	z-index: 20;
	min-width: auto;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 1;
	border: 0px solid rgba(255,255,255,0.7);
	background: rgba(0,0,0,0.35);
	color: #fff;
	cursor: pointer;
	border-radius: 50px;
}

.slider_pause:hover {
	background: rgba(0,0,0,0.55);
}

.slider-is-paused .bar {
	animation-play-state: paused;
}


/* FOOTER */

#Footer{
	position:relative; 
	width:100%; 
	height:auto; 
	margin:15px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background:#ffffff; 
	color:var(--own-color-dark);
	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: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "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 var(--own-color-dark); text-align:left;} 
    a.footermenu:link {color:var(--own-color-dark); 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 {}
	a.footermenu:visited {}   
}

@media screen and (min-width: 702px) {
    #f_in {max-width:85%;}
    #f_main ul li {display:inline;}    
    a.footermenu:link {color:var(--own-color-dark); 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 {}
	a.footermenu:visited {}   
	
	.desktop {display:block; visibility:visible;}
	.mobile {display:none; visibility:hidden;}
}

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

#f_expandable .hinweis {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "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:var(--own-color-dark); 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;}
.mobileX {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: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "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);}	

/* Gallery */

.gallery {display: flex; flex-wrap: wrap; gap: 10px; padding: 0px; box-sizing: border-box; margin:50px 0px;}
.gallery-item {flex: 0 0 calc(20% - 8px); position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 0px; background: #fff;}
.gallery-item img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}

@media (max-width: 1200px) {.gallery-item {flex: 0 0 calc(25% - 8px);}}
@media (max-width: 900px) {.gallery-item {flex: 0 0 calc(33.333% - 8px);}}
@media (max-width: 600px) {.gallery-item {flex: 0 0 calc(50% - 8px);}}
@media (max-width: 400px) {.gallery-item {flex: 0 0 100%;}}