/* Noto Sans SC */
/* ######################################################################################################################################### */
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-Thin.ttf') format('truetype');  font-weight: 100;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-ExtraLight.ttf') format('truetype');  font-weight: 200;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-Light.ttf') format('truetype');  font-weight: 300;  font-style: normal;  font-display: swap;}
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-Regular.ttf') format('truetype');  font-weight: 400;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-Medium.ttf') format('truetype');  font-weight: 500;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-SemiBold.ttf') format('truetype');  font-weight: 600;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-Bold.ttf') format('truetype');  font-weight: 700;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-ExtraBold.ttf') format('truetype');  font-weight: 800;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Noto Sans SC';  src: url('../Fonts/Noto_Sans_SC/static/NotoSansSC-Black.ttf') format('truetype');  font-weight: 900;  font-style: normal;  font-display: swap;  }
/* ######################################################################################################################################### */

/* Hind */
/* ################################################################################################################## */
    @font-face{font-family: 'Hind';  src: url('../Fonts/Hind/Hind-Light.ttf') format('truetype');  font-weight: 300;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Hind';  src: url('../Fonts/Hind/Hind-Regular.ttf') format('truetype');  font-weight: 400;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Hind';  src: url('../Fonts/Hind/Hind-Medium.ttf') format('truetype');  font-weight: 500;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Hind';  src: url('../Fonts/Hind/Hind-SemiBold.ttf') format('truetype');  font-weight: 600;  font-style: normal;  font-display: swap;  }
    @font-face{font-family: 'Hind';  src: url('../Fonts/Hind/Hind-Bold.ttf') format('truetype');  font-weight: 700;  font-style: normal;  font-display: swap;  }
/* ######################################################################################################################################### */


/* Standards */
/* ######################################################################################################################################### */



    body{font-family: 'Hind', Arial, sans-serif; color:#5B6770; font-size: clamp(0.75rem, 0.0357rem + 1.1161vw, 1.375rem) /* @ 1024px -> 12px | @ 1920px -> 22px */ ; font-weight:300;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    img, video, svg{max-width:100%;height: auto;vertical-align:bottom;display: inline !important;}
    table{border-collapse:collapse;}
    p{margin:0 0 20px 0;}
    p:last-child{margin:0;}
    a{text-decoration:none;}
    b, strong{font-weight:700;}
    button{cursor:none; font-size:1em;}
    iframe{border:none; max-width:100%;}
    textarea{resize: none; width:100%; min-height:100px;}
    figure{margin: 0; display:inline-block;}
    .text-center{text-align:center;}
    .text-right{text-align:right;}
    .small{font-size:.65em; line-height:1.3;}
    figure{margin:0; display:inline-block; position:relative;}
    h1,h2,h3,h4,h5,h6{font-weight:300; font-size:3em; line-height:1.2; margin:0 0 .15em 0;}
    h3{font-size:2.1em;}
    .sits_holder{height: 1px;margin-top: -1px;z-index: -1;position: relative; opacity:0; pointer-events: none;}
.ce-table th, .ce-table td{padding:.3em 0 .15em 0; border-top:.05em solid #5B6770;}

.ce-table th:not(:last-child), .ce-table td:not(:last-child){padding-right:1em;}

    @media screen and (min-width: 1921px) {
        body{font-family: 'Hind', Arial, sans-serif; color:#5B6770; font-size: clamp(1.375rem, -0.1964rem + 1.3095vw, 2.75rem); /* @ 1920px -> 22px | @ 3600px -> 44px */ ;}
    }
/* ######################################################################################################################################### */


/* Grundstruktur */
/* ######################################################################################################################################### */
    header.sc_head{position:fixed; top:0; bottom:0; right:0; width:13.5vw; background:#fff; box-shadow:-5px 0 17px -6px rgb(0 0 0 / 0.5); z-index:20; display:flex; flex-direction:column; justify-content:space-between; transform: translateX(100%); opacity:0; transition:transform 550ms ease-out ,opacity 450ms ease-out; }
    .inited header.sc_head{transform:none; opacity:1;}
    .head_Logo{flex:0 0 auto; padding:4em 3em;}
    .sc_languageMenu{display:flex; justify-content:center; gap:1em; width:100%; padding:0;}
    .sc_languageMenu li{flex:0 0 auto; list-style:none; border-radius:50%; padding:.15em .15em 0 .15em;}
    .sc_languageMenu li a{display:inline-block;width:2em;}
    .head_Buttons{flex:0 0 auto; display:flex; flex-direction:column; align-items: center; gap: 2.3em; padding-bottom:2em;}
    .head_Buttons > a,
    .head_Buttons > button{width:27%;aspect-ratio:1;max-width:27%;}
    .head_Buttons .sc_headButtons,
    .head_Buttons > button{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;border-radius:50%;background:none;overflow:visible;transition:transform 160ms ease, filter 160ms ease;touch-action:manipulation;}
    .head_Buttons .sc_headButtons svg,
    .head_Buttons > button svg{width:100%;height:100%;display:block;}
    .head_Buttons .sc_headButtons:focus-visible,
    .head_Buttons > button:focus-visible{outline:1px solid rgba(0, 48, 135, .58);outline-offset:.22em;}
    .head_Buttons .sc_headButtons.is-tapped,
    .head_Buttons > button.is-tapped,
    .sc_languageMenu li.is-tapped{animation:scVideoButtonTap 420ms cubic-bezier(.22, .7, .28, 1);}
    .sc_languageMenu li.active{pointer-events:none; opacity:.7; transform:scale(.9);}


    main.sc_main{height: 100vh;overflow-x: hidden;overflow-y: auto;padding-right:13.5vw;}
    #mainStage{opacity:0; transition:opacity 450ms ease-out; transition-delay: 250ms; position:relative;}
    #mainStage > .frame{padding:2em;}
    .inited #mainStage{opacity:1;}
    .bg_blue-gradient{background: #003087;background: linear-gradient(90deg, #004196 0%, #00204A 100%);color:#fff;}
    .bg_blue{background: #003087; color:#fff;}
    .bg_grey{background: #e5e9ed; color:#5B6770;}

    /* Das Haupt-Popup (Hintergrund/Overlay) */
    .sc_popup {position: fixed;color:#5B6770;top: 0;left: 0;width:86.5vw;height: 100vw;background: rgba(255, 255, 255, 0.98); z-index: 19;pointer-events: none;opacity: 0;transition: opacity 400ms cubic-bezier(0.25, 1, 0.5, 1);}
.sc_popup#sc_popupSmall{top: 0;left: 29vw;right: 14em;bottom: 0;width:unset;height:unset;position: fixed;padding-top: 3em;padding-bottom: 3em;background: #e5e9ed;z-index: 19;}

    /* Der Container für den TYPO3-Inhalt */
    .sc_popup-wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;box-sizing: border-box;transform: scale(0.96) translateY(20px);transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1);}

    /* Animations-Zustand wenn offen */
    .sc_popup.open {pointer-events: auto;opacity: 1;}
    .sc_popup.open .sc_popup-wrapper {transform: scale(1) translateY(0); background: rgba(255, 255, 255, 0.98);}
    .sc_popup.open > *{opacity:1; pointer-events:auto;}

    /* Einfliegender Inhalt für das "Highlight"-Gefühl */
    .sc_popup-content {opacity: 0; position:relative;margin-right: -10em;padding-right: 10em;max-height: 100%;overflow-y: auto;transform: translateY(10px);transition: all 400ms ease-out;transition-delay: 150ms; /* Wartet, bis das Popup sich geöffnet hat */}
    .sc_popup#sc_popupSmall .sc_popup-content{padding: 1.3em 11.3em 1.3em 1.3em; flex:1; max-height:calc(100% - 3em); font-weight:400; color:#000; font-size:.95em;}
    .sc_popup.open .sc_popup-content {opacity: 1;transform: translateY(0);}

    /* Lade-Hinweis Zentrierung */
    .sc_popup-spinner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-family: sans-serif;color: #666;font-size:.75em;}
    .sc_popup-spinner.hidden{pointer-events:none; opacity:0;}


    .sc_headlineCont{margin-right: -3.5em;margin-top: -2.5em;margin-left: -3.5em;width:calc(100% + 7em);position:relative;--svg-scale: 1;--svg-top: 0em;--svg-left: 0em;text-align:center;}
    .sc_headlineCont.absolute {position: absolute;top: var(--svg-top);left: var(--svg-left);z-index: 5; width:unset; margin:0;}

    .sc_headlineCont img {
        display: block;
        width: auto;
        height: calc(23.5em * var(--svg-scale));
    }
.sc_popup#sc_popupSmall .ce-table[data-cols="2"] th, .ce-table[data-cols="2"] td{width:50%;}
.sc_popup#sc_popupSmall h1,
.sc_popup#sc_popupSmall h2,
.sc_popup#sc_popupSmall h3,
.sc_popup#sc_popupSmall h4,
.sc_popup#sc_popupSmall h5{font-size:1.4em; color:#003087; margin:0 0 .02em 0; font-weight:700;}

.sc_popupButtonBar{flex:0 0 auto; height:3em; display:flex; gap:.6em; padding:0 1.3em; align-items: center;}
.sc_popupGroupname{flex:0 0 auto;font-size: .95em;font-weight: 900;text-transform:uppercase;color: #b2b5b8;}
.sc_popupAdditionalButtons{flex:1; display:flex; justify-content:flex-end; align-items:center; gap:.8em;}


    /* Space before/after Contentelemente */
    /* ============================================================================================================ */
        *.frame-space-before-extra-small{ margin-top: clamp(0.625rem, 0.4048rem + 0.7047vw, 1.25rem)/* @500 = 10px | @1919 = 20px */; }
        *.frame-space-after-extra-small{ margin-bottom: clamp(0.625rem, 0.4048rem + 0.7047vw, 1.25rem)/* @500 = 10px | @1919 = 20px */; }

        *.frame-space-before-small{ margin-top: clamp(1.25rem, 0.8095rem + 1.4094vw, 2.5rem)/* @500 = 20px | @1919 = 40px */; }
        *.frame-space-after-small{ margin-bottom: clamp(1.25rem, 0.8095rem + 1.4094vw, 2.5rem)/* @500 = 20px | @1919 = 40px */; }

        *.frame-space-before-medium{ margin-top:clamp(2.5rem, 1.6191rem + 2.8189vw, 5rem) /* @500 = 40px | @1919 = 80px */; }
        *.frame-space-after-medium{ margin-bottom:clamp(2.5rem, 1.6191rem + 2.8189vw, 5rem) /* @500 = 40px | @1919 = 80px */;}

        *.frame-space-before-large{ margin-top:clamp(3.75rem, 2.4286rem + 4.2283vw, 7.5rem) /* @500 = 60px | @1919 = 120px */;}
        *.frame-space-after-large{ margin-bottom:clamp(3.75rem, 2.4286rem + 4.2283vw, 7.5rem) /* @500 = 60px | @1919 = 120px */;}

        *.frame-space-before-extra-large{ margin-top: clamp(5rem, 3.2382rem + 5.6378vw, 10rem) /* @500 = 80px | @1919 = 160px */; }
        *.frame-space-after-extra-large{ margin-bottom: clamp(5rem, 3.2382rem + 5.6378vw, 10rem) /* @500 = 80px | @1919 = 160px */; }
    /* ============================================================================================================ */
    /* ENDE -> Space before/after Contentelemente */

@media screen and (min-width: 1921px) {
    /* Space before/after Contentelemente */
    /* ============================================================================================================ */
        *.frame-space-before-extra-small{ margin-top: clamp(1.25rem, -0.1786rem + 1.1905vw, 2.5rem)/* @1920 = 20px | @3600 = 40px */; }
        *.frame-space-after-extra-small{ margin-bottom: clamp(1.25rem, -0.1786rem + 1.1905vw, 2.5rem)/* @1920 = 20px | @3600 = 40px */ }

        *.frame-space-before-small{ margin-top: clamp(2.5rem, -0.3571rem + 2.381vw, 5rem) /* @1920 = 40px | @3600 = 80px */; }
        *.frame-space-after-small{ margin-bottom: clamp(2.5rem, -0.3571rem + 2.381vw, 5rem) /* @1920 = 40px | @3600 = 80px */; }

        *.frame-space-before-medium{ margin-top:clamp(5rem, -0.7143rem + 4.7619vw, 10rem) /* @1920 = 80px | @3600 = 160px */; }
        *.frame-space-after-medium{ margin-bottom:clamp(5rem, -0.7143rem + 4.7619vw, 10rem) /* @1920 = 80px | @3600 = 160px */;}

        *.frame-space-before-large{ margin-top:clamp(7.5rem, -1.0714rem + 7.1429vw, 15rem) /* @1920 = 120px | @3600 = 240px */;}
        *.frame-space-after-large{ margin-bottom:clamp(7.5rem, -1.0714rem + 7.1429vw, 15rem) /* @1920 = 120px | @3600 = 240px */;}

        *.frame-space-before-extra-large{ margin-top: clamp(10rem, -1.4286rem + 9.5238vw, 20rem) /* @1920 = 160px | @3600 = 320px */; }
        *.frame-space-after-extra-large{ margin-bottom: clamp(10rem, -1.4286rem + 9.5238vw, 20rem) /* @1920 = 160px | @3600 = 320px */;  }
    /* ============================================================================================================ */
    /* ENDE -> Space before/after Contentelemente */
}
/* ######################################################################################################################################### */


/* Screensaver */
/* ######################################################################################################################################### */
    .sc_screenSaver{position:fixed; z-index:100; width:100%; height:100%; top:0; left:0;overflow: hidden;background: #000;opacity:0; pointer-events:none;}
    .sc_screenSaver video {display: block;width: 100%;height: 100%;object-fit: contain;object-position: center;}
    .saver .sc_screenSaver{opacity:1; transition:opacity 2s ease-out; pointer-events: auto;}
    #saverExit{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
/* ######################################################################################################################################### */


/* 2 Col Container */
/* ######################################################################################################################################### */
    .sc_2Col{display:flex; align-items: center; height:100vh;position:relative;}
    .sc_2Col_left{flex:0 0 auto; width:29vw; padding:2.5em 3.5em; z-index:2;}
    .sc_2colDivider{margin:0 .1em; width:.03em; min-width:1px; height:100%;background: #00B0BA;background: linear-gradient(0deg, rgba(0, 176, 186, 0) 0%, rgba(0, 176, 186, 0) 5%, rgba(0, 176, 186, 1) 13%, rgba(0, 176, 186, 1) 87%, rgba(0, 176, 186, 0) 95%, rgba(0, 176, 186, 0) 100%);}
    .sc_2Col_main{flex:1;padding: 2.5em 13.5em 2.5em 3.5em;max-height: 100vh;overflow-y: auto; overflow-x:hidden; position:relative; z-index:1; margin-right:-10em;}
    .sc_2col_background{width:100%;height:100%; position:absolute; top:0; left:0; z-index:0; --sc-object-position-x: center; --sc-object-position-y: center;}
    .sc_2col_background.hor-left {--sc-object-position-x: left;}
    .sc_2col_background.hor-right {--sc-object-position-x: right;}
    .sc_2col_background.vert-top {--sc-object-position-y: top;}
    .sc_2col_background.vert-bottom {--sc-object-position-y: bottom;}
    .sc_2col_background img{width:100%;height:100%;object-fit:cover;object-position:var(--sc-object-position-x) var(--sc-object-position-y);}
    .sc_2col_background.fit-contain img {object-fit: contain;}
    .self-flex-start{align-self: flex-start;}
    .self-flex-end{align-self: flex-end;}

    .sc_2Col .sc_2Col{height:100%; margin: 0 -1.5em 0 -3.5em;}
    .sc_2Col .sc_2Col .sc_2Col_left,
    .sc_2Col .sc_2Col .sc_2Col_main{flex:1; width:unset;padding:0 1em; max-height:100%;}
    .sc_2Col .sc_2Col .sc_2Col_main{padding:0 11em 0 1em; max-height:unset; overflow-y:hidden;}



/* ######################################################################################################################################### */


/* Menu Pages / Subpages */
/* ######################################################################################################################################### */

    /* Bubbles */
    /* ============================================================================================================ */
        .sc_bubbleMenue{--bubble-gap:1.5em;display:flex;flex-wrap:wrap;gap:var(--bubble-gap);padding:0;margin:0;}
        .sc_bubbleMenue.align_center{justify-content:center;}
        .sc_bubbleMenue.align_right{justify-content:flex-end;}
        .sc_bubbleMenueItem{flex:0 0 auto;position:relative;aspect-ratio:1;width:calc((100% - 3 * var(--bubble-gap)) / 4);border-radius:50%;border:1px solid rgba(160,210,245,0.22);list-style-type:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,rgb(75 128 159 / 9%) 0%,rgba(55,145,215,0.08) 35%,transparent 58%),linear-gradient(145deg,rgb(6 51 92 / 30%) 0%,rgb(0 58 136 / 20%) 100%);backdrop-filter:blur(5px) saturate(115%);-webkit-backdrop-filter:blur(5px) saturate(115%);box-shadow:0 0.65rem 1rem rgba(0,18,52,0.34),inset 0 1px 0 rgba(255,255,255,0.12),inset 0 -1px 0 rgba(0,20,60,0.18);isolation:isolate;overflow:visible;touch-action:manipulation;transition:transform 180ms ease,filter 180ms ease,box-shadow 180ms ease;}
        .sc_bubbleMenue.cols_3 .sc_bubbleMenueItem:nth-child(3n + 1){margin-right:1px;}
        .sc_bubbleBlue .sc_bubbleMenueItem{background: radial-gradient(circle at 35% 25%, rgba(45, 105, 190, 0.22) 0%, rgba(20, 80, 165, 0.10) 32%, transparent 58%), linear-gradient(145deg, rgb(0 59 150 / 90%) 0%, rgb(0 48 135 / 0.95) 52%, rgb(0 31 87 / 90%) 100%);border: .12em solid rgb(0 65 114 / 88%);box-shadow:0 0.65rem 1rem rgba(0,38,85,0.25),inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(0,20,60,0.16);}

        .sc_bubbleMenueItem a{color:#fff;text-decoration:none;font-weight:300;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50%; text-align:center;}
        .sc_bubbleMenueItem a img{width:100%;}

        .sc_bubbleMenueItem::before{content:'';position:absolute;z-index:2;inset:-1px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0deg 22deg,#00b0ba 22deg 43deg,transparent 56deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:blur(2px);pointer-events:none;transform-origin:center;}
        .sc_bubbleMenueItem::after{content:'';position:absolute;z-index:1;inset:-2px;border:2px solid rgba(0,176,186,0);border-radius:inherit;opacity:0;transform:scale(0.94);pointer-events:none;}

        .sc_bubbleBlue .sc_bubbleMenueItem::before{background:conic-gradient(from 0deg,transparent 0deg 20deg,#00c6d1 20deg 45deg,transparent 58deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 3px));mask: radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px));filter:blur(1px) drop-shadow(0 0 4px rgba(0,198,209,0.65));}
        .sc_bubbleBlue .sc_bubbleMenueItem::after{border-width:3px;}

        .sc_bubbleMenueItem.is-tapped{animation:bubbleTap 550ms ease-out;}
        .sc_bubbleMenueItem.is-tapped::before{animation:bubbleHighlight 550ms cubic-bezier(.22,.7,.28,1);}
        .sc_bubbleMenueItem.is-tapped::after{animation:bubbleRing 550ms ease-out;}

        .sc_bubbleBlue .sc_bubbleMenueItem.is-tapped{animation:bubbleTapBlue 550ms ease-out;}
        .sc_bubbleBlue .sc_bubbleMenueItem.is-tapped::before{animation:bubbleHighlightBlue 550ms cubic-bezier(.22,.7,.28,1);}
        .sc_bubbleBlue .sc_bubbleMenueItem.is-tapped::after{animation:bubbleRingBlue 550ms ease-out;}

        @keyframes bubbleTap{
            0%{transform:scale(1);filter:brightness(1);}
            22%{transform:scale(0.965);filter:brightness(1.12);}
            55%{transform:scale(1.018);filter:brightness(1.08);}
            100%{transform:scale(1);filter:brightness(1);}
        }

        @keyframes bubbleHighlight{
            0%{transform:rotate(0deg);filter:blur(2px);}
            65%{filter:blur(1px) drop-shadow(0 0 5px rgba(0,176,186,0.8));}
            100%{transform:rotate(360deg);filter:blur(2px);}
        }

        @keyframes bubbleRing{
            0%{opacity:0;transform:scale(0.94);border-color:rgba(0,176,186,0);}
            25%{opacity:0.85;border-color:rgba(0,176,186,0.8);box-shadow:0 0 12px rgba(0,176,186,0.35);}
            100%{opacity:0;transform:scale(1.1);border-color:rgba(0,176,186,0);box-shadow:0 0 20px rgba(0,176,186,0);}
        }

        @keyframes bubbleTapBlue{
            0%{transform:scale(1);filter:brightness(1);}
            22%{transform:scale(0.96);filter:brightness(1.18) saturate(1.08);}
            55%{transform:scale(1.022);filter:brightness(1.10);}
            100%{transform:scale(1);filter:brightness(1);}
        }

        @keyframes bubbleHighlightBlue{
            0%{transform:rotate(0deg);filter:blur(1px) drop-shadow(0 0 4px rgba(0,198,209,0.65));}
            65%{filter:blur(0.5px) drop-shadow(0 0 10px rgba(0,198,209,1));}
            100%{transform:rotate(360deg);filter:blur(1px) drop-shadow(0 0 4px rgba(0,198,209,0.65));}
        }

        @keyframes bubbleRingBlue{
            0%{opacity:0;transform:scale(0.94);border-color:rgba(0,198,209,0);}
            25%{opacity:1;border-color:rgba(0,198,209,0.95);box-shadow:0 0 8px rgba(0,198,209,0.55),0 0 18px rgba(0,110,170,0.25);}
            100%{opacity:0;transform:scale(1.11);border-color:rgba(0,198,209,0);box-shadow:0 0 24px rgba(0,198,209,0);}
        }
    /* ============================================================================================================ */
    /* END -> Bubbles */

    /* ============================================================================================================ */
    /* ============================================================================================================ */
        .frame-type-menu_subpages.frame-layout-2,
        .frame-type-uploads{color:#000;}
        .frame-type-menu_subpages.frame-layout-2 header h1,
        .frame-type-menu_subpages.frame-layout-2 header h2,
        .frame-type-menu_subpages.frame-layout-2 header h3,
        .frame-type-menu_subpages.frame-layout-2 header h4,
        .frame-type-menu_subpages.frame-layout-2 header h5{font-size:.9em;text-transform:uppercase;font-weight:600;border-top: .05em solid #5B6770;padding: .5em 0 .25em 0;margin: 0;line-height: 1;}
        ul.sc_optionList{margin:0; padding:0;}
        li.sc_optionListItem{list-style-type:none;display:block;border-top: .05em solid #5B6770;padding: .5em 0 .25em 0;font-size:.9em;line-height: 1; font-weight:400;}
        li.sc_optionListItem.strong{font-weight:600; text-transform:uppercase;}
        li.sc_optionListItem a{color:#000; display:inline-flex;}
li.sc_optionListItem a::before{content:''; width:.65em; height:.65em; border-top:.1em solid #003087; border-right:.1em solid #003087; margin-right:.5em; transform:rotate(45deg);}

li.sc_optionListItem.is-tapped,
ul.ce-uploads li.is-tapped{animation:ListItemTap 550ms ease-out;}

@keyframes ListItemTap{
    0%{transform:scale(1);filter:brightness(1);}
    22%{transform:scale(0.965);filter:brightness(1.12);}
    55%{transform:scale(1.018);filter:brightness(1.08);}
    100%{transform:scale(1);filter:brightness(1);}
}
    /* ============================================================================================================ */
    /* ============================================================================================================ */
/* ######################################################################################################################################### */

/* Gemeinsame Darstellung aller Popup-, Video- und PDF-Buttons */
:is(.sc_popup-close, .sc_popup-next, .sc_videoButtons button, .sc_pdfToolbar button) {position: relative;display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;box-sizing: border-box;width: 1.75em;height: 1.75em;margin: 0;padding: 0;border: none;border-radius: 50%;background: none;color: #5B6770;line-height: 1;overflow: visible;transition: transform 160ms ease, filter 160ms ease;touch-action: manipulation;}
:is(.sc_popup-close, .sc_popup-next, .sc_videoButtons button, .sc_pdfToolbar button):focus-visible {outline: 1px solid rgba(0, 48, 135, .58);outline-offset: .18em;}
:is(.sc_popup-close, .sc_popup-next, .sc_videoButtons button, .sc_pdfToolbar button).is-tapped {
    animation: scVideoButtonTap 420ms cubic-bezier(.22, .7, .28, 1);
}

/* Nur am urspruenglichen Platz im grossen Popup absolut positionieren. */
#sc_popupBig > .sc_popup-wrapper > .sc_popup-close {position: absolute;bottom: .5em;right: 1em;z-index: 1;}
.sc_popup-close::before,
.sc_popup-close::after {content: '';position: absolute;top: 50%;left: 50%;width: 1em;height: 0.2em;background: currentColor;transform: translate(-50%, -50%) rotate(45deg);}
.sc_popup-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
button.sc_popup-next{font-weight:600; width:auto !important;margin-left:.5em;}
/* NEXT behaelt seine Textbreite; nur der separate, normal grosse Kreis animiert. */
button.sc_popup-next.is-tapped { animation: none; }
button.sc_popup-next::after {
    content: ''; position: absolute; top: 50%; left: 50%;
    width: 1.75em; height: 1.75em; margin-top: -.875em; margin-left: -.875em;
    border-radius: 50%; pointer-events: none;
}
button.sc_popup-next.is-tapped::after { animation: scVideoButtonTap 420ms cubic-bezier(.22, .7, .28, 1); }
.sc_popup-next.disabled{display:none;}
#sc_popupSmall button.sc_popup-close {margin-left:.5em;}
.sc_popup-close::before,
.sc_popup-close::after {content: '';position: absolute;top: 50%;left: 50%;width: 1em;height: 0.2em;background: currentColor;transform: translate(-50%, -50%) rotate(45deg);}
.sc_popup-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.sc_videoPlayerCont{display:flex; flex-direction:column; height:100vh; position:relative; z-index:2;}
#sc_popupSmall .sc_videoPlayerCont{height:auto;}
.sc_videoStage{background:#000;position:relative;aspect-ratio:16/9;flex:0 0 auto;max-height: calc(100vh - 4em);width:100%;}
.sc_videoStage.border{border: .05em solid #5B6770;}
.sc_videoPlayer{width:100%;height:100%; object-fit: contain; opacity:1; transition: opacity 250ms ease;}
.sc_videoPlayer.sc_videoPlayerFade.is-switching {opacity: 0;}
.sc_videoButtonsCont{flex: 1 1 auto; background:#fff; display:flex; align-items: center; padding:.5em 1em;}
#sc_popupSmall .sc_videoButtonsCont{padding: 1em 0;}
.sc_videoInfo{flex:0 0 auto;margin-right:1.5em;/* line-height: .95; */}

#sc_popupSmall .sc_videoInfo{flex:1; margin:0;}
.sc_videoTitle{font-weight: 600;text-transform:uppercase;font-size: 1.15em;}
#sc_popupSmall .sc_videoTitle{font-weight: 700;text-transform:none;font-size: 1.25em; color:#003087;}
.sc_videoDescription{font-size: .95em;}
#sc_popupSmall .sc_videoDescription{font-size: 1.15em;line-height: 1.2;}
.sc_videoTime{flex:1; font-size:1.1em; font-weight:400;}
.sc_videoButtons{flex:0 0 auto; display:flex; gap:1.5em; align-items: center;}
.sc_popupAdditionalButtons .sc_videoButtons{gap:0;}
.sc_videoPlayButton::before,
.sc_videoNextButton::before{content:'';width: 0;height: 0;border-top: .45em solid transparent;border-left: .65em solid #5B6770;border-bottom: .45em solid transparent;transition:all 200ms ease-out;transition-delay:150ms;}
.sc_videoPlayButton::before{opacity:0; transform:scale(.4) rotateZ(-50deg); transition-delay: unset;}
.sc_videoPlayButton::after{content:'';width: .8em;height: 0.9em;border-left:.25em solid #5B6770;border-right:.25em solid #5B6770;transition:all 200ms ease-out;opacity:1;transform:scale(1) rotateZ(0deg);position:absolute;transition-delay:150ms;}
.sc_videoPlayButton.paused::before{opacity:1; transform:scale(1) rotateZ(0deg); transition-delay:150ms;}
.sc_videoPlayButton.paused::after{opacity:0; transform:scale(.4) rotateZ(50deg); transition-delay: unset;}
.sc_videoNextButton::after,
.sc_videoPrevButton::before{content:'';width: .21em;height: .8em;background: #5B6770;}
.sc_videoPrevButton::after{content:'';width: 0;height: 0;border-top: .45em solid transparent;border-right: .65em solid #5B6770;border-bottom: .45em solid transparent;transition:all 200ms ease-out;transition-delay:150ms;}

.videoProgressWrap {position: absolute;left: 0;right: 0;bottom: 0;padding: 1.5rem 1rem .75rem;z-index:5;background: linear-gradient(to top, rgba(0, 0, 0, .45), transparent);opacity: 0;transform: translateY(.5rem);transition: opacity .3s ease, transform .3s ease;}
.videoProgressWrap.is-aktive {opacity: 1;transform: translateY(0);}
.videoProgressWrap input[type="range"] {width: 100%;touch-action: none;}
.videoProgressWrap .sc_videoTime{font-size: .65em;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    display: block;
    position: absolute;
    top: .55em;}

@keyframes scVideoButtonTap {
    0% {transform:scale(1);filter:brightness(1);box-shadow:0 0 0 0 rgba(0, 48, 135, 0);}
    18% {transform:scale(.85);filter:brightness(1.08);box-shadow:0 0 0 1px rgba(0, 48, 135, .4);}
    58% {transform:scale(1.018);filter:brightness(1.03);box-shadow:0 0 0 .07em rgba(0, 48, 135, .14);}
    100% {transform:scale(1);filter:brightness(1);box-shadow:0 0 0 .13em rgba(0, 48, 135, 0);}
}


.sc_imageSlider{width:100%; min-width:0; overflow:hidden;}
.sc_slideImage{margin-bottom:1em;}
.sc_imageSliderButtons{display:flex;gap:.8em;justify-content:center;align-items:center;}
.sc_popupAdditionalButtons .sc_imageSliderButtons{margin-right:.5em; justify-content:flex-end;}
button.sc_imageSliderButton{flex:0 0 auto; padding:0; cursor:pointer; touch-action:manipulation; background:#fff;border: .08em solid #5B6770;position:relative;width: .8em;height: .8em;border-radius:50%;}
button.sc_imageSliderButton::before{content:"";display:block;background:#5B6770;border-radius:50%; position:absolute; top:-.08em; left:-.08em; right:-.08em; bottom:-.08em; transform:scale(.2); opacity:0; transition:all 200ms ease-out;}
button.sc_imageSliderButton.is-active::before{opacity:1; transform:unset;}
button.sc_imageSliderButton.is-tapped{animation:scImageSliderButtonBounce 420ms cubic-bezier(.22, .7, .28, 1);}
@keyframes scImageSliderButtonBounce {
    0% {transform:scale(1);filter:brightness(1);}
    18% {transform:scale(.85);filter:brightness(1.08);}
    58% {transform:scale(1.018);filter:brightness(1.03);}
    100% {transform:scale(1);filter:brightness(1);}
}
/* Der Tap-Ring folgt der tatsaechlichen Punktgroesse inklusive Rahmen. */
button.sc_imageSliderButton::after{content:'';position:absolute;inset:-.08em;border-radius:inherit;pointer-events:none;}
button.sc_imageSliderButton.is-tapped::after{animation:scImageSliderButtonTap 420ms cubic-bezier(.22, .7, .28, 1);}
@keyframes scImageSliderButtonTap {
    0% {transform:scale(1);box-shadow:0 0 0 0 rgba(0, 48, 135, 0);}
    18% {transform:scale(1.1);box-shadow:0 0 0 1px rgba(0, 48, 135, .5);}
    58% {transform:scale(1.55);box-shadow:0 0 0 1px rgba(0, 48, 135, .3);}
    100% {transform:scale(1.9);box-shadow:0 0 0 1px rgba(0, 48, 135, 0);}
}

.sc_imageSlides{display:flex; align-items:flex-start; position:relative; width:100%; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; transition:height 200ms ease-out;}
.sc_imageSlides::-webkit-scrollbar{display:none;}
@media (prefers-reduced-motion:reduce){
    .sc_imageSlides{transition:none;}
}
.sc_imageSlide{flex:0 0 100%; width:100%; min-width:0; max-width:100%; box-sizing:border-box; scroll-snap-align:start; scroll-snap-stop:always; overflow-wrap:anywhere;}
.sc_slideImage img{display:block; max-width:100%; height:auto;}
button.sc_imageSliderButton:focus-visible{outline:1px solid #003087; outline-offset:.25em;}


.openClose{display:none; position:relative;}
.openClose::after,
.openClose::before{content:""; position:absolute; width:.8em; height:.09em; background:#003087; }
.openClose::after{width:.09em; height:.8em; transition:all .2s ease-in-out;}
.open .openClose::after{opacity:0; transform:rotate(90deg);}


.frame-type-uploads header{font-size:1em;border-top:.05em solid #5B6770;  text-transform:uppercase; }
.frame-type-uploads.open header,
.frame-type-uploads ~ .sits_holder:last-child{border-bottom:.05em solid #5B6770; opacity:1;}
.frame-type-uploads header .openClose{display:inline-flex; width:1.5em; justify-content:center; align-items:center; height:100%; margin-bottom:.2em;}
.frame-type-uploads header > *,
ul.ce-uploads li a{display:block; margin:0;border-top: .05em solid #5B6770;padding: .5em 0 .25em 0;line-height: 1;  font-size:1em; color:#000;}
.frame-type-uploads header > *{display:flex;align-items:center;font-weight:700; border:none;}
ul.ce-uploads{padding:0 0 0 1.5em; font-size:1em; height:0; overflow:hidden; pointer-events:none; opacity:0; transition:padding .2s ease-in-out, opacity .2s ease-in-out;}
.frame-type-uploads.open ul.ce-uploads{padding: 5em 0 0 1.5em; height:auto; pointer-events:auto; opacity:1;}
ul.ce-uploads li{margin:-.05em 0 0 0; list-style-type:none;}
ul.ce-uploads li:first-child{margin:-5.05em 0 0 0;}
ul.ce-uploads li:first-child a{border:none; margin:0;}


.frame-type-uploads header h1,
.frame-type-uploads header h2,
.frame-type-uploads header h3,
.frame-type-uploads header h4,
.frame-type-uploads header h5{font-weight:600;}


/*
body, body *, .sc_pageRoot, .sc_pageRoot *, a{cursor: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'), none !important; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*/

/* PDF popup: native document scrolling, local canvas pages and two zoom controls. */
.sc_popup .sc_popup-content.sc_popup-content--pdf,
.sc_popup#sc_popupSmall .sc_popup-content.sc_popup-content--pdf {
    flex: 1; min-height: 0; min-width: 0; max-height: 100%;
    margin: 0; padding: 0; overflow: hidden;
}
#sc_popupBig .sc_popup-content.sc_popup-content--pdf { margin-bottom: 3em; }
.sc_pdfViewer { display: flex; flex-direction: column; height: 100%; min-height: 0; color: #5B6770; }
.sc_pdfToolbar { display: flex; justify-content: center; gap: .5em; padding-right: 1.5em; flex: 0 0 auto; }
.sc_popupAdditionalButtons .sc_pdfToolbar { padding: 0 0 0 2em; gap: 0; margin-right:auto;}
.sc_pdfToolbar button { min-width: 48px; min-height: 48px; }
.sc_pdfToolbar button::before,
.sc_pdfZoomIn::after {content: '';position: absolute;top: 50%;left: 50%;width: .85em;height: .2em;background: currentColor;transform: translate(-50%, -50%);}
.sc_pdfZoomIn::after { transform: translate(-50%, -50%) rotate(90deg); }
.sc_pdfToolbar button:disabled { opacity: .35; cursor: default; }
.sc_pdfViewport:focus-visible { outline: 2px solid #003087; outline-offset: -2px; }
.sc_pdfViewport { position: relative; flex: 1; min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; overflow-anchor: none; background: #e5e9ed; }
.sc_pdfPages { display: flex; flex-direction: column; align-items: center; gap: .8em; width: max-content; min-width: 100%; box-sizing: border-box; padding: 0; }
.sc_pdfPages canvas { display: block; flex: none; max-width: none; background: white; box-shadow: 0 2px 8px #0002; }
.sc_pdfError { padding: 1em; }

/* Limit the existing large popup to the screen while a PDF is open. */
#sc_popupBig:has(.sc_popup-content--pdf) { height: 100vh; height: 100dvh; }