/*2025-12-12-09:41:38*/@import url("https://fonts.verwaltungsportal.de/import/?family=Delius:400");@import url("https://fonts.verwaltungsportal.de/import/?family=Asap:400,400i,500,500i,700,700i");html {max-width: 1930px;margin-left: auto;margin-right: auto;background: #fff;scroll-behavior: smooth;scroll-padding-top: 100px;scrollbar-color: #5c7623 #ffffff;scrollbar-width: thin;}body {font-family: "Asap", sans-serif;font-weight: 400;color: #0c0704;background: #ffffff;font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;}a {color: #5c7623;}a:is(:hover, :focus) {color: #5c7623;text-decoration: underline;}.linkUnderline a:not(.has-image, .shareButtonLink) {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;transition: text-decoration 300ms;}.linkUnderline a:not(.has-image, .shareButtonLink):is(:hover, :focus) {text-decoration-color: transparent;}b,strong {font-weight: 700;}#topbar {padding: 10px 0;}#logo {display: inline-block;}#logo img {display: block;}@media (min-width: 2px) {nav.horizontally {padding: 0;position: absolute;z-index: 101;top: 0;left: 0;right: 0;background: #ffffff;}.is-sticky nav.horizontally {box-shadow: 0 0 30px 0 rgba(161, 157, 157, 0.45);left: 50%;transform: translateX(-50%);}nav.horizontally .navbar-nav {display: flex;justify-content: space-between;align-items: center;margin-left: 80px;}nav.horizontally .navbar-nav::before {content: "";position: absolute;background: url(../img/mops-startseite.png);width: 76px;height: 99px;left: 0;bottom: 25px;transform-origin: bottom left;transition: bottom 300ms, scale 300ms;}.is-sticky .horizontally .navbar-nav::before {bottom: 5px;scale: 0.75;}nav.horizontally .navbar-nav ul {position: absolute;z-index: 1000;display: block !important;pointer-events: none;opacity: 0;visibility: hidden;transition: opacity 300ms linear;}nav.horizontally .navbar-nav [class*="toplevel"]>ul {top: calc(100% + 10px) !important;left: -225px;display: block !important;pointer-events: none;opacity: 0;transition: opacity 300ms linear;}nav.horizontally .navbar-nav [class*="toplevel"]>ul::after {content: "";position: absolute;height: 10px;left: 0;right: 0;top: -10px;}nav.horizontally .navbar-nav [class*="secondlevel"]>ul {position: absolute;left: 100%;top: 0;}nav.horizontally li[class*="toplevel"] {position: relative;}#myNavbar::after {content: "";position: fixed;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.7);pointer-events: none;opacity: 0;transition: opacity 300ms linear;}#myNavbar:is(:hover, :focus-within)::after {opacity: 1;}nav.horizontally .navbar-nav li.open>ul {pointer-events: none !important;opacity: 0 !important;visibility: hidden;}nav.horizontally .navbar-nav li:is(:hover)>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:is(:hover, :focus)>ul {z-index: 1003;}}nav.horizontally a[class*="toplevel"] {color: #161616;font-weight: 400;text-align: center;padding: 10px 30px;font-size: 1.25rem;line-height: 1.2;text-decoration: none;font-family: "Delius", cursive;}nav.horizontally a[class*="toplevel"]::after {content: "";position: absolute;left: 50%;top: 50%;translate: -50% -50%;background: url(../img/pfote-nav-hover.png);width: 39px;height: 41px;scale: 0;transition: scale 300ms;}@media (min-width: 2px) {.navbar-default .navbar-nav>li+li {margin-left: clamp(15px, 2vw, 40px);}.navbar-default .navbar-nav>li>a {padding: 30px 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: #161616;}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within)>a::after,nav.horizontally li[class*="toplevel"]>a:is(:hover, :focus)::after,nav.horizontally li[class*="toplevel"].open>a::after,nav.horizontally li[class*="toplevel"].open>a:is(:hover, :focus)::after,nav.horizontally li[class*="toplevel"][class*="_over"]>a::after,nav.horizontally li[class*="toplevel"][class*="_over"]>a:is(:hover, :focus)::after {scale: 1;}nav.horizontally [class*="toplevel"] ul {padding: 10px 0;}nav.horizontally [class*="toplevel"]>ul {background: #bad186;}nav.horizontally [class*="secondlevel"]>ul {background: #8cb336;}@media (min-width: 2px) {nav.horizontally [class*="toplevel"]>ul {padding-left: 200px;min-width: 450px;min-height: 300px;}nav.horizontally [class*="toplevel"]>ul::before {content: "";display: block;position: absolute;top: 0;left: 0;bottom: 0;width: 200px;background-position: top center;background-size: cover;background-repeat: no-repeat;}nav.horizontally [class*="secondlevel"]>ul {min-height: 100%;min-width: 250px;}nav.horizontally [class*="toplevel"] ul {padding-top: 56px;padding-bottom: 56px;}}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {color: #161616;font-weight: 500;text-align: center;padding: 8px 30px;font-size: 1.125rem;line-height: 1.2;text-decoration: underline;text-decoration-thickness: 3px;text-underline-offset: 4px;text-decoration-color: transparent;transition: text-decoration-color 300ms;}@media (min-width: 2px) {.navbar-default .navbar-nav>li>.dropdown-menu>li>a,.navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a {text-align: left;padding: 9px 25px;}}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) {text-decoration-color: #5c7623;}#headerpic {padding: 0 0 30px 0;position: relative;background: #161616;background-position: center;background-size: cover;min-height: clamp(300px, 40vw, 500px);}body.index #headerpic {min-height: clamp(400px, 45vw, 680px);}#headerpic>.row {row-gap: 30px;}@media (min-width: 2px) {#headerpic {padding: clamp(80px, 8vw, 120px) 0 0 0;}}#jingle {color: #0c0704;font-size: clamp(1.125rem, 3vw, 1.875rem);padding-right: 15px;text-transform: uppercase;letter-spacing: 3px;z-index: 60;}@media (min-width: 2px) {#jingle {padding-right: 60px;}#jingle>* {margin-left: calc(clamp(80px, 8vw, 120px) * -1);width: auto;}body.index #jingle {margin-bottom: clamp(110px, 12vw, 220px);padding-bottom: clamp(30px, 5vw, 60px);}}#jingle :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(30px, 6vw, 80px);letter-spacing: 0;margin-bottom: 4px;line-height: 1.1;font-weight: 700;}#jingle :is(h1, h2, h3, h4, h5, h6) :is(i, em) {color: #0c0704;font-size: 1.25rem;font-style: normal;letter-spacing: 3px;display: block;text-transform: uppercase;font-family: "Asap", sans-serif;font-weight: 400;}#welcome .textCol {padding-top: clamp(30px, 5vw, 40px);padding-bottom: clamp(30px, 5vw, 40px);}#welcome .tabHeadline {font-size: 1.875rem;margin-bottom: clamp(15px, 2vw, 25px);}@media (min-width: 2px) {#welcome .bannerCol>.grow {width: calc(50vw - 75px);max-width: 785px;}}@media (min-width: 3px) {#welcome .bannerCol>.grow {width: calc(50vw - 175px);}}#welcome .bannerCol .banner {background: #ffffff;padding: clamp(15px, 2vw, 30px);box-shadow: 0 10px 30px 0 rgba(161, 157, 157, 0.45);}@media (min-width: 2px) {#welcome .bannerCol {margin-top: -100px;}}@media (min-width: 3px) {#welcome .bannerCol {margin-top: -190px;}}#welcome .bannerCol .banner img {display: block;width: 100%;}#welcome ul li {font-weight: 700;background: transparent;padding-block: 5px;}#welcome ul li::before {content: url(../img/pfote.png);width: 18px;height: 18px;background: none;top: 7px;left: 0;}#content,#info,#images>.row {text-align: left;padding-bottom: clamp(40px, 4vw, 60px);padding-top: clamp(40px, 4vw, 60px);}@media (min-width: 3px) {#content,#images>.row {padding-top: clamp(60px, 6vw, 80px);padding-bottom: clamp(60px, 6vw, 80px);}#info {padding-top: clamp(60px, 6vw, 80px);padding-bottom: clamp(60px, 12vw, 110px);}body.index #content>.row>div+div {padding-left: 65px;}}#content>.row {row-gap: 30px;}:is(body, #content) :is(.buttonsGhost, .buttonsBold) a {text-decoration: none;}:is(.buttonsGhost, .buttonsBold) a:not(:is([href*="mailto"], [href*="tel"])) {font-weight: 700;font-size: 1rem;text-transform: uppercase;padding: 14px clamp(20px, 2vw, 40px);display: inline-block;line-height: 1;margin-top: 20px;}:is(.buttonsGhost, .buttonsBold) a:not(:is([href*="mailto"], [href*="tel"]))+a {margin-left: clamp(20px, 2vw, 20px);}.buttonsGhost a:not(:is([href*="mailto"], [href*="tel"])) {border: 1px solid #8cb336;color: #0c0704;}.buttonsGhost.tabBtn a:not(:is([href*="mailto"], [href*="tel"])) {border: 1px solid #0c0704;color: #0c0704;}.buttonsBold a:not(:is([href*="mailto"], [href*="tel"])) {background: #8cb336;color: #0c0704;}:is(.buttonsGhost, .buttonsBold) a:not(:is([href*="mailto"], [href*="tel"])):is(:hover, :focus) {background: #5c7623;color: #ffffff;}#info {background: #f9f9f9;position: relative;overflow: hidden;}@media (min-width: 4px) {#info {background: #f9f9f9 url(../img/mops-angebot.png);background-position: bottom right;background-repeat: no-repeat;}}#info .tabContent {display: block;color: #5c7623;font-weight: 400;font-size: clamp(80px, 16vw, 230px);text-transform: uppercase;line-height: 1;margin-left: clamp(15px, 4vw, 70px);margin-bottom: calc(clamp(20px, 4vw, 70px) * -1);pointer-events: none;font-family: "Delius", cursive;opacity: 0.3;}#info .tabContent>.template-page>.row {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}#info>.row {gap: 30px 0;}#info .tab {padding: clamp(30px, 9vw, 50px) clamp(15px, 2vw, 30px);color: #0c0704;position: relative;z-index: 2;background: #8cb336 url("../img/mops-maske-tab1.png") bottom -10px left -10px no-repeat;height: 100%;}#info .tab2 {background-image: url("../img/maps-maske-tab2.png");background-position: bottom -60px left -40px;}#info .tab3 {background-image: url("../img/mops-maske-tab3.png");background-position: bottom -10px right -90px;}#info img {display: block;width: 100%;height: auto;}@media (min-width: 2px) {#info>.row>div:first-child {padding-right: 30px;}#info>.row>div:last-child {padding-left: 30px;}}#info .tabHeadline {font-size: 1.75rem;}#info :is(h1, h2, h3, h4, h5, h6, a:is([href*="mailto"], [href*="tel"])) {color: #0c0704;}#info a:is([href*="mailto"], [href*="tel"]) {text-decoration: underline;}#images :is(h1, h2, h3, h4, h5, h6) {text-transform: uppercase;font-size: clamp(2.1875rem, 4vw, 3.75rem);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 {color: #5c7623;font-weight: 400;line-height: 1.2;font-family: "Delius", cursive;}h1,.h1,.legacy_h1 {font-size: clamp(1.75rem, 4vw, 2.125rem);}h2,.h2,.legacy_h2 {font-size: clamp(1.625rem, 3.5vw, 1.875rem);}h3,.h3,.legacy_h3 {font-size: 1.625rem;}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;}#breaker {background-position: center;background-size: cover;padding-block: clamp(60px, 10vw, 120px);min-height: clamp(350px, 35vw, 535px);}#breaker :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(2.5rem, 5vw, 4rem);text-shadow: 0px 0px 30px rgba(20, 70, 71, 0.5);text-transform: uppercase;color: #0c0704;}#breaker :is(h1, h2, h3, h4, h5, h6) :is(i, em) {font-size: clamp(1.5625rem, 3vw, 2.125rem);text-transform: none;display: block;font-style: normal;}#footer {padding-top: 30px;padding-bottom: 30px;background-color: #f9f9f9;}@media (min-width: 2px) {#footer {padding-top: 60px;padding-bottom: 45px;}#footer>.row::after {content: "";position: absolute;right: -120px;transform: translateX(100%);bottom: -50px;background: url(../img/mops-footer.png);width: 181px;height: 200px;}}#logoFooter {display: inline-block;}#logoFooter img {display: block;}#footerTab {margin-top: 18px;padding-top: 15px;border-top: 2px solid #c9c9c9;}#scrollTop {text-decoration: none;text-transform: uppercase;color: #0c0704;font-size: 1rem;font-weight: 400;opacity: 1 !important;max-width: 170px;padding: 10px 20px;margin: 0 auto 25px auto;background: #f9f9f9;border: 1px solid #8cb336;}@media (min-width: 1px) {#scrollTop {margin: 0 auto;}}@media (min-width: 3px) {#scrollTop {position: fixed;bottom: 5%;right: 7%;z-index: 12;}}#scrollTop:hover,#scrollTop:focus {background-color: #8cb336;}#scrollTop span {position: relative;display: inline-block;font-size: 0;height: 35px;width: 18px;margin-right: 4px;transition: border-radius 300ms linear;}#scrollTop span::after {content: "";position: absolute;display: inline-block;margin-top: -1px;left: 0;top: 50%;width: 7px;height: 7px;border-radius: 1px;border-right: 2px solid #0c0704;border-top: 2px solid #0c0704;transform: rotate(-45deg);}#vernetzt {gap: 12px;text-align: right;font-size: 0.9375rem;color: #0c0704;line-height: 1.3;text-decoration: none;}#vernetzt span span {display: block;}#innerfooter {font-size: 1rem;color: #ffffff;padding-top: 22px;padding-bottom: 22px;background-color: #5c7623;}#innerfooter ul {padding: 0 !important;}#innerfooter li {display: inline-block;}#innerfooter a {color: #ffffff;text-decoration: none;display: inline-block;}#innerfooter a:hover,#innerfooter a:focus {color: #ffffff;text-decoration: underline;}#innerfooter li+li::before {content: "•";margin: 0 10px;}@media (min-width: 2px) {#innerfooter li+li::before {margin: 0 15px;}}