/* Css   SAFT Heimerdinger */
 @import url("heimerdinger-fonts.css");
:root {
  --copy-color: #1d1d1b;
  --body-font-family: Hind, Helvetica, Arial, san-serif;
  --body-font-size: 19px;
  --body-font-weight:400;
  --body-line-height:1.4;
}
html{background-color: var(--body-bg);}
body {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);
  text-align: var(--body-text-align);
  background-color:transparent;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: #0000;
  margin: 0;position:relative;}
.grid-child {
    width: 100%;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.cont{position:relative}
/* ************ BACKGROUNDS *********** */
.intro{position: absolute;  top: 350px;  left: calc(50% - 950px);  width: 100%;  z-index: -1;} /* Sortimentseiten einz. Produkte */
body.details .intro div p img {max-width:none; width:1900px;  height: 1020px;  display: block;} /* Sortimentseiten einz. Produkte */
body.tradition .intro div p img {max-width:none; width:1900px;  height:auto;  display: block;}

body.start .intro, body.tradition .intro{ top: 0;position: absolute;  left: calc(50% - 950px);  width: 100%;  z-index: -1; }


body.sort{background-color:#c2ddf5; background-image:url("../images/bg-oben-weiss.svg");background-repeat:no-repeat; background-position:center top; background-size: 1900px 656px;}
body.meta{background-color:#ffffff; background-image:url("../images/bg-oben-grau.svg");background-repeat:no-repeat; background-position:center top; background-size: 1900px 656px;}
body.kont{background-color:#ffffff; background-image:url("../images/bg-oben-blau.svg");background-repeat:no-repeat; background-position:center top; background-size: 1900px 656px;}
body.most{background:url("../images/bg-oben-gruen.svg") center top no-repeat}
body.most.obst{background:url("../images/bg-oben-gruen.svg") center top no-repeat, url("../images/apfel_korb.jpg") center 375px no-repeat}
body.most{background-color:#fff}

/* **************** HEADER ************ */
.container-header { background-color: transparent;   background-image: none;
  position: relative;  box-shadow: inset 0 0 0 transparent;}
body.meta .container-header, body.kont .container-header {margin-bottom:200px}
.container-header .grid-child{padding:0}
/* .container-below-top.grid-child {max-width: 1900px} */
.container-below-top.grid-child div, 
.container-below-top.grid-child div .logotyp{width:100%;}
.logotyp{padding-top:60px;padding-left:calc(50% - 210px);  padding-bottom:40px; background-image:url("../images/welle_logo_gelb.svg"); background-repeat:no-repeat; background-position: calc(50% + 220px) bottom;}
body.most .logotyp,
body.kont .logotyp{background-image:url("../images/welle_logo_weiss.svg");background-repeat:no-repeat; background-position: calc(50% + 220px) bottom;}
.container-header .navbar-brand{display:none}
/* **************** HAUPTMENU ************ */
.container-header .container-nav{flex-direction:column;padding-top:60px;padding-left:calc(50% - 410px)}
.container-header .container-nav ul#eins {margin-bottom:23px}
.container-header .container-nav ul#zwo {padding-left:140px}
body.kont .container-header .container-nav ul#zwo {padding-left: 440px;}
.container-header .mod-menu{flex-direction:row; gap:2px; justify-content:start}
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
    color: var(--copy-color);}
.container-header .mod-list li.active>a{font-weight:700}
.container-header .mod-menu>li {margin:0 16px;} 
 @media (width >= 992px) { .container-header .mod-menu>li+li {margin-left:12px;}} 

/* MAIN */

body.details main{margin-bottom:20px}
body.tradition main{min-height:2000px}
/* body.most main{min-height:1200px} */
.card{border:0 solid transparent}
/* body.sort main{min-height:2700px} */

/* **************** FOOTER ************ */
.footer {
    color: var(--copy-color); background-color: transparent;
    background-image:url("../images/footer-bg.svg");background-repeat:no-repeat; background-position:center top;height:530px;padding-top:140px;position:relative; bottom:0
}
.footer .grid-child {justify-content: center; gap:6%;align-items: start; padding: 2.5rem .5em;}
/* .footer .grid-child  div{height: 10px} */
.footer  a:not([class]) {text-decoration:none}
.footer a:not(.btn),.footer .btn-link {color: currentColor} /* --body-color*/
.footer .mod-list li.active>a {text-decoration:none; font-weight:700}
/* .footer .mod-list li>a:hover { font-weight:700} */
.footer a:not(.btn):hover,.footer a:not(.btn):focus,.footer .btn-link:hover,.footer .btn-link:focus {color:currentColor; text-decoration:none; font-weight:700}
.footermenu {padding-top:10px}
.footermenu .mod-menu { flex-direction:row; gap:10px; width:500px}

.footer p{margin-bottom:6px}
p.open{margin-bottom:110px}
/* Typografie     */
h1, .h1, h2, .h2, h3,.h3, h4, .h4, h5, .h5, h6, .h6{  font-family: var(--body-font-family);}

/* SEITEN */
/* SORTIMENT */
body.sort main{ width:80%; margin:1em auto 0 100px; }
body.sort .com-content-article__body{padding:0 0 0 60px; position:relative;}
.klasse{color:#fff; font-family:Righteous, sans-serif; font-size: 140px; line-height:1.23; padding-top:30px}
.klasse.zweite{padding-top:20px; text-align:center; margin:0 -100px; line-height:1.12;position:relative;z-index:2}
.klasse.zweite img{ display: inline-block;position:relative; top:-57px; z-index:-1 }
.saft-kat{position:absolute}
.saft-kat img{display:block; width: auto;  height: auto;max-width: none;}
.direktsaft{left:650px; top:100px;}
.biosaft{left:360px; top:490px;}
.saft{left:810px; top:680px;}
.nektar{left:-80px; top:870px;}
.schorle{left:460px; top:1040px;}
.fruchtsaft{left:200px; top:1480px;}
.spezialitaet{left:680px; top:1560px;}
body.sort .gelbe-welle{position: absolute;    top: 2065px;    left: 600px;    width: 905px;}
.saft-sort{height:1420px}

/* SAEFTE DETAILS */
body.details header{margin-bottom:50px}
body.details .container-component{padding-top:270px}
body.details main{margin-left:400px; width:491px; margin-top:0}
    /* TYPO */
	body.details .content_pc h4{padding-left:155px; font-weight:700; color: #727e83; font-size:30px; letter-spacing: 0.18em;margin-bottom:1px; line-height:1.01}

	body.details .content_pc h2{font-family:"Be Vietnam Pro", Helvetica,Arial,sans-serif; font-weight:700; color: #e30613; font-size:50px;margin-bottom:16px; line-height:1.01}
	body.details .content_pc h2 span{font-size:40px}
body.details .content_pc p{margin-bottom:20px}
	body.details .content_pc .gehalt{padding-left:43px;margin-bottom:46px}
	body.details .content_pc .desc{padding-left:100px}
/* MENU III Ebene */
body.details .sidebar-left.card {position: relative;left: 30px; background: transparent;width:321px;height:933px; margin-top:-10px}
body.details .sidebar-left.card ul{padding:120px  50px 20px 37px; }
body.details .sidebar-left.card ul li{margin-bottom: 28px;}
body.details .sidebar-left.card ul li a{color: var(--copy-color);font-weight:400; }
body.details .sidebar-left.card ul li.active a, body.details .sidebar-left.card ul li a:hover{font-weight:700; text-decoration:none}
/* WERTE */
body.details .container-bottom-b{padding-left:400px; margin-bottom:80px; margin-top:-90px}
body.details .werte .card-body div.mod-custom{display:flex; justify-content:start; gap:12px}
.werte .werte_col{border-left:2px solid #666/* #1d1d1b*/; padding-left:12px;width:55%; }
.werte .werte_col:first-child{position:relative; top:30px; width:45%;}
/* kategorien */
.details{}
.biosaft-details{}
body.biosaft-details .sidebar-left.card{ background-color:transparent; background-image:url("../images/biolandsaft_farbe_1900.svg");background-repeat:no-repeat; background-position:left top; background-size: 321px 933px;}
.direktsaft-details{}
body.direktsaft-details .sidebar-left.card{background-color:transparent; background-image:url("../images/direktsaft_farbe_1900.svg");background-repeat:no-repeat; background-position:left top; background-size: 321px 933px;}
.saft-details{}
body.saft-details .sidebar-left.card{background-color:transparent; background-image:url("../images/saft_farbe_1900.svg");background-repeat:no-repeat; background-position:left top; background-size: 321px 933px;}
.fruchtsaft-details{}
body.fruchtsaft-details .sidebar-left.card{background-color:transparent; background-image:url("../images/fruchtsaft_farbe_1900.svg");background-repeat:no-repeat; background-position:left top; background-size: 321px 933px;}
.nektar-details{}
body.nektar-details .sidebar-left.card{background-color:transparent; background-image:url("../images/nektar_farbe_1900.svg");background-repeat:no-repeat; background-position:left top; background-size: 321px 933px;}
.schorle-details{}
body.schorle-details .sidebar-left.card{background-color:transparent; background-image:url("../images/schorle_farbe_1900.svg");background-repeat:no-repeat; background-position:left top; background-size: 321px 933px;}
.spezialitaet-details{}
body.spezialitaet-details .sidebar-left.card{background-color:transparent; background-image:url("../images/spezialitaet_farbe_1900.svg");background-repeat:no-repeat; background-position:left top; background-size: 321px 933px;}

/* META */
body.meta h1, body.kont h1{font-size: var(--body-font-size);}
body.meta h1, body.meta p.subline, body.kont h1, body.kont p.subline {font-weight:700}


/* Tradition */
body.tradition .container-component{padding-top: 1350px;}
body.tradition .slogan{text-align:center; margin-bottom:130px}
body.tradition .intro div{margin-bottom:130px}
body.tradition article{width:37.0vw;margin:0 auto;padding-left:5.8vw}
@media(max-width:1400px){
  body.tradition article{width:52.0vw;padding-left:4.8vw}
}

/* MOST */
body.most.obst .container-component{padding-top: 730px;}
body.most.sammel .container-component{padding-top: 130px;}
.kursive{font-family: 'PT Serif', 'Times New Roman', serif;  font-style: italic;  font-weight: 400;font-size 24px;
text-align:center;    font-size: 25px;    line-height: 1.5;    position: relative;    left: -90px;margin-bottom:20px}
.kursive p{display:inline-block;  text-align: left;}
body.most .gelbe-welle{width: 905px;margin:0 auto; }
.lohnmostverfahren{ width: max(70%, 500px);padding-left: max(30%, 220px);margin-bottom: 80px;}
.lohnmostverfahren p, body.tradition article p{font-family: 'Be Vietnam Pro','Century Gothic, sans-serif';  font-weight: 300;font-size:24px;margin-bottom:30px}
.lohnmostverfahren+p img{position:relative;top:100px}
/* --- lohnmostbedingungen */
.apfelsack img{display: block; margin:0 auto}
.apfelsack{padding-top:50px;margin-bottom:50px}
.guthaben{padding:4px 9.8vw 4px 21.8vw}
.guthaben p{font-family: 'Be Vietnam Pro','Century Gothic, sans-serif';  font-weight: 600;font-size:24px;color:#71bfea; margin-bottom:32px}
.guthaben .liter{position:relative; left:-12vw;}
.guthaben .liter img{width:150%; height:auto}
@media(min-width:1400px){
.guthaben .liter img{min-width:880px; height:auto}
}
/* zwei spalten */
body.most section.spalten-2{padding:30px 16vw; display:flex; gap:30px;font-family: 'Be Vietnam Pro','Century Gothic, sans-serif';  font-weight: 300;font-size:24px;margin-bottom:30px; }
body.most .container-bottom-a {    grid-area: bot-a;    grid-column: full-start / full-end;    margin-bottom: -90px;position: relative;}
.wiese{ width: 100vw; position: relative;    overflow: hidden;display:flex; justify-content: center;}
.wiese img{max-width:none}
/*
.wiese img {display: block; position: absolute;left: 50%;transform: translateX(calc(100% - 850px))}
.wiese {  width: 100vw; height: auto;overflow: hidden;position: relative;}

.wiese img {display: block; position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  min-width: 100%;height: auto;} */
/* --- Sammenstellen  */
body.most.sammel p.slogan img{display:block; margin:0 auto}
body.kont section.spalten-2, body.most.sammel section.spalten-2{padding:50px 8vw; display:flex; gap:50px; font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);  line-height: var(--body-line-height);  font-size:24px;margin-bottom:30px; }
body.kont section.spalten-2 .spalte, body.most.sammel section.spalten-2 .spalte{width:50%}
/* ANFAHRT */
.leaflet-container { margin: 0 auto!important;width: 80%!important; height: 600px!important }

/* CONSTR LINES */
.constr-red{border:red 1px dashed}
.constr-blue{border:blue 1px dashed}
.constr-green{border:green 1px dashed}
/* .com-content-article__body{border:blue 1px dashed} */