/* Schriften (Google Fonts, aus der Vorlage, nur latin/latin-ext) */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond-latin-ext-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond-latin-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond-latin-ext-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond-latin-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-ext-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-ext-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-ext-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-ext-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/rubik-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/rubik-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/rubik-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/rubik-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/rubik-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/rubik-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/rubik-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/rubik-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Vorlage: Grundstil */

[data-theme=light] header{background:linear-gradient(180deg,#9fd8ee 0%,#cdeef2 60%,#f4ead2 100%)!important}
[data-theme=dark] header [data-l=far]{fill:#4f7f7f}[data-theme=dark] header [data-l=mid]{fill:#3b6e5e}[data-theme=dark] header [data-l=lake]{fill:#2f6f78}[data-theme=dark] header [data-l=near]{fill:#2f6a4c}[data-theme=dark] header [data-l=ground]{fill:#26583f}
nav [data-ib]{opacity:0;transition:opacity .35s ease}
nav [data-ib="1"]{opacity:1}
nav [data-navi]:hover > [data-ib]{opacity:1}
nav [data-ib] [data-bush]{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.3,1.6,.5,1),opacity .45s ease}
nav [data-ib] [data-bush="2"]{opacity:0;transform:scale(.2)}
nav [data-ib="1"] [data-bush="2"]{opacity:1;transform:scale(1)}
nav [data-navi]:hover > [data-ib] [data-bush="1"]{transform:scale(1.35)}
nav [data-navi]:hover > [data-ib] [data-bush="2"]{opacity:1;transform:scale(1.25)}
header [data-search]{margin-top:92px!important}
@media (max-width:700px){header [data-logo]{left:50%!important;transform:translateX(-50%);top:46px!important}header [data-search]{margin-top:110px!important}}
[data-theme=light] header [data-night]{display:none}
[data-theme=light] [data-sun]{display:block!important}
[data-theme=light] header [data-l=far]{fill:#a9cfe0}
[data-theme=light] header [data-l=mid]{fill:#7fbf9c}
[data-theme=light] header [data-l=snow]{fill:#ffffff;opacity:.85}
[data-theme=light] header [data-l=lake]{fill:#8ad3df}
[data-theme=light] header [data-l=near]{fill:#86cf8f}
[data-theme=light] header [data-l=ground]{fill:#66b374}
[data-theme=light] header [data-win]{fill:#d4e6ec}
[data-theme=light] header [data-hl]{color:#1f4a3d!important;text-shadow:none!important}
[data-theme=light] header [data-hl2]{color:#7a4e10!important}
[data-theme=light] header [data-tl]{color:#1f4a3d!important;border-color:rgba(31,74,61,.45)!important}
[data-theme=light] footer{background:#2b6e5c!important}
body{margin:0;background:#fdfcfb}
a{color:#2b7a68;text-decoration:none}
a:hover{color:#1f4a3d;text-decoration:underline}
html{scroll-behavior:smooth}
@keyframes bw-drop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes bw-kb{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes bw-fade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes bw-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bw-wave{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bw-bob{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-5px) rotate(1.4deg)}}
@keyframes bw-flag{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.7)}}
@keyframes bw-twinkle{0%,100%{opacity:.25}50%{opacity:.95}}
@keyframes bw-blink{0%,40%,100%{opacity:.2}45%,60%{opacity:1}}
@keyframes bw-gull{from{transform:translateX(-750px)}to{transform:translateX(1150px)}}
@keyframes bw-flap{0%,100%{transform:scaleY(1)}50%{transform:scaleY(-.35)}}
@keyframes bw-glide{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes bw-sparkle{0%,100%{transform:scale(.4) rotate(0);opacity:.3}50%{transform:scale(1) rotate(45deg);opacity:1}}
@keyframes bw-shoot{0%{transform:translate(0,0);opacity:0}1%{opacity:1}7%{transform:translate(-300px,125px);opacity:0}100%{transform:translate(-300px,125px);opacity:0}}
@keyframes bw-beam{0%{transform:scaleX(1);opacity:.85}38%{transform:scaleX(.22);opacity:.9}41%{transform:scaleX(.04);opacity:1}42.5%{transform:scaleX(-.04);opacity:1}45.5%{transform:scaleX(-.22);opacity:.9}72%{transform:scaleX(-1);opacity:.85}86%{transform:scaleX(0);opacity:.12}100%{transform:scaleX(1);opacity:.85}}
@keyframes bw-flash{0%,38%{opacity:0;transform:scale(.5)}41.8%{opacity:1;transform:scale(1.25)}46%,100%{opacity:0;transform:scale(.5)}}
@keyframes bw-compass{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes bw-needle{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(10deg)}}
@keyframes bw-wx64{to{transform:translateX(-128px)}}
@keyframes bw-wx48{to{transform:translateX(-96px)}}
@keyframes bw-wx36{to{transform:translateX(-72px)}}
@keyframes bw-wx28{to{transform:translateX(-56px)}}
@keyframes bw-swell{0%,100%{transform:scaleY(.55)}22%{transform:scaleY(1.35)}45%{transform:scaleY(.8)}63%{transform:scaleY(1.6)}82%{transform:scaleY(.7)}}
@keyframes bw-reach{0%,100%{transform:scaleX(.92) translateY(2px)}35%{transform:scaleX(1.12) translateY(-2px)}60%{transform:scaleX(.98) translateY(1px)}80%{transform:scaleX(1.18) translateY(-3px)}}
@keyframes bw-rain{0%{transform:translateY(0) rotate(12deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(52px) rotate(12deg);opacity:0}}
@keyframes bw-splash{0%,80%{transform:scale(.2);opacity:0}85%{opacity:.9}100%{transform:scale(1.6);opacity:0}}
@keyframes bw-shower{0%,48%{opacity:0}56%,82%{opacity:1}90%,100%{opacity:0}}
@keyframes bw-inR{from{opacity:0;transform:translateX(46px)}to{opacity:1;transform:none}}
@keyframes bw-inL{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
@keyframes bw-squig{from{transform:translateX(0)}to{transform:translateX(-24px)}}
@keyframes bw-glint{0%{transform:translateX(-120%)}60%,100%{transform:translateX(320%)}}
@keyframes bw-shimmer{0%,100%{opacity:.55;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3)}}
@keyframes bw-fo{from{opacity:0}to{opacity:1}}
@keyframes bw-wx96{to{transform:translateX(96px)}}
@keyframes bw-tide{0%,100%{transform:translateY(8px)}50%{transform:translateY(-8px)}}
@keyframes bw-shine{0%,40%{transform:translateX(0)}75%,100%{transform:translateX(820px)}}
@keyframes bw-txtshine{0%,35%{background-position:100% 0}70%,100%{background-position:0 0}}
@keyframes bw-swash{from{stroke-dashoffset:320}to{stroke-dashoffset:0}}
@keyframes bw-draw{from{stroke-dashoffset:var(--l)}to{stroke-dashoffset:0}}
@keyframes bw-lbl{from{opacity:0}to{opacity:1}}
@keyframes bw-flow{to{stroke-dashoffset:-32}}
@keyframes bw-charge{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(.9)}}
@keyframes bw-luff{0%,100%{transform:skewX(0)}50%{transform:skewX(-1.2deg)}}
@keyframes bw-windx{0%{transform:translateX(-20px);opacity:0}30%{opacity:1}100%{transform:translateX(40px);opacity:0}}
@keyframes bw-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(16px)}}
@keyframes bw-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bw-streak{0%{transform:translateX(-200px);opacity:0}20%{opacity:.9}100%{transform:translateX(1100px);opacity:0}}
@keyframes bw-mobpath{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes bw-reveal-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes bw-pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes bw-along{0%{offset-distance:0%;opacity:0}5%{opacity:1}95%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes bw-blip{0%,60%{opacity:0}70%,90%{opacity:1}100%{opacity:0}}
@keyframes bw-windy{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@keyframes bw-boomW{0%,40%{transform:rotate(-28deg)}55%,100%{transform:rotate(28deg)}}
@keyframes bw-boomH{0%,42%{transform:rotate(-62deg)}52%,100%{transform:rotate(62deg)}}
@keyframes bw-roomhl{0%{opacity:0}3%,8%{opacity:.55}12%,100%{opacity:0}}
@keyframes bw-legendhl{0%{opacity:.55}3%,8%{opacity:1}12%,100%{opacity:.55}}
@keyframes bw-lid{from{transform:rotate(0)}to{transform:rotate(-24deg) translate(-6px,-10px)}}
@keyframes bw-paper{from{opacity:0;transform:translateY(-30px) rotate(-10deg)}to{opacity:1;transform:rotate(var(--r))}}
@keyframes bw-moorIn{0%{transform:translateY(200px);opacity:0}8%{opacity:1}55%,92%{transform:translateY(80px);opacity:1}100%{transform:translateY(80px);opacity:0}}
@keyframes bw-boxIn{0%{transform:translateY(240px);opacity:0}8%{opacity:1}55%,92%{transform:translateY(110px);opacity:1}100%{transform:translateY(110px);opacity:0}}
@keyframes bw-alongIn{0%{transform:translate(-200px,60px) rotate(-12deg);opacity:0}8%{opacity:1}55%,92%{transform:translate(0,0) rotate(0);opacity:1}100%{opacity:0}}
@keyframes bw-lineOn{0%,55%{opacity:0}62%,92%{opacity:1}100%{opacity:0}}
@keyframes bw-layer{0%{opacity:0;transform:scale(.92)}6%,80%{opacity:1;transform:scale(1)}90%,100%{opacity:0;transform:scale(1)}}
@keyframes bw-yearhl{0%{opacity:.5}2%{opacity:1}16%{opacity:1}20%,100%{opacity:.5}}
@keyframes bw-tidebob{0%,100%{transform:translateY(0)}50%{transform:translateY(150px)}}
@keyframes bw-zone{0%,100%{opacity:.25}15%,30%{opacity:.75}45%{opacity:.25}}
@keyframes bw-ping{0%,2%{opacity:.7;transform:scale(.85)}12%,100%{opacity:0;transform:scale(1.2)}}
@keyframes bw-scan{0%,100%{transform:translateY(-18px)}50%{transform:translateY(10px)}}
@keyframes bw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes bw-kenburns{from{transform:scale(1)}to{transform:scale(1.08) translate(-1.5%,-1%)}}
@keyframes bw-attn{0%{transform:none;box-shadow:0 22px 44px -18px rgba(20,60,75,.75),0 0 0 0 rgba(123,213,204,.7)}15%{transform:scale(1.07) rotate(-2deg)}30%{transform:scale(1.07) rotate(2deg)}45%{transform:scale(1.05) rotate(-1.5deg)}60%{transform:scale(1) rotate(0);box-shadow:0 22px 44px -18px rgba(20,60,75,.75),0 0 0 14px rgba(123,213,204,0)}100%{transform:none;box-shadow:0 22px 44px -18px rgba(20,60,75,.75),0 0 0 0 rgba(123,213,204,0)}}
@keyframes bw-logohop{0%,100%{transform:none}25%{transform:translateY(-8px) rotate(-8deg)}50%{transform:translateY(0) rotate(4deg)}70%{transform:translateY(-3px)}}
@keyframes bw-notif{0%{opacity:0;transform:translateX(calc(100% + 40px)) scale(.96)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes bw-ripple{0%{transform:scale(0);opacity:.6}100%{transform:scale(7);opacity:0}}
@keyframes bw-timer{0%{transform:scaleX(0);opacity:1}90%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes bw-cardpop{0%{transform:none}45%{transform:scale(1.06)}100%{transform:none}}
@keyframes bw-toast{0%,4%{opacity:0;transform:translateY(-16px)}10%,40%{opacity:1;transform:none}46%,100%{opacity:0;transform:translateY(-16px)}}
@keyframes bw-slidein{from{opacity:0;transform:translateX(18%)}to{opacity:1;transform:none}}
@keyframes bw-pulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
.js [data-reveal]{opacity:0;transition:opacity .8s ease-out}
.js [data-reveal].in{opacity:1}
@media print{[data-reveal]{opacity:1!important;transform:none!important}}

/* Vorlage: Hover-Stile (style-hover) */
.h1:hover{background:rgba(0,0,0,.22)!important;text-decoration:none!important;color:#fff!important}
.h2:hover{color:#fff!important}
.h3:hover{text-decoration:none!important}
.h4:hover{background:#1f4a3d!important}
.h5:hover{background:#dff0ed!important;text-decoration:none!important}
.h6:hover{background:#eef5f0!important;text-decoration:none!important}
.h7:hover{text-decoration:none!important;color:#fff!important;text-shadow:0 0 14px rgba(255,255,255,.75)!important}
.h8:hover{background:rgba(255,255,255,.22)!important;transform:rotate(-12deg) scale(1.06)!important;box-shadow:0 0 18px rgba(255,255,255,.45)!important}
.h9:hover{background:linear-gradient(90deg,#dff0ed,#ecf7f5 50%,#dff0ed)!important;text-decoration:none!important}
.h10:hover{color:#c0532a!important;text-decoration:none!important}
.h11:hover{background:#fff1d6!important;text-decoration:none!important}
.h12:hover{background:#c0532a!important}
.h13:hover{background:#2b7a68!important;text-decoration:none!important;color:#fff!important}
.h14:hover{transform:translateY(-4px)!important;box-shadow:0 26px 46px -28px rgba(15,35,28,.55)!important}
.h15:hover{background:#2b7a68!important}
.h16:hover{background:#fff!important;box-shadow:0 26px 50px -28px rgba(15,35,28,.45)!important;transform:translateY(-4px)!important}
.h17:hover{color:#2b7a68!important}
.h18:hover{transform:translateY(-2px)!important;background:#2f6a55!important}
.h19:hover{transform:translateY(-3px)!important;text-decoration:none!important}
.h20:hover{transform:translateY(-3px)!important;background:#1c4236!important}
.h21:hover{color:#2b7a68!important;text-decoration:none!important}
.h22:hover{border-color:#e0703f!important;text-decoration:none!important}
.h23:hover{transform:translateY(-2px)!important;box-shadow:0 20px 36px -22px rgba(15,35,28,.5)!important}
.h24:hover{background:#1f4a3d!important;text-decoration:none!important;color:#fff!important}
.h25:hover{background:#2f6a55!important;text-decoration:none!important;color:#fff!important}
.h26:hover{transform:translateY(-3px)!important;box-shadow:0 20px 36px -22px rgba(15,35,28,.5)!important}
.h27:hover{transform:translateY(-2px)!important;color:#fff!important;text-decoration:none!important}
.h28:hover{background:#f1f5f9!important;text-decoration:none!important;color:#101a2c!important}
.h29:hover{background:#2b7a68!important;color:#fff!important;text-decoration:none!important}
.h30:hover{transform:translateY(-4px) rotate(-.6deg)!important;box-shadow:0 24px 40px -22px rgba(15,35,28,.5)!important}
.h31:hover{transform:translateX(4px)!important;text-decoration:none!important}
.h32:hover{background:#e4f0e8!important;text-decoration:none!important}
/* Statische Fassung: Umschalter, Breiten, Artikeltext */
/* Überlagerungen der Vorlage: im statischen HTML vorhanden, geöffnet per site.js */
[data-cl=mnav]:not(.offen),[data-cl=guide]:not(.offen),[data-cl=popular]:not(.offen),[data-cl=totop]:not(.offen){display:none!important}
[data-cl=msub]:not(.offen){display:none!important}
[data-cl=sug]:not(.offen){display:none!important}
template{display:none}
/* Breitenabhängige Umschaltung (in der Vorlage per JavaScript, s.vw und pfCompact) */
[data-cl=admini]{display:none!important}
@media (max-width:1179px){[data-cl=row]{display:none!important}[data-cl=mbtn]{display:flex!important}}
.pf-compact [data-cl=row]{display:none!important}
.pf-compact [data-cl=mbtn]{display:flex!important}
@media (max-width:759px){[data-cl=adfloat]{display:none!important}[data-cl=admini]{display:grid!important}}
/* Links, die in der Vorlage nur per Klick-Handler gingen */
a.cl-kartenlink:hover{text-decoration:none}
a[data-wasbtn]{text-decoration:none}
/* Aufklappmenüs der Hauptnavigation (Bauform 1:1 aus der Vorlage) */
.cl-drop a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px;border-radius:6px;font:400 15px/1.35 'Open Sans',sans-serif;color:#222;text-decoration:none;cursor:pointer;transition:background .18s,padding .18s,color .18s}
.cl-drop a:hover,.cl-drop .cl-on>a{background:linear-gradient(90deg,#e4f0e8,rgba(227,241,254,0));color:#1f4a3d;padding-left:20px;text-decoration:none;box-shadow:inset 3px 0 0 #2b7a68}
.cl-fly a{display:block;font:400 14px/1.35 'Open Sans',sans-serif}
/* Geprüfte Artikel im Langtext-Bereich: Typografie der Vorlage (LONG-Abschnitte, Tipps-Kasten, Hinweis) */
.cl-text h2{margin:34px 0 0;font:700 clamp(22px,2.2vw,28px)/1.3 'Open Sans',sans-serif;letter-spacing:-.01em;color:#1f4a3d;text-wrap:pretty;scroll-margin-top:200px}
.cl-text h3{margin:26px 0 0;font:700 19px/1.4 'Open Sans',sans-serif;color:#1f4a3d}
.cl-text p,.cl-text li{font:400 18px/1.75 'Open Sans',sans-serif;color:#333;text-wrap:pretty}
.cl-text p{margin:10px 0 0}
.cl-text ul,.cl-text ol{margin:10px 0 0;padding-left:1.3em}
.cl-text li{margin:4px 0 0}
.cl-text strong{font-weight:700;color:#222}
.cl-text a{color:#2b7a68}
.cl-text .cl-meta{margin:0;font:400 15px 'Open Sans',sans-serif;color:#888}
.cl-text .cl-kicker{margin:0;font:700 12px 'Open Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a5a14}
.cl-text .cl-blick{margin-top:22px;padding:22px 24px;background:#fbf6ec;border:1px solid #ecdcb8}
.cl-text .cl-blick li{font:400 16.5px/1.55 'Open Sans',sans-serif}
.cl-text .cl-inhalt{margin-top:18px;padding:18px 24px;background:#fff;border:1px solid #e5ebe4}
.cl-text .cl-inhalt .cl-kicker{color:#2b7a68}
.cl-text .cl-inhalt li{font:600 15.5px/1.5 'Open Sans',sans-serif}
.cl-text .hinweis{margin:22px 0 0;padding:12px 16px;background:#f2f5f1;border:1px solid #d8e2d9}
.cl-text .hinweis p,.cl-text .hinweis{font:600 15px/1.55 'Open Sans',sans-serif;color:#4a5a50}
.cl-text .hinweis--warn{background:#fbf6ec;border-color:#ecdcb8;color:#6a3d0c}
.cl-text .tabelle{margin:18px 0 0;overflow-x:auto;border:1px solid #e5ebe4;background:#fff}
.cl-text table{width:100%;border-collapse:collapse;font:400 15.5px/1.5 'Open Sans',sans-serif;color:#333}
.cl-text caption{caption-side:top;text-align:left;padding:12px 14px 6px;font:700 13px 'Open Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6b776f}
.cl-text th,.cl-text td{padding:9px 14px;border-top:1px solid #e5ebe4;text-align:left;vertical-align:top}
.cl-text th{background:#f5f8f4;font-weight:700;color:#1f4a3d}
.cl-text ul.checkliste{list-style:none;padding-left:0}
.cl-text ul.checkliste li{position:relative;padding-left:30px}
.cl-text ul.checkliste li:before{content:"";position:absolute;left:0;top:.45em;width:16px;height:16px;border:2px solid #2b7a68;border-radius:3px}
.cl-text .cl-faq{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.cl-text .cl-faq details{padding:14px 16px;background:#fff;border:1px solid #e5ebe4}
.cl-text .cl-faq summary{cursor:pointer;font:700 17px/1.5 'Open Sans',sans-serif;color:#1f4a3d}
.cl-text .cl-quellen p,.cl-text .cl-quellen li{font:400 15px/1.6 'Open Sans',sans-serif;color:#555}
.cl-text .cl-quellen a{word-break:break-word}
@media print{[data-cl=nav],[data-cl=adfloat],[data-cl=admini]{display:none!important}}
/* Abweichung von der Vorlage (Fehler der Vorlage bei 390 px Breite, dort 759 px Seitenbreite):
   Straßenstreifen der Navigation (Breite 200 %) und das Logo (Hüpf-Animation überschreibt das Zentrieren) liefen über den Rand. */
[data-cl=nav]{overflow-x:clip}
@media (max-width:700px){header [data-logo]{transform:translateX(-50%)!important;animation:none!important}}
html,body{overflow-x:clip}
/* Fotos (Gründer 27.10.2026: so früh wie möglich sichtbar). Bauform nach digitale-nomaden-tipps (.held__bild),
   Ecken wie der Papierfrei-Block der Vorlage (16px) */
.cl-foto{margin:28px 0 0}
.cl-foto div{overflow:hidden;border-radius:16px;background:#eff3ee;aspect-ratio:16/9;box-shadow:0 20px 40px -32px rgba(15,35,28,.45)}
.cl-foto img{display:block;width:100%;height:100%;object-fit:cover}
.cl-held__bild{margin:24px 0 0;width:100%;align-self:stretch}
.cl-held__text{width:100%}
@media (min-width:1100px){
.cl-held{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:40px;align-items:center}
.cl-held__text{display:flex;flex-direction:column;justify-content:center}
.cl-held__bild{margin:0}
}
/* Kartenbilder im Beitragsraster (Gründer 27.10.2026: „nur das kleine bild für die rasteransicht“).
   Ersetzt den orangen Strich, wenn es für das Kapitel ein Foto gibt; Format 16:9 (die Vorlage hatte an der Karte kein Bildmaß). */
.cl-kartenbild{display:block;overflow:hidden;border-radius:16px;aspect-ratio:16/9;background:#eff3ee}
.cl-kartenbild img{display:block;width:100%;height:100%;object-fit:cover}

/* Neueste Beitraege: ausgeblendete Karten (hidden) schlagen das display:grid am Element */
.cl-kartenlink[hidden]{display:none!important}

/* Hinweis am Roten Faden (Gründer 29.10.2026: „einen hinweis, der auf den pfeil zeigt beim roten faden“,
   Titel „Fangen Sie hier an.“, Unterzeile „Unsere Website liest sich wie ein Buch.“). Nur Startseite und
   Kapitel-Einstiege, einmal je Besucher; Lage rechnet site.js (fadenHinweis). Muster für alle drei Seiten. */
.cl-fh{position:fixed;z-index:60;box-sizing:border-box;width:max-content;max-width:min(300px,calc(100vw - 24px));padding:12px 40px 12px 16px;
  background:#1f4a3d;color:#fff;border-radius:12px;box-shadow:0 14px 30px -12px rgba(15,35,28,.55);opacity:0;transform:translateY(4px);
  transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.cl-fh.an{opacity:1;transform:none;pointer-events:auto}
.cl-fh[hidden]{display:none!important}
.cl-fh__titel{margin:0;font:700 15px/1.3 'Open Sans',sans-serif;color:#fff}
.cl-fh__unter{margin:3px 0 0;font:400 14px/1.4 'Open Sans',sans-serif;color:#d9ebe4}
.cl-fh__zu{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#fff;
  font:400 20px/1 'Open Sans',sans-serif;cursor:pointer}
.cl-fh__zu:hover,.cl-fh__zu:focus-visible{background:rgba(255,255,255,.16);outline:2px solid #fff;outline-offset:1px}
.cl-fh__spitze{position:absolute;width:14px;height:14px;background:#1f4a3d;transform:rotate(45deg);animation:cl-fh-puls 1.6s ease-in-out infinite}
.cl-fh[data-seite=unten] .cl-fh__spitze{top:-6px}
.cl-fh[data-seite=oben] .cl-fh__spitze{bottom:-6px}
.cl-fh[data-seite=links] .cl-fh__spitze{right:-6px}
@keyframes cl-fh-puls{0%,100%{box-shadow:0 0 0 0 rgba(224,112,63,.0)}50%{box-shadow:0 0 0 5px rgba(224,112,63,.45)}}
@media (prefers-reduced-motion:reduce){.cl-fh{transition:none;transform:none}.cl-fh__spitze{animation:none}}
@media print{.cl-fh{display:none!important}}
/* Handy, Kapitel-Einstiege: Hinweis im Fluss des Roten Fadens direkt über der Pfeil-Zeile (verdeckt nichts, schiebt die
   Kapitel-Links nach unten), Spitze nach unten auf den Pfeil */
.cl-fh.cl-fh--fluss{position:relative;left:auto!important;top:auto!important;display:block;margin:12px 14px 2px auto;transform:none}
/* Schwebende Anzeige verdeckt nie den Pfeil "Nächste Seite" oder den Hinweis am Roten Faden (site.js, letzter Block):
   die große Anzeige wird dann zur runden Marke wie am Handy, die Marke rückt bei Bedarf nach oben */
html.cl-ad-klein [data-cl=adfloat]{display:none!important}
html.cl-ad-klein [data-cl=admini]{display:grid!important}
/* Terminseiten (29.10.2026): nur belegte Termine von Veranstalterseiten, Bauform wie die Karten der Vorlage */
.cl-termine{display:flex;flex-direction:column;gap:12px;margin-top:40px}
.cl-termin{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 18px;background:#fff;border:1px solid #e5ebe4;
  transition:transform .25s,box-shadow .25s}
.cl-termin:hover{transform:translateY(-2px);box-shadow:0 20px 36px -22px rgba(15,35,28,.5)}
.cl-termin[hidden]{display:none}
.cl-termin__datum{flex:0 0 auto;width:72px;text-align:center;padding:8px 0;background:#1f4a3d;color:#fff}
.cl-termin__tag{margin:0;font:600 28px/1 'Cormorant Garamond',serif}
.cl-termin__monat{margin:4px 0 0;font:600 12px/1.3 'Open Sans',sans-serif;color:#d6e6da}
.cl-termin__text{flex:1 1 260px;min-width:0}
.cl-termin__art{display:inline-block;padding:3px 10px;border-radius:999px;font:700 11.5px 'Open Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.cl-termin__titel{margin:6px 0 0;font:600 20px/1.3 'Cormorant Garamond',serif;color:#111}
.cl-termin__titel a{color:inherit;text-decoration:none}
.cl-termin__titel a:hover,.cl-termin__titel a:focus-visible{text-decoration:underline}
.cl-termin__ort{margin:4px 0 0;font:400 14px/1.5 'Open Sans',sans-serif;color:#5f6670;overflow-wrap:anywhere}
.cl-termin__knopf{flex:0 0 auto;padding:11px 20px;border-radius:999px;background:#2b7a68;color:#fff;font:700 14px 'Open Sans',sans-serif;text-decoration:none}
.cl-termin__knopf:hover,.cl-termin__knopf:focus-visible{background:#1f4a3d;color:#fff}
.cl-termin__knopf--aus,.cl-termin__knopf--aus:hover{background:#d9dedb;color:#555d58;cursor:not-allowed}
.cl-termin__hinweis{flex:1 1 100%;margin:0;font:400 14px/1.5 'Open Sans',sans-serif;color:#555d58}
.cl-termin__quelle,.cl-termin__leer{margin:18px 0 0;font:400 14px/1.6 'Open Sans',sans-serif;color:#5f6670}
/* Pfeil "Vorherige Seite" auf den Seiten vor dem ersten Kapitel: ausgegraut (29.10.2026) */
button[data-aus]{opacity:.35;cursor:default;pointer-events:none}
/* Ausblenden per hidden (Datumsfilter, Art-Auswahl): die Inline-Stile der Vorlage setzen display, deshalb hier mit !important */
[data-leiste][hidden],.cl-termin[hidden],[data-termine-leer][hidden],a.cl-kartenlink[hidden],aside section[hidden]{display:none!important}