/*2024-10-18-15:42:37*/@import url("https://fonts.verwaltungsportal.de/import/?family=Open+Sans:400,400i,700,700i");html { max-width: 1930px; margin-left: auto; margin-right: auto; background: #334b53; scroll-behavior: smooth; scroll-padding-top: 100px; scrollbar-color: #a81d0b #ffffff;}body { font-family: "Open Sans", sans-serif; font-weight: 400; color: #4d5960; background: #ffffff; font-size: 1rem;line-height: 1.5;}@media (min-width: 1px) { body {font-size: 1.125rem; }}a { color: #a81d0b;}a:is(:hover, :focus) { color: #a81d0b; text-decoration: underline;}#content a { text-decoration: underline;}b,strong { font-weight: 700;}@media (min-width: 2px) { body {padding-left: clamp(25px, 4vw, 45px);padding-right: clamp(25px, 4vw, 45px); }}#search { position: relative; float: right;}#search_submit { width: 42px; background: #194b4b url("../img/icon-suche.png") center no-repeat; padding: 0; cursor: pointer; line-height: 42px; border: none; top: 0; right: 0; height: 100%; font-size: 0; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; transition: background-color 300ms linear; border-radius: 100px;}#search_submit:hover { background-color: #143e3e;}#logo { position: relative;}#logo::before { content: ""; position: absolute; background: url(../img/dekoratives-gemuese-und-obst-pattern.jpg); background-size: cover; background-repeat: no-repeat; background-position: center top; inset: 0;}@media (min-width: 2px) { #logo::before {inset: 0 clamp(-45px, -4vw, -25px); } #logo::after {content: "";position: relative;display: block;width: 100%;height: 1px;background: linear-gradient(90deg, #f35539 0%, #f28a07 30%, #fdc42e 59%, #80b92a 100%); }}#logo a { display: inline-block; margin: 0 auto;}#logo img { display: block;}@media (min-width: 2px) { nav.horizontally {background: #ffffff;position: relative; } .is-sticky nav.horizontally::after {content: "";position: relative;display: block;height: 1px;width: 100%;background: linear-gradient(90deg, #f35539 0%, #f28a07 30%, #fdc42e 59%, #80b92a 100%); } nav.horizontally .navbar-nav > li {display: inline-block; } nav.horizontally .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000; } nav.horizontally .navbar-nav {display: flex;justify-content: space-between; } nav.horizontally .navbar-nav ul {position: absolute;top: 100%;left: 0;z-index: 1000;display: block !important;pointer-events: none;opacity: 0;transition: opacity 300ms linear; } nav.horizontally .navbar-nav [class*="secondlevel"] > ul {left: 100%;top: 0; } nav.horizontally .navbar-nav li {position: relative; } nav.horizontally .navbar-nav li:is(.open, :hover) > ul, nav.horizontally .navbar-nav li.open:focus-within > ul, nav.horizontally .navbar-nav li[class*="secondlevel"] > ul[style*="block"] {pointer-events: auto !important;opacity: 1 !important;visibility: visible; } nav.horizontally .navbar-nav li.open > ul {pointer-events: none !important;opacity: 0 !important;visibility: hidden; } nav.horizontally .navbar-nav li:is(:hover, :focus) > ul {z-index: 1003; }}nav.horizontally a[class*="toplevel"] { color: #4d5960; font-weight: 700; text-align: left; padding: 10px 15px; font-size: 1.125rem; line-height: 1.2; text-decoration: none; position: relative;}nav.horizontally a[class*="toplevel"]::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: linear-gradient(90deg, #f35539 0%, #f28a07 30%, #fdc42e 59%, #80b92a 100%); transition: width 200ms;}@media (min-width: 2px) { nav.horizontally li[class*="toplevel"] + li {margin-left: 25px; } nav.horizontally a[class*="toplevel"] {padding: 6px 5px;margin: 20px 0; }}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within) > a,nav.horizontally li[class*="toplevel"] > a:is(:hover, :focus),nav.horizontally li[class*="toplevel"].open > a,nav.horizontally li[class*="toplevel"].open > a:is(:hover, :focus),nav.horizontally li[class*="toplevel"][class*="_over"] > a,nav.horizontally li[class*="toplevel"][class*="_over"] > a:is(:hover, :focus) { color: #334b53; background-color: #ffffff;}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within) > a::before,nav.horizontally li[class*="toplevel"] > a:is(:hover, :focus)::before,nav.horizontally li[class*="toplevel"].open > a::before,nav.horizontally li[class*="toplevel"].open > a:is(:hover, :focus)::before,nav.horizontally li[class*="toplevel"][class*="_over"] > a::before,nav.horizontally li[class*="toplevel"][class*="_over"] > a:is(:hover, :focus)::before { width: 100%;}nav.horizontally [class*="toplevel"] ul { background-color: #334b53;}@media (min-width: 2px) { nav.horizontally [class*="toplevel"] ul {padding-top: 20px;padding-bottom: 20px;border-radius: 2px; } nav.horizontally [class*="toplevel"] > ul {margin-top: -10px;left: 50%;transform: translate(-50%, 0); } nav.horizontally [class*="secondlevel"] > ul {margin-top: -20px;border-radius: 2px;margin-left: 10px; } nav.horizontally [class*="secondlevel"] > ul::before {content: "";position: absolute;display: block;width: 10px;top: 0;bottom: 0;left: -10px; }}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) { color: #ffffff; font-weight: normal; text-align: left; padding: 8px 25px 8px 38px; font-size: 0.9375rem; line-height: 1.2; text-decoration: none; position: relative; isolation: isolate; transition: color 300ms;}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"])::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #f35539 0%, #f28a07 30%, #fdc42e 59%, #80b92a 100%); opacity: 0; z-index: -1; transition: opacity 300ms;}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"])::before { content: "\00BB"; position: absolute; top: 7px; left: 25px; margin-right: 4px;}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within) > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]) > a:is(:hover, :focus),nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a:is(:hover, :focus),nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a:is(:hover, :focus) { color: #191919;}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within) > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]) > a:is(:hover, :focus)::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a:is(:hover, :focus)::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a:is(:hover, :focus)::after { opacity: 1;}#headerpic { margin: 0; position: relative;}@media (min-width: 1px) { #headerpic::after {content: "";position: absolute;background: url(../img/dekorativer-basilikum.png);width: 224px;height: 145px;bottom: 10px;right: -15px;z-index: 10; }}#slider { max-height: clamp(300px, 46vw, 450px); position: relative;}@media (min-width: 1px) { #headerpic .nivo-controlNav {width: calc(100% - 100px);left: 50px; }}@media (min-width: 2px) { #headerpic .nivo-controlNav {bottom: 40px; } body.index #slider {max-height: clamp(300px, 62vw, 675px); }}.slider-wrapper,#slider { height: 100%;}.slider-mask { display: block; background: url(../img/wellen-overlay.png) bottom center no-repeat; background-size: contain;}@media (min-width: 1px) { body.index .slider-mask {display: block;background: url(../img/wellen-overlay.png) bottom center no-repeat, url(../img/wasserzeichen-kopf-gluehbirne-banner.png) bottom 80px left no-repeat, linear-gradient(90deg, rgba(77, 89, 96, 1) 55px, rgba(77, 89, 96, 0.95) 352px, rgba(77, 89, 96, 0.9) 555px, rgba(77, 89, 96, 0) 915px);background-size: contain, auto; }}#bannerOverlay { pointer-events: none;}#slogan { font-weight: normal; font-size: clamp(1rem, 1.125vw, 1.125rem); pointer-events: auto;}#slogan :is(h1, h2, h3, h4, h5, h6) { margin: 0; line-height: 1;}#slogan :is(h1, h2) { font-size: clamp(1.875rem, 2.7vw, 2.6875rem);}#slogan :is(h3, h4) { font-size: clamp(1.5625rem, 2.1vw, 2.1875rem); margin-bottom: 1.0417vw;}#slogan :is(h5, h6) { font-size: clamp(1.25rem, 1.4vw, 1.375rem); margin-bottom: 0.5208vw;}@media (min-width: 1px) { #bannerOverlay {position: absolute;right: 0;top: 40%;transform: translateY(-50%);left: 0;z-index: 53;pointer-events: none;color: #ffffff; } #slogan :is(h1, h2, h3, h4, h5, h6) {color: #ffffff; } #slogan a {color: #ffffff; } #headerpic {background: #000000; } #headerpic .nivo-directionNav a, #headerpic .nivo-controlNav li {color: #ffffff; }}#scrollBottom { pointer-events: none; margin-top: -35px; position: relative; z-index: 10;}#scrollBottom a { font-size: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100px; margin: 0 auto; pointer-events: auto; background: #ffffff;}#scrollBottom a::after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 8px 8px 0 8px; border-color: #4d5960 transparent transparent transparent; transition: border 300ms linear;}#scrollBottom a:is(:hover, :focus)::after { border-color: #ea6a6e transparent transparent transparent;}main { text-align: left; padding-bottom: clamp(30px, 6vw, 80px); padding-top: clamp(30px, 4vw, 50px);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 { color: #334b53; font-weight: bold; line-height: 1.2; font-family: "Open Sans", sans-serif;}h1,.h1,.legacy_h1 { font-size: clamp(1.875rem, 4vw, 2.1875rem);}h2,.h2,.legacy_h2 { font-size: 1.6875rem;}h3,.h3,.legacy_h3 { font-size: 1.5625rem;}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited) .legacy_h4 { font-size: 1.5rem;}h5,.h5,.legacy_h5 { font-size: 1.375rem;}h6,.h6,.legacy_h6 { font-size: 1.25rem;}#tabs { padding-top: 10px; isolation: isolate;}#tabs .tab { background: #334b53 url(../img/wasserzeichen-kopf-gluehbirne.png) bottom 10px left 10px no-repeat; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 30px; color: #ffffff; margin-top: 40px; font-size: 1rem; position: relative;}#tabs .tab::before,#tabs .tab::after { content: ""; position: absolute; z-index: -1; border-radius: 20px; transform: translate(11px, 11px);}#tabs .tab::before { background: linear-gradient(90deg, #f35539 0%, #f28a07 30%, #fdc42e 59%, #80b92a 100%); inset: 0;}#tabs .tab::after { background: #ffffff; inset: 1px;}#tabs .tab a { color: #fff; text-decoration: underline;}#tabs #kontakt.tab img { color: #fff; background: linear-gradient(90deg, #f35539 0%, #f28a07 30%, #fdc42e 59%, #80b92a 100%); height: 22px; width: 22px; object-fit: scale-down; border-radius: 100px; margin-right: 5px; display: inline-block; margin-bottom: -5px; margin-top: 10px;}#tabs .tabHeadline { color: #ffffff; text-align: center; font-size: clamp(1.25rem, 1.4vw, 1.375rem); background: #334b53; position: relative; isolation: isolate;}#tabs .tabHeadline span { position: relative;}#tabs .tabHeadline span::after { content: ""; position: absolute; inset: 0 -15px; background: #334b53; z-index: -1;}#tabs .tabHeadline::before { content: ""; position: absolute; z-index: -1; height: 2px; width: 100%; background: linear-gradient(90deg, #f35539 0%, #f28a07 30%, #fdc42e 59%, #80b92a 100%); left: 0; top: 50%; transform: translateY(-50%); isolation: isolate;}.f5 { padding-top: 12px; padding-bottom: 12px; position: relative; z-index: 3;}footer { position: relative; isolation: isolate;}footer::before { content: ""; position: relative; display: block; width: 100%; height: 2px; background: linear-gradient(90deg, #f35539 0%, #f28a07 30%, #fdc42e 59%, #80b92a 100%); z-index: 1;}@media (min-width: 3px) { footer::after {content: "";position: absolute;background: url(../img/dekoratives-gemuese.png);width: 18.125vw;max-width: 348px;height: 248px;background-size: contain;background-position: bottom left;background-repeat: no-repeat;top: -205px;left: 0;pointer-events: none;z-index: 2; }}@media (min-width: 2px) { footer::after {left: clamp(-45px, -4vw, -25px); }}#innerfooter ul { padding: 0;}#innerfooter li { display: inline-block;}#innerfooter a { color: #4d5960; text-decoration: none; display: inline-block; font-size: 1rem;}#innerfooter a:hover,#innerfooter a:focus { color: #a81d0b; text-decoration: underline;}#innerfooter li + li::before { content: ""; margin: 0 6px;}@media (min-width: 2px) { #innerfooter li + li::before {margin: 0 15px; }}#vernetzt { text-align: right; font-size: .875rem; color: #4d5960; line-height: 1.3; margin: 0 auto; text-decoration: none;}@media (min-width: 1px) { #vernetzt {margin: 0; }}#vernetzt span { color: #4d5960;}#vernetzt b { color: #a81d0b;}#vernetzt span span { display: block;}#vernetzt img { margin-left: 12px;}