/*************************************************************/ /* Design: FRISCHKAESE.CH */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Thomas Dürig, www.nuun.ch */ /* Datum: Juni 2018 */ /* Site: www.frischkaese.ch */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /*FARBEN*/ /* blau: #1D4087 gruen: #309A41 hellgrau: #D9D9D9 dunkelgrau (text): #646464 */ /* GLOBAL */ /******************************************al*******************/ html, body {position: relative; height: 100%; width:100%; font: 62.5% "ralewaylight", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em;} body {font-size:20px; font-size:2rem; color: #646464; background-color: #fff;} .invisible {display: none !important;} .schmal50 {width: 50% !important; margin: 0 auto;} .schmal75 {width: 75% !important; margin: 0 auto;} .schmal85 {width: 85% !important; margin: 0 auto;} .textlinie p {display:table;} .clear {clear: both;} a {color: #1D4087; text-decoration: none;} strong {font-family: 'ralewaysemibold';} hr {border-left: none; border-bottom: none; border-right: none; border-top: 1px solid #EEEEEE; display: block; height: 2px; width: 100%;} .zentriert {text-align: center;} body p.privacy {background: url(../graphics/error-icon.svg) center left 15px no-repeat; background-size: 30px; padding-left: 45px; color: #1D4087; border: 2px solid #1D4087;} body p.privacy a {text-decoration: underline;} #container {padding-top: 171px; z-index: 2000;} .nachhaltigkeitszitat p.zitatkuhn {font-size:28px; line-height:1.2em; text-align:left; margin-top:50px; padding-top:55px;} #container .qq-upload-fail {color:#D60000;} #main .sharebuttons ul li {padding-left: 0; background: none;} .zuegershopsoon {position:absolute; width:263px!important; height:113px!important; z-index:5000; top:0; right:13%; } /*Backtotop*/ #backtotop {width: 70px; position: fixed; bottom: 45px; right: 20px; cursor: pointer; opacity: 0; z-index: 5000;} #backtotop img {width: 100%;} .divider {display: block; clear: both; width: 100%; height: 60px; margin: 20px auto; background:url(../graphics/cows-icon.svg) center no-repeat; background-size: contain;} #printheader {display: none;} .mod_privacy_optin .privacy_help p {font-size: 1.2rem;} .mod_privacy_optin .privacy_help_link, .mod_privacy_optin .privacy_help_close {font-size: 1.2rem;} /*Bildwettbewerb Rate it*/ .bildwettbewerb .ce_image .image_container {line-height: 0; margin-bottom: 5px; position: relative;} .bildwettbewerb .ce_image .image_container a:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); background-image: url(../graphics/bildhover-after-plus.svg); background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity 0.5s ease;} .bildwettbewerb .ce_image .image_container a:hover:after {opacity: 1;} .bildwettbewerb .bildwettbewerbsuche {text-align: center; margin-bottom: 30px;} .bildwettbewerb .bildwettbewerbsuche #suchfeld {box-sizing: border-box; height: 52px; width: 100%; margin: 0 7px 15px 7px; max-width: 410px; padding: 0 20px; border: none; border-radius: 0; background: #EAEAEA;} .bildwettbewerb .bildwettbewerbsuche #suchfeld:focus {outline: none;} .bildwettbewerb .bildwettbewerbsuche #suchebutton {height: 52px; width: auto; margin: 0 7px 15px 7px; color: #fff; padding: 0 20px; border: none; border-radius: 0; background: #104584;} .bildwettbewerb .bildwettbewerbsuche #suchereset {height: 52px; width: auto; margin: 0 7px 15px 7px; color: #fff; padding: 0 20px; border: none; border-radius: 0; background: #309A41;} .bildwettbewerb .bildwettbewerbcontainer {display: flex; flex-wrap: wrap; justify-content: flex-start; width: 102%; margin-left: -1%; padding: 0; box-sizing: border-box;} #container #main .bildwettbewerb .rs-column.-large-col-3-1 {position: relative; width: 31.3332%; margin-left: 1%; margin-right: 1%; margin-top: 30px;} .hofff-rate-it {margin-top: 10px;} .hofff-rate-it i {display: inline-block; width: 27px; height: 25px; margin-right: 5px; cursor: pointer; background: url(../graphics/like-heart.svg) center no-repeat; transition: background 0.5s ease;} .hofff-rate-it i:hover, .hofff-rate-it .hofff-rate-it-disabled i {background: url(../graphics/like-heart-full.svg) center no-repeat; transition: background 0.5s ease;} .hofff-rate-it .hofff-rate-it-widget {display: inline-block;} .hofff-rate-it .hofff-rate-it-message {display: inline-block; font-size: 1.5rem; line-height: 2rem; color: #646464; vertical-align: super;} /*Social Media Fix*/ .socialmediafix {position: fixed; top: 200px; right:-100px; z-index: 4999;} .socialmediafix div {background:#1D4087; height: 30px; width: 130px; margin-bottom: 6px; margin-left: 0; transition: margin-left 0.5s ease;} .socialmediafix div:hover {margin-left: -100px;} .socialmediafix div.facebook a {display: block; width: 100%; height: 100%; box-sizing: border-box; padding-left: 30px; padding-top: 6px; padding-right: 10px; font-size: 1.6rem; line-height: 2rem; color: #fff; background:url(../graphics/icon-facebook-spun.svg) left 7px center no-repeat;} .socialmediafix div.vimeo a {display: block; width: 100%; height: 100%; box-sizing: border-box; padding-left: 30px; padding-top: 6px; padding-right: 10px; font-size: 1.6rem; line-height: 2rem; color: #fff; background:url(../graphics/icon-vimeo-spun.svg) left 7px center no-repeat;} .socialmediafix div.gplus a {display: block; width: 100%; height: 100%; box-sizing: border-box; padding-left: 30px; padding-top: 6px; padding-right: 10px; font-size: 1.6rem; line-height: 2rem; color: #fff; background:url(../graphics/icon-gplus-spun.svg) left 8px top 3px no-repeat;} .socialmediafix div.instagram a {display: block; width: 100%; height: 100%; box-sizing: border-box; padding-left: 30px; padding-top: 6px; padding-right: 10px; font-size: 1.6rem; line-height: 2rem; color: #fff; background:url(../graphics/icon-instagram-spun.svg) left 7px center no-repeat;} .socialmediafix div.yt a {display: block; width: 100%; height: 100%; box-sizing: border-box; padding-left: 30px; padding-top: 6px; padding-right: 10px; font-size: 1.6rem; line-height: 2rem; color: #fff; background:url(../graphics/icon-yt-spun.svg) left 7px center no-repeat;} .socialmediafix div.warenkorbopen {display: none;} .socialmediafix div.warenkorbopen:hover {margin-left: 0px;} body.nolieferlist #listtable {display: none;} /*Bio*/ .biowettbewerb .mobile {display: none;} .mod_article.vollbild.biowettbewerb .inside .ce_text .image_container {bottom: -165px; right: -245px;} /*Filona*/ body.filonaseite .custom #slider {overflow: visible; height: auto;} body.filonaseite .custom #slider .stoerer {width: auto; position: absolute; left: 10%; bottom: 0px;} body.filonaseite .custom #slider .ueberstoerer {width: auto; position: absolute; right: 15%; top: 100px;} body.filonaseite .custom #slider .ce_player {overflow: hidden;} body.filonaseite .custom #slider .ce_player:after {content: ""; display: block; position: absolute; bottom: 0; left: -0.5%; width: 101%; height: 400px; z-index: 2; background: url(../../Inhalte/Filona/Filona-2025/Berge_Headervideo.png) center bottom no-repeat; background-size: cover;} body.filonaseite .custom #slider .videostoerer {position: absolute; top: 0; right: 0; width: 388px; height: auto; z-index: 3;} body.filonaseite .custom #slider .videostoerertext {position: absolute; bottom: 280px; left: 5%; width: 910px; height: auto;} body.filonaseite .custom #slider .videostoerertextfr {position: absolute; bottom: 280px; left: 5%; width: 910px; height: auto;} body.filonaseite .mobile {display: none;} body.filonaseite .custom #slider:after {display: none;} body.filonaseite .mod_article.nobotpadding .inside {padding-bottom: 0;} body.filonaseite .mod_article.vollbild .inside .ce_text {padding: 20px 3%;} body.filonaseite .mod_article.vollbild.socialwall .inside {display:block;} body.filonaseite .filonarezeptbanner {position: relative;} body.filonaseite .filonarezeptbanner img {width: 100%; height: auto;} body.filonaseite .filonarezeptbanner p a {position: absolute; bottom: 10%; left: 0; right: 0; margin: 0 auto; text-decoration: none; color: #fff; padding: 20px 40px; border: 3px solid #fff; border-radius: 5px; display: inline-table;} body.filonaseite .noten .inside {position: relative;} body.filonaseite .noten .inside .notetop {position: absolute; top: 0; right: 0;} body.filonaseite .videobg .inside {background: url(../../Inhalte/Filona/Filona-2025/filona-video-bg.jpg) center no-repeat; background-size: cover; padding: 80px 0;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .ce_text {padding: 0; position: relative; margin-bottom: 0 !important; background: initial; max-width: initial; text-align: left;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .ce_text h3 {text-align: left;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .textcontainer {position: absolute; left: 50%; margin-bottom: 5%; width: 100%; max-width: 655px; box-sizing: border-box; height: auto; padding: 20px 40px 40px 40px; background: #fff; transform: translateX(-50%); text-align: center;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .textcontainer .stoerer1 {position: absolute; top: -55px; left: -135px; width: auto; height: auto;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .textcontainer .stoerer2 {position: absolute; bottom: 0px; right: -130px; width: auto; height: auto;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .gewinnbutton {position: absolute; bottom: 20%; right: 5%; width: 250px; height: 250px; transform: rotate(-20deg);} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .ce_text {padding: 0; position: relative; margin-bottom: 0 !important; background: initial; max-width: initial; text-align: left;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .ce_text h3 {text-align: left;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .textcontainer {position: absolute; left: 50%; margin-bottom: 5%; width: 100%; max-width: 520px; box-sizing: border-box; height: auto; padding: 20px 70px 40px 50px; background: #fff; transform: translateX(-100%); text-align: center;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .textcontainer .stoerer1 {position: absolute; top: -55px; left: -135px; width: auto; height: auto;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .textcontainer .stoerer2 {position: absolute; bottom: -100px; right: -200px; width: 400px; height: auto;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .gewinnbutton {position: absolute; bottom: 20%; right: 5%; width: 250px; height: 250px; transform: rotate(-20deg);} body.filonaseite .mod_article.socialwall {overflow: hidden;} body.filonaseite .blaubox {max-width: 655px; box-sizing: border-box; padding: 40px; background: #1D4087; color: #fff; margin: 80px auto 0 auto;} body.filonaseite .blaubox h3 {color: #fff;} /*Elflang Filona*/ body.elffr.home .custom #slider .elflang-filona-homeslider img {content: url(../../Inhalte/Filona/Filona-2026/FR/Zueger_Filona_Webheader_Home_FR.png);} body.elffr.filonaseite .custom #slider .elflang-filona-videostoerer img {content: url(../../Inhalte/Filona/Filona-2026/FR/Gewinnspiel_Stoerer_Ecke_FR.png);} body.elffr.filonaseite .custom #slider .elflang-filona-videostoerertext img {content: url(../../Inhalte/Filona/Filona-2026/FR/Headline_FR.png);} body.elffr.filonaseite .elflang-filona-produktedestkop img {content: url(../../Inhalte/Filona/Filona-2026/FR/D_Produkte_FR.png);} body.elffr.filonaseite .elflang-filona-produktemobile img {content: url(../../Inhalte/Filona/Filona-2026/FR/M_Produkte_FR.png);} body.elffr.filonaseite .elflang-filona-rezeptebanner img {content: url(../../Inhalte/Filona/Filona-2026/FR/Rezept_FR.png);} body.elffr.filonaseite .elflang-filona-wettbewerbslider-desktop img {content: url(../../Inhalte/Filona/Filona-2026/FR/D_Headerbild_Wettbewerbseite_FR.png);} body.elffr.filonaseite .elflang-filona-wettbewerbslider-mobile img {content: url(../../Inhalte/Filona/Filona-2026/FR/M_Headerbild_Wettbewerbseite_FR.png);} /*Vegan*/ body.veganseite #header .headerbot .logocontainer .ce_image img {content: url("/files/Inhalte/Vegan/ZuegerVegan_Web.svg");} body.veganseite .mobile {display: none;} body.veganseite .custom #slider:after {display: none;} body.veganseite #main .divider {background: url(../../Inhalte/Vegan/Vegan_Icon.svg) center no-repeat; background-size: contain; height: 100px;} body.veganseite #main h1, body.veganseite #main h2, body.veganseite #main h3 {color: #a6a6cc;} body.veganseite .ce_hyperlink a {color: #a6a6cc; border: 3px solid #a6a6cc;} body.veganseite .veganbox {position: relative; /*border: 1px solid #a6a6cc;*/ width: 77%; margin-left: 11.5%; margin-bottom: 50px;} body.veganseite #container .veganbox .rs-column.-large-col-2-1 {width: 50%; margin: 0; clear: none;} body.veganseite #container .veganbox.switch .rs-column.-large-last {float: right;} body.veganseite #container .veganbox .ce_image {width: 100%; height: 350px; position: relative;} body.veganseite #container .veganbox .ce_image .image_container {width: 100%; height: 100%; line-height: 0; box-sizing: border-box; /*padding: 30px*/} body.veganseite #container .veganbox .ce_image .image_container img {width: 100%; height: 100%; object-fit: contain;} /*body.veganseite #container .veganbox .ce_image:after {content: ""; position: absolute; top: 25px; left: 0; width: 50px; height: 40px; background: #6AC13D url(../graphics/vegan-leaf-weiss.svg) center no-repeat; background-size: 25px;} body.veganseite #container .veganbox.switch .ce_image:after {left: -1px;}*/ body.veganseite #container .veganbox .ce_text {width: 100%; height: 350px; position: relative; margin: 0; /*color: #fff; background: #a6a6cc url(../graphics/arrow-right-weiss.svg) top 25px right 25px no-repeat; padding: 25px; box-sizing: border-box;*/} body.veganseite #container .veganbox .ce_hyperlink {position: absolute; top: 0; left: 0; z-index: 5; opacity: 0; width: 100%; height: 100%;} body.veganseite #container .veganbox .ce_hyperlink a {width: 100%; height: 100%; display: block; border: none; border-radius: 0; padding: 0;} body.veganseite #container .veganbox .ce_text strong {color: #a6a6cc;} body.veganseite #container .veganbox .ce_text a {color: #a6a6cc; padding-right: 22px; background: url(../graphics/arrow-right-violett.svg) center right no-repeat; background-size: 10px;} body.veganseite #container .violett {padding: 3vw 0; background-color: #a6a6cc; background-image: url(../../Inhalte/Vegan/Dots_left.svg), url(../../Inhalte/Vegan/Dots_right.svg); background-size: auto 100%, auto 100%; background-repeat: no-repeat, no-repeat; background-position: center left, center right;} body.veganseite #container .violett .inside {padding: 0;} body.veganseite #container .violett .testimonial {position: relative; width: 70%; margin-left: 15%;} body.veganseite #container .violett .testimonial h4 {color: #fff; font-size: 3.5rem; line-height: 4.5rem;} body.veganseite #container .violett .testimonial p {color: #fff;} /*Plant Based*/ body.plantbasedseite #header .headerbot .logocontainer .ce_image img {width: 100%; content: url("/files/data/graphics/zueger-plant-based-logo.svg");} body.plantbasedseite #header .headerbot .logocontainer {width: 440px;} body.plantbasedseite #header.up .headerbot .logocontainer {width: 170px;} body.plantbasedseite .custom #slider:after {display: none;} body.plantbasedseite .custom #slider {height: auto;} body.plantbasedseite #main .divider {background: url(../../Inhalte/PlantBased/pb-divider.svg) center no-repeat; background-size: contain; height: 60px;} body.plantbasedseite #main h1, body.plantbasedseite #main h2, body.plantbasedseite #main h3 {color: #A4D7F2; font-family: "acumin-pro-extra-condensed", sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase;} body.plantbasedseite #container .shopright .product h3 {text-transform:none;} body.plantbasedseite #main h1 {margin-top: 10px;} body.plantbasedseite .mobile {display: none;} body.plantbasedseite .mod_article.blau {background: url(../../Inhalte/PlantBased/blau-bg-tile2.png); position: relative;} body.plantbasedseite #main .mod_article.blau h3, body.plantbasedseite #main .mod_article.blau strong, body.plantbasedseite #main .mod_article.blau h4 {color: #309A41;} body.plantbasedseite #main .mod_article.blau p {color: #2D417C;} body.plantbasedseite .ce_hyperlink a {color: #309A41; border: 2px solid #309A41; transition: color 0.3s ease, background 0.3s ease;} body.plantbasedseite .ce_hyperlink a:hover {color: #fff; background: #309A41;} body.plantbasedseite .veganbox {position: relative; /*border: 1px solid #309A41;*/ width: 84%; margin-left: 8%; margin-bottom: 50px;} body.plantbasedseite #container .veganbox .rs-column.-large-col-2-1 {width: 50%; margin: 0; clear: none;} body.plantbasedseite #container .veganbox.switch .rs-column.-large-last {float: right;} body.plantbasedseite #container .veganbox .ce_image {width: 100%; height: 400px; position: relative;} body.plantbasedseite #container .veganbox .ce_image .image_container {width: 100%; height: 100%; line-height: 0; box-sizing: border-box; /*padding: 30px*/} body.plantbasedseite #container .veganbox .ce_image .image_container img {width: 100%; height: 100%; object-fit: contain;} /*body.plantbasedseite #container .veganbox .ce_image:after {content: ""; position: absolute; top: 25px; left: 0; width: 50px; height: 40px; background: #6AC13D url(../graphics/vegan-leaf-weiss.svg) center no-repeat; background-size: 25px;} body.plantbasedseite #container .veganbox.switch .ce_image:after {left: -1px;}*/ body.plantbasedseite #container .veganbox .ce_text {width: 100%; height: 350px; position: relative; margin: 0; /*color: #fff; background: #309A41 url(../graphics/arrow-right-weiss.svg) top 25px right 25px no-repeat; padding: 25px; box-sizing: border-box;*/} body.plantbasedseite #container .veganbox .ce_hyperlink {position: absolute; top: 0; left: 0; z-index: 5; opacity: 0; width: 100%; height: 100%;} body.plantbasedseite #container .veganbox .ce_hyperlink a {width: 100%; height: 100%; display: block; border: none; border-radius: 0; padding: 0;} body.plantbasedseite #container .veganbox .ce_text strong {color: #309A41;} body.plantbasedseite #container .veganbox .ce_text a {display: inline-block; color: #309A41; padding: 18px 22px; border: 2px solid #309A41; border-radius: 3px; transition: color 0.3s ease, background 0.3s ease;} body.plantbasedseite #container .veganbox:hover .ce_text a {background: #309A41; color: #A4D7F2;} body.plantbasedseite .sojapin {position: absolute; top: 100px; left: 50%; transform: translateX(250px);} body.plantbasedseite #container .testimonials {padding: 3vw 0; box-sizing: border-box; height: 35vw; display: flex; align-items: center; background: url(../../Inhalte/PlantBased/testimonial-bg.png) center no-repeat; background-size: cover;} body.plantbasedseite #container .testimonials .inside {padding: 0;} body.plantbasedseite #container .testimonials .testimonial {position: relative; width: 100%; margin-left: 0;} body.plantbasedseite #container .testimonials .testimonial .image_container.float_right {width: 40%;} body.plantbasedseite #container .testimonials .testimonial .image_container.float_right img {max-width: 375px;} body.plantbasedseite #container .testimonials .testimonial h4 {color: #fff; font-size: 4rem; line-height: 4.5rem; font-family: 'acumin-pro-extra-condensed'; text-transform: uppercase;} body.plantbasedseite #container .testimonials .testimonial p {color: #fff;} body.plantbasedseite .schmal50 {display: block;} /*Züger Shop Teaser*/ .zuegershop {height: 1000px; background: #FBFBFB url(../graphics/zueger-shop-teaser-bg.png) center bottom no-repeat; background-size: auto 100%;} .zuegershop .text1 {width: 700px; margin-left: 80px;} .zuegershop .text2 {margin-left: 160px;} /* HEADER / NAVIGATION */ /*************************************************************/ #header {z-index: 5000; position: relative; position: fixed; top: 0; width: 100%; background:#fff;} #header .headertop {height: 40px; border-bottom: 1px solid #D9D9D9;} #header .headertop .inside {width: 1420px; height: 40px; margin: 0 auto; box-sizing: border-box; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;} #header .headertop .nav-service ul {margin-bottom: 0;} #header .headertop .nav-service ul li {display: inline-block; float: left; border-right: 1px solid #D9D9D9; transition: background 0.3s ease;} #header .headertop .nav-service ul li:hover {background: #EDEDED;} #header .headertop .nav-service ul li a {display: inline-block; font-size: 1.6rem; padding: 11px 45px 11px 25px; text-decoration: none; background:url(../graphics/arrow-right.svg) center right 18px no-repeat; background-size: 9px; color: #1D4087;} #header .headertop .nav-service ul li a:first-letter {text-transform: uppercase;} #header .headertop .nav-service ul li.home a {width: 69px; height: 35px; padding: 0; background:url(../graphics/icon-homelink.svg) center no-repeat;} #header .headertop .nav-service ul li.home a span {display: none;} #header .headertop .nav-service ul li a.veganseite {background: #A6A6CC url(../graphics/arrow-right-weiss.svg) center right 18px no-repeat; background-size: 9px; color: #fff;} #header .headertop .nav-service ul li a.plantbasedseite {background: #A4D7F2 url(../graphics/arrow-right-weiss.svg) center right 18px no-repeat; background-size: 9px; color: #fff;} #header .headertop .nav-service ul li a.filonaseite {background: #1D4087 url(../graphics/arrow-right-weiss.svg) center right 18px no-repeat; background-size: 9px; color: #fff;} #header .headertop #languagechanger {display: inline-block; float: right; font-size: 1.6rem; border-left: 1px solid #D9D9D9; height: 100%; padding-top: 2px; box-sizing: border-box;} #header .headertop #languagechanger .languagetrigger {padding: 11px 45px 11px 25px; width: 90px; color: #1D4087; cursor: pointer; background:url(../graphics/arrow-down.svg) center right 25px no-repeat; border-left: 1px solid #D9D9D9; transition: background 0.3s ease;} #header .headertop #languagechanger .languagetrigger:hover {background: #EDEDED url(../graphics/arrow-down.svg) center right 25px no-repeat;} #header .headertop #languagechanger .mod_changelanguage {border: 1px solid #D9D9D9; border-top: none; padding-top: 10px; display: none; position: absolute; background: #fff; z-index: 200;} #header .headertop #languagechanger .mod_changelanguage ul li.active {display: none;} #header .headertop #languagechanger .mod_changelanguage ul li a {display: block; padding: 5px 45px 5px 25px; width: 90px;} #header .headertop #languagechanger .lang-it {display: none;} /*#header .headertop #languagechanger .lang-fr {display: none;}*/ #header .headerbot {height: 70px; padding-top: 60px; border-bottom: 1px solid #D9D9D9; transition: height 0.3s ease, padding-top 0.3s ease;} #header.up .headerbot {height: 40px; padding-top: 18px;} #header .headerbot .inside {width: 1420px; margin: 0 auto;} #header .headerbot .mod_navigation ul {margin-bottom: 0;} #header .headerbot .mod_navigation ul li {position: relative; display: inline-block;} #header .headerbot .mod_navigation ul li.left {float: left; margin-right: 45px;} #header .headerbot .mod_navigation ul li.left:first-of-type {padding-right: 45px; border-right: 1px solid #D9D9D9;} #header .headerbot .mod_navigation ul li.right {padding-left: 45px; border-left: 1px solid #D9D9D9; float: right; margin-left: 45px;} #header .headerbot .mod_navigation ul li.right:last-of-type {padding-left: 0; border-left: none;} #header .headerbot .mod_navigation ul li a {font-size: 2rem; color: #1D4087; text-decoration: none; padding-bottom: 49px; text-transform: uppercase; font-family: 'ralewaysemibold'; transition: color 0.3s ease;} #header .headerbot .mod_navigation ul li a.trail, #header .headerbot .mod_navigation ul li a.active, #header .headerbot .mod_navigation ul li a:hover {color: #309A41;} #header .headerbot .mod_navigation ul li:hover ul.level_2 {display: block; visibility: visible; opacity: 1; top: 57px;} #header .headerbot .mod_navigation ul li ul.level_2 {display: block; visibility: hidden; opacity: 0; width: 200px; padding: 20px; position: absolute; top: 67px; left: 50%; margin-left: -120px; background-color: #fff; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2); z-index: 1000; transition:opacity 0.2s, top 0.2s ease;} #header.up .headerbot .mod_navigation ul li ul.level_2 {top: 40px;} #header .headerbot .mod_navigation ul li ul.level_2 li {display: block; width: 100%;padding: 5px 0;} #header .headerbot .mod_navigation ul li ul.level_2 li a {width: 100%; display: block; padding-bottom: 0; text-align: left; font-size: 1.8rem; text-transform: none; font-family: 'ralewaylight';} #header .headerbot .mod_navigation ul li ul.level_2 li a:first-letter {text-transform: uppercase;} #header .headerbot .logocontainer {width: 192px; height: 148px; position: absolute; left: 0; right: 0; margin: -40px auto 0 auto; text-align: center; transition:margin 0.3s ease, height 0.3s ease, width 0.3s ease;} #header.up .headerbot .logocontainer {width: 65px; height: 55px; margin: -15px auto 0 auto;} #header .headerbot .logocontainer .ce_image {margin-bottom: 5px; opacity: 1; transition:opacity 0.3s ease;} .custom #subnavi {background: #EDEDED; min-height: 120px; display: inline-block; width: 100%; margin-bottom: -5px; border-bottom: 1px solid #D9D9D9;} .custom #subnavi .inside {width: 1420px; margin: 0 auto;} .custom #subnavi .inside .mod_navigation {width: auto; float: right; margin-top: 50px;} .custom #subnavi .inside .mod_navigation ul li {display: inline-block; margin-left: 20px; margin-bottom: 25px;} .custom #subnavi .inside .mod_navigation ul li a {color: #fff; padding:7px 11px; background:#1D4087; font-size: 1.8rem; transition: background 0.3s ease;} .custom #subnavi .inside .mod_navigation ul li a:hover, .custom #subnavi .inside .mod_navigation ul li a.active, .custom #subnavi .inside .mod_navigation ul li a.trail {background:#309A41;} html .mm-menu.mm-front.mm-top {transform: translate(0, 0); opacity: 0; transition: opacity 0.5s;} html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {opacity: 1;} .mm-panel .elfsight-app-fb167571-299a-4e99-b4f2-0e36434ba5c5 {margin-top: 20px;} .mm-panel .elfsight-app-fb167571-299a-4e99-b4f2-0e36434ba5c5 .lbfAVK.lbfAVK {align-items: flex-start;} #header .inside .mobilebtn {display: none;} #mod_nav_mobile .mod_changelanguage {display: inline-block; width: 80%;} #mod_nav_mobile .mod_changelanguage li {display: inline-block; width: 30%; margin-left: 0; text-align: left;} #mod_nav_mobile.mm-menu.mm-light .mod_changelanguage .mm-list > li:after {display: none;} #mod_nav_mobile .mod_changelanguage .lang-it {display: none;} /*Suche*/ html #mod_nav_search {width: 100%; max-width: 100%; transform: translate(0, 0); opacity: 0; transition: opacity 0.5s;} html #mod_nav_search.mm-opened {opacity: 1;} #mod_nav_search .mm-navbar {display: none;} #header .mobilebtn_search a {display: block; width: 70px; height: 40px; float: right; border-left: 1px solid #D9D9D9; background: url(../graphics/icon-search.svg) center no-repeat; background-size: 20px 20px; transition: background 0.3s ease;} #header .mobilebtn_search a:hover {background: #EDEDED url(../graphics/icon-search.svg) center no-repeat; background-size: 20px 20px;} #mod_nav_search .mobilebtn_search {width: 1130px; margin: 15px auto 50px auto; height: 30px;} #mod_nav_search .mobilebtn_search .mobilebtnsearch {width: 25px; height: 25px; text-decoration: none; display: block; float: right; background: url(../graphics/search-close.svg) center no-repeat; background-size: contain;} #mod_nav_search.mm-menu {background: rgba(29,64,135,0.6);} #mod_nav_search .mod_search {width: 1130px; margin: 0 auto;} #mod_nav_search input {-webkit-appearance: none; background: none; color: #fff; float: left; border: none; border-bottom: 1px solid #fff;} #mod_nav_search input[type=search] {width: 1000px; height: 130px; font-size: 7.2rem; padding: 0; margin: 0;} #mod_nav_search button[type=submit] {width: 130px; height: 130px; padding: 0; margin: 0; background: url(../graphics/search-button.svg) center no-repeat; background-size: 60px; border:none;} #mod_nav_search input:focus {outline: none;} #container .mod_search {width: 70%; margin:0 auto;} #container .mod_search .formbody {width: 450px; margin: 0 auto 10px auto;} #container .mod_search .formbody input {padding:11px 10px 12px 10px; font-size: 2rem; width: 350px; display: inline-block; float: left;} #container .mod_search .formbody .widget-submit {display: inline-block; float: left;} #container .mod_search .formbody .widget-submit button {background-color: #1D4087; width: auto; margin-top: 0px; padding: 11px 10px 12px 10px; color: #fff; margin-left: 0; border: none;} #container .mod_search p.header {clear: both;} #container .mod_search .highlight {background: #fff; color: #309A41;} #container .mod_search .pagination {clear: both; border-top: 1px solid #EEEEEE;} #container .mod_search .pagination p {display: block;} #container .mod_search .pagination ul {display: block; width: 100%;} #container .mod_search .pagination ul li {display: inline-block; margin:0 7px; background: none; float: left; padding-left: 0;} #container .mod_search .pagination ul li:first-of-type {margin-left: 0;} /* SLIDER */ /*************************************************************/ body.home .custom #slider {max-width: 2200px; width: 100%; height: 1200px; /*height: 800px;*/ overflow: hidden; margin:0 auto; display: block; position: relative;} .custom #slider {max-width: 2200px; width: 100%; height: 600px; overflow: hidden; margin:0 auto; display: block; position: relative;} .custom #slider:after {content:""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; display: block; width: 800px; height: 75px; background:url(../graphics/slider-splash.webp) center bottom no-repeat; z-index: 2500;} .custom #slider .mod_article .inside {max-width: 10000px; margin: 0 auto; padding: 0;} #slider .inside {height: auto; width: 100%; position: relative; z-index: 1100; margin: 0; padding: 0;} #slider .ce_image {width: 100%;} #slider .image_container img {width: 100%; height: auto;} #slider .ce_text {position: absolute; text-align: center; top: 15%; width: 100%;} body.home #slider .ce_text {position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%;} #slider .ce_text h3 {font-size: 4.5rem; line-height: 5rem; color: #fff; margin: 20px auto;} #slider .ce_text h2 {font-size: 10rem; line-height: 11rem; color: #fff; margin: 20px auto;} #slider .ce_text p {font-size: 2rem; line-height: 2.4rem; color: #fff; margin: 20px auto;} #slider .ce_text a {text-decoration: none; color: #fff; padding: 20px 40px; border: 3px solid #fff; border-radius: 5px; display: inline-block;} #slider .ce_text.schwarz p {color: #000;} #slider .ce_text.schwarz a {color: #000; border: 3px solid #000;} #slider .ce_text.blau p {color: #1D4087;} #slider .ce_text.blau a {color: #1D4087; border: 3px solid #1D4087;} body.home #slider .slick-list {height: 1200px; /*height: 800px;*/} .slick-slide .zentriert img {display: inline-block;} #slider .slick-list {height: 600px;} #slider .slick-dots {position: absolute; right: 40px; bottom: 30px;} #slider .slick-dots li {width: 20px; height: 20px; margin:10px 0; cursor: pointer; background: url(../graphics/slick-dot.svg) center no-repeat; transition:background 0.3s ease;} #slider .slick-dots li:hover, #slider .slick-dots li.slick-active {background: url(../graphics/slick-dot-active.svg) center no-repeat;} #slider .slick-dots li button {display: none;} #main .slick-prev {background:url(../graphics/arrow-left.svg) center left no-repeat; display: inline-block; width: 5%; height: 450px; float: left; cursor: pointer; text-align: left;} #main .slick-next {background:url(../graphics/arrow-right.svg) center right no-repeat; display: inline-block; width: 5%; height: 450px; float: left; cursor: pointer; text-align: right;} #main .slick-list {display: inline-block; width: 90%; float: left;} #main .praesislider .slick-list {margin-bottom: 50px;} #main .praesislider .slick-prev {height: 720px;} #main .praesislider .slick-next {height: 720px;} body.home .custom #slider .ce_player {overflow: hidden;} body.home .custom #slider .ce_player:after {content: ""; display: block; position: absolute; bottom: 0; left: -0.5%; width: 101%; height: 400px; z-index: 2; background: url(../../Inhalte/Filona/Filona-2025/Berge_Headervideo.png) center bottom no-repeat; background-size: cover;} body.home .custom #slider .videostoerer {position: absolute; top: 0; right: 0; width: 388px; height: auto; z-index: 3;} body.home .custom #slider .videostoerertext {position: absolute; bottom: 280px; left: 5%; width: 910px; height: auto;} body.home .custom #slider .videostoerertextfr {position: absolute; bottom: 280px; left: 5%; width: 700px; height: auto;} /* INHALTSELEMENTE */ /*************************************************************/ /*Titles*/ h1 {font-size: 7rem; line-height: 8.5rem; color: #1D4087; text-align: center; margin: 30px auto 20px auto; font-family: 'noteworthybold';} h2 {font-size: 7rem; line-height: 8.5rem; color: #1D4087; text-align: center; margin: 30px auto 20px auto; font-family: 'noteworthybold';} h3 {font-size: 4.3rem; line-height: 5rem; color: #1D4087; text-align: center; margin: 30px auto 20px auto; font-family: 'noteworthybold';} h4 {font-size: 2rem; line-height: 2.5rem; color: #1D4087; font-family: 'ralewaysemibold';} body .janolaw-paragraph {font-size: 3.5rem; line-height: 4rem; color: #1D4087; margin: 30px auto 20px auto; font-family: 'noteworthybold';} /*Article*/ .mod_article .inside {max-width: 1420px; margin: 0 auto; padding: 40px 0;} .mod_article.drops {background:url(../graphics/bg-drops.webp) center top no-repeat;} .mod_article.grau {background: #EDEDED;} .mod_article.blau {background: #D4EEF9;} .mod_article.gruen {background: #C1E1C6;} .mod_article.holz {background:url(../graphics/wood-tile.webp);} .mod_article.holz h1, .mod_article.holz h2, .mod_article.holz h3, .mod_article.holz p {color: #fff;} .mod_article.vollbild .inside {position: relative; max-width: initial; width: 100%; height: auto; padding: 0; display: flex; align-items: center; justify-content: center;} .mod_article.vollbild .inside .ce_image {width: 100%; height: auto;} .mod_article.vollbild .inside .ce_image .image_container {line-height: 0;} .mod_article.vollbild .inside .ce_image img {width: 100%; height: auto;} .mod_article.vollbild .inside .ce_text {position: absolute; margin-bottom: 5%; width: 100%; max-width: 680px; box-sizing: border-box; height: auto; padding: 40px 50px 60px 50px; background: #fff;} .mod_article.vollbild .inside .ce_text p a {text-decoration: none; color: #1D4087; padding: 20px 40px; border: 3px solid #1D4087; border-radius: 5px; display: inline-block; margin-top: 15px;} .mod_article.vollbild .inside .ce_text .image_container {position: absolute; bottom: -55px; right: -115px;} /*Text*/ .image_container img {max-width: 100%; height: auto;} .image_container .zentriert {texta-lign:center;} #main {line-height: 2.8rem;} #container .ce_text {margin-bottom: 30px;} #container .ce_text .image_container.float_left {width: 48.5%; float: left; margin-right: 3%;} #container .ce_text .image_container.float_right {width: 48.5%; float: right; margin-left: 3%;} /*Shariff*/ #main .shariff ul li {padding-left: 0; background: none;} #main .shariff ul {display: block;} .shariff .orientation-horizontal li {width: 30px;} /*Portrait*/ .portrait {border: 1px solid #ECECEC; display: inline-block; text-align: center; float: left; box-sizing: border-box; width: 22.75%; margin-right: 3%; margin-bottom: 20px; min-height: 455px;} .portrait:nth-of-type(4n) {margin-right: 0;} .portrait:nth-of-type(4n+1) {clear: left;} .portrait img {width: 100%; height: auto;} #container .portrait p {line-height: 2.3rem; min-height: 68px; padding: 0 10px;} #container .portrait h4 {min-height: 80px; padding: 0 10px; font-size: 2.5rem; font-family: 'ralewayregular'; line-height: 2.8rem;} #container .portrait .member-details a {display: inline-block; width: 30px; height: 30px; margin:0 3px 20px 3px; border:none;} #container .portrait .member-details a img {border:none;} .fuenfspaltig .portrait {width: 17.6%; margin-right: 3%;} .fuenfspaltig .portrait:nth-of-type(4n) {margin-right: 3%;} .fuenfspaltig .portrait:nth-of-type(4n+1) {clear: none;} #container .fuenfspaltig .portrait:nth-of-type(5n) {margin-right: 0;} #container .fuenfspaltig .portrait:nth-of-type(5n+1) {clear: left;} /*Hyperlink*/ .ce_hyperlink {text-align: center; clear: both;} .ce_hyperlink a {text-decoration: none; color: #1D4087; padding: 20px 40px; border: 3px solid #1D4087; border-radius: 5px; display: inline-block;} .ce_hyperlink.links {text-align: left;} /*Gallery*/ #container #main .ce_gallery ul li {width: 22.75%; margin-right: 3%; padding-left: 0; background:none; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul li.col_last {margin-right: 0;} #container #main .ce_gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;} #container #main .ce_gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;} #container #main .ce_gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} #colorbox #cboxTitle {display: none !important;} #colorbox #cboxCurrent {font-size: 1.5rem;} /*List*/ #main ul {display: table; margin-bottom: 25px;} #main .ce_text ul li {margin-top: 10px;} #main ul li {vertical-align: middle; list-style: none; padding-left: 18px; background: url(../graphics/icon-listbullet.svg) no-repeat top 9px left;} #main ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } #main ol > li { position:relative; /* Create a positioning context */ margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */ list-style:none; /* Disable the normal item numbering */ } #main ol > li:before { content:counter(li)"."; /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; left: -18px; top: 1px; font-size: 2rem; color: #1D4087; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /*Downloads*/ .ce_download.sc.last, .ce_downloads.sc.last {padding-right: 0;} .ce_download, .ce_downloads {position:relative; width:100%; margin:0 auto; padding:0;} .ce_download ul, .ce_downloads ul {position:relative; width:100%; margin:0; padding:0 0 0 0;} #main .ce_download ul li, #main .ce_downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0; background:#F5F5F5;} .ce_download img, .ce_downloads img {position:absolute; left:10px; top:7px; z-index:400;} body #container .ce_downloads a, body #container .ce_downloads a:link, body #container .ce_downloads a:visited, body #container .ce_download a, body #container .ce_download a:visited, body #container .ce_download a:link, body #container .enclosure a:link, body #container .enclosure a:visited { position:relative; z-index:300; text-decoration: none; font-size: 2rem; font-family: "ralewaylight", Arial, Verdana, Helvetica, sans-serif; color: #1D4087; display:block; padding:8px 30px 8px 40px; margin:0 0 0 0; transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; } /* Accordion */ .ce_accordion .toggler {position: relative; width: 150px; font-size: 1.8rem; color: #1D4087; font-family: 'ralewaysemibold'; display: block; margin: 16px auto 60px auto; padding-top: 10px; background:url(../graphics/shop-filter-toggle-down.svg) 170px 28px no-repeat; padding: 20px 40px; border: 3px solid #1D4087; border-radius: 5px; cursor: pointer; transition: background 0.3s ease, transform 0.3s ease, color 0.3s ease;} .ce_accordion .toggler:hover {transform: scale(1.05);} .ce_accordion .toggler.active {background:url(../graphics/shop-filter-toggle-up.svg) 170px 28px no-repeat; color: rgba(0,0,0,0);} .nachhaltigkeit .ce_accordion .toggler:after {content: "Schliessen"; color: #1D4087; position: absolute; left: 41px; opacity: 0; transition: opacity 0.3s ease;} .sustainability .ce_accordion .toggler:after {content: "Close"; color: #1D4087; position: absolute; left: 41px; opacity: 0; transition: opacity 0.3s ease;} .durabilite .ce_accordion .toggler:after {content: "Fermer"; color: #1D4087; position: absolute; left: 41px; opacity: 0; transition: opacity 0.3s ease;} .ce_accordion .toggler.active:after {opacity: 1;} body #container .ce_downloads a:hover, body #container .ce_downloads a:active, body #container .ce_download a:hover, body #container .ce_download a:active {background-color:#777;} /*Form*/ #container .formbody input {-webkit-appearance:none;} #container .formbody button {-webkit-appearance:none;} #container .ce_form {margin-top: 40px; width: 50%; margin-right: auto; margin-left: auto;} #container .formbody label {width: 100%; padding-top: 10px; margin-bottom: 5px; font-size: 2rem; display: inline-block; float: left;} #container .formbody label:first-letter {text-transform: capitalize;} #container .formbody .labelaus legend {opacity: 0;} #container .formbody input {width: 96%; padding:2%; font-size: 2rem; margin-bottom: 5px; border:none; background-color: #EBEBEB;} #container .formbody textarea {width: 96%; padding:2%; font-size: 2rem; border: none; margin-bottom: 4px; background-color: #EBEBEB;} #container .formbody .submit {cursor:pointer; background-color: #1D4087; border:none; margin-top: 7px; padding: 5px 0; color: #fff; margin-left: 0; width: 200px;} #container .formbody select {width: 100%; padding:1%; font-size: 2rem; margin-bottom: 15px; border:none; background-color: #EBEBEB;} #container .formbody fieldset {margin-bottom: 10px;} #container .formbody fieldset legend {font-size: 2rem; margin-bottom: 5px; padding-top: 10px;} #container .formbody fieldset span {width:100%; float: left;} #container .formbody fieldset span input {float: left; width: 5%; margin-right: 2%; height: 26px;} #container .formbody fieldset span label {padding-top: 0; width: 93%;} #container .formbody .explanation p {font-size: 2rem; line-height: 1.4em;} #container .formbody .widget-captcha {margin-bottom: 40px;} #container .formbody .widget-captcha input {margin-bottom: 5px;} #container .formbody .widget-captcha span {width: 100%; float: left; font-size: 2rem;} #container .formbody .widget-captcha label span.mandatory {width: auto; float: none;} #container .formbody .widget-checkbox input {-webkit-appearance:checkbox;} #container .formbody .widget-checkbox legend span {width: auto; float: none;} #container .formbody .widget-radio input {-webkit-appearance:radio;} #container .formbody .widget-radio legend span {width: auto; float: none;} #container .formbody .widget-fineuploader .qq-upload-button {cursor:pointer; background-color: #1D4087; border:none; margin-top: 7px; padding: 5px 0; color: #fff; margin-left: 0; width: 200px;} #container .formbody .widget-fineuploader .qq-upload-list li.qq-upload-success {background: #5DA30C;} #container .formbody .widget-fineuploader .qq-upload-list {margin-bottom: 10px;} #container .formbody .widget-fineuploader.uplbtn .qq-upload-button {width: auto; display: inline-block; background: rgba(225,225,225,0.9) url(../graphics/icon-upload.svg) center left 10px no-repeat; padding: 5px 10px 5px 50px; color: #646464; cursor: pointer;} #container .formbody .widget-fineuploader.uplbtn .qq-upload-button input {cursor: pointer;} .error {color:#f00;} #container .formbody .lieferdatum input {background: rgba(225,225,225,0.9) url(../graphics/form-date.svg) center right 15px no-repeat;} #container .formbody .clockpicker input {background: rgba(225,225,225,0.9) url(../graphics/form-time.svg) center right 15px no-repeat;} body.filonaseite #container .formbody .submit {text-decoration: none; background: #fff; color: #1D4087; padding: 20px 40px; border: 3px solid #1D4087; border-radius: 5px; display: inline-block; margin-top: 30px; margin-bottom: 30px;} body.filonaseite #container .formbody .radio_container span {display: inline-block; float: left; width: 50%; margin-bottom: 10px;} body.filonaseite #container .formbody .radio_container span.mandatory {float: none; width: auto;} body.filonaseite #container .ce_form .formbody .checkbox_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} body.filonaseite #container .ce_form .formbody .checkbox_container label {cursor: pointer; width: 100%; position: relative; margin-bottom: 15px; display: inline-block;} body.filonaseite #container .ce_form .formbody .checkbox_container.inline label {width: 30%;} body.filonaseite #container .ce_form .formbody .checkbox_container span {width: 90px; margin-right: 12px;} body.filonaseite #container .ce_form .formbody .checkbox_container span.lname {width: calc(100% - 34px); padding-top: 0px; float: right; margin-right: 0; display: block;} body.filonaseite #container .ce_form .formbody .checkbox_container .checkmark {cursor: pointer; position: relative; height: 20px; width: 20px; margin-top: 2px; background-color: #fff; border:1px solid #646464;} body.filonaseite #container .ce_form .formbody .checkbox_container:hover input ~ .checkmark {background-color: #fff;} body.filonaseite #container .ce_form .formbody .checkbox_container input:checked ~ .checkmark {/*background-color: #EE6930;*/} body.filonaseite #container .ce_form .formbody .checkbox_container .checkmark:after {content: ""; position: absolute; display: none;} body.filonaseite #container .ce_form .formbody .checkbox_container input:checked ~ .checkmark:after {display: block;} body.filonaseite #container .ce_form .formbody .checkbox_container .checkmark:after {top: 0px; left: 0px; width: 20px; height: 20px; background: url(../graphics/checkmark.svg) center no-repeat; background-size: 15px;} body.filonaseite #container .formbody .radio_container a {color: #d67500; text-decoration: none;} body.filonaseite #container .formbody .radio_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} body.filonaseite #container .formbody .radio_container label {cursor: pointer; width: 50%; position: relative; margin-bottom: 10px; display: inline-block;} body.filonaseite #container .formbody .radio_container span {width: 90px; margin-right: 12px;} body.filonaseite #container .formbody .radio_container span.lname {width: auto; padding-top: 0px; margin-right: 0; width: calc(100% - 34px);} body.filonaseite #container .formbody .radio_container .checkmark {cursor: pointer; position: relative; height: 20px; width: 20px; background-color: #fff; border:1px solid #646464; border-radius: 50px; margin-top: 2px;} body.filonaseite #container .formbody .radio_container:hover input ~ .checkmark {background-color: #fff;} body.filonaseite #container .formbody .radio_container input:checked ~ .checkmark {/*background-color: #EE6930;*/} body.filonaseite #container .formbody .radio_container .checkmark:after {content: ""; position: absolute; display: none;} body.filonaseite #container .formbody .radio_container input:checked ~ .checkmark:after {display: block;} body.filonaseite #container .formbody .radio_container .checkmark:after {top: 2px; left: 2px; width: 16px; height: 16px; background: #1D4087; position: absolute; border-radius: 50px;} body #container .ce_form .newcheck .formbody .checkbox_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} body #container .ce_form .newcheck .formbody .checkbox_container label {cursor: pointer; width: 100%; position: relative; margin-bottom: 15px; display: inline-block;} body #container .ce_form .newcheck .formbody .checkbox_container.inline label {width: 30%;} body #container .ce_form .newcheck .formbody .checkbox_container span {width: 90px; margin-right: 12px;} body #container .ce_form .newcheck .formbody .checkbox_container span.lname {width: calc(100% - 34px); padding-top: 0px; float: right; margin-right: 0; display: block;} body #container .ce_form .newcheck .formbody .checkbox_container .checkmark {cursor: pointer; position: relative; height: 20px; width: 20px; margin-top: 2px; background-color: #fff; border:1px solid #646464;} body #container .ce_form .newcheck .formbody .checkbox_container:hover input ~ .checkmark {background-color: #fff;} body #container .ce_form .newcheck .formbody .checkbox_container input:checked ~ .checkmark {/*background-color: #EE6930;*/} body #container .ce_form .newcheck .formbody .checkbox_container .checkmark:after {content: ""; position: absolute; display: none;} body #container .ce_form .newcheck .formbody .checkbox_container input:checked ~ .checkmark:after {display: block;} body #container .ce_form .newcheck .formbody .checkbox_container .checkmark:after {top: 0px; left: 0px; width: 20px; height: 20px; background: url(../graphics/checkmark.svg) center no-repeat; background-size: 15px;} /*Columns*/ #container .rs-column.-large-col-2-1 {width: 48.5%; margin-right: 3%;} #container .rs-column.-large-col-2-1.-large-last {margin-right: 0;} #container .rs-column.-large-col-3-2 {width: 65.6%; margin-right: 3%;} #container .rs-column.-large-col-3-1 {width: 31.3%; margin-right: 3%;} #container .rs-column.-large-col-3-1.-large-last {margin-right: 0;} #container .rs-column.-large-col-4-1 {width: 22.75%; margin-right: 3%; margin-top: 0;} #container .rs-column.-large-col-4-1.-large-last {margin-right: 0;} /*Linkboxen*/ .linkboxen .box {position: relative; top: 0; width: 22.75%; margin-right: 3%; display: inline-block; float: left; box-sizing: border-box; padding: 20px 20px 40px 20px; background: #fff url(../graphics/arrow-down.svg) bottom 20px center no-repeat; text-align: center; min-height: 450px; transition:box-shadow 0.3s ease, top 0.3s ease;} .linkboxen .box:hover {top: -3px; -webkit-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75);} .linkboxen .box:nth-of-type(4n) {margin-right: 0;} .linkboxen .box:nth-of-type(4n+1) {clear: left;} .linkboxen .box h3 {margin-top: 20px;} .linkboxen .box img {margin-bottom: 15px;} .linkboxen .box .boxlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;} body.ausbildung .linkboxen .box {width: 17.6%} body.ausbildung .linkboxen .box:nth-of-type(4n) {margin-right: 3%;} body.ausbildung .linkboxen .box:nth-of-type(4n+1) {clear: none;} body.ausbildung .linkboxen .box:nth-of-type(5n) {margin-right: 0;} body.ausbildung .linkboxen .box:nth-of-type(5n+1) {clear: left;} body.ausbildung .linkboxen .box h3 {font-size: 2rem; line-height: 2.4rem;} /*YouTube*/ #container .ce_youtube {clear: both; text-align: center;} #container .ce_youtube iframe {max-width: 100%;} #container .ce_youtube embed {max-width: 100%;} #container .ce_youtube video {max-width: 100%;} #container .ce_youtube .me-plugin {max-width: 100%;} #container .ce_youtube .mejs-overlay {max-width: 100% !important;} /*Vimeo*/ #container .ce_vimeo {clear: both; text-align: center;} #container .ce_vimeo iframe {max-width: 100%;} #container .ce_vimeo embed {max-width: 100%;} #container .ce_vimeo video {max-width: 100%;} #container .ce_vimeo .me-plugin {max-width: 100%;} #container .ce_vimeo .mejs-overlay {max-width: 100% !important;} /*Video*/ .mejs__container {text-align: center; display: inline-block;} #container .ce_player {clear: both; text-align: center;} #container .ce_player iframe {max-width: 100%;} #container .ce_player embed {max-width: 100%;} #container .ce_player video {max-width: 100%;} #container .ce_player .me-plugin {max-width: 100%;} #container .ce_player .mejs-overlay {max-width: 100% !important;} /*Google Map*/ .dlh_googlemap {width: 100% !important;} .google_maps_milch_lieferanten { height: 500px; } /*Lieferanten*/ .mod_google_maps_api_search form {width: 80%; margin: 0 auto;} .mod_google_maps_api_search td {width: 15%; margin: 10px 5px; text-align: center;} .mod_google_maps_api_search td input, .mod_google_maps_api_search td select {width: 90%; height:42px; cursor:pointer; padding:10px; font-size: 1.6rem; margin-bottom: 5px; box-sizing: border-box; border:1px solid #B0B0B0; border-radius: 0; background-color: rgba(225,225,225,0.9); appearance:textfield; -webkit-appearance:textfield;} /*.mod_google_maps_api_search td select {background: rgba(225,225,225,0.9) url(../graphics/map-select-arrow-down.svg) center right 10px no-repeat; background-size: 15px;}*/ .mod_google_maps_api_search td input.search_suppliers {background:#1D4087; color: #fff;} .mod_google_maps_api_search td input.reset {border:none; background: url(../graphics/map-select-reset.svg) center left 5px no-repeat; background-size: 15px; color: #1D4087;} #ihreauswahl {width: 70%; margin:0 auto; display: none;} #listtable {width: 70%; margin:30px auto 0 auto;} #listtable tbody tr th {padding:5px; font-family: 'ralewaysemibold'; color: #1D4087;} #listtable tbody tr:nth-of-type(2n) {background: #EDEDED;} #listtable tbody tr td {padding:5px; color: #1D4087;} #listtable tbody tr td img {width: 20px; vertical-align: middle; margin-top: -3px;} #listtable tbody tr td img:hover {content: url(../graphics/lupe-hover.svg);} /*Shopkarten*/ .shopkarten {width: 103%; margin-left: -1.5%; display: flex; flex-wrap: wrap;} .shopkarten .box {position: relative; width: 30%; min-height: 265px; color: #309A41; vertical-align: top; margin-right: 1.5%; margin-left: 1.5%; display: inline-block; margin-bottom: 50px; background: #fff; box-sizing: border-box; padding: 20px 30px 30px 30px; box-shadow: 0 0 16px 0 rgba(0,0,0,0.07);} .shopkarten .box h3 {color: #309A41; margin-top: 20px;} .shopkarten .box .produkt {display: block; width: 100%; clear: both; margin-bottom: 10px;} .shopkarten .box .produkt .ptext {display: inline-block; width: calc(100% - 100px); background: url(../graphics/productdots.svg) bottom 5px right no-repeat;} .shopkarten .box .produkt .ptext span {background: #fff; padding-right: 3px;} .shopkarten .box .produkt .zusatz {display: inline-block; width: 100px; text-align: right; font-family: 'ralewaybold';} .zuegershopseite .holz > .inside {background: url(../graphics/zshop-top.svg) top 30px right 30px no-repeat;} .zuegershopseite .holz .ce_text {width: calc(100% - 400px);} .zuegershopseite #container #main .lieferantendetail .lieferantengalerie {margin-top: 30px; margin-bottom: 30px; text-align: center;} .zuegershopseite #container #main .lieferantendetail .lieferantengalerie ul {text-align: center;} .zuegershopseite #container #main .lieferantendetail .lieferantengalerie li {width: auto; float: none; margin-right: 0;} .zuegershopseite #container #main .lieferantendetail .lieferantengalerie .image_container {overflow: visible;} .zuegershopseite #container #main .lieferantendetail .lieferantengalerie a:focus {outline: none;} .zuegershopseite #container #main .lieferantendetail .lieferantengalerie a img {height: 250px; width: auto; display: inline-block; border: 10px solid #fff; box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); transform: rotateZ(-3deg);} .zuegershopseite #container #main .lieferantendetail .lieferantengalerie li:nth-of-type(2n) a img {transform: rotateZ(3deg);} .zuegershopseite .mod_article.map .inside {max-width: 2200px;} body.zuegershopseite #header .headerbot .logocontainer .ce_image img {content: url(/files/data/graphics/logo-zueger-shop.svg); position:relative; top:-15px;} /* NEWS / TERMINE */ /*************************************************************/ #homenews {background:url(../graphics/wood-tile.webp);} #homenews h2 {color: #fff;} #homenews p {color: #fff;} #homenews .homelinkbox .image_container {width: 80%; float: left; position: relative; line-height: 1; font-size: 0rem;} #homenews .homelinkbox .image_container a:before {display: block; content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid white;} #homenews .homelinkbox .textbot {position: relative; width: 60%; float: right; background:#fff url(../graphics/arrow-right-green.svg) right 30px bottom 40px no-repeat; box-sizing: border-box; padding: 35px 35px 60px 35px; margin-top: -20%;} #homenews .rs-columns h1, #homenews .rs-columns h2, #homenews .rs-columns h3, #homenews .rs-columns h4, #homenews .rs-columns p {color: #309A41; float: left; margin-top: 0; text-align: left; text-decoration: none;} #homenews .homelinkbox .textbot a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;} #homenews .rezeptpfeil {clear: both; margin-top: 20px; margin-left: 50px; display: inline-block; float: left;} #homenews .mod_newslist .layout_latest {width: 100%; height: 205px; top:0; margin-bottom: 30px; position: relative; background:#fff url(../graphics/arrow-right-green.svg) right 20px bottom 20px no-repeat; transition: box-shadow 0.3s ease, top 0.3s ease;} #homenews .mod_newslist .layout_latest:hover {top: -3px; -webkit-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75);} #homenews .mod_newslist .layout_latest .image_container {float: left; height: 100%; width: 30%; overflow: hidden;} #homenews .mod_newslist .layout_latest .image_container img {height: 100%; width: auto;} #homenews .mod_newslist .layout_latest .ce_text {float: left; box-sizing: border-box; padding: 20px 35px 20px 20px; margin-bottom: 0; width: 70%; height: 100%;} #homenews .mod_newslist a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;} #homenews .newspfeil {text-align: right; padding-right: 40px; margin-bottom: 20px;} .mod_article.holz .ce_hyperlink a {text-decoration: none; color: #fff; padding: 20px 40px; border: 3px solid #fff; border-radius: 5px; display: inline-block;} body.news .mod_newslist {text-align: center;} body.news .mod_newslist .layout_latest {width: 70%; height: 277px; top: 0; box-sizing: border-box; border:1px solid #eeeeee; display: inline-block; margin: 0 auto 30px auto; position: relative; background:#fff url(../graphics/arrow-right-green.svg) right 20px bottom 20px no-repeat; transition: box-shadow 0.3s ease, top 0.3s ease;} /*body.news .mod_newslist .layout_latest {width: 48%; height: 190px; top: 0; box-sizing: border-box; border:1px solid #eeeeee; float: left; display: inline-block; margin-right: 4%; margin-bottom: 30px; position: relative; background:#fff url(../graphics/arrow-right-green.svg) right 20px bottom 20px no-repeat; transition: box-shadow 0.3s ease, top 0.3s ease;}*/ body.news .mod_newslist .layout_latest:hover {top: -3px; -webkit-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75);} body.news .mod_newslist .layout_latest.odd {margin-right: 0;} body.news .mod_newslist .layout_latest .image_container {position: relative; float: left; height: 100%; width: 27%; overflow: hidden;} body.news .mod_newslist .layout_latest .image_container img {height: 100%; width: auto;} body.news .mod_newslist .layout_latest .ce_text h3 {text-align: left; color: #309A41; margin-top: 0;} body.news #container .mod_newslist .layout_latest .ce_text {float: left; text-align: left; box-sizing: border-box; padding: 20px 35px 20px 20px; margin-bottom: 0; width: 73%; height: 100%;} body.news .mod_newslist .layout_latest a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;} body.news .mod_newslist .pagination {clear: both;} body.news .pagination {clear: both;} body.news .pagination p {display: block;} body.news .pagination ul {display: block; width: 100%;} body.news #main .pagination ul li {display: inline-block; margin:0 7px; background: none; float: left; padding-left: 0;} body.news .pagination ul li:first-of-type {margin-left: 0;} .mod_newsreader .layout_full {width: 50%; margin:0 auto;} .mod_newsreader .layout_full .info {text-align: center;} #container .mod_newsreader .layout_full .ce_form {width: 100%;} /*Stellen*/ .stellenliste .stellen-header {margin-bottom: 15px; font-family: 'ralewaysemibold'; display: inline-block; width: 100%;} .stellenliste .stellen-header .stellen1 {display: inline-block; float: left; width: 58%; padding-left: 2%} .stellenliste .stellen-header .stellen2 {display: inline-block; float: left; width: 20%;} .stellenliste .stellen-header .stellen3 {display: inline-block; float: left; width: 20%;} .stellenliste .layout_latest {clear: both; display: inline-block; width: 100%; margin-top: -5px;} .stellenliste .layout_latest.even {background: #F5F5F5;} .stellenliste h4 {display: inline-block; float: left; width: 57%; margin:0; padding: 12px 1% 12px 2%; text-align: left;} .stellenliste .tag-chain {display: inline-block; float: left; width: 19%; margin:0; padding: 12px 1% 12px 0; line-height: 2.5rem;} .stellenliste .tag-chain li {display: inline-block; float: left;} .stellenliste .tag-chain li:after {content: ", "; margin-right: 4px;} .stellenliste .tag-chain li:last-child:after {display: none;} .stellenliste .more {display: inline-block; float: left; width: 12%; margin:0; padding: 12px 1% 12px 0; line-height: 2.5rem;} .stellenliste .enclosure {display: inline-block; float: left; width: 6%; margin: 0 !important; padding: 11px 1% 5px 0;} .stellenliste .enclosure a {padding: 0 !important; text-align: right;} .stellenliste .enclosure li {list-style: none; padding:0 !important; background:none !important;} .stellenliste .download-element {text-align: right;} .stellenslider .slick-prev {background:url(../graphics/arrow-left.svg) center left no-repeat; display: inline-block; width: 5%; height: 30px; float: left; cursor: pointer;} .stellenslider .slick-next {background:url(../graphics/arrow-right.svg) center right no-repeat; display: inline-block; width: 5%; height: 30px; float: left; cursor: pointer;} .stellenslider .slick-list {display: inline-block; width: 90%; float: left;} .stellenslider .slick-list .image_container {width: 50%; margin: 0 auto; border-radius: 400px; overflow: hidden;} .stellenlistefull .enclosure {position:relative; width:100%; margin:0; padding:0 0 0 0;} #main .stellenlistefull .enclosure li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0; background:#F5F5F5;} .stellenlistefull .enclosure img {position:absolute; left:10px; top:7px; z-index:400;} .stellenlistefull .enclosure a {position:relative; z-index:300; text-decoration: none; font-size: 1.4rem; font-family: "ralewaylight", Arial, Verdana, Helvetica, sans-serif; color: #1D4087; display:block; padding:8px 30px 8px 40px; margin:0 0 0 0; transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease;} body #container .stellenlistefull .enclosure a:hover, body #container .stellenlistefull .enclosure a:active {background-color:#777;} #container .stellenlistefull .ce_form {width: 100%;} /* SHOP */ /*************************************************************/ #container .shopleft {display: inline-block; position: relative; float: left; width: 20%; margin-top: -120px; margin-right: 3%; box-sizing: border-box; padding: 9px 20px; background: #ffffff; z-index: 2000;} #container .shopright {display: inline-block; float: left; width: 77%;} p.empty.message {text-align: center;} #container .shopleft h3 {font-size: 2.8rem; font-family: 'ralewaysemibold'; margin-top: 0; border-bottom: 1px solid #EEEEEE; padding-left: 35px; padding-top: 11px; padding-bottom: 9px; background:url(../graphics/icon-filters.svg) center left no-repeat; background-size: 20px; text-align: left;} .shopleft .mod_iso_cumulativefilter .label {font-size: 1.8rem; color: #1D4087; font-family: 'ralewaysemibold'; display: block; margin-bottom: 10px; margin-top: 16px; padding-top: 10px; background:url(../graphics/shop-filter-toggle-up.svg) right bottom 5px no-repeat; transition: background 0.3s ease;} .shopleft .mod_iso_cumulativefilter .label.up {background:url(../graphics/shop-filter-toggle-down.svg) right bottom 5px no-repeat;} .shopleft .mod_iso_cumulativefilter li.first .label {border-top: none; margin-top: 0; padding-top: 0;} #container .shopleft .mod_iso_cumulativefilter ul {display: block;} #container .shopleft .mod_iso_cumulativefilter ul.level_2 li {padding-left: 0; vertical-align: initial;} #container .shopleft .mod_iso_cumulativefilter ul.level_2 li a {color: #646464; font-size: 1.8rem; display: block; padding-left: 30px; min-height: 20px; margin-bottom: 5px; background: url(../graphics/shop-filter.svg) center left no-repeat; background-size: 18px;} #container .shopleft .mod_iso_cumulativefilter ul.level_2 li a.active {background: url(../graphics/shop-filter-active.svg) center left no-repeat; background-size: 18px;} #container .shopleft .mod_iso_cumulativefilter ul.level_2 li a[title="Vegan"] span {padding-right: 25px; background: url(../graphics/vegan-leaf.svg) center right no-repeat; background-size: 18px;} #container .shopleft .mod_iso_cumulativefilter ul.level_2 li a[title="Plant Based"] span {padding-right: 25px; background: url(../graphics/plantbased-leaf.svg) center right no-repeat; background-size: 18px;} .shopleft .mod_iso_cumulativefilter .clearall a {color: #646464 !important; font-size: 1.8rem; background: #EEEEEE; display: block; width: 100%; margin-top: 20px; padding: 9px 0; text-align: center; text-decoration: none; border:1px solid #B0B0B0;} .shopleft .mod_iso_cumulativefilter ul.level_1 > li {padding: 0 10px 0 35px !important; border-bottom: 1px solid #EEEEEE;} .shopleft .mod_iso_cumulativefilter ul.level_1 li {background:none !important;} .shopleft .mod_iso_cumulativefilter .result_count {display: none;} .filteroverlay {display: none;} #container .shopright .filteropen {display: none;} #container .shopright .kasselink {display: none;} .shopright .listcounter {display: inline-block; float: left; width: 80%; text-align: left;} .shopright .listcounter h1 {text-align: left;} .shopright .mod_iso_productfilter {display: inline-block; float: left; width: 20%;} #container .shopright .mod_iso_productfilter select {color: #646464 !important; font-size: 1.8rem; background: #EEEEEE; display: block; width: 100%; margin-top: 20px; padding: 1%; text-align: center; text-decoration: none; border:1px solid #B0B0B0;} #container .shopright .mod_iso_productfilter .clear_filters, #container .shopright .mod_iso_productfilter .clear {display: none;} .shopright .mod_iso_productlist {overflow: visible;} .shopright .product_list {width: 103%; margin-left: -1.5%; display: flex; flex-wrap: wrap; overflow: hidden;} .shopright .product {position: relative; box-sizing: border-box; width: 30%; vertical-align: top; margin-right: 1.5%; margin-left: 1.5%; display: inline-block; margin-bottom: 30px; background: #fff; border: 1px solid #EEEEEE; top: 0; text-align: center; transition:box-shadow 0.3s ease, top 0.3s ease;} .shopright .product form {display: inline-block; width: 100%;} /*.shopright .product {display: inline-block; box-sizing: border-box; position: relative; float: left; top: 0px; width: 31%; margin-right: 3.5%; margin-bottom: 30px; min-height: 370px; background: #fff; border: 1px solid #EEEEEE; text-align: center; transition:box-shadow 0.3s ease, top 0.3s ease;}*/ .shopright .product.veganbox {background: #A4D7F2; border:1px solid #A4D7F2;} #container .shopright .product.veganbox h3 {background:url(../graphics/arrow-right-weiss.svg) top 5px right 20px no-repeat; background-size: 10px;} #container .rezeptprodukt .shopright .product.veganbox h3 {background:url(../graphics/arrow-right-weiss.svg) top 5px right 20px no-repeat; background-size: 10px; padding: 0 15px;} #container .rezeptprodukt .shopright .product.veganbox p {padding: 0 15px;} #container .shopright .product.veganbox h3 a {color: #fff;} #container .shopright .product.veganbox .packungsgroesse, #container .shopright .product.veganbox .sku {color: #fff;} /*.shopright .product:nth-of-type(3n) {margin-right: 0;} .shopright .product:nth-of-type(3n+1) {clear: left;}*/ .shopright .product:hover {top: -3px; -webkit-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75);} .shopright .product .details a {position: absolute; width: 100%; height: 100%; display: block; z-index: 500; top: 0; left: 0;} #container .shopright .product .formbody {padding-bottom: 10px;} .shopright .product .image-container {position: relative; background-color: #fff;} .shopright .product .image_container {height: 240px; text-align: center; width: 100%; overflow: hidden; background-size: contain !important;} .shopright .product .image_container img {height: 100%; width: auto; max-width: 5000px;} #container .shopright .product h3 {margin-top: 20px; margin-bottom: 5px; min-height: 50px; font-size: 2rem; text-align: left; padding: 0 20px 0 20px; line-height: 2.5rem; /*background:url(../graphics/arrow-right.svg) top 5px right 20px no-repeat; background-size: 10px;*/} #container .shopright .product .mitautor h3 {padding-right: 95px;} #container .shopright .product h3 a {text-decoration: none; color: #1D4087; text-align: left; letter-spacing: 0; font-family: 'ralewaysemibold';} #container .shopright .product .packungsgroesse {font-size: 1.6rem; line-height: 2rem; font-family: 'ralewaylight'; display: inline-block; float: left; padding-left: 20px; margin-right: 20px;} #container .shopright .product .sku {font-size: 1.6rem; line-height: 2rem; font-family: 'ralewaylight'; display: inline-block; float: left;} #container .shopright .product .produktlinie {position: absolute; top: 12px; left: -18px; z-index: 1;} #container .shopright .product .produktlinie div {position: relative; display: inline-block; float: left; clear: left; font-size: 1.5rem; line-height: 1.8rem; letter-spacing: 1px; text-align: left; color: #fff; font-family: 'ralewaylight'; margin-bottom: 5px; padding: 10px 10px 21px 19px; box-shadow: 10px 0px 6px -7px rgba(0,0,0,0.4);} #container .shopright .product .produktlinie .laktosefrei, #container .shopright .product .produktlinie .lactose-free, #container .shopright .product .produktlinie .sans-lactose, #container .shopright .product .produktlinie .lactose {background: url(../graphics/produktlinie-lactosefrei.svg) center left no-repeat;} #container .shopright .product .produktlinie .bio, #container .shopright .product .produktlinie .organic, #container .shopright .product .produktlinie .biologique {background: url(../graphics/produktlinie-bio.svg) center left no-repeat;} #container .shopright .product .produktlinie .konventionell, #container .shopright .product .produktlinie .conventional, #container .shopright .product .produktlinie .conventionnel {background: url(../graphics/produktlinie-konventionell.svg) center left no-repeat;} #container .shopright .product .produktlinie .frozen, #container .shopright .product .produktlinie .congelé {background: url(../graphics/produktlinie-iqf.svg) center left no-repeat;} #container .shopright .product .produktlinie .vegan {background: url(../graphics/produktlinie-vegan.png) center left no-repeat; font-size: 0px; width: 21px; margin-left: 4px;} #container .shopright .product .produktlinie .plant.based {background: url(../graphics/produktlinie-plantbased.svg) center left no-repeat; font-size: 0px; width: 21px; margin-left: 4px; box-shadow: initial;} #container .shopright .product .produktlinie .plant-based {background: url(../graphics/produktlinie-plantbased.svg) center left no-repeat; font-size: 0px; width: 21px; margin-left: 4px; box-shadow: initial;} #container #kampagnerezepte {float: none; display: block; margin: 0 auto} /*Reader*/ .mod_iso_productreader {max-width: 1200px; margin: 0 auto;} #container .mod_iso_productreader .readerleft {width: 48%; margin-right: 4%; display: inline-block; float: left; clear: none;} #container .mod_iso_productreader .readerright {width: 48%; display: inline-block; float: left; clear: none;} #container .mod_iso_productreader .readerleft .galerie {min-height: 520px; width: 100%; background: #fff; border: 1px solid #EEEEEE; display: inline-block; margin-bottom: 30px;} .mod_iso_productreader .readerleft .galerie .hauptbild {width: 100%; height: 520px; overflow: hidden; text-align: center; border-bottom: 1px solid #EEEEEE;} .mod_iso_productreader .readerleft .galerie .hauptbild .image_container {width: 100%; height: 520px; background-size: contain !important;} .mod_iso_productreader .readerleft .galerie .hauptbild .image_container a {display: block; width: 100%; height: 100%;} .mod_iso_productreader .readerleft .galerie .hauptbild img {height: 100%; width: auto; max-width: 5000px;} #container .mod_iso_productreader .readerleft .galerie .bilderklein {padding: 0 2.5%; width: 95%;} .mod_iso_productreader .readerleft .galerie .bilderklein .image_container {display: flex; align-items: center; justify-content: center; margin-top: 15px; text-align: center; box-sizing: border-box; border:1px solid #cdcdcd; float: left; width: 18%; height: 82px; margin-right: 2.5%; overflow: hidden; margin-bottom: 15px;} .mod_iso_productreader .readerleft .galerie .bilderklein .image_container a {line-height: 0;} .mod_iso_productreader .readerleft .galerie .bilderklein .image_container:last-of-type {margin-bottom: 15px;} .mod_iso_productreader .readerleft .galerie .bilderklein .image_container:nth-of-type(5n) {margin-right: 0;} .mod_iso_productreader .readerleft .galerie .bilderklein .image_container img {height: auto; width: 100%;} .mod_iso_productreader .readerright h2 {background: none; padding-bottom: 0; padding-top: 7px;text-align: left; margin-top: 0; margin-bottom: 25px; font-size: 5rem; line-height: 6rem;} #container .mod_iso_productreader .zweispaltig {width: 48%; margin-right: 4%; display: inline-block; float: left; clear: none;} #container .mod_iso_productreader .zweispaltig.last {margin-right: 0; clear: none;} #container .mod_iso_productreader .readerright .zweispaltig {border-top: 1px solid #E2E2D9; padding-top: 10px;} #container .mod_iso_productreader .readerright table {width: 100%;} #container .mod_iso_productreader .readerright table thead {font-family: 'ralewaysemibold';} #container .mod_iso_productreader .readerright table tbody tr:nth-of-type(2n-1) {background:#eeeeee;} #container .mod_iso_productreader .readerright table td {padding:5px;} #container .mod_iso_productreader .readerright .preisklein {font-size: 1.4rem; font-family: 'Proxima N W01 Light It';} #container .mod_iso_productreader .readerright .widget-select label {display: none;} #container .mod_iso_productreader .readerright .submit {background: #1D1C1B url(../../files/data/graphics/shopping-bag-button.svg) center left 37% no-repeat; font-family: 'Proxima N W01 Light'; font-size: 1.6rem; border-radius: 0; letter-spacing: 1px; padding:15px 0 15px 50px; height: auto;} .mod_iso_productreader .readerright .erhaeltlich_bei div {width: 22.75%; height: 80px; display: inline-block; float: left; border:1px solid #EDEDED; box-sizing: border-box; margin-right: 3%; margin-top: 0; margin-bottom: 10px;} .mod_iso_productreader .readerright .erhaeltlich_bei div:nth-of-type(4n) {margin-right: 0;} .mod_iso_productreader .readerright .erhaeltlich_bei div a {display: block; width: 100%; height: 100%;} .mod_iso_productreader .readerright .erhaeltlich_bei .coop-ch {background:url(../graphics/logo-coop.svg) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .spar-ch {background:url(../graphics/logo-spar.svg) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .lidl-ch {background:url(../graphics/logo-lidl.svg) center no-repeat; background-size: 45%;} .mod_iso_productreader .readerright .erhaeltlich_bei .coop-pronto-ch {background:url(../graphics/logo-coop-pronto.png) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .aldi-ch {background:url(../graphics/logo-aldi-suisse.png) center no-repeat; background-size: 55%;} .mod_iso_productreader .readerright .erhaeltlich_bei .manor-ch {background:url(../graphics/logo-manor.svg) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .migros-ch {background:url(../graphics/logo-migros.svg) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .volg-ch {background:url(../graphics/logo-volg.png) center no-repeat; background-size: 65%;} .mod_iso_productreader .readerright .erhaeltlich_bei .denns-de {background:url(../graphics/logo-denns.png) center no-repeat; background-size: 50%;} .mod_iso_productreader .readerright .erhaeltlich_bei .alnatura-de {background:url(../graphics/logo-Alnatura.png) center no-repeat; background-size: 65%;} .mod_iso_productreader .readerright .erhaeltlich_bei .alnatura-ch {background:url(../graphics/logo-Alnatura.png) center no-repeat; background-size: 65%;} .mod_iso_productreader .readerright .erhaeltlich_bei .biocompany-de {background:url(../graphics/logo-Biocompany.png) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .basic-de {background:url(../graphics/logo-Basic.png) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .lpg-de {background:url(../graphics/logo-LPG.jpg) center no-repeat; background-size: 45%;} .mod_iso_productreader .readerright .erhaeltlich_bei .ebl-de {background:url(../graphics/logo-ebl.jpg) center no-repeat; background-size: 65%;} .mod_iso_productreader .readerright .erhaeltlich_bei .aleco-de {background:url(../graphics/logo-aleco.png) center no-repeat; background-size: 65%;} .mod_iso_productreader .readerright .erhaeltlich_bei .bioplanet-be {background:url(../graphics/logo-bioplanet.png) center no-repeat; background-size: 45%;} .mod_iso_productreader .readerright .erhaeltlich_bei .ecornaturasi-it {background:url(../graphics/logo-EcorNaturaSi.jpg) center no-repeat; background-size: 45%;} .mod_iso_productreader .readerright .erhaeltlich_bei .biocoop-fr {background:url(../graphics/logo-BioCoop.png) center no-repeat; background-size: 65%;} .mod_iso_productreader .readerright .erhaeltlich_bei .la-vie-claire-fr {background:url(../graphics/logo-LaVieClaire.png) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .ekoplaza-nl {background:url(../graphics/logo-ekoplaza.png) center no-repeat; background-size: 65%;} .mod_iso_productreader .readerright .erhaeltlich_bei .delibio {background:url(../graphics/logo-DeliBio.png) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .relais-vert {background:url(../graphics/logo-relais-vert.png) center no-repeat; background-size: 80%;} .mod_iso_productreader .readerright .erhaeltlich_bei .tegut {background:url(../graphics/logo-tegut.png) center no-repeat; background-size: 65%;} .mod_iso_productreader .readerright .erhaeltlich_bei .edeka-sdwest {background:url(../graphics/logo-edekasuedwest.jpg) center no-repeat; background-size: 36%;} .mod_iso_productreader .readerright .erhaeltlich_bei .edeka-minden {background:url(../graphics/logo-edeka-minden.jpg) center no-repeat; background-size: 30%;} #container .mod_article.related .inside {max-width: 1200px; margin: 0 auto;} #container .mod_article.related .inside .mod_iso_relatedproducts .shopleft {display: none;} #container .mod_article.related .inside .mod_iso_relatedproducts .shopright .listcounter {display: none;} #container .mod_article.related .inside .mod_iso_relatedproducts .shopright {width: 91%; float: none; margin: 0 auto; display: block;} .mod_iso_productreader .navi_back_forward {position: relative; width: 100%; margin-bottom: 40px; margin-right: auto; margin-left: auto; max-width: 1200px;} .mod_iso_productreader .navi_back_forward .prev_product {position: absolute; top: 0; left: 0; z-index: 200;} .mod_iso_productreader .navi_back_forward .prev_product a {padding: 5px 0 5px 25px; background: url(../graphics/arrow-left.svg) center left no-repeat; background-size: 10px; font-family: 'ralewaylight'; font-size: 1.5rem; letter-spacing: 1px; color: #1D4087 !important;} .mod_iso_productreader .navi_back_forward .next_product {position: absolute; top: 0; right: 0; z-index: 200;} .mod_iso_productreader .navi_back_forward .next_product a {padding: 5px 25px 5px 0px; background: url(../graphics/arrow-right.svg) center right no-repeat; background-size: 10px; font-family: 'ralewaylight'; font-size: 1.5rem; letter-spacing: 1px; color: #1D4087 !important;} .mod_iso_productreader .navi_back_forward .go_to_overview {display: block; text-align: center; z-index: 100;} .mod_iso_productreader .navi_back_forward .go_to_overview a {padding: 5px 0 5px 25px; background: url(../graphics/detail-uebersicht.svg) center left no-repeat; background-size: 20px; font-family: 'ralewaylight'; font-size: 1.5rem; letter-spacing: 1px; color: #1D4087 !important;} .mod_iso_productreader .back.ce_hyperlink {padding-top: 30px;} /*Rezepte*/ .shopright .rezeptcounter {display: inline-block; float: left; width: 80%; text-align: left; clear: both;} .shopright .rezeptcounter h1 {text-align: left;} body.rezepte #container .shopright .product {min-height: 395px;} #container .shopright .product .schwierigkeitsgrad {margin-left: 20px; padding-left: 25px; font-size: 1.6rem; line-height: 2rem; font-family: 'ralewaylight'; display: inline-block; float: left; background:url(../graphics/icon-schwierigkeit-grau.svg) center left no-repeat;} body.rezepte #container .shopright .product:before {display: block; content: ''; position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; border: 1px solid #eeeeee; z-index: 1;} body #container .shopright.rezepteliste .product:before {display: block; content: ''; position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; border: 1px solid #eeeeee; z-index: 1;} #container .shopright .product .autorbild {position: absolute; right: 20px; bottom: -37px; width: 70px; height: 70px; border-radius: 100px; border:2px solid #eeeeee; overflow: hidden;} #container .shopright .product .autorbild img {width: 100%; height: 100%; object-fit: cover;} #container .shopright .product .autorname {color: #1D4087; padding: 10px 20px 0 20px; font-family: 'ralewaysemibold'; font-size: 1.5rem; line-height: 2rem; display: block; clear: both; margin: 0; text-align: left;} #container .shopright .product .autorname p {margin: 0;} #container .shopright .product .product_rating {display: block; clear: both; line-height: 10px; font-size: 10px; padding-top: 8px; text-align: left; padding-left: 20px;} #container .shopright .product .product_rating .label {display: none;} #container .shopright .product .product_rating .message {display: none;} #container .shopright .product .product_rating .count {display: none;} body.rezepte.detail #main .mod_article .inside {max-width: 100%;} body.rezepte.detail #main .mod_iso_productreader {max-width: 100%;} body.rezepte.detail #main .mod_iso_productreader .readertop {background:url(../graphics/wood-tile.webp); margin-bottom: 100px;} body.rezepte.detail #main .mod_iso_productreader .readertop .inside {max-width: 1200px;} body.rezepte.detail #main .mod_iso_productreader .readertop h1, body.rezepte.detail #main .mod_iso_productreader .readertop h2, body.rezepte.detail #main .mod_iso_productreader .readertop h3 {display: block; color: #fff; text-align: left;} body.rezepte.detail #main .mod_iso_productreader .readertop p, body.rezepte.detail #main .mod_iso_productreader .readertop .schwierigkeitsgrad {display: inline-block; color: #fff;} body.rezepte.detail #main .mod_iso_productreader .readertop .schwierigkeitsgrad .super-simpel {margin-bottom: 15px; padding-left: 30px; background:url(../graphics/icon-diff-simpel.svg) center left no-repeat;} body.rezepte.detail #main .mod_iso_productreader .readertop .schwierigkeitsgrad .easy {margin-bottom: 15px; padding-left: 55px; background:url(../graphics/icon-diff-easy.svg) center left no-repeat;} body.rezepte.detail #main .mod_iso_productreader .readertop .schwierigkeitsgrad .medium {margin-bottom: 15px; padding-left: 85px; background:url(../graphics/icon-diff-medium.svg) center left no-repeat;} body.rezepte.detail #main .mod_iso_productreader .readertop .schwierigkeitsgrad .advanced {margin-bottom: 15px; padding-left: 110px; background:url(../graphics/icon-diff-advanced.svg) center left no-repeat;} body.rezepte.detail #main .mod_iso_productreader .readertop .printbutton {display: inline-block; float: right; color: #fff; /*margin-top: 73px;*/ padding-left: 30px; background:url(../graphics/ico-print.svg) center left no-repeat; background-size: 20px; cursor: pointer;} body.rezepte.detail #main .mod_iso_productreader .readertop .hauptbild {margin-bottom: -100px;} body.rezepte.detail #main .mod_iso_productreader .readertop .hauptbild .image_container {/*max-height: 650px;*/ overflow: hidden; position: relative; line-height: 0;} body.rezepte.detail #main .mod_iso_productreader .readertop .hauptbild .image_container:before {display: block; content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid white;} body.rezepte.detail #main .mod_iso_productreader .readertop .hauptbild .image_container img {width: 100%;} body.rezepte.detail #main .mod_iso_productreader .readermid {display: inline-block; width: 100%;} body.rezepte.detail #main .mod_iso_productreader .readermid .inside {max-width: 1200px; padding: 20px 0; margin-bottom: 20px; border-bottom: 2px solid #d2dae7;} body.rezepte.detail #main .mod_iso_productreader .readermid .rs-column {margin-top: 0;} body.rezepte.detail #main .mod_iso_productreader .readermid .autor {display: flex; align-items: center; margin-bottom: 20px;} body.rezepte.detail #main .mod_iso_productreader .readermid .autorbild {width: 70px; height: 70px; border-radius: 100px; border:2px solid #eeeeee; overflow: hidden; display: inline-block;} body.rezepte.detail #main .mod_iso_productreader .readermid .autorbild img {width: 100%; height: 100%; object-fit: cover;} body.rezepte.detail #main .mod_iso_productreader .readermid .autorname {color: #1D4087; padding: 0px 20px 0 20px; font-family: 'ralewaysemibold'; font-size: 2rem; line-height: 2rem; display: inline-flex; margin: 0; text-align: left; min-height: 55px; align-items: center; flex-wrap: wrap;} body.rezepte.detail #main .mod_iso_productreader .readermid .autorname p {margin: 0; width: 100%;} body.rezepte.detail #main .mod_iso_productreader .readermid .autorname p.autorinsta {padding-left: 22px; background: url(../graphics/icon-instagram.svg) center left no-repeat; background-size: 17px; font-family: 'ralewaylight';} body.rezepte.detail #main .mod_iso_productreader .readermid .autorname p.autorinsta a {color: #646464; transition: color 0.3s ease;} body.rezepte.detail #main .mod_iso_productreader .readermid .autorname p.autorinsta a:hover {color: #1D4087;} body.rezepte.detail #main .mod_iso_productreader .readermid .zeit {display: block; padding-left: 35px; background: url(../graphics/Timer.svg) center left no-repeat;} body.rezepte.detail #main .mod_iso_productreader .readermid .ernaehrung {display: block; padding-left: 35px; background: url(../graphics/Info.svg) center left no-repeat; margin-top: 7px;} body.rezepte.detail #main .mod_iso_productreader .readermid .product_rating {display: block; clear: both; margin-top: 25px; line-height: 10px; font-size: 10px; padding-top: 8px; text-align: left; position: relative;} body.rezepte.detail #main .mod_iso_productreader .readermid .product_rating .count {position: absolute; left: 110px; top: 12px; font-size: 1.6rem; line-height: 1.6rem;} body.rezepte.detail #main .mod_iso_productreader .readermid .product_rating .label {display: none;} body.rezepte.detail #main .mod_iso_productreader .readermid .product_rating .message {display: none;} body.rezepte.detail #main .mod_iso_productreader .readermid .menuart {display: block; margin-top: 45px;} body.rezepte.detail #main .mod_iso_productreader .readermid .menuart ul {list-style: none;} body.rezepte.detail #main .mod_iso_productreader .readermid .menuart ul li {display: inline-block; background: #d2dae7; margin: 0 15px 15px 0; padding: 15px 25px; color: #1D4087;} body.rezepte.detail #main .mod_iso_productreader .readerbot {display: inline-block; width: 100%;} body.rezepte.detail #main .mod_iso_productreader .readerbot .inside {max-width: 1200px;} body.rezepte.detail #main .mod_iso_productreader .readerbot .rs-column {margin-top: 0;} body.rezepte.detail #main .mod_iso_productreader .readerbot h3 {text-align: left;} body.rezepte.detail #container .mod_article.related .inside {max-width: 1200px;} #container .mod_iso_relatedproducts.rezepte .shopright .product {border:none;} #container .mod_iso_relatedproducts.rezepte .shopright .product .schwierigkeitsgrad {margin-left: 20px; padding-left: 25px; font-size: 1.6rem; line-height: 2rem; font-family: 'ralewaylight'; display: inline-block; float: left; background:url(../graphics/icon-schwierigkeit-grau.svg) center left no-repeat;} #container .mod_iso_relatedproducts.rezepte .shopright .product:before {display: block; content: ''; position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; border: 1px solid #eeeeee;} #container .rezeptprodukt .shopleft {display: none;} #container .rezeptprodukt .product {width: 100%; border:none; margin-right: 0; min-height: 1px; text-align: left;} body.rezepte #container .rezeptprodukt .shopright {width: 100%;} body.rezepte #container .rezeptprodukt .shopright .product:before {display: none;} body.rezepte #container .rezeptprodukt .shopright .listcounter {display: none;} #container .rezeptprodukt .shopright .product:hover {top: 0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);} #container .rezeptprodukt .shopright .product h3 {font-size: 4.5rem; line-height: 5rem; text-align: left; padding: 0; background:none; margin:30px auto 20px auto;} #container .rezeptprodukt .shopright .product h3 a {font-family: 'noteworthybold';} #container .rezeptprodukt .shopright .product .image_container {height: auto; margin-bottom: 15px; border:1px solid #eeeeee; line-height: 1rem;} #container .rezeptprodukt .shopright .product .image_container img {width: 100%; height: auto;} /*Lieferanten*/ body.lieferantenshop #container .shopleft .mod_iso_cart h3 {background:url(../graphics/icon-shopping-bag-blau.svg) center left no-repeat;} body.lieferantenshop #container .shopleft .mod_iso_cart .info {display: inline-block; float: left; width: 90%; margin-bottom: 15px; font-size: 1.8rem;} body.lieferantenshop #container .shopleft .mod_iso_cart .remove {display: inline-block; float: left; width: 10%; text-align: right;} body.lieferantenshop #container .shopleft .mod_iso_cart .checkout a {width: 100%; padding: 9px 0; text-align: center; color: #ffffff; background:#1D4087; display: block; margin-top: 10px;} body.lieferantenshop #container .shopleft .mod_iso_cumulativefilter .aktion .label {display: none;} body.lieferantenshop #container .shopleft .mod_iso_cumulativefilter .aktion ul {padding-top: 25px;} body.lieferantenshop #container .shopright .product .price {clear: both; text-align: left; padding-left: 20px; margin-top: 15px; float: left;} body.lieferantenshop #container .shopright .product h3 {text-decoration: none; color: #1D4087; text-align: left; letter-spacing: 0; font-family: 'ralewaysemibold'; background:none;} body.lieferantenshop #container .shopright .product .quantity_container {width: 48%; display: inline-block;float: left; clear: both;} body.lieferantenshop #container .shopright .product .quantity_container label {font-size: 1.8rem; display: inline-block; float: left; margin-left: 20px; width: auto; text-align: left;} body.lieferantenshop #container .shopright .product .quantity_container input {font-size: 1.8rem; width: 30px; border: 1px solid #ccc; margin-top: 5px; text-align: center;} body.lieferantenshop #container .shopright .product input.add_to_cart {font-size: 1.8rem; cursor: pointer; display: inline-block; float: right; width: auto; padding: 4px 2% 4px 30px; margin-right: 20px; margin-bottom: 20px; background:#1D4087 url(../graphics/icon-shopping-bag.svg) left 8px center no-repeat; background-size: 15px;} body.lieferantenshop #container .shopright .product .image-container {position: relative; overflow: hidden;} body.lieferantenshop #container .shopright .product .aktionbanner {position: absolute; background: #E3004F; color: #fff; padding: 12px 60px 0 60px; transform: rotate(48deg); right: -84px; top: 16px; width: 120px; text-align: center; font-size: 1.5rem; line-height: 1.5rem;} body.lieferantenshop #container .shopright .product .produktlinie {z-index: 10;} .lieferantendetail .lieferantengalerie {margin-top: 30px; margin-bottom: 30px; text-align: center;} .lieferantendetail .lieferantengalerie a:focus {outline: none;} .lieferantendetail .lieferantengalerie a img {height: 250px; width: auto; display: inline-block; border: 10px solid #fff; box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); transform: rotateZ(-3deg);} .lieferantendetail .lieferantengalerie a:nth-of-type(2n) img {transform: rotateZ(3deg);} .lieferantendetail .lieferantenleft {display: inline-block; float: left; width: 22%; margin-right: 4%; word-wrap: break-word;} .lieferantendetail .lieferantenmid {display: inline-block; float: left; width: 48%; margin-right: 4%;} .lieferantendetail .lieferantenright {display: inline-block; float: left; width: 22%; word-wrap: break-word;} .lieferantendetail .lieferantencontainer {display: inline-block; width: 100%;} .lieferantendetail .lieferantencontainer h3 {font-size: 3rem; line-height: 3.5rem; margin-top: 0; text-align: left;} .lieferantendetail .lieferantencontainer .lieferantenleft .lieferlinie, .lieferantendetail .lieferantencontainer .lieferantenmid .lieferlinie, .lieferantendetail .lieferantencontainer .lieferantenright .lieferlinie {margin-top: 15px; padding-bottom: 15px; border-top: 1px solid #EDEDED; height: 1px;} .lieferantendetail .lieferantencontainer .lieferantenleft .teilen div {border-top:none; padding-top: 0;} .lieferantendetail .adresse {padding-left: 70px; background: url(../graphics/lief-adresse.svg) top 13px left 10px no-repeat; background-size: 45px;} .lieferantendetail .lieferantencontainer .lieblingsprodukt {padding-left: 70px; background: url(../graphics/lief-lieblingsprodukt.svg) top 13px left 10px no-repeat; background-size: 45px;} .lieferantendetail .lieferantencontainer .lieblingsprodukt .image-container {border-top: none; padding-top: 0;} .lieferantendetail .lieferantencontainer .lieblingsprodukt .image-container img {width: 100%; height: auto;} .lieferantendetail .angebot {padding-left: 70px; background: url(../graphics/lief-angebot.svg) top 13px left 10px no-repeat; background-size: 45px;} .lieferantendetail .produktionsart {padding-left: 70px; background: url(../graphics/lief-produktionsart.svg) top 13px left 10px no-repeat; background-size: 45px;} .lieferantendetail .tiere {padding-left: 70px; background: url(../graphics/lief-tiere.svg) top 13px left 10px no-repeat; background-size: 45px;} .lieferantendetail .kulturen {padding-left: 70px; background: url(../graphics/lief-kulturen.svg) top 13px left 10px no-repeat; background-size: 45px;} .lieferantendetail .ce_hyperlink {margin-top: 30px;} .lieferantendetail .ce_hyperlink a {padding: 20px 80px;} /*Checkout*/ .mod_iso_checkout {width: 50%; margin:0 auto;} #main .mod_iso_checkout .formbody select {padding: 2%; height: 46px;} #main .mod_iso_checkout .submit_container input {padding:9px 13px; color: #fff; background: #1D4087; border:none; margin-top: 15px;} #main .mod_iso_checkout .widget-radio input {appearance:radio; -webkit-appearance: radio;} #main .mod_iso_checkout h2, #main .mod_iso_checkout h3 {text-align: left;} #main .mod_iso_checkout table {width: 100%; font-size: 1.8rem;} #main .mod_iso_checkout .orderinfo .info_container {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eeeeee;} #main .mod_iso_checkout .steps ol li.payment {display: none;} #main .mod_iso_checkout .steps ol li {display: inline-block; width: 28%;} /* Geschichte / Timeline */ /*************************************************************/ .timeline {margin: 0 15%; position: relative;} .timeline:before {content: ""; position: absolute; height: 100%; top: 0; left: 50%; background: #646464; width: 2px;} .timeline:after {content: ""; position: absolute; height: 10px; width: 10px; margin: -4px; bottom: 0; border-radius: 99em; left: 50%; background: #646464;} .timeline .timeline-item {padding-bottom: 20px; position: relative;} .timeline .timeline-item:before {content: ""; width: 20px; height: 20px; margin: -11px; border: 2px solid #646464; background: white; position: absolute; top: 29px; left: 50%; font-size: 2em; border-radius: 99em; transition:all 0.6s ease;} .timeline .timeline-item:hover:before {width: 24px; height: 24px; margin: -13px; background: #309A41; border: 2px solid #1D4087;} .timeline .timeline-item:after {content: ""; display: block; clear: both;} .timeline .timeline-item .ce_headline {width: 45%;} .timeline .timeline-item div {width: 45%; margin-top: 8px;} .timeline .timeline-item .ce_headline {float: left; text-align: right; font-size: 3.3rem; line-height: 4rem; margin:10px auto 20px auto;} .timeline .timeline-item div {float: right; text-align: left; clear: right !important;} .timeline .timeline-item div.clearfix {float: none !important; width: 100% !important;} .timeline .timeline-item div h3 {text-align: left;} .timeline .timeline-item:nth-child(2n) .ce_headline {float: right; text-align: left;} .timeline .timeline-item:nth-child(2n) div {float: left; text-align: right; clear: left !important;} .timeline .timeline-item:nth-child(2n) div h3 {text-align: right;} /* FOOTER */ /*************************************************************/ #footer {height: auto; display: block; clear: both; position: relative; font-size: 2rem; color: #fff;} #footer .footerbuffer {height: 116px; width: 100%; background:url(../graphics/footer-splash.webp) center bottom no-repeat;} #footer .footertop .inside, #footer .footerbot .inside {width: 1420px; margin:0 auto;} #footer .footertop {background:#EEEEEE; padding-top: 10px; padding-bottom: 50px;} #footer .footertop p, #footer .footertop a {color: #1D4087; text-decoration: none; line-height: 1.5em;} #footer .footertop h4 {text-transform: capitalize;} #footer .footerbot {padding-top: 50px; height: 70px;} #footer .footerbot .footerbotlink {margin-left: 150px; margin-right: 60px;} #footer .footerbot .ce_text {float: left; color: #1D4087; display: inline-block; float: left;} #footer .footerbot .ce_image {display: inline-block; float: right;} #footer .datenschutz {margin-right:40px;} /* LIGHTBOX */ /*************************************************************/ #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../graphics/lightbox-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxCurrent {font-size: 14px;} /* FIXES */ /*************************************************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ /* MEDIA QUERIES */ /*************************************************************/ @media screen and (max-width: 2200px) { .custom #slider {height: 27vw;} #slider .slick-list {height: 27vw;} body.home .custom #slider {height: 54vw;} body.home #slider .slick-list {height: 54vw;} body.filonaseite .custom #slider .ce_player:after {height: 18vw;} body.filonaseite .custom #slider .videostoerertext {bottom: 12vw;} body.filonaseite .custom #slider .videostoerertextfr {bottom: 12vw;} body.home .custom #slider .ce_player:after {height: 18vw;} body.home .custom #slider .videostoerertext {bottom: 12vw;} body.home .custom #slider .videostoerertextfr {bottom: 12vw;} } @media screen and (max-width: 1700px) { body.veganseite #container .violett {background-position: center left -100px, center right -100px;} body.home .custom #slider .videostoerertextfr {width: 550px;} } @media screen and (max-width: 1500px) { #header .headertop .inside {width: 1000px;} #header .headerbot .inside {width: 1000px;} .custom #subnavi .inside {width: 1000px;} .mod_article .inside {width: 1000px;} #footer .footertop .inside, #footer .footerbot .inside {width: 1000px;} #mod_nav_search .mod_search {width: 1000px;} #mod_nav_search .mobilebtn_search {width: 1000px;} #mod_nav_search input[type=search] {width: 80%;} #mod_nav_search button[type=submit] {width: 20%;} /*.custom #slider {height: 27vw;} #slider .slick-list {height: 27vw;}*/ /*body.home .custom #slider {height: 53vw;} body.home #slider .slick-list {height: 53vw;}*/ .custom #slider:after {background-size: contain; width: 350px;} #homenews .rs-columns h3 {font-size: 2.8rem; line-height: 3.5rem; margin-bottom: 0;} #homenews .rs-columns p {font-size: 1.8rem; line-height: 2rem;} #homenews .mod_newslist .layout_latest {height: 145px;} h1, h2 {font-size: 6.5rem; line-height: 7.5rem;} /*.shopright .product:nth-of-type(3n) {margin-right: 4%;} .shopright .product:nth-of-type(3n+1) {clear: none;} #main .shopright .product:nth-of-type(2n) {margin-right: 0;} #main .shopright .product:nth-of-type(2n+1) {clear: left;} .shopright .product {width: 48%; margin-right: 4%;}*/ .shopright .product {width: 47%;} #container .shopright {width: 68%;} #container .shopleft {width: 29%;} .shopright .listcounter {width: 100%;} .shopright .rezeptcounter {width: 100%;} .shopright .mod_iso_productfilter {width: 40%;} .shopright .product_list {clear: both;} body.news .mod_newslist .layout_latest {width: 680px; margin: 0 auto 20px auto; display: block; float: none;} body.news .mod_newslist .layout_latest.odd {margin-right: auto;} body.news .mod_newslist .layout_latest .image_container {width: 40%;} body.news #container .mod_newslist .layout_latest .ce_text {width: 60%;} body.news .mod_newslist .layout_latest .ce_text h3 {font-size:2.5rem; line-height: 3rem; margin-bottom: 10px;} .lieferantendetail .lieferantenleft {width: 27%; margin-right: 3%;} .lieferantendetail .lieferantenmid {width: 40%; margin-right: 3%;} .lieferantendetail .lieferantenright {width: 27%;} .lieferantendetail .adresse, .lieferantendetail .lieferantencontainer .lieblingsprodukt, .lieferantendetail .angebot, .lieferantendetail .produktionsart, .lieferantendetail .tiere, .lieferantendetail .kulturen {padding-left: 50px; background-size: 30px;} .lieferantendetail .lieferantencontainer h3 {font-size: 2.5rem; line-height: 3rem;} #listtable {width: 100%;} .mod_google_maps_api_search form {width: 100%;} body.team .slick .portrait {width: 48%;} body.team .slick .portrait:nth-of-type(2n) {margin-right: 0;} body.team #main .slick-prev {height: 1095px;} body.team #main .slick-next {height: 1095px;} body.team .portrait {width: 48%;} body.team .portrait:nth-of-type(2n) {margin-right: 0;} body.rezepte.detail #main .mod_iso_productreader .readertop .inside {max-width: 950px;} .fuenfspaltig .portrait {width: 48%; margin-right: 4%;} #container .fuenfspaltig .portrait:nth-of-type(5n) {margin-right: 4%;} #container .fuenfspaltig .portrait:nth-of-type(5n+1) {clear: none;} #container .fuenfspaltig .portrait:nth-of-type(2n) {margin-right: 0 !important;} #container .fuenfspaltig .portrait:nth-of-type(2n+1) {clear: left !important;} #main .praesislider .slick-prev {height: 505px;} #main .praesislider .slick-next {height: 505px;} .linkboxen .box {width: 48.5%;} .linkboxen .box:nth-of-type(2n) {margin-right: 0;} .linkboxen .box:nth-of-type(2n+1) {clear: left;} body.ausbildung .linkboxen .box:nth-of-type(5n+1) {clear: initial;} body.ausbildung .linkboxen .box:nth-of-type(5n) {margin-right: initial;} body.ausbildung .linkboxen .box:nth-of-type(4n) {margin-right: initial;} body.ausbildung .linkboxen .box {width: 48.5%;} body.veganseite .schmal75 {width: 100% !important; margin: 0 auto;} body.veganseite .veganbox {width: 100% !important; margin: 0 auto 40px auto;} body.veganseite #container .violett .testimonial {width: 100% !important; margin: 0 auto;} /*body.veganseite #container .violett {background-blend-mode: soft-light;}*/ body.veganseite #container .violett {background-position: center left -180px, center right -170px;} body.plantbasedseite .schmal75 {width: 100% !important; margin: 0 auto;} body.plantbasedseite .veganbox {width: 100% !important; margin: 0 auto 40px auto;} body.plantbasedseite #container .violett .testimonial {width: 100% !important; margin: 0 auto;} body.plantbasedseite #container .testimonials .testimonial .image_container.float_right img {width: 23vw;} body.plantbasedseite #container .testimonials .testimonial h4 br {display: none;} .zuegershop {height: auto; background-size: 100%; padding-bottom: 25vw;} .shopkarten .box {width: 46.5%;} .zuegershopseite .holz > .inside {background: url(../graphics/zshop-top.svg) top 30px right no-repeat; background-size: 200px;} .zuegershopseite .holz .ce_text {width: calc(100% - 250px);} .mod_article.vollbild.biowettbewerb .inside .ce_text .image_container {bottom: -95px; right: -105px;} .mod_article.vollbild.biowettbewerb .inside .ce_text .image_container img {width: 300px;} body.filonaseite .custom #slider .videostoerer {width: 25vw;} body.filonaseite .custom #slider .videostoerertext {width: 60vw;} body.filonaseite .custom #slider .videostoerertextfr {width: 60vw;} body.home .custom #slider .videostoerer {width: 25vw;} body.home .custom #slider .videostoerertext {width: 60vw;} body.home .custom #slider .videostoerertextfr {width: 35vw;} } @media screen and (max-width: 1300px) { body.veganseite #container .violett {background: #a6a6cc;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside {display: block;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .textcontainer {position: relative; left: 0; max-width: initial; text-align: center; padding: 60px 5% 30px 5%; transform: none;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .ce_text {padding: 0; position: relative; margin-bottom: 0 !important; background: initial; max-width: initial; text-align: center;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .ce_text h3 {text-align: center;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .textcontainer .stoerer1 {position: absolute; top: -85px; left: 5%; width: 90px; height: auto; transform: rotate(16deg); z-index: 2;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .textcontainer .stoerer2 {position: absolute; top: -120px; left: 5%; width: 250px; height: auto;} body.filonaseite .mod_article.vollbild.gewinn2026 .inside .gewinnbutton {bottom: initial; top: 25vw; width: 20vw; height: 20vw;} } @media screen and (max-width: 1050px) { #header .headertop .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #header .headerbot .inside {width: 94%; padding-left: 3%; padding-right: 3%;} .custom #subnavi .inside {width: 94%; padding-left: 3%; padding-right: 3%;} .mod_article .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #mod_nav_search .mod_search {width: 94%; padding-left: 3%; padding-right: 3%;} #mod_nav_search .mobilebtn_search {width: 94%; padding-left: 3%; padding-right: 3%;} #footer .footertop .inside, #footer .footerbot .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #container .rs-column.-large-col-4-1 {width: 48.5%; margin-right: 3%; margin-top: 0;} #container .rs-column.-large-col-4-1:nth-of-type(2n) {margin-right: 0;} #header .headertop {display: none;} #header .headerbot {height: 60px; padding-top: 30px;} #header .headerbot .mod_navigation {display: none;} #header .headerbot .mobilebtn {display: block; position: absolute; right: 3%; top: 16px; transition: top 0.3s ease;} #header.up .headerbot .mobilebtn {top: 8px;} #header .headerbot .logocontainer {width: 132px; height: 98px; margin: -10px auto 0 auto;} #container {padding-top: 91px;} #slider .ce_text h2 {font-size: 5rem; line-height: 5.5rem;} #slider .ce_text h3 {font-size: 3.5rem; line-height: 4rem;} #slider .ce_text a {padding: 10px 20px;} #container .ce_form {width: 100%;} #homenews .rs-columns h3 {font-size: 2rem; line-height: 2.8rem;} #container .shopleft {width: 300px; height: 100%; overflow-y: auto; position: fixed; z-index: 10000; top: 0px; left: -330px; margin-top: 0; margin-right: 0; -webkit-box-shadow: 0px 10px 30px -20px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); box-shadow: 0px 10px 54px -20px rgba(0,0,0,0.75); transition: left 0.4s ease;} #container .shopleft.filteroffen {left: 0;} #container .shopleft h3 {cursor: pointer; background: url(../graphics/btn-mobile-close.svg) center left no-repeat; background-size: 20px;} #container .shopright {width: 100%;} body.produkte #container .shopright .filteropen, body.rezepte #container .shopright .filteropen, body.lieferantenshop #container .shopright .filteropen {display: inline-block; float: left; padding: 5px 10px 5px 30px; color: #1D4087; border: solid 1px #1D4087; border-radius: 4px; font-size: 1.6rem; background: url(../graphics/icon-filters.svg) center left 5px no-repeat; background-size: 20px; cursor: pointer;} .filteroverlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; background: rgba(0,0,0,0.9);} body.rezepte #container .rezeptprodukt .shopright .filteropen {display: none;} body.rezepte #container .related .filteropen {display: none;} body.lieferantenshop #container .shopright .kasselink {float: left; margin-left: 15px; padding: 5px 10px 5px 10px; color: #fff; border: solid 1px #1D4087; border-radius: 4px; font-size: 1.6rem; background: #1D4087; cursor: pointer;} body.lieferantenshop #container .shopright .kasselink a {color: #fff;} .shopright .product {padding-bottom: 20px; min-height: 200px;} .shopright .product .image_container {height: 32vw;} #homenews .rs-column.-large-col-2-1 {width: 100%; margin-right: 0;} #homenews .mod_newslist .layout_latest {width: 500px; margin: 0 auto 20px auto;} #homestellen .stellenliste {margin-bottom: 30px;} #homestellen .rs-column.-large-col-3-2 {width: 100%; margin-right: 0;} #homestellen .rs-column.-large-col-3-1.-large-last {margin: 0 auto; display: block; clear: both; float: none;} .mod_iso_productreader .readerleft .galerie .hauptbild, .mod_iso_productreader .readerleft .galerie .hauptbild .image_container {height: 49vw;} .mod_iso_productreader .readerleft .galerie .bilderklein .image_container {height: 7.6vw;} #container .mod_iso_productreader .readerleft .galerie {min-height: 1px;} .lieferantendetail .lieferantenleft {display: none;} .lieferantendetail .lieferantenmid {width: 100%; margin-right: 0;} .lieferantendetail .lieferantenright {width: 100%;} .lieferantendetail .lieferantengalerie a img {height: 150px; max-width: 100%;} .zuegershopseite #container #main .lieferantendetail .lieferantengalerie a img {height: 150px; max-width: 100%;} .lieferantendetail .adresse {padding-left: 0; background: none;} .lieferantendetail .lieferantencontainer .lieblingsprodukt {padding-left: 0; background: none;} .lieferantendetail .angebot {padding-left: 0; background: none;} .lieferantendetail .produktionsart {padding-left: 0; background: none;} .lieferantendetail .tiere {padding-left: 0; background: none;} .lieferantendetail .kulturen {padding-left: 0; background: none;} body.lieferantenshop .socialmediafix div.warenkorbopen {display: block; background:#1D4087 url(../graphics/cart-weiss.svg) left 4px center no-repeat; background-size: 20px; cursor: pointer;} .mod_newsreader .layout_full {width: 100%;} .mod_google_maps_api_search tr {text-align: center;} .mod_google_maps_api_search td {width: 180px; display: inline-block; margin: 10px 5px 0 5px;} .mod_iso_checkout {width: 100%;} #main .praesislider .slick-prev {height: 46vw;} #main .praesislider .slick-next {height: 46vw;} body.filonaseite .desktop {display: none;} body.filonaseite .mobile {display: block;} .biowettbewerb .desktop {display: none;} .biowettbewerb .mobile {display: block;} .mod_article.vollbild.biowettbewerb .inside {display: block;} .mod_article.vollbild.biowettbewerb .inside .ce_text {max-width: 100%; position: initial;} .mod_article.vollbild.biowettbewerb .inside .ce_text .image_container {display: none;} body.filonaseite .custom #slider {height: auto;} body.filonaseite .custom #slider .stoerer {width: 16vw; right: 5%; top: 50px; max-width: 220px;} body.filonaseite .custom #slider .ueberstoerer {width: 16vw; right: 5%; top: 50px; max-width: 220px;} body.filonaseite .mod_article.vollbild .inside {display: block;} body.filonaseite .mod_article.vollbild .inside .ce_text {max-width: 100%; position: initial;} body.filonaseite .mod_article.vollbild .inside .ce_text .image_container {width: 30%; right: 3%; top: 9vw; bottom: initial; max-width: 200px;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .textcontainer {position: relative; left: 0; max-width: initial; text-align: center; padding: 60px 5% 30px 5%; transform: none;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .ce_text {padding: 0; position: relative; margin-bottom: 0 !important; background: initial; max-width: initial; text-align: center;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .ce_text h3 {text-align: center;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .textcontainer .stoerer1 {position: absolute; top: -85px; left: 5%; width: 90px; height: auto; transform: rotate(16deg); z-index: 2;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .textcontainer .stoerer2 {position: absolute; top: -120px; left: 5%; width: 180px; height: auto;} body.filonaseite .mod_article.vollbild.gewinn2025 .inside .gewinnbutton {bottom: initial; top: 25vw; width: 20vw; height: 20vw;} body.filonaseite .oben130 {margin-top: 60px !important;} body.veganseite .desktop {display: none;} body.veganseite .mobile {display: block;} body.veganseite #container .veganbox .ce_text {height: 420px;} body.plantbasedseite .desktop {display: none;} body.plantbasedseite .mobile {display: block;} body.plantbasedseite #container .veganbox .ce_text {height: 420px;} body.plantbasedseite .sojapin {transform: none; width: 100px; top: 40px; right: 3%; left: initial;} body.plantbasedseite #container .testimonials .testimonial h4 {color: #fff; font-size: 2.8rem; line-height: 3.8rem;} body.plantbasedseite #container .testimonials .testimonial .ce_image {text-align: center;} body.plantbasedseite #container .testimonials .testimonial .ce_image img {width: 70%;} body.plantbasedseite .schmal50 {width: 100% !important;} .zuegershopseite .holz > .inside {background: none;} .zuegershopseite .holz .ce_text {width: 100%;} } @media screen and (max-width: 900px) { body.veganseite #container .veganbox .rs-column.-large-col-2-1 {width: 100%;} body.veganseite #container .veganbox .ce_text {height: auto;} body.veganseite #container .violett .testimonial h4 {color: #fff; font-size: 2.8rem; line-height: 3.8rem;} body.veganseite #container .violett .testimonial .ce_image {text-align: center;} body.veganseite #container .violett .testimonial .ce_image img {width: 70%;} body.veganseite #container .veganbox.switch .ce_image:after {left: 0px;} body.plantbasedseite #container .veganbox .rs-column.-large-col-2-1 {width: 100%;} body.plantbasedseite #container .veganbox .ce_text {height: auto;} body.plantbasedseite #container .veganbox.switch .ce_image:after {left: 0px;} body.plantbasedseite #header .headerbot .logocontainer {width: 280px;} .zuegershop .text1 {width: 100%; margin-left: 0;} .zuegershop .text2 {width: 100%; margin-left: 0;} .zuegershopsoon {position:absolute; width:180px!important; height:120px!important; z-index:5000; top:0; right:-2%;} #container #main .bildwettbewerb .rs-column.-large-col-3-1 {width: 48%;} } @media screen and (max-width: 800px) { .nachhaltigkeitszitat p.zitatkuhn {font-size:24px; line-height:1.3em; text-align:left; margin-top:50px; padding-top:55px;} h1, h2 {font-size: 5rem; line-height: 5.5rem;} h3 {font-size: 3.5rem; line-height: 4.5rem;} #footer .footertop .inside > .rs-columns > .rs-column.-medium-col-2-1 {width: 100%; margin-right: 0;} #footer .footerbot .footerbotlink {margin-left: 5px; margin-right: 5px;} #container #main .ce_gallery ul li {margin-bottom: 15px;} body.news .mod_newslist h3 {font-size: 2.8rem; line-height: 3.5rem; margin-bottom: 0;} body.news .mod_newslist p {font-size: 1.8rem; line-height: 2rem;} /*body.news .mod_newslist .layout_latest {width: 500px; height: 145px;}*/ body.news .mod_newslist .layout_latest {width: 100%; height: auto; padding-top: 15px; display: inline-block;} body.news .mod_newslist .layout_latest .image_container {float: none; height: 150px; width: 150px; margin: 0 auto;} body.news #container .mod_newslist .layout_latest .ce_text {float: none; width: 100%; height: auto; display: inline-block;} body.news .mod_newslist h3 {display: block; width: 100%;} /*.stellenliste {width: 100%; box-sizing: border-box; padding:15px; overflow-x: scroll; border:1px solid #ccc;} .stellenliste .stellen-header {width: 800px;} .stellenliste .layout_latest {width: 800px;}*/ .stellenliste .stellen-header {display: none;} .stellenliste h4 {display: block; width: 96%; padding: 5px 2%;} .stellenliste .tag-chain {display: block; width: 96%; padding: 5px 2%;} .stellenliste .more {display: block; width: 96%; padding: 5px 2%;} .stellenliste .enclosure {display: block; width: 96%; padding: 5px 2%;} .stellenliste .enclosure li a {text-align: left;} #mod_nav_search input[type=search] {font-size: 4rem; height: 80px;} #mod_nav_search button[type=submit] {height: 80px; background-size: 40px;} #container .mod_search {width: 100%;} #container .mod_iso_productreader .readerleft {width: 100%; margin-right: 0;} #container .mod_iso_productreader .readerright {width: 100%;} .mod_iso_productreader .readerleft .galerie .hauptbild, .mod_iso_productreader .readerleft .galerie .hauptbild .image_container {height: 63vw;} .mod_iso_productreader .readerleft .galerie .bilderklein .image_container {height: 15.7vw;} body.rezepte.detail #container .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0;} .timeline {margin:0;} #slider .ce_text h2 {font-size: 3.5rem; line-height: 4rem;} #slider .ce_text h3, #slider .ce_text p {display: none;} #listtable tbody tr td:nth-of-type(2), #listtable tbody tr td:nth-of-type(3), #listtable tbody tr td:nth-of-type(4), #listtable tbody tr th:nth-of-type(2), #listtable tbody tr th:nth-of-type(3), #listtable tbody tr th:nth-of-type(4) {display: none;} #container .formbody fieldset span input {width: 10%; margin-right: 0;} #container .formbody fieldset span label {width: 90%;} body.filonaseite .mobileleft p {text-align: left !important;} body.filonaseite #container .filonawettbewerb .formbody .radio_container span {margin-bottom: 20px;} .shopkarten .box {width: 97%;} body.plantbasedseite #container .testimonials {height: auto;} body.plantbasedseite #container .testimonials .testimonial .image_container.float_right {width: 100%; margin: 0 0 30px 0;} body.plantbasedseite #container .testimonials .testimonial .image_container.float_right img {width: 45vw;} } @media screen and (max-width: 600px) { #container .rs-column.-large-col-2-1 {width: 100%; margin-right: 0; margin-top: 0;} #container .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0;} #container .rs-column.-large-col-3-2 {width: 100%; margin-right: 0; margin-top: 0;} #container .rs-column.-large-col-4-1 {width: 100%; margin-right: 0; margin-top: 0;} .schmal75 {width: 100% !important; margin: 0 auto;} .schmal50 {width: 100% !important; margin: 0 auto;} .schmal85 {width: 100% !important; margin: 0 auto;} .custom #subnavi .inside .mod_navigation ul {text-align: center;} .custom #subnavi .inside .mod_navigation ul li {margin-left: 0; margin-bottom: 20px;} #container .ce_text .image_container.float_left {width: 100%; margin-right: 0;} #container .ce_text .image_container.float_right {width: 100%; margin-left: 0; float: left;} .shopright .mod_iso_productfilter {width: 100%;} .shopright .product {width: 100%; margin-right: 0;} .shopright .product .image_container {height: 66vw;} #mod_nav_search input[type=search] {font-size: 3rem;} #container .mod_search .formbody {width: 330px;} #container .mod_search .formbody input {width: 250px; font-size: 1.7rem;} #container .mod_search .formbody .widget-submit button {font-size: 1.7rem;} h1, h2 {font-size: 3.8rem; line-height: 4.5rem;} .timeline:before {left: 5%;} .timeline:after {left: 5%;} .timeline .timeline-item:before {left: 5%;} .timeline .timeline-item .ce_headline {width: 85%; float: right;} .timeline .timeline-item div {width: 85%; float: right;} .timeline .timeline-item .ce_headline {float: right; text-align: left; margin-bottom: 0;} .timeline .timeline-item div {float: right; text-align: left; clear: right !important;} .timeline .timeline-item div h3 {text-align: left;} .timeline .timeline-item:nth-child(2n) .ce_headline {float: right; text-align: left;} .timeline .timeline-item:nth-child(2n) div {float: right; text-align: left; clear: left !important;} .timeline .timeline-item:nth-child(2n) div h3 {text-align: left;} #homenews .mod_newslist .layout_latest {width: 100%; height: auto; padding-top: 15px;} #homenews .mod_newslist .layout_latest .image_container {position: relative; float: none; height: 150px; width: 150px; margin: 0 auto;} #homenews .mod_newslist .layout_latest .ce_text {float: none; width: 100%; height: auto; display: inline-block;} #homenews .rs-columns h3 {display: block; width: 100%;} body.news .mod_newslist .layout_latest {width: 100%; height: auto; padding-top: 15px; display: inline-block;} body.news .mod_newslist .layout_latest .image_container {float: none; height: 150px; width: 150px; margin: 0 auto;} body.news #container .mod_newslist .layout_latest .ce_text {float: none; width: 100%; height: auto; display: inline-block;} body.news .mod_newslist h3 {display: block; width: 100%;} #main .mod_iso_checkout .steps ol li {width: 100%;} body.team #main .slick-container {visibility: visible;} body.team #main .slick-container .ce_slick-slide-separator {outline: none;} body.team #main .slick-container .ce_rsce_team {outline: none;} body.team .slick .portrait {width: 100%; margin-right: 0;} body.team .portrait {width: 100%; margin-right: 0;} .fuenfspaltig .portrait {width: 100%; margin-right: 0 !important;} .linkboxen .box {width: 100%; margin-right: 0;} body.ausbildung .linkboxen .box {width: 100%;} body.filonaseite #container .filonawettbewerb .formbody .radio_container label {display: block; width: 100%;} #container #main .bildwettbewerb .rs-column.-large-col-3-1 {width: 98%;} .bildwettbewerb .bildwettbewerbsuche #suchfeld {height: 45px; padding: 0 10px; margin: 0 0 15px 0;} .bildwettbewerb .bildwettbewerbsuche #suchebutton {height: 40px; padding: 0 10px;} .bildwettbewerb .bildwettbewerbsuche #suchereset {height: 40px; padding: 0 10px;} } /*Abstaende*/ .oben0 {margin-top: 0px !important;} .oben10 {margin-top: 10px !important;} .oben20 {margin-top: 20px !important;} .oben30 {margin-top: 30px !important;} .oben40 {margin-top: 40px !important;} .oben50 {margin-top: 50px !important;} .oben60 {margin-top: 60px !important;} .oben70 {margin-top: 70px !important;} .oben80 {margin-top: 80px !important;} .oben90 {margin-top: 90px !important;} .oben100 {margin-top: 100px !important;} .oben110 {margin-top: 110px !important;} .oben120 {margin-top: 120px !important;} .oben130 {margin-top: 130px !important;} .oben140 {margin-top: 140px !important;} .oben150 {margin-top: 150px !important;} .unten0 {margin-bottom: 0px !important;} .unten10 {margin-bottom: 10px !important;} .unten20 {margin-bottom: 20px !important;} .unten30 {margin-bottom: 30px !important;} .unten40 {margin-bottom: 40px !important;} .unten50 {margin-bottom: 50px !important;} .unten60 {margin-bottom: 60px !important;} .unten70 {margin-bottom: 70px !important;} .unten80 {margin-bottom: 80px !important;} .unten90 {margin-bottom: 90px !important;} .unten100 {margin-bottom: 100px !important;} .unten110 {margin-bottom: 110px !important;} .unten120 {margin-bottom: 120px !important;} .unten130 {margin-bottom: 130px !important;} .unten140 {margin-bottom: 140px !important;} .unten150 {margin-bottom: 150px !important;} /* FONTS */ /*************************************************************/ @font-face { font-family: 'ralewaybold'; src: url('Fonts/raleway-bold-webfont.woff2') format('woff2'), url('Fonts/raleway-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('Fonts/raleway-light-webfont.woff2') format('woff2'), url('Fonts/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; src: url('Fonts/raleway-medium-webfont.woff2') format('woff2'), url('Fonts/raleway-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; src: url('Fonts/raleway-regular-webfont.woff2') format('woff2'), url('Fonts/raleway-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; src: url('Fonts/raleway-semibold-webfont.woff2') format('woff2'), url('Fonts/raleway-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noteworthybold'; src: url('Fonts/noteworthy-bold-02-webfont.woff2') format('woff2'), url('Fonts/noteworthy-bold-02-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noteworthylight'; src: url('Fonts/noteworthy-light-01-webfont.woff2') format('woff2'), url('Fonts/noteworthy-light-01-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }