/*2024-10-15-13:01:16*/@import url("https://fonts.verwaltungsportal.de/import/?family=Roboto:300,400,500,300i,400i,500i");html { scroll-behavior: smooth; scroll-padding-top: 100px; scrollbar-color: #447505 #ffffff;}body { font-family: "Roboto", sans-serif; font-weight: 300; color: #404040; background-color: #f2f2f2; font-size: clamp(1rem, 2vw, 1.375rem);line-height: 1.5; background-attachment: fixed; background-size: cover; background-position: center;}@media (min-width: 1px) { html {position: relative; }}a { color: #447505;}a:is(:hover, :focus) { color: #447505; text-decoration: underline;}#content a,b,strong { font-weight: 400;}#topbar { color: #404040;}@media (min-width: 2px) { #topbar {margin-bottom: 35px; }}#topbar > div.row:nth-child(1) { margin-bottom: 25px;}#mail,#phone { color: #404040; display: inline-block; font-weight: 400; margin-top: 15px; line-height: 1; position: relative; min-height: 18px; font-size: 1rem;}@media (min-width: 2px) { #mail, #phone {margin-top: 0;display: inline-flex;align-items: center; } #mail {margin-left: 30px; }}#mail { padding-left: 28px; background: url("../img/icon-mail-gruen.png") center left no-repeat;}#phone { padding-left: 25px; background: url("../img/icon-telefon-gruen.png") center left no-repeat;}#kontakt { font-style: normal; font-size: 1.125rem;}.logo { display: inline-block;}.logo img { display: block;}@media (min-width: 2px) { .logo {margin-top: 10px;width: auto; }}.navbar-nav { background-color: #38761c;}@media (min-width: 2px) { nav.horizontally .navbar-nav {display: flex;justify-content: space-between;align-items: center; } nav.horizontally .navbar-nav > li {flex-grow: 1; } 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: #ffffff; font-weight: 400; text-align: left; padding: 10px 15px; font-size: 1.125rem; line-height: 1.2; text-decoration: none;}@media (min-width: 2px) { nav.horizontally a[class*="toplevel"] {padding: 17px;text-align: center; }}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) { background-color: #1d430b;}nav.horizontally [class*="toplevel"] ul { padding: 22px 0; background-color: #ffffff;}@media (min-width: 2px) { nav.horizontally [class*="toplevel"] > ul {margin-top: 0;left: 0; } nav.horizontally [class*="secondlevel"] > ul {margin-left: 10px;margin-top: -22px; } nav.horizontally :is([class*="secondlevel"], [class*="thirdlevel"]):before {content: "";position: absolute;display: block; } nav.horizontally [class*="secondlevel"]:before {height: 0;left: 0;right: 0;top: -0; } nav.horizontally [class*="thirdlevel"]::before {width: 10px;top: 0;bottom: 0;left: -10px; }}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) { color: #404040; font-weight: 300; text-align: left; padding: 4px 30px; background-color: transparent; position: relative; font-size: 1rem; line-height: 1.2; text-decoration: none;}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"])::before { content: ""; position: absolute; left: 15px; top: 12px; display: block; width: 7px; height: 7px; background-color: #38761c; opacity: 0; transition: opacity 300ms linear;}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: #447505;}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within) > a::before,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]) > a:is(:hover, :focus)::before,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a::before,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a:is(:hover, :focus)::before,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a::before,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a:is(:hover, :focus)::before { opacity: 1;}#slider,.slider-wrapper { max-height: clamp(300px, 44vw, 430px); overflow: hidden; height: 100%;}@media (min-width: 1px) { #headerpic .nivo-directionNav a {top: auto;bottom: 12px; } #headerpic .nivo-controlNav {pointer-events: none; } #headerpic .nivo-controlNav a {pointer-events: auto; }}@media (min-width: 2px) { #headerpic .nivo-directionNav a {bottom: 18px; }}#headerpic { margin: 0 auto; overflow: hidden; position: relative; width: 100%;}#headerpic::after { content: ""; position: absolute; bottom: 1.0417vw; right: 1.5625vw; background: url(../img/foot-print.png); width: 105px; height: 111px; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 10;}@media (min-width: 2px) { #headerpic {margin-top: 10px; }}.slider-mask { display: none;}#tabs > .row > * { margin-top: 30px;}.tab { background: #f5f5f5 linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(180, 217, 101, 0.5) 50%) top right / 180px 180px no-repeat; padding: 20px; font-size: 1.125rem; max-width: 400px; margin: 0 auto;}#tabs .tab { height: 100%; min-height: 100%;}.tab p:first-of-type img:first-of-type { display: block; width: 100%; margin-bottom: 25px;}.tab a { display: inline-block; position: relative;}#tabs .tab a { text-decoration: none;}.tab table td,.tab table th { padding: 0 2px;}.tab table img { display: inline-block; margin: 5px 0 0 0;}#tabs .tab1 :is(h1, h2) { font-size: 1.625rem; margin-bottom: 20px;}#tabs .tab1 a { background: #ffffff; font-weight: 400; color: #447505; font-size: 1rem; padding: 8px 55px 8px 20px;}#tabs .tab1 a::after { content: "\00BB"; display: block; position: absolute; right: 0; top: 9px; bottom: 9px; width: 35px; text-align: center; font-size: 26px; line-height: 18px; border-left: 2px solid rgba(0, 0, 0, 0.1);}#tabs .tab1 a:is(:hover, :focus) { background: #447505; color: #ffffff;}#tabs .tab2 { padding-bottom: 180px; background: url("../img/hand-mit-pfote.png") bottom right no-repeat, linear-gradient(to bottom, rgba(255, 255, 255, 0), #f5f5f5);}@media (min-width: 2px) { #tabs .tab2 {padding-top: 55px;font-size: 1.25rem; }}#tabs .tab2 :is(h1, h2) { font-size: 1.625rem; font-weight: 400; color: #38761c; margin-bottom: 25px;}@media (min-width: 1px) { #tabs .tab2 :is(h1, h2) {font-size: 1.875rem; }}#tabs .tab2 a { color: inherit; padding-left: 20px; padding-right: 20px; margin-top: 18px; z-index: 1;}#tabs .tab2 a::before { content: ""; display: block; position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; width: 6px; background: #b4d965; transition: width 450ms linear;}#tabs .tab2 a:nth-of-type(2):before { background: #447505;}#tabs .tab2 a:nth-of-type(3):before { background: #7f9939;}#tabs .tab2 a:is(:hover, :focus) { color: #ffffff;}#tabs .tab2 a:nth-of-type(1):is(:hover, :focus) { color: #1d1d1d;}#tabs .tab2 a:is(:hover, :focus)::before { width: 100%; color: #ffffff;}#tabs .tab2 a::after { content: "\00BB"; margin-left: 4px;}#content { text-align: left; padding-top: 30px; padding-bottom: clamp(30px, 6vw, 60px);}@media (min-width: 1px) { #content.md-gutter {margin-left: -15px;margin-right: -15px; }}@media (min-width: 2px) { #contentCol {padding: clamp(20px, 3vw, 30px) clamp(25px, 4vw, 45px) 0 clamp(20px, 4vw, 45px); }}@media (min-width: 3px) { body:not(.noListStyle) main ul:not([class*="menue"]):not([class*="slick-dots"]):not(.rsbtn_toollist) li:not(.gallery-list-item):not(.album-list-item):not(.entry)::before {top: 24px; }}.compact { padding: 15px; background-color: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); position: relative; z-index: 5;}@media (min-width: 1px) { .compact {padding: 20px clamp(15px, 3vw, 30px) clamp(15px, 3vw, 30px) clamp(15px, 3vw, 30px);margin-top: clamp(30px, 5vw, 60px);margin-bottom: clamp(30px, 5vw, 60px);position: relative; } .compact::after {content: "";position: absolute;bottom: -60px;left: 30px;background: url(../img/labrador-schmuckelement.png);width: 20.4688vw;height: 24.375vw;max-width: 393px;max-height: 468px;z-index: 100;pointer-events: none;background-size: contain;background-repeat: no-repeat;background-position: bottom left;transform: translateX(-100%); }}#asideTab { position: relative; z-index: 1;}#asideTab .tab { background-color: transparent; position: relative; padding: 26px;}#asideTab .tab::before { content: ""; display: block; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border: 6px solid #f5f5f5;}#asideTab :is(h1, h2) { font-size: 1.625rem; font-weight: 400; color: #38761c; margin-bottom: 25px;}#asideTab a { color: inherit; font-weight: inherit; text-decoration: underline; color: #38761c;}#asideTab a:is(:hover, :focus) { color: #1d430b;}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 { color: #38761c; font-weight: 500; line-height: 1.2; font-family: "Roboto", sans-serif;}h1,.h1,.legacy_h1 { font-size: clamp(2rem, 4vw, 2.25rem); margin-bottom: clamp(20px, 3vw, 30px);}:is(.h1, #content h1, #content .legacy_h1)::after { content: ""; display: block; height: 5px; width: 100px; background-color: #b4d965; margin-top: 10px;}#content :is(h1, .legacy_h1)[style*="center"]::after { margin-left: auto; margin-right: auto;}#content :is(h1, .legacy_h1)[style*="right"]::after { margin-left: auto; margin-right: 0;}h2,.h2,.legacy_h2 { font-size: clamp(1.875rem, 3vw, 2rem);}h3,.h3,.legacy_h3 { font-size: 1.75rem;}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited) .legacy_h4 { font-size: 1.625rem;}h5,.h5,.legacy_h5 { font-size: 1.5rem;}h6,.h6,.legacy_h6 { font-size: 1.375rem;}footer { background-color: #2f5103; background-size: cover; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 30px 15px; position: relative;}footer::after { content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(68, 117, 5, 0.7);}@media (min-width: 1px) { footer::after {background: linear-gradient(135deg, rgba(68, 117, 5, 0.8) 36%, rgba(180, 217, 101, 0.8) 36%); }}footer > .row { position: relative; z-index: 2;}#innerfooter ul { padding: 0;}@media (min-width: 1px) { footer {padding: 55px 30px; }}#innerfooter a { color: #404040; display: inline-block; font-weight: 400; font-size: 1.125rem; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);}#vernetzt { font-size: 0.875rem; color: #ffffff; line-height: 1.3; font-weight: 400; text-decoration: none;}@media (min-width: 2px) { #vernetzt {display: flex;gap: 12px;flex-direction: column; }}#vernetzt b { font-weight: 500;}#vernetzt b { font-weight: 500;}#vernetzt :is(span, img) { display: block;}