:root{--white-color:#fff;--black-color:#000;--primary-color:#8d817b;--secondary-color:#a0b7b2;--tertiary-color:#c3e894;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--border-color:var(--primary-color);--background-lightest-color:#f7f3ef;--background-light-color:#d7d2cb;--background-dark-color:#716967;--border-dark-color:var(--background-dark-color);--background-color:#949494;--box-shadow:0 0 15px 2px rgba(40,40,40,.5);--primary-textcolor:#333;--secondary-textcolor:#716967;--texthover-color:var(--primary-color);--textinfo-color:var(--warning-color);--form-field-width:750px;--max-text-width:var(--form-field-width);--transition:400ms ease-in-out all;--font-family-antonia:"Antonia";--font-family-figtree:"Figtree";--filter-white:invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);--filter-primary-textcolor:invert(17%) sepia(26%) saturate(0%) hue-rotate(246deg) brightness(95%) contrast(92%);--filter-secondary-textcolor:invert(42%) sepia(2%) saturate(1243%) hue-rotate(325deg) brightness(95%) contrast(83%);--filter-primary:invert(53%) sepia(8%) saturate(457%) hue-rotate(335deg) brightness(96%) contrast(90%);--filter-secondary:invert(79%) sepia(26%) saturate(146%) hue-rotate(117deg) brightness(88%) contrast(85%);--filter-tertiary:invert(87%) sepia(28%) saturate(492%) hue-rotate(36deg) brightness(101%) contrast(87%)}@media (max-width:991px){.frame-type-teaser{margin-bottom:0!important;margin-top:0!important}}.frame-type-teaser.overlay{position:relative}.frame-type-teaser.overlay:after{background:linear-gradient(180deg,transparent,#000);content:"";height:100%;left:0;opacity:.52;pointer-events:none;position:absolute;top:0;width:100%}.frame-type-teaser.overlay .image-wrapper:before{padding-top:125%}.frame-type-teaser.overlay .teaser-content{background:none;bottom:0;left:0;position:absolute;width:100%;z-index:1}.frame-type-teaser.overlay .teaser-content .teaser-date,.frame-type-teaser.overlay .teaser-content .teaser-price,.frame-type-teaser.overlay .teaser-content .teaser-text,.frame-type-teaser.overlay .teaser-content .teaser-title{color:#fff}.frame-type-teaser.overlay .teaser-content:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M507.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-144-144c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L457.4 240H16c-8.8 0-16 7.2-16 16s7.2 16 16 16h441.4L340.7 388.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0z'/%3E%3C/svg%3E") no-repeat 100%;color:#fff}.frame-type-teaser a{display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none!important}.frame-type-teaser a:focus img,.frame-type-teaser a:hover img{transform:translate(-50%,-50%) scale(1.1)}.frame-type-teaser a:focus .teaser-content:after,.frame-type-teaser a:hover .teaser-content:after{text-decoration:underline}.frame-type-teaser a .teaser-content:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M507.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-144-144c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L457.4 240H16c-8.8 0-16 7.2-16 16s7.2 16 16 16h441.4L340.7 388.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0z'/%3E%3C/svg%3E") no-repeat 100%;background-size:12px!important;color:#333;content:"Mehr erfahren";display:block;font-size:1.2rem;line-height:1.6rem;padding-right:20px}@media (max-width:575px){.frame-type-teaser a .teaser-content:after{margin-bottom:10px}}.frame-type-teaser .image-wrapper{overflow:hidden;position:relative}.frame-type-teaser .image-wrapper:before{content:"";display:block;padding-top:66.66667%}.frame-type-teaser .image-wrapper img{height:auto;left:50%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:all .4s ease-in-out;width:100%}.frame-type-teaser .image-wrapper .teaser-badge{align-items:center;background:#c3e894;border-radius:50%;color:#333;display:flex;font-family:Antonia;font-size:2.6rem;font-weight:400;height:115px;justify-content:center;line-height:2.8rem;padding:20px 5px;pointer-events:none;position:absolute;right:20px;text-align:center;top:20px;width:115px}@media (max-width:767px){.frame-type-teaser .image-wrapper .teaser-badge{font-size:2rem;height:85px;line-height:2.4rem;padding:10px 5px;right:10px;top:10px;width:85px}}@media (max-width:575px){.frame-type-teaser .image-wrapper .teaser-badge{font-size:1.3rem;height:60px;line-height:1.6rem;padding:5px 3px;right:5px;top:5px;width:60px}}.frame-type-teaser .teaser-content{align-items:center;background:#d7d2cb;display:flex;flex-direction:column;flex-grow:1;padding:30px}@media (max-width:575px){.frame-type-teaser .teaser-content{padding:10px}}.frame-type-teaser .teaser-content .teaser-date,.frame-type-teaser .teaser-content .teaser-price{color:#333;font-size:1.6rem;font-weight:500;line-height:2rem;text-align:center}@media (max-width:575px){.frame-type-teaser .teaser-content .teaser-date,.frame-type-teaser .teaser-content .teaser-price{font-size:1.1rem;line-height:1.6rem}}.frame-type-teaser .teaser-content .teaser-date+.teaser-text,.frame-type-teaser .teaser-content .teaser-price+.teaser-text{margin-top:20px}.frame-type-teaser .teaser-content .teaser-price{margin:15px 0}.frame-type-teaser .teaser-content .teaser-title{color:#333;letter-spacing:2.1px;margin-bottom:5px;text-align:center;text-transform:uppercase}@media (max-width:1199px){.frame-type-teaser .teaser-content .teaser-title{font-size:3rem}}.frame-type-teaser .teaser-content .teaser-text{color:#333;font-family:Antonia;font-size:2.8rem;font-weight:400;line-height:3.5rem;margin-bottom:15px;margin-top:5px;text-align:center}@media (max-width:575px){.frame-type-teaser .teaser-content .teaser-text{font-size:2.2rem;line-height:3rem}}html[lang=en] .frame-type-teaser a .teaser-content:after{content:"Learn more"}.teaser-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:40px}@media (max-width:991px){.teaser-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.teaser-container{grid-gap:20px}}@media (max-width:575px){.teaser-container{grid-gap:10px}}.teaser-container>.frame>.frame-type-teaser{height:100%}