:root{--art-cap:1400px;}
@font-face{font-family:'DM Serif Text';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/dm-serif-text-normal-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'DM Serif Text';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/dm-serif-text-normal-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'DM Serif Text';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/dm-serif-text-italic-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'DM Serif Text';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/dm-serif-text-italic-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ubuntu-normal-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ubuntu-normal-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Ubuntu';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ubuntu-normal-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'Ubuntu';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ubuntu-normal-latin-ext-500.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/montserrat-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/montserrat-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;}
/* Ubuntu kursiv, lokal. Ergaenzt am 28.07.2026, zusammen mit dem
   Abbestellen der Google-Schrift in der functions.php. Die Unicode-Bereiche
   weichen bewusst von den Normal-Schnitten oben ab: Sie entsprechen den
   heutigen Google-Subsets, aus denen diese Dateien stammen. Der alte Bereich
   U+1E00-1EFF waere zu breit, die vietnamesischen Zeichen liegen inzwischen
   in einem eigenen Subset und stecken nicht in diesen Dateien. */
@font-face{font-family:'Ubuntu';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/ubuntu-italic-latin-400.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:'Ubuntu';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/ubuntu-italic-latin-ext-400.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Ubuntu';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/ubuntu-italic-latin-500.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:'Ubuntu';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/ubuntu-italic-latin-ext-500.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Ubuntu';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/ubuntu-italic-latin-700.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:'Ubuntu';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/ubuntu-italic-latin-ext-700.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
/* Ubuntu 700 normal, lokal. Ergaenzt am 28.07.2026. Vorher gab es lokal nur
   400 und 500, und auch die Google-Schrift des Kassen-Plugins lieferte keinen
   fetten Normalschnitt (ihre URL enthielt nur 0,400 sowie 1,400 und 1,700).
   Fette Stellen im Fliesstext, der Footer-Link und die Kasse wurden deshalb
   vom Browser aus dem 400er hochgerechnet und wirkten plump. Ubuntu 600 wird
   ebenfalls verlangt, den Schnitt gibt es bei Ubuntu nicht; der Browser faellt
   dafuer jetzt auf diesen echten 700er zurueck statt zu rechnen. */
@font-face{font-family:'Ubuntu';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/ubuntu-normal-latin-700.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:'Ubuntu';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/ubuntu-normal-latin-ext-700.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{margin:0;font-family:'Ubuntu',sans-serif;color:#25333a;background:#f5f2ed;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.elementor{position:relative;}
.elementor a.e-button-base,.elementor a{cursor:pointer;}
.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;transition:background-color 200ms;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;transition:opacity 200ms;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;transition:opacity 200ms;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;}

.elementor .s-nav-ausbildung{font-family:Ubuntu;font-weight:500;font-size:16px;color:#ffffff;letter-spacing:1.5px;text-align:center;background-color:transparent;}.elementor .s-dd-ausbildung-links{font-family:Ubuntu;font-weight:400;font-size:14px;color:#ffffff;text-align:center;}.elementor .s-dd-ausbildung{padding-block-start:10px;padding-block-end:10px;padding-inline-start:0px;padding-inline-end:0px;background-color:#186881;}.elementor .s-nav-cell-ausbildung{position:relative;display:flex;flex-direction:row;flex:1 1 0%;justify-content:center;align-items:center;align-self:stretch;}.elementor .s-nav-kurse{font-family:Ubuntu;font-weight:500;font-size:16px;color:#ffffff;letter-spacing:1.5px;text-align:center;background-color:transparent;}.elementor .s-nav-kurse:hover,.elementor .s-nav-kurse:focus-visible{color:#f8b236;background-color:transparent;}.elementor .s-nav-cell-kurse{position:relative;display:flex;flex-direction:row;flex:1 1 0%;justify-content:center;align-items:center;align-self:stretch;}.elementor .s-header-nav-left{display:flex;flex-direction:row;gap:0px;flex:1 1 0%;align-items:stretch;align-self:stretch;}.elementor .s-header-logo{width:140px;}.elementor .s-nav-das-atrium{font-family:Ubuntu;font-weight:500;font-size:16px;color:#ffffff;letter-spacing:1.5px;text-align:center;background-color:transparent;}.elementor .s-dd-artrium-links{font-family:Ubuntu;font-weight:400;font-size:14px;color:#ffffff;text-align:center;}.elementor .s-dd-artrium{padding-block-start:10px;padding-block-end:10px;padding-inline-start:0px;padding-inline-end:0px;background-color:#186881;}.elementor .s-nav-cell-artrium{position:relative;display:flex;flex-direction:row;flex:1 1 0%;justify-content:center;align-items:center;align-self:stretch;}.elementor .s-nav-bewerbung{width:100%;height:100%;font-family:Ubuntu;font-weight:500;font-size:16px;color:#25333a;letter-spacing:1.5px;text-align:center;padding-block-start:0px;padding-block-end:0px;padding-inline-start:24px;padding-inline-end:24px;border-radius:0px;background-color:#f8b236;display:flex;justify-content:center;align-items:center;}.elementor .s-nav-bewerbung:hover,.elementor .s-nav-bewerbung:focus-visible{color:#ffffff;background-color:#186881;}.elementor .s-nav-cell-bewerbung{position:relative;display:flex;flex-direction:row;flex:1 1 0%;justify-content:center;align-items:stretch;align-self:stretch;}.elementor .s-header-nav-right{display:flex;flex-direction:row;gap:0px;flex:1 1 0%;justify-content:flex-end;align-items:stretch;align-self:stretch;}.elementor .s-site-header{min-height:88px;position:sticky;z-index:9999;padding-block-start:0px;padding-block-end:0px;padding-inline-start:60px;padding-inline-end:0px;margin-block-start:0px;margin-block-end:-112px;margin-inline-start:0px;margin-inline-end:0px;background-color:#26343b00;display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;}.elementor .e-1ce42bb-77d5ee4{font-family:Montserrat;font-weight:700;font-size:60px;color:#f5f2ed;letter-spacing:3px;text-transform:uppercase;padding-block-start:0px;padding-block-end:32px;padding-inline-start:0px;padding-inline-end:0px;}.elementor .e-43a79f4-b8aeb2e{font-family:DM Serif Text;font-weight:400;font-size:150px;color:#f5f2ed;letter-spacing:3px;text-align:center;font-style:italic;padding-block-start:0px;padding-block-end:0px;padding-inline-start:25px;padding-inline-end:25px;align-self:center;}.elementor .e-e200398-f131084{font-family:Montserrat;font-weight:700;font-size:60px;color:#f5f2ed;letter-spacing:3px;text-align:start;text-transform:uppercase;padding-block-start:0px;padding-block-end:32px;padding-inline-start:0px;padding-inline-end:0px;}.elementor .s-hero-bottom{padding-block-start:0px;padding-block-end:0px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-end;}.elementor .e-c7d8d49-c954968{font-family:Ubuntu;font-weight:400;font-size:15px;color:#f5f2ed;letter-spacing:3px;padding-block-start:0px;padding-block-end:32px;padding-inline-start:104px;padding-inline-end:0px;}.elementor .e-6b03e6e-1299e66{padding-block-start:0px;padding-block-end:4px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;}.elementor .s-hero{min-height:83vh;background-image:var(--art-hero-bg, url("../img/artrium-hero-the-art-of-acting.webp"));background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:bottom center;background-color:#1d2b31;display:flex;flex-direction:column;justify-content:flex-end;}.elementor .e-8e97d3f-283d988{max-width:440px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.65em;margin-block-start:40px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .e-b547c43-39b8f50{max-width:150px;font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;padding-block-start:24px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:2px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;}.elementor .e-b547c43-39b8f50:hover,.elementor .e-b547c43-39b8f50:focus-visible{color:#186881;border-color:#25333a;background-color:transparent;}.elementor .e-656e7f3-3406fa6{padding-block-start:90px;padding-block-end:80px;padding-inline-start:120px;padding-inline-end:0px;display:flex;flex-direction:column;gap:16px;flex:1 1 42%;justify-content:center;align-items:flex-start;}.elementor .e-1834bf3-98f0090{width:50%;padding:10px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;background-color:#f5f2ed;flex-direction:column;gap:0px;justify-content:center;}.elementor .e-fd3b83b-be802de{padding-block-start:197px;padding-inline-start:50px;display:flex;flex-direction:column;gap:28px;flex:1 1 34%;align-items:flex-start;}.elementor .e-38a03aa-510bad4{font-family:DM Serif Text;font-weight:400;font-size:150px;color:#25333a;line-height:0.75em;font-style:italic;}.elementor .e-12a1dbf-f4a1858{width:fit-content;z-index:3;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:108px;margin-block-start:-4px;display:flex;flex-direction:row;gap:24px;align-items:center;order:-99999;}.elementor .e-acc22e2-ff1c3a2{width:50%;margin-block-start:-130px;margin-inline-start:0px;margin-inline-end:0px;background-color:#f5f2ed;flex-direction:column;gap:0px;}.elementor .e-5615930-ad2a22c{position:relative;z-index:1;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;margin:0px;background-color:#f5f2ed;flex-direction:row;gap:0px;}.elementor .s-kostenlos-tag{z-index:3;font-family:Ubuntu;font-weight:500;font-size:13px;color:#25333a;letter-spacing:1.5px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px;margin-block-start:0px;margin-block-end:-52px;margin-inline-start:0px;margin-inline-end:0px;background-color:#f8b236;align-self:flex-start;}.elementor .s-offer-gast-img{width:100%;height:560px;object-fit:cover;align-self:center;}.elementor .s-gast-num{font-family:DM Serif Text;font-weight:400;font-size:26px;color:#f8b236;font-style:italic;}.elementor .s-gast-heading{font-family:DM Serif Text;font-weight:400;font-size:38px;color:#25333a;margin-block-start:-14px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-gast-text{max-width:310px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}.elementor .s-gast-price{font-family:Ubuntu;font-weight:500;font-size:17px;color:#25333a;}.elementor .s-gast-btn{font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:3px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;}.elementor .s-gast-btn:hover,.elementor .s-gast-btn:focus-visible{color:#186881;border-color:#f8b236;background-color:transparent;}.elementor .s-card-gast-tag{max-width:430px;padding-block-start:44px;padding-block-end:44px;padding-inline-start:44px;padding-inline-end:44px;margin-block-start:-150px;margin-block-end:0px;margin-inline-start:20%;margin-inline-end:0px;background-color:#ffffff;display:flex;flex-direction:column;gap:16px;align-items:flex-start;align-self:end;}.elementor .s-offer-gast-tag{min-width:0px;padding:0px;margin:0px;display:flex;flex-direction:column;gap:0px;flex:1 1 0%;}.elementor .s-offer-probe-img{width:100%;height:560px;object-fit:cover;}.elementor .s-probe-num{font-family:DM Serif Text;font-weight:400;font-size:26px;color:#f8b236;font-style:italic;}.elementor .s-probe-heading{font-family:DM Serif Text;font-weight:400;font-size:38px;color:#25333a;margin-block-start:-14px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-probe-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;padding-inline-end:25px;}.elementor .s-probe-price{font-family:Ubuntu;font-weight:500;font-size:17px;color:#25333a;}.elementor .e-2f2935d-6caa062{font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:3px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;}.elementor .e-2f2935d-6caa062:hover,.elementor .e-2f2935d-6caa062:focus-visible{color:#186881;border-color:#f8b236;background-color:transparent;}.elementor .s-card-probewoche{max-width:430px;padding-block-start:44px;padding-block-end:44px;padding-inline-start:44px;padding-inline-end:44px;margin-block-start:-150px;margin-block-end:0px;margin-inline-start:20%;margin-inline-end:0px;background-color:#ffffff;display:flex;flex-direction:column;gap:16px;align-items:start;align-self:end;}.elementor .s-offer-probewoche{min-width:0px;padding:0px;margin:0px;display:flex;flex-direction:column;gap:0px;flex:1 1 0%;}.elementor .s-offers-row{padding:0px;margin:0px;display:flex;flex-direction:row;gap:0px;flex-wrap:wrap;}.elementor .s-angebote{padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;background-color:#f5f2ed;display:flex;flex-direction:column;}.elementor .s-quote-1-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;}.elementor .s-quote-1-text{max-width:860px;font-family:DM Serif Text;font-weight:400;font-size:44px;color:#25333a;line-height:1.35em;text-align:center;font-style:italic;margin-block-start:28px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-quote-1{padding-block-start:70px;padding-block-end:110px;padding-inline-start:24px;padding-inline-end:24px;background-color:#f5f2ed;display:flex;flex-direction:column;align-items:center;}.elementor .e-19a28a1-fbcd5e4{font-family:DM Serif Text;font-weight:400;font-size:26px;color:#f8b236;font-style:italic;}.elementor .e-722b4f3-4598f40{font-family:DM Serif Text;font-weight:400;font-size:38px;color:#f5f2ed;margin-block-start:-12px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .e-f9cddcb-a9795b3{max-width:380px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#f5f2ed;line-height:1.7em;}.elementor .e-5418e1f-7bce103{font-family:Ubuntu;font-weight:500;font-size:17px;color:#f5f2ed;}.elementor .e-0eae140-69a2a12{font-family:Ubuntu;font-weight:500;font-size:18px;color:#f5f2ed;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:3px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;}.elementor .e-0eae140-69a2a12:hover,.elementor .e-0eae140-69a2a12:focus-visible{color:#f8b236;border-color:#ffffff;background-color:transparent;}.elementor .e-bd400fc-fdaf197{padding-block-start:0px;padding-block-end:100px;padding-inline-start:160px;padding-inline-end:60px;display:flex;flex-direction:column;gap:16px;flex:1 1 42%;justify-content:center;align-items:flex-start;}.elementor .e-711a55e-6087a27{width:50%;padding-inline-end:100px;flex-direction:column;}.elementor .e-76187ed-1c59319{width:50%;padding:0px;flex-direction:column;}.elementor .e-6da5902-99308ed{min-height:600px;background-image:var(--art-auf-bg, url("../img/artrium-aufnahmepruefung.webp"));background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:bottom center;background-clip:border-box;flex-direction:row;}.elementor .e-0336d76-cf9faf9{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;}.elementor .e-2c62b7b-f24445e{max-width:420px;font-family:DM Serif Text;font-weight:400;font-size:45px;color:#25333a;text-align:start;font-style:italic;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:100px;margin-block-start:10px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .e-2e3692f-9c57855{padding-block-start:120px;padding-block-end:85px;padding-inline-start:160px;padding-inline-end:60px;display:flex;flex-direction:column;gap:16px;flex:1 1 42%;justify-content:center;align-items:flex-start;}.elementor .e-8e511be-adef071{width:50%;padding:10px;margin-block-start:-100px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;background-color:#ffffff;flex-direction:column;gap:0px;justify-content:center;}.elementor .e-56b61e9-cf263b1{max-width:420px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}.elementor .e-3487dbe-6f43c74{font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:2px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;}.elementor .e-3487dbe-6f43c74:hover,.elementor .e-3487dbe-6f43c74:focus-visible{color:#186881;border-color:#25333a;background-color:transparent;}.elementor .e-3ce143b-d069df6{padding-block-start:100px;padding-inline-start:100px;display:flex;flex-direction:column;gap:28px;flex:1 1 34%;align-items:flex-start;}.elementor .e-52350aa-2ffd12d{width:50%;margin-block-start:0px;margin-block-end:-165px;margin-inline-start:0px;margin-inline-end:0px;background-color:#ffffff;flex-direction:column;gap:0px;}.elementor .e-228c4a3-2bcf6f5{position:relative;z-index:1;padding-block-start:0px;padding-block-end:60px;padding-inline-start:0px;padding-inline-end:0px;margin:0px;background-color:#ffffff;flex-direction:row;gap:0px;}.elementor .s-kurse-heading{max-width:380px;font-family:DM Serif Text;font-weight:400;font-size:42px;color:#ffffff;line-height:1.2em;}.elementor .s-kurse-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#ffffff;line-height:1.7em;}.elementor .s-kurse-btn{font-family:Ubuntu;font-weight:500;font-size:18px;color:#ffffff;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:2px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;}.elementor .s-kurse-btn:hover,.elementor .s-kurse-btn:focus-visible{color:#f8b236;border-color:#ffffff;background-color:transparent;}.elementor .s-kurse-box{max-width:480px;padding-block-start:105px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;}.elementor .s-kurse{min-height:800px;position:relative;padding-block-start:90px;padding-block-end:90px;padding-inline-start:90px;padding-inline-end:120px;background-image:var(--art-kurse-bg, url("../img/artrium_schauspielschule_home_header_03.webp"));background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:center center;background-color:#25333a;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;}.elementor .s-awards-heading{font-family:DM Serif Text;font-weight:400;font-size:45px;color:#25333a;text-align:center;font-style:italic;}.elementor .s-awards-text{max-width:680px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;text-align:center;margin-block-start:20px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-awards{padding-block-start:110px;padding-block-end:90px;padding-inline-start:40px;padding-inline-end:40px;background-color:#ffffff;display:flex;flex-direction:column;align-items:center;}.elementor .s-hamburg-bridge{height:900px;min-width:0px;object-fit:cover;flex:1 1 49%;}.elementor .s-hamburg-hafen-1{height:220px;min-width:0px;object-fit:cover;flex:1 1 0%;}.elementor .s-hamburg-hafen-2{height:220px;min-width:0px;object-fit:cover;flex:1 1 0%;}.elementor .s-hamburg-top-row{padding-block-start:0px;padding-block-end:0px;padding-inline-start:10px;padding-inline-end:0px;display:flex;flex-direction:row;gap:20px;}.elementor .s-hamburg-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;}.elementor .s-hamburg-heading{max-width:380px;font-family:DM Serif Text;font-weight:400;font-size:40px;color:#25333a;line-height:1.2em;text-align:center;font-style:italic;}.elementor .s-hamburg-text{max-width:480px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;text-align:center;padding-block-end:60px;}.elementor .e-2816719-60ffceb{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;padding-block-start:60px;}.elementor .e-6d7ad46-6c188e8{max-width:380px;font-family:DM Serif Text;font-weight:400;font-size:40px;color:#25333a;line-height:1.2em;text-align:center;font-style:italic;}.elementor .e-8959a80-28d16cc{max-width:480px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;text-align:center;}.elementor .e-hamburg-btn-2c7f846{font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:3px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;}.elementor .e-hamburg-btn-2c7f846:hover,.elementor .e-hamburg-btn-2c7f846:focus-visible{color:#186881;border-color:#25333a;background-color:transparent;}.elementor .s-hamburg-textblock{padding-block-start:60px;padding-block-end:60px;padding-inline-start:60px;padding-inline-end:60px;display:flex;flex-direction:column;gap:20px;align-items:center;}.elementor .s-hamburg-street{width:100%;height:500px;object-fit:cover;padding-inline-start:10px;margin-block-start:28px;}.elementor .s-hamburg-right{min-width:0px;padding:0px;display:flex;flex-direction:column;gap:8px;flex:1 1 49%;}.elementor .s-hamburg{padding-block-start:0px;padding-block-end:90px;padding-inline-start:0px;padding-inline-end:0px;background-color:#ffffff;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;align-items:flex-start;}.elementor .s-quote-2-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;}.elementor .s-quote-2-text{max-width:860px;font-family:DM Serif Text;font-weight:400;font-size:44px;color:#25333a;line-height:1.35em;text-align:center;font-style:italic;margin-block-start:28px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-quote-2{padding-block-start:40px;padding-block-end:125px;padding-inline-start:24px;padding-inline-end:24px;background-color:#ffffff;display:flex;flex-direction:column;align-items:center;}.elementor .s-testi-bg-1{height:320px;min-width:0px;object-fit:cover;background-color:#186881;mix-blend-mode:normal;flex:1 1 0%;}.elementor .s-testi-bg-2{height:320px;min-width:0px;object-fit:cover;flex:1 1 0%;}.elementor .s-testi-bg-3{height:320px;min-width:0px;object-fit:cover;flex:1 1 0%;}.elementor .s-testi-strip{padding:0px;margin:0px;display:flex;flex-direction:row;gap:0px;}.elementor .s-omar-avatar{width:68px;height:68px;object-fit:cover;border-radius:68px;}.elementor .s-omar-quote-mark{font-family:DM Serif Text;font-weight:400;font-size:110px;color:#186881;line-height:0.4em;margin-block-start:26px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-omar-head{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}.elementor .s-omar-name{font-family:DM Serif Text;font-weight:400;font-size:28px;color:#25333a;margin-block-start:6px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-omar-role{font-family:Ubuntu;font-weight:400;font-size:11px;color:#8a949a;letter-spacing:2px;margin-block-start:-8px;margin-block-end:6px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-omar-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}.elementor .s-omar-btn{font-family:Ubuntu;font-weight:500;font-size:16px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#25333a;border-style:solid;background-color:transparent;}.elementor .s-omar-btn:hover,.elementor .s-omar-btn:focus-visible{color:#186881;border-color:#f8b236;background-color:transparent;}.elementor .s-testi-card-omar{padding-block-start:40px;padding-block-end:40px;padding-inline-start:36px;padding-inline-end:36px;background-color:#f5f2ed;display:flex;flex-direction:column;gap:14px;flex:1 1 0%;align-items:flex-start;}.elementor .s-jade-avatar{width:68px;height:68px;object-fit:cover;border-radius:68px;}.elementor .s-jade-quote-mark{font-family:DM Serif Text;font-weight:400;font-size:110px;color:#186881;line-height:0.4em;margin-block-start:26px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-jade-head{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}.elementor .s-jade-name{font-family:DM Serif Text;font-weight:400;font-size:28px;color:#25333a;margin-block-start:6px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-jade-role{font-family:Ubuntu;font-weight:400;font-size:11px;color:#8a949a;letter-spacing:2px;margin-block-start:-8px;margin-block-end:6px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-jade-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}.elementor .s-jade-btn{font-family:Ubuntu;font-weight:500;font-size:16px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#25333a;border-style:solid;background-color:transparent;}.elementor .s-jade-btn:hover,.elementor .s-jade-btn:focus-visible{color:#186881;border-color:#f8b236;background-color:transparent;}.elementor .s-testi-card-jade{padding-block-start:40px;padding-block-end:40px;padding-inline-start:36px;padding-inline-end:36px;background-color:#f5f2ed;display:flex;flex-direction:column;gap:14px;flex:1 1 0%;align-items:flex-start;}.elementor .s-christian-avatar{width:68px;height:68px;object-fit:cover;border-radius:68px;}.elementor .s-christian-quote-mark{font-family:DM Serif Text;font-weight:400;font-size:110px;color:#186881;line-height:0.4em;margin-block-start:26px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-christian-head{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}.elementor .s-christian-name{font-family:DM Serif Text;font-weight:400;font-size:28px;color:#25333a;margin-block-start:6px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-christian-role{font-family:Ubuntu;font-weight:400;font-size:11px;color:#8a949a;letter-spacing:2px;margin-block-start:-8px;margin-block-end:6px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .s-christian-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}.elementor .s-christian-btn{font-family:Ubuntu;font-weight:500;font-size:16px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#25333a;border-style:solid;background-color:transparent;}.elementor .s-christian-btn:hover,.elementor .s-christian-btn:focus-visible{color:#186881;border-color:#f8b236;background-color:transparent;}.elementor .s-testi-card-christian{padding-block-start:40px;padding-block-end:40px;padding-inline-start:36px;padding-inline-end:36px;background-color:#f5f2ed;display:flex;flex-direction:column;gap:14px;flex:1 1 0%;align-items:flex-start;}.elementor .s-testi-cards{z-index:2;padding-block-start:0px;padding-block-end:0px;padding-inline-start:44px;padding-inline-end:44px;margin-block-start:-90px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:flex;flex-direction:row;gap:44px;flex-wrap:wrap;align-items:flex-start;}.elementor .s-testimonials{padding-block-start:0px;padding-block-end:110px;padding-inline-start:0px;padding-inline-end:0px;margin:0px;background-color:#ffffff;display:flex;flex-direction:column;gap:0px;}.elementor .e-b1e8e62-1e96f67{font-family:DM Serif Text;font-weight:400;font-size:44px;color:#25333a;text-align:center;font-style:italic;align-self:center;}.elementor .e-38bc151-372bc1c{max-width:544px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;text-align:center;padding-block-start:16px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;align-self:center;}.elementor .e-a554bc0-062f8a6{flex-direction:column;}.elementor .e-ff1fb69-43aa345{background-color:#ffffff;flex-direction:column;}.elementor .s-kontakt-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;}.elementor .s-kontakt-heading{max-width:280px;font-family:DM Serif Text;font-weight:400;font-size:44px;color:#25333a;line-height:1.2em;font-style:italic;padding-block-end:0px;}.elementor .s-icon-adresse{width:30px;margin-block-start:-2px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;flex:0 0 24px;}.elementor .s-text-adresse{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.6em;}.elementor .s-kontakt-info-adresse{margin-block-end:-10px;display:flex;flex-direction:row;gap:14px;align-items:flex-start;}.elementor .s-icon-phone{width:30px;margin-block-start:0px;flex:0 0 24px;}.elementor .s-text-phone{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.6em;}.elementor .s-kontakt-info-phone{margin-block-end:-10px;display:flex;flex-direction:row;gap:14px;align-items:flex-start;}.elementor .s-icon-email{width:30px;margin-block-start:0px;flex:0 0 24px;}.elementor .s-text-email{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.6em;}.elementor .s-kontakt-info-email{display:flex;flex-direction:row;gap:14px;align-items:center;}.elementor .s-kontakt-infos{padding-inline-start:0px;margin-block-start:16px;margin-block-end:0px;margin-inline-start:-9px;margin-inline-end:0px;display:flex;flex-direction:column;gap:24px;}.elementor .s-kontakt-left{display:flex;flex-direction:column;gap:18px;flex:1 1 30%;align-items:flex-start;}.elementor .s-kontakt-intro{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.65em;}.elementor .s-kontakt-right{padding-block-start:20px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;display:flex;flex-direction:column;gap:28px;flex:1 1 56%;align-items:flex-start;}.elementor .s-kontakt{padding-block-start:100px;padding-block-end:90px;padding-inline-start:90px;padding-inline-end:90px;background-color:#f5f2ed;display:flex;flex-direction:row;gap:70px;flex-wrap:wrap;}.elementor .s-footer-h-workshops{font-family:DM Serif Text;font-weight:400;font-size:28px;color:#ffffff;padding-block-start:0px;padding-block-end:8px;padding-inline-start:0px;padding-inline-end:0px;border-block-start-width:0px;border-block-end-width:2px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#ffffff;border-style:solid;}.elementor .s-footer-links-workshops{font-family:Ubuntu;font-weight:400;font-size:15px;color:#ffffff;letter-spacing:0.5px;line-height:2.6em;}.elementor .s-footer-col-workshops{padding-block-end:10px;display:flex;flex-direction:column;gap:24px;flex:1 1 0%;}.elementor .s-footer-h-nuetzliches{font-family:DM Serif Text;font-weight:400;font-size:28px;color:#ffffff;padding-block-start:0px;padding-block-end:8px;padding-inline-start:0px;padding-inline-end:0px;border-block-start-width:0px;border-block-end-width:2px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#ffffff;border-style:solid;}.elementor .s-footer-links-nuetzliches{font-family:Ubuntu;font-weight:400;font-size:15px;color:#ffffff;letter-spacing:0.5px;line-height:2.6em;}.elementor .s-footer-col-nuetzliches{display:flex;flex-direction:column;gap:24px;flex:1 1 0%;}.elementor .s-footer-h-rechtliches{font-family:DM Serif Text;font-weight:400;font-size:28px;color:#ffffff;padding-block-start:0px;padding-block-end:8px;padding-inline-start:0px;padding-inline-end:0px;border-block-start-width:0px;border-block-end-width:2px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#ffffff;border-style:solid;}.elementor .s-footer-links-rechtliches{font-family:Ubuntu;font-weight:400;font-size:15px;color:#ffffff;letter-spacing:0.5px;line-height:2.6em;}.elementor .s-footer-col-rechtliches{display:flex;flex-direction:column;gap:24px;flex:1 1 0%;}.elementor .s-footer-cols{max-width:1000px;display:flex;flex-direction:row;gap:70px;flex-wrap:wrap;}.elementor .s-footer-copyright{font-family:Ubuntu;font-weight:400;font-size:12px;color:#ffffff;}.elementor .s-footer-social-copy{display:flex;flex-direction:column;gap:20px;flex:1 1 0%;}.elementor .s-footer-legal-text{max-width:420px;font-family:Ubuntu;font-weight:400;font-size:15px;color:#ffffff;line-height:1.8em;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:220px;flex:1 1 0%;}.elementor .s-footer-bottom{margin-block-start:40px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:flex;flex-direction:row;gap:60px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;}.elementor .footer-big-a-img{width:330px;position:absolute;inset-inline-end:-25px;inset-block-end:-45px;z-index:1;}.elementor .s-site-footer{overflow:hidden;position:relative;padding-block-start:90px;padding-block-end:40px;padding-inline-start:90px;padding-inline-end:90px;background-image:var(--art-footer-bg, url("../img/artrium-footer-bg.webp"));background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:center center;background-color:#186881;display:flex;flex-direction:column;gap:60px;}

@media(max-width:767px){.elementor .e-656e7f3-3406fa6{padding-block-start:70px;padding-block-end:70px;padding-inline-start:60px;padding-inline-end:40px;}}@media(max-width:767px){.elementor .e-38a03aa-510bad4{font-size:104px;}}@media(max-width:767px){.elementor .e-12a1dbf-f4a1858{padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:70px;gap:16px;}}@media(max-width:767px){.elementor .e-bd400fc-fdaf197{padding-block-start:70px;padding-block-end:70px;padding-inline-start:60px;padding-inline-end:40px;}}@media(max-width:767px){.elementor .e-2e3692f-9c57855{padding-block-start:70px;padding-block-end:70px;padding-inline-start:60px;padding-inline-end:40px;}}@media(max-width:767px){.elementor .s-kurse{padding-block-start:70px;padding-block-end:70px;padding-inline-start:40px;padding-inline-end:40px;}}@media(max-width:767px){.elementor .s-testi-cards{padding-block-start:0px;padding-block-end:0px;padding-inline-start:24px;padding-inline-end:24px;gap:24px;}}@media(max-width:767px){.elementor .s-kontakt{padding-block-start:70px;padding-block-end:70px;padding-inline-start:40px;padding-inline-end:40px;gap:40px;}}@media(max-width:767px){.elementor .s-footer-cols{gap:40px;}}@media(max-width:767px){.elementor .s-site-footer{padding-block-start:70px;padding-block-end:32px;padding-inline-start:40px;padding-inline-end:40px;}}

@media(max-width:1024px){.elementor .s-header-nav-left{display:none;}}@media(max-width:1024px){.elementor .s-nav-cell-artrium{display:none;}}@media(max-width:1024px){/* Der Ueberlappungswert muss der Hoehe der Leiste entsprechen, sonst rutscht der
   Seitenanfang ueber den oberen Rand und das Kopfbild verliert oben Bildflaeche.
   Ab hier ist die Leiste 64px hoch, also auch 64px Ueberlappung. */
  .elementor .s-site-header{min-height:64px;margin-block-end:-64px;padding-block-start:0px;padding-block-end:0px;padding-inline-start:20px;padding-inline-end:0px;}}@media(max-width:767px){.elementor .e-1ce42bb-77d5ee4{font-size:10px;letter-spacing:2px;padding-block-start:0px;padding-block-end:14px;padding-inline-start:20px;padding-inline-end:0px;}}@media(max-width:767px){.elementor .e-43a79f4-b8aeb2e{font-size:10px;letter-spacing:2px;padding-block-start:0px;padding-block-end:14px;padding-inline-start:20px;padding-inline-end:0px;}}@media(max-width:767px){.elementor .e-e200398-f131084{font-size:10px;letter-spacing:2px;padding-block-start:0px;padding-block-end:14px;padding-inline-start:20px;padding-inline-end:0px;}}@media(max-width:767px){.elementor .e-c7d8d49-c954968{font-size:10px;letter-spacing:2px;padding-block-start:0px;padding-block-end:14px;padding-inline-start:20px;padding-inline-end:0px;}}@media(max-width:767px){.elementor .s-hero{min-height:62vh;}}@media(max-width:767px){.elementor .e-8e97d3f-283d988{margin-block-start:24px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}}@media(max-width:767px){.elementor .e-656e7f3-3406fa6{padding-block-start:50px;padding-block-end:40px;padding-inline-start:24px;padding-inline-end:24px;}}@media(max-width:767px){.elementor .e-1834bf3-98f0090{width:100%;}}@media(max-width:767px){.elementor .e-38a03aa-510bad4{font-size:60px;}}@media(max-width:767px){.elementor .e-12a1dbf-f4a1858{padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:32px;gap:10px;}}@media(max-width:767px){.elementor .e-acc22e2-ff1c3a2{width:100%;}}@media(max-width:767px){.elementor .s-card-gast-tag{max-width:none;padding-block-start:28px;padding-block-end:28px;padding-inline-start:24px;padding-inline-end:24px;margin-block-start:-90px;margin-block-end:0px;margin-inline-start:16px;margin-inline-end:16px;}}@media(max-width:767px){.elementor .s-card-probewoche{max-width:none;padding-block-start:28px;padding-block-end:28px;padding-inline-start:24px;padding-inline-end:24px;margin-block-start:-90px;margin-block-end:0px;margin-inline-start:16px;margin-inline-end:16px;}}@media(max-width:767px){.elementor .s-offers-row{flex-direction:column;gap:40px;}}@media(max-width:767px){.elementor .s-quote-1{padding-block-start:110px;}}@media(max-width:767px){.elementor .s-quote-2{padding-block-start:60px;padding-block-end:60px;}}@media(max-width:767px){.elementor .s-quote-1-text{font-size:26px;}}@media(max-width:767px){.elementor .e-722b4f3-4598f40{font-size:28px;}}@media(max-width:767px){.elementor .e-bd400fc-fdaf197{padding-block-start:50px;padding-block-end:40px;padding-inline-start:24px;padding-inline-end:24px;}}@media(max-width:767px){.elementor .e-711a55e-6087a27{width:100%;}}@media(max-width:767px){.elementor .e-76187ed-1c59319{width:100%;}}@media(max-width:767px){.elementor .e-2c62b7b-f24445e{font-size:45px;}}@media(max-width:767px){.elementor .e-2e3692f-9c57855{padding-block-start:50px;padding-block-end:40px;padding-inline-start:24px;padding-inline-end:24px;}}@media(max-width:767px){.elementor .e-8e511be-adef071{width:100%;}}@media(max-width:767px){.elementor .e-52350aa-2ffd12d{width:100%;}}@media(max-width:767px){.elementor .s-kurse-heading{font-size:38px;}}@media(max-width:767px){.elementor .s-kurse{min-height:480px;padding-block-start:50px;padding-block-end:50px;padding-inline-start:24px;padding-inline-end:24px;}}@media(max-width:767px){.elementor .s-awards{padding-block-start:60px;padding-block-end:60px;padding-inline-start:20px;padding-inline-end:20px;}}@media(max-width:767px){.elementor .s-hamburg-bridge{width:100%;height:300px;}}@media(max-width:767px){.elementor .s-hamburg-heading{font-size:28px;}}@media(max-width:767px){.elementor .e-6d7ad46-6c188e8{font-size:28px;}}@media(max-width:767px){.elementor .s-hamburg-textblock{padding-block-start:40px;padding-block-end:40px;padding-inline-start:24px;padding-inline-end:24px;}}@media(max-width:767px){.elementor .s-hamburg{padding-block-start:0px;padding-block-end:50px;padding-inline-start:0px;padding-inline-end:0px;flex-direction:column;}}@media(max-width:767px){.elementor .s-quote-2-text{font-size:26px;}}@media(max-width:767px){.elementor .s-testi-cards{padding-block-start:0px;padding-block-end:0px;padding-inline-start:20px;padding-inline-end:20px;margin-block-start:-60px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;flex-direction:column;gap:24px;}}@media(max-width:767px){.elementor .e-b1e8e62-1e96f67{font-size:45px;}}@media(max-width:767px){.elementor .s-kontakt-heading{font-size:45px;}}@media(max-width:767px){.elementor .s-kontakt-infos{margin-inline-start:0;}}@media(max-width:767px){.elementor .s-icon-adresse{width:40px;flex:0 0 40px;margin-inline-start:0;}}@media(max-width:767px){.elementor .s-icon-phone{width:40px;flex:0 0 40px;margin-inline-start:0;}}@media(max-width:767px){.elementor .s-icon-email{width:40px;flex:0 0 40px;margin-inline-start:0;}}@media(max-width:767px){.elementor .s-kontakt{padding-block-start:50px;padding-block-end:50px;padding-inline-start:24px;padding-inline-end:24px;flex-direction:column;gap:36px;}}@media(max-width:767px){.elementor .s-footer-cols{flex-direction:column;gap:32px;}}@media(max-width:767px){.elementor .s-footer-col-workshops{padding-block-end:0;}}.elementor .s-footer-h-workshops{white-space:nowrap;}@media(max-width:767px){.elementor .e-a554bc0-062f8a6{padding-inline:24px;}}@media(max-width:767px){.elementor .s-footer-legal-text{margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}}@media(max-width:767px){.elementor .s-footer-bottom{margin-block-start:10px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;flex-direction:column;gap:24px;align-items:flex-start;}}@media(max-width:767px){.elementor .footer-big-a-img{width:160px;inset-inline-end:-12px;inset-block-end:-22px;}}@media(max-width:767px){.elementor .s-site-footer{padding-block-start:50px;padding-block-end:28px;padding-inline-start:24px;padding-inline-end:24px;gap:40px;}}
.s-site-header{transition:background-color .3s ease, box-shadow .3s ease;}
.s-header-logo{transition:filter .3s ease;}

.s-header-logo-link{display:inline-flex;align-items:center;text-decoration:none;}
.art-mm-logo-link{display:inline-flex;align-items:center;text-decoration:none;}
.s-nav-ausbildung,.s-nav-kurse,.s-nav-das-atrium{transition:color .3s ease;}
body.artrium-scrolled .s-site-header{background-color:#f5f2ed !important;}
body.artrium-scrolled-schatten .s-site-header{box-shadow:0 2px 14px rgba(37,51,58,.08);}
body.artrium-scrolled .s-nav-ausbildung,
body.artrium-scrolled .s-nav-kurse,
body.artrium-scrolled .s-nav-das-atrium,
body.art-hero-dark .s-nav-ausbildung,
body.art-hero-dark .s-nav-kurse,
body.art-hero-dark .s-nav-das-atrium{color:#25333a;}
body.artrium-scrolled .s-header-logo,
body.art-hero-dark .s-header-logo{filter:brightness(0) saturate(100%) invert(17%) sepia(19%) saturate(747%) hue-rotate(155deg) brightness(94%) contrast(91%);}
.s-dd-ausbildung,.s-dd-artrium{position:absolute;top:100%;left:0;right:0;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s;z-index:40;}
.s-nav-cell-ausbildung:hover .s-dd-ausbildung,
.s-nav-cell-artrium:hover .s-dd-artrium{opacity:1;visibility:visible;}

.elementor .s-dd-ausbildung-links,.elementor .s-dd-artrium-links{display:block;margin:0;font-size:18px;}
.art-dd-item{position:relative;display:block;}
.art-dd-item>a{display:block;padding:11px 24px;color:#fff;text-align:center;white-space:nowrap;font-size:18px;transition:color .2s;}
.art-dd-item>a:hover{color:#f8b236;}
.art-dd-item.has-sub>a::after{content:"\203A";margin-left:8px;opacity:.7;}

.art-dd-sub{position:absolute;top:0;min-width:100%;background-color:#186881;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;z-index:50;padding-block:6px;}
.art-dd-sub--right{left:100%;}
.art-dd-sub--left{right:100%;}
.art-dd-item.has-sub:hover>.art-dd-sub{opacity:1;visibility:visible;}
.art-dd-sub a{display:block;padding:9px 24px;color:#fff;text-align:center;white-space:nowrap;font-size:18px;transition:color .2s;}
.art-dd-sub a:hover{color:#f8b236;}
.art-divider{width:100%;height:10px;margin:14px 0;background-color:#d6dadb;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 20 16' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 20 16' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:20px 100%;mask-size:20px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;}
.s-card-gast-tag .art-divider,.s-card-probewoche .art-divider,.e-bd400fc-fdaf197 .art-divider{width:66.6%;}
.s-hamburg-textblock .art-divider{width:50%;margin:28px auto;}
.s-kontakt-fluentform .frm-fluent-form fieldset{display:flex !important;flex-direction:column !important;gap:18px !important;width:100% !important;}
.s-kontakt-fluentform .ff-el-group{display:flex !important;flex-direction:column !important;gap:6px !important;margin:0 !important;}
.s-kontakt-fluentform .ff-el-input--label label{font-family:'Ubuntu',sans-serif !important;font-size:14px !important;color:#25333a !important;}
.s-kontakt-fluentform .asterisk-right .ff-el-is-required:after,.s-kontakt-fluentform label:after{content:none !important;}
.s-kontakt-fluentform .ff-el-form-control{font-family:'Ubuntu',sans-serif !important;font-size:15px !important;color:#25333a !important;padding:12px 14px !important;border:1px solid #d6d5d5 !important;border-radius:0 !important;background:#fff !important;width:100% !important;box-shadow:none !important;}
.s-kontakt-fluentform .ff-el-form-control:focus{outline:none !important;border-color:#186881 !important;}
.s-kontakt-fluentform textarea.ff-el-form-control{min-height:130px !important;resize:vertical !important;}
.s-kontakt-fluentform .ff-el-form-hide_label .ff-el-input--label{display:none !important;}
.s-kontakt-fluentform .ff-el-form-check-label{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:10px !important;font-size:13px !important;color:#5b666c !important;line-height:1.5 !important;cursor:pointer !important;}
.s-kontakt-fluentform .ff-el-form-check-input{margin-top:3px !important;}
.s-kontakt-fluentform .ff-btn-submit{align-self:flex-start !important;font-family:'Ubuntu',sans-serif !important;font-weight:500 !important;font-size:16px !important;color:#fff !important;background:#25333a !important;border:0 !important;padding:14px 34px !important;cursor:pointer !important;transition:background .2s !important;border-radius:0 !important;box-shadow:none !important;}
.s-kontakt-fluentform .ff-btn-submit:hover{background:#186881 !important;}
.s-kontakt-fluentform .error{color:#c0392b !important;font-size:12px !important;margin-top:4px !important;display:block !important;}
.s-kontakt-fluentform .ff-message-success{font-family:'Ubuntu',sans-serif !important;font-size:15px !important;color:#186881 !important;}
.art-news{background:#fff;padding-block-start:49px;padding-block-end:110px;padding-inline:44px;}

.art-news-inner{margin-inline:auto;max-width:var(--art-cap);}
.art-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;}
.art-news-card{display:flex;flex-direction:column;gap:0;border:3px solid #f5f2ed;padding:30px 50px 30px 30px;}
.art-news-card .thumb{display:none;}
.art-news-card h3{font-family:'DM Serif Text',serif;font-weight:400;font-size:30px;color:#25333a;line-height:1.2;margin:0 0 7px;}
.art-news-card .date{font-family:'Ubuntu',sans-serif;font-size:15px;color:#f8b236;margin:0 0 27px;}
.art-news-card p{font-family:'Ubuntu',sans-serif;font-size:18px;color:#25333a;line-height:1.7;margin:0 0 30px;}
@media(max-width:767px){.art-news{padding-inline:24px;}.art-news-grid{gap:24px;}}
@media(max-width:767px){.art-news-grid{grid-template-columns:1fr;gap:24px;}.art-news-card{padding:24px;}}
.art-news-card .more{font-family:'Ubuntu',sans-serif;font-weight:500;font-size:17px;color:#25333a;border-bottom:2px solid #f8b236;padding-bottom:4px;align-self:flex-start;margin-top:0;transition:color .2s;}
.art-news-card .more:hover{color:#186881;}
.art-news-btn-wrap{text-align:center;margin-top:30px;}
.art-news-allbtn{font-family:'Ubuntu',sans-serif;font-weight:500;font-size:17px;color:#25333a;border:0;border-bottom:3px solid #f8b236;padding:12px 24px;display:inline-block;background:transparent;transition:color .2s;}
.art-news-allbtn:hover{color:#186881;background:transparent;}
.s-footer-links-workshops a,.s-footer-links-nuetzliches a,.s-footer-links-rechtliches a{color:#fff;transition:color .2s;}
.s-footer-links-workshops a:hover,.s-footer-links-nuetzliches a:hover,.s-footer-links-rechtliches a:hover{color:#f8b236;}
/* Social-Icons im Footer: klein und in Gold, linksbuendig unter der ersten
   Spalte und mit Luft zur Copyright-Zeile darunter. Faellt auf Textlinks
   zurueck, wenn zu einer URL kein Icon passt. */
.s-footer-socials{display:flex;align-items:center;gap:16px;margin-bottom:14px;}
.s-footer-socials a{font-family:'Ubuntu',sans-serif;font-size:13px;color:#f8b236;letter-spacing:.5px;transition:color .2s;display:inline-flex;align-items:center;}
.s-footer-socials a:hover{color:#fff;}
.s-footer-socials svg{width:20px;height:20px;display:block;}
.has-js .art-anim-fade{opacity:0;transition:opacity .8s ease;will-change:opacity;}
.has-js .s-quote-1-text.art-anim-fade,.has-js .s-quote-2-text.art-anim-fade{transition-duration:1s;}
.has-js .art-anim-fade.is-in{opacity:1;}
.has-js .art-anim-slide{opacity:0;transform:translateY(60px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}
.has-js .art-anim-slide.is-in{opacity:1;transform:none;}
.has-js .art-cross-left{opacity:0;transform:translateX(-90px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}
.has-js .art-cross-right{opacity:0;transform:translateX(90px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}
.has-js .art-cross-left.is-in,.has-js .art-cross-right.is-in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.has-js .art-anim-fade,.has-js .art-anim-slide,.has-js .art-cross-left,.has-js .art-cross-right{opacity:1 !important;transform:none !important;transition:none;}}
.art-awards-strip{overflow:hidden;margin-top:40px;width:100%;
  --art-awards-pro-seite:4;--art-awards-luecke:64px;}

.art-awards-track{display:flex;align-items:center;gap:var(--art-awards-luecke);
  width:100%;--art-awards-seite:0;
  transform:translateX(calc(var(--art-awards-seite) * -1 * (100% + var(--art-awards-luecke))));
  transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform;}
.art-awards-track.art-ohne-uebergang{transition:none;}

.art-awards-track img{
  flex:0 0 calc((100% - (var(--art-awards-pro-seite) - 1) * var(--art-awards-luecke)) / var(--art-awards-pro-seite));
  min-width:0;height:190px;object-fit:contain;}
.art-awards-punkte{display:flex;justify-content:center;gap:10px;margin-top:28px;}
.art-awards-punkte:empty{display:none;}
.art-awards-punkt{width:8px;height:8px;padding:0;border:0;border-radius:50%;
  background:#d8d2c8;cursor:pointer;transition:background .3s ease,transform .3s ease;}
.art-awards-punkt:hover{background:#b9b1a4;}
.art-awards-punkt[aria-selected="true"]{background:#f8b236;transform:scale(1.3);}
.elementor .e-paragraph-base > p{margin:0 0 .7em;}
.elementor .e-paragraph-base > p:last-child{margin-bottom:0;}
.elementor .e-heading-base > p{margin:0;}
.elementor .s-quote-1-text > p,.elementor .s-quote-2-text > p{margin:0;}
.elementor .e-paragraph-base a{color:#186881;}
.elementor .e-1834bf3-98f0090,
.elementor .e-acc22e2-ff1c3a2,
.elementor .e-5615930-ad2a22c,
.elementor .e-711a55e-6087a27,
.elementor .e-76187ed-1c59319,
.elementor .e-6da5902-99308ed,
.elementor .e-8e511be-adef071,
.elementor .e-52350aa-2ffd12d,
.elementor .e-228c4a3-2bcf6f5,
.elementor .e-a554bc0-062f8a6,
.elementor .e-ff1fb69-43aa345{display:flex;}
.s-site-header{top:0;}
.s-nav-cell-ausbildung:hover,.s-nav-cell-artrium:hover,
.s-nav-cell-ausbildung:focus-within,.s-nav-cell-artrium:focus-within{background-color:#186881;}
.s-nav-cell-ausbildung:hover .s-nav-ausbildung,.s-nav-cell-artrium:hover .s-nav-das-atrium,
.s-nav-cell-ausbildung:focus-within .s-nav-ausbildung,.s-nav-cell-artrium:focus-within .s-nav-das-atrium{color:#fff !important;}
.s-nav-cell-ausbildung:focus-within .s-dd-ausbildung,
.s-nav-cell-artrium:focus-within .s-dd-artrium{opacity:1;visibility:visible;}
.s-header-logo{margin-inline:16px;}
.s-dd-bewerbung{position:absolute;top:100%;left:0;right:0;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s;z-index:40;background-color:#186881;}
.s-nav-cell-bewerbung:hover .s-dd-bewerbung,
.s-nav-cell-bewerbung:focus-within .s-dd-bewerbung{opacity:1;visibility:visible;}
.elementor .s-dd-bewerbung-links{display:block;margin:0;font-size:18px;font-family:Ubuntu;}

.elementor .s-nav-das-atrium{position:relative;top:2px;}
.elementor .s-footer-links-workshops,.elementor .s-footer-links-nuetzliches,.elementor .s-footer-links-rechtliches{font-size:18px;}
.elementor .s-footer-links-workshops a,.elementor .s-footer-links-nuetzliches a,.elementor .s-footer-links-rechtliches a{color:#fff;}
.elementor .s-footer-links-workshops a:hover,.elementor .s-footer-links-nuetzliches a:hover,.elementor .s-footer-links-rechtliches a:hover{color:#f8b236;}
.elementor .s-header-logo{position:relative;top:3px;}

@media(max-width:1024px){.elementor .s-header-logo{top:13px;}}
.elementor .art-intro-headline{display:block;font-family:DM Serif Text;font-weight:400;
  font-size:44px;color:#25333a;text-align:start;max-width:520px;
  margin-block-start:10px;margin-block-end:0;padding:0;}
.elementor .art-intro-headline em,.elementor .art-intro-headline i{font-style:italic;}
@media(max-width:767px){.elementor .art-intro-headline{font-size:45px;max-width:none;}}
.elementor .art-intro-fakten{margin-block-start:14px;}
.elementor .art-video-block{width:100%;max-width:560px;margin-inline-start:auto;}
.elementor .e-fd3b83b-be802de{padding-inline-end:130px;}
@media(min-width:1025px){.elementor .art-video-block{padding-block-start:114px;}}

@media(min-width:768px) and (max-width:1024px){
  .elementor .art-video-block{padding-block-start:230px;}
}
.elementor .art-video{display:block;position:relative;width:100%;overflow:hidden;background:#1d2b31;line-height:0;}
.elementor .art-video-bild{width:100%;height:auto;display:block;}
.elementor .art-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:74px;height:74px;border-radius:50%;background:rgba(245,242,237,.92);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 22px rgba(0,0,0,.3);transition:transform .18s;}
.elementor .art-video:hover .art-video-play,.elementor .art-video:focus-visible .art-video-play{transform:translate(-50%,-50%) scale(1.07);}

.elementor .art-video-play svg{width:27px;height:27px;fill:#25333a;display:block;}

@media(max-width:767px){
  .elementor .art-video-block{max-width:none;}
  .elementor .e-fd3b83b-be802de{padding-block-start:24px;padding-block-end:64px;padding-inline:24px;}
  .elementor .art-video-play{width:58px;height:58px;}
}
@media(prefers-reduced-motion:reduce){.elementor .art-video-play{transition:none;}}
.elementor .e-43a79f4-b8aeb2e{line-height:1.5;margin-inline-start:10px;transform:translateY(15px);}
.elementor .e-6b03e6e-1299e66{margin-block-end:15px;}
.elementor .e-12a1dbf-f4a1858{margin-block-start:6px;margin-inline-start:5px;}
.elementor .s-hero{padding-block-end:9px;}
.art-video-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:24px;}
.art-video-modal.is-open{display:flex;}
.art-video-modal__backdrop{position:absolute;inset:0;background:rgba(20,26,30,.88);cursor:pointer;}
.art-video-modal__inner{position:relative;width:min(1000px,92vw);max-height:88vh;}
.art-video-modal__video{width:100%;max-height:88vh;display:block;background:#000;border-radius:0;box-shadow:0 24px 70px rgba(0,0,0,.55);}
.art-video-modal__close{position:absolute;top:-16px;right:-16px;width:46px;height:46px;border-radius:50%;border:0;background:#f5f2ed;color:#25333a;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:background .2s ease,color .2s ease;}
.art-video-modal__close:hover,.art-video-modal__close:focus-visible{background:#186881;color:#fff;}
body.art-modal-open{overflow:hidden;}
@media(max-width:767px){.art-video-modal{padding:16px;}.art-video-modal__close{top:-14px;right:-6px;width:40px;height:40px;font-size:24px;}}
/* Hervorgehobener Footer-Link: gold und fett. Gedacht fuer Links, die sich
   rechtlich von den uebrigen abheben muessen (Widerruf). Gesteuert ueber die
   CSS-Klasse art-link-hervor am Menuepunkt im WordPress-Menue, damit die
   Auszeichnung an der Adresse haengt bleibt, auch wenn sich das Ziel aendert.
   Der zweite Selektor greift zusaetzlich beim eRecht24-Widerrufsbutton,
   damit die Auszeichnung auch ohne gesetzte Klasse steht. */
.elementor .s-footer-cols a.art-link-hervor,
.elementor .s-footer-cols a[href*="widerrufsbutton"]{color:#f8b236;font-weight:700;}
.elementor .s-footer-cols a.art-link-hervor:hover,
.elementor .s-footer-cols a.art-link-hervor:focus-visible,
.elementor .s-footer-cols a[href*="widerrufsbutton"]:hover,
.elementor .s-footer-cols a[href*="widerrufsbutton"]:focus-visible{color:#ffffff;}
@media(min-width:1025px){.elementor .s-hamburg-bridge{position:sticky;top:104px;align-self:flex-start;}}
.elementor .s-broschuere{background-color:#ffffff;padding-block-start:77px;padding-block-end:127px;}
.elementor .s-broschuere-inner{max-width:var(--art-cap);margin-inline:auto;padding-inline:40px;display:flex;flex-direction:row;gap:0px;align-items:center;}
.elementor .s-broschuere-text{flex:1 1 50%;display:flex;flex-direction:column;gap:20px;align-items:flex-end;text-align:right;padding-inline-end:50px;}
.elementor .s-broschuere-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-align:right;}
.elementor .s-broschuere-heading{max-width:480px;font-family:DM Serif Text;font-weight:400;font-size:45px;color:#25333a;line-height:1.15em;text-align:right;font-style:italic;}
.elementor .s-broschuere-textbody{max-width:480px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;text-align:right;}
.elementor .s-broschuere-media{flex:1 1 50%;display:flex;justify-content:flex-start;align-items:center;padding-inline-start:50px;}

.elementor .s-broschuere-link{display:inline-block;width:100%;max-width:380px;}
.elementor .s-broschuere-img{width:100%;max-width:380px;height:auto;transition:transform .3s ease;}
.elementor .s-broschuere-link:hover .s-broschuere-img{transform:translateY(-5px);}
@media(max-width:767px){.elementor .s-broschuere{padding-block-start:70px;padding-block-end:70px;}.elementor .s-broschuere-inner{gap:24px;}}
@media(max-width:767px){.elementor .s-broschuere{padding-block-start:50px;padding-block-end:50px;}.elementor .s-broschuere-inner{flex-direction:column;gap:32px;padding-inline:24px;align-items:flex-start;}.elementor .s-broschuere-text{flex:1 1 auto;align-items:flex-start;text-align:left;padding-inline-end:0;}.elementor .s-broschuere-kicker,.elementor .s-broschuere-heading,.elementor .s-broschuere-textbody{text-align:left;}.elementor .s-broschuere-heading{font-size:32px;}.elementor .s-broschuere-media{flex:1 1 auto;justify-content:flex-start;align-self:stretch;padding-inline-start:0;}.elementor .s-broschuere-img{max-width:360px;}}
.art-burger{display:none;}
.art-aufimg-mobile,.art-kurseimg-mobile{display:none;}
.art-hero-lead,.art-hero-bot{display:none;}
@media(max-width:1024px){
  .art-burger{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:34px;height:34px;background:none;border:0;cursor:pointer;margin-inline-start:auto;}
  .art-burger span{display:block;height:2.5px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .2s ease;}
  .art-burger span:nth-child(1){width:30px;}
  .art-burger span:nth-child(2){width:22px;}
  body.art-menu-open .art-burger span:nth-child(1){transform:translateY(4.25px) rotate(45deg);width:30px;}
  body.art-menu-open .art-burger span:nth-child(2){transform:translateY(-4.25px) rotate(-45deg);width:30px;}
  body.artrium-scrolled .art-burger span,
  body.art-hero-dark .art-burger span{background:#25333a;}
  .elementor .s-header-nav-right{display:none;}
  .elementor .s-site-header{justify-content:space-between;padding-inline-end:20px;}
  .elementor .s-header-logo{margin-inline-start:0;margin-inline-end:16px;}
  body.artrium-scrolled .s-site-header{padding-block-end:20px;}
  body.art-menu-open.artrium-scrolled .art-burger span,
  body.art-menu-open.art-hero-dark .art-burger span{background:#fff;}
}
.art-mobile-menu{position:fixed;top:0;left:0;right:0;height:100dvh;z-index:100000;background:#186881;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;}
body.art-menu-open .s-site-header{visibility:hidden;}
.art-mobile-menu.is-open{opacity:1;visibility:visible;}
.art-mm-top{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 20px;flex:0 0 auto;}
.art-mm-logo{width:140px;height:auto;position:relative;top:3px;}
@media(max-width:1024px){.art-mm-logo{top:13px;}}
.art-mm-close{position:relative;width:34px;height:34px;background:none;border:0;cursor:pointer;}
.art-mm-close span{position:absolute;top:50%;left:3px;width:28px;height:2.6px;background:#f8b236;border-radius:2px;}
.art-mm-close span:nth-child(1){transform:rotate(45deg);}
.art-mm-close span:nth-child(2){transform:rotate(-45deg);}
.art-mm-list{list-style:none;margin:0;flex:1 1 auto;overflow-y:auto;padding:10px 26px 6px;}
.art-mm-list>li:first-child{margin-top:10px;}
.art-mm-list>li{border-bottom:1px solid rgba(245,242,237,.16);}
.art-mm-item{width:100%;background:none;border:0;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:17px 2px;font-family:'Ubuntu',sans-serif;font-weight:500;font-size:22px;color:#f5f2ed;text-decoration:none;}
.art-mm-item i{font-style:normal;font-size:26px;color:#f8b236;width:26px;text-align:center;transition:transform .3s;}
.art-mm-list li.exp .art-mm-item i{transform:rotate(45deg);}
.art-mm-sub{max-height:0;overflow:hidden;transition:max-height .35s;}
.art-mm-list li.exp .art-mm-sub{max-height:420px;}
.art-mm-sub a{display:block;padding:10px 4px;font-family:'Ubuntu',sans-serif;font-size:15px;color:#f5f2ed;text-decoration:none;}
.art-mm-sub-toggle{width:100%;background:none;border:0;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:10px 4px;font-family:'Ubuntu',sans-serif;font-size:15px;color:#f5f2ed;}
.art-mm-sub-toggle i{font-style:normal;font-size:17px;color:#f8b236;width:18px;text-align:center;transition:transform .3s;}
.art-mm-sub-item.exp .art-mm-sub-toggle i{transform:rotate(45deg);}
.art-mm-subsub{max-height:0;overflow:hidden;transition:max-height .35s;padding-inline-start:16px;}
.art-mm-sub-item.exp .art-mm-subsub{max-height:200px;}
.art-mm-subsub a{display:block;padding:9px 4px;font-family:'Ubuntu',sans-serif;font-size:15px;color:#f5f2ed;text-decoration:none;}
.art-mm-bewerbung{flex:0 0 auto;display:block;background:#f8b236;color:#25333a;padding:19px 26px;text-align:center;padding-bottom:calc(19px + env(safe-area-inset-bottom));}
.art-mm-bewerbung .lbl{font-family:'Ubuntu',sans-serif;font-weight:500;font-size:21px;letter-spacing:2.5px;text-transform:uppercase;display:block;color:#25333a;text-decoration:none;}
.art-mm-bewerbung-sub{margin-top:8px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;}
.art-mm-bewerbung-sub a{font-family:'Ubuntu',sans-serif;font-size:15px;color:#25333a;text-decoration:underline;}
.art-mm-bewerbung-sub .sep{font-size:15px;color:#25333a;opacity:.6;}
.art-hamburg-group,.art-rundgang-group{display:contents;}
@media(min-width:1025px){
  .elementor .s-hero{padding-block-end:14px;}
}
body.art-menu-open{overflow:hidden;}
@media(min-width:1025px){.art-mobile-menu{display:none;}}

@media(max-width:767px){
  .elementor .s-hero-bottom{display:none;}
  .elementor .e-6b03e6e-1299e66{display:block;position:relative;z-index:1;padding:0;margin:0;}
  .elementor .s-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:18px;padding-block-end:0;background-position:90% 30%;background-image:var(--art-hero-bg-mobile, var(--art-hero-bg, url("../img/artrium-hero-the-art-of-acting.webp")));}
  .elementor .s-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,28,34,.55),rgba(18,28,34,.03) 18%,rgba(18,28,34,0) 44%,rgba(18,28,34,.5));}
  .art-hero-lead{display:block;position:relative;z-index:1;}
  
  .elementor .art-hero-h1{font-family:'Ubuntu',sans-serif;font-weight:500;font-size:13px;letter-spacing:2.1px;color:#f5f2ed;text-transform:uppercase;margin:0 0 8px;padding:0;opacity:.94;white-space:nowrap;transform-origin:left center;}
  .art-hero-word{display:flex;align-items:baseline;gap:9px;}
  .art-hero-lead .art-hero-word{margin-bottom:-9px;}
  .art-hero-word .cap{font-family:'Montserrat',sans-serif;font-weight:700;font-size:32px;letter-spacing:1.5px;text-transform:uppercase;color:#f5f2ed;}
  .art-hero-word .big{font-family:'DM Serif Text',serif;font-style:italic;font-size:88px;line-height:.7;color:#f5f2ed;}
  .art-hero-bot{display:block;background:#f5f2ed;padding:7px 18px 20px;}
  .art-hero-bot .art-hero-word{width:100%;justify-content:flex-end;margin-bottom:0;}
  .art-hero-bot .cap,.art-hero-bot .big{color:#25333a;}
  .elementor .e-5615930-ad2a22c{flex-direction:column;}
  .elementor .e-12a1dbf-f4a1858{display:none;}
  
  .elementor .e-acc22e2-ff1c3a2{margin-block-start:0;}
  
  .elementor .e-1834bf3-98f0090{padding:0;}
  
  .elementor .s-angebote{position:relative;padding-block-start:46px;}
  
  .elementor .s-kostenlos-tag{position:absolute;top:46px;left:0;margin:0;}
  .elementor .e-6da5902-99308ed{flex-direction:column;background-image:none !important;background-color:#2e5c74;min-height:0;}
  .elementor .e-6da5902-99308ed{margin-bottom:0;}
  .elementor .e-6da5902-99308ed::after{content:"";order:3;display:block;height:20px;background:#fff;}
  .elementor .e-711a55e-6087a27{order:1;width:100%;padding-inline-end:0;background-color:#2e5c74;}
  .elementor .e-76187ed-1c59319{display:none;}
  .art-aufimg-mobile{display:block;position:relative;order:2;width:100%;height:340px;background-image:var(--art-auf-bg, url("../img/artrium-aufnahmepruefung.webp"));background-repeat:no-repeat;background-size:auto 106%;background-position:100% 100%;}
  .art-aufimg-mobile::before{content:"";position:absolute;left:0;right:0;top:0;height:56px;z-index:1;pointer-events:none;background:linear-gradient(#2e5c74,rgba(46,92,116,0));}
  .elementor .e-bd400fc-fdaf197{padding:38px 26px 34px;}
  .elementor .e-19a28a1-fbcd5e4,.elementor .e-722b4f3-4598f40{color:#fff;}
  .elementor .e-19a28a1-fbcd5e4{color:#f8b236;}
  .elementor .e-722b4f3-4598f40{font-size:38px;}
  .elementor .e-f9cddcb-a9795b3{max-width:none;color:rgba(255,255,255,.9);}
  .elementor .e-5418e1f-7bce103{color:rgba(255,255,255,.9);}
  .elementor .e-0eae140-69a2a12{color:#fff;border-color:#f8b236;}
  .art-aufimg-mobile{margin:0;}
  .elementor .e-228c4a3-2bcf6f5{display:flex;flex-direction:column;background:#fff;text-align:center;padding:110px 24px;}
  .elementor .e-8e511be-adef071,.elementor .e-52350aa-2ffd12d{width:100%;margin:0;padding:0;background:none;}
  .elementor .e-2e3692f-9c57855{padding:0;gap:10px;align-items:center;}
  .elementor .e-2c62b7b-f24445e{text-align:center;padding-inline-end:0;}
  .elementor .e-3ce143b-d069df6{padding:0;align-items:center;gap:24px;}
  .elementor .e-56b61e9-cf263b1{max-width:none;margin-top:14px;}
  .elementor .e-3487dbe-6f43c74{align-self:center;}
  .elementor .s-kurse{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;background-image:none !important;background-color:#452c48;padding:0;margin-bottom:0;}
  .elementor .s-kurse::after{content:"";order:3;display:block;height:20px;background:#fff;}
  .elementor .s-kurse-box{max-width:none;padding:38px 26px 34px;order:1;}
  .art-kurseimg-mobile{display:block;position:relative;order:2;width:100%;height:340px;margin:0;background-image:var(--art-kurse-bg, url("../img/artrium_schauspielschule_home_header_03.webp"));background-repeat:no-repeat;background-size:cover;background-position:left center;}
  .art-kurseimg-mobile::before{content:"";position:absolute;left:0;right:0;top:0;height:56px;z-index:1;pointer-events:none;background:linear-gradient(#452c48,rgba(69,44,72,0));}
  .art-awards-track img{height:130px;}
  
  .art-awards-strip{--art-awards-luecke:36px;}
  .elementor .s-hamburg{display:flex;flex-direction:column;padding:0;}
  .elementor .s-hamburg-right{display:contents;}
  .elementor .s-hamburg-bridge{display:none;}
  .elementor .s-hamburg-top-row{display:contents;}
  .elementor .s-hamburg-hafen-1{display:none;}
  .elementor .s-hamburg-hafen-2{order:1;width:100%;height:280px;}
  .elementor .s-hamburg-textblock{order:2;padding:62px 24px 56px;}
  .elementor .s-hamburg-street{order:3;width:100%;height:280px;margin:0;padding:0;}
  .elementor .s-hamburg-kicker{margin-top:0;}
  
  .elementor .s-hamburg-text{padding-block-end:40px;}
  .s-hamburg-textblock .art-divider{margin:19px auto;}
  .elementor .e-2816719-60ffceb{padding-block-start:40px;}
  .elementor .s-testimonials{display:flex;flex-direction:column;background:#fff;}
  .elementor .s-testi-strip{display:contents;}
  .elementor .s-testi-cards{display:contents;}
  .elementor .s-testi-bg-1,.elementor .s-testi-bg-2,.elementor .s-testi-bg-3{width:100%;height:280px;}
  .elementor .s-testi-bg-1{order:1;}
  .elementor .s-testi-card-omar{order:2;}
  .elementor .s-testi-bg-2{order:3;}
  .elementor .s-testi-card-jade{order:4;}
  .elementor .s-testi-bg-3{order:5;}
  .elementor .s-testi-card-christian{order:6;}
  .elementor .s-testi-card-omar,.elementor .s-testi-card-jade,.elementor .s-testi-card-christian{position:relative;width:auto;margin:-70px 16px 0;padding:34px 26px;flex:0 0 auto;}
  .elementor .s-testi-card-omar+.elementor .s-testi-bg-2{margin-top:46px;}
  .s-testi-card-jade,.s-testi-card-christian{margin-top:-70px;}
  .s-testi-bg-2,.s-testi-bg-3{margin-top:46px;}
  .elementor .s-omar-avatar,.elementor .s-jade-avatar,.elementor .s-christian-avatar{width:75px;height:75px;}
  .elementor .s-omar-quote-mark,.elementor .s-jade-quote-mark,.elementor .s-christian-quote-mark{font-size:128px;margin-block-start:14px;}
  .elementor .s-omar-name,.elementor .s-jade-name,.elementor .s-christian-name{font-size:26px;}
  .elementor .s-omar-role,.elementor .s-jade-role,.elementor .s-christian-role{font-size:13px;}
  .elementor .s-omar-text,.elementor .s-jade-text,.elementor .s-christian-text{font-size:18px;}
  .elementor .s-testimonials{padding-block-end:0;}
  .elementor .s-broschuere{padding-block-start:98px;padding-block-end:98px;}
  .elementor .s-broschuere-inner{align-items:center;}
  .elementor .s-broschuere-text{align-items:center;text-align:center;padding-inline-end:0;}
  .elementor .s-broschuere-kicker,.elementor .s-broschuere-heading,.elementor .s-broschuere-textbody{text-align:center;}
  .elementor .s-broschuere-media{justify-content:center;}
  .elementor .s-broschuere-img{max-width:260px;}
  .art-news-btn-wrap{margin-top:16px;}
  .elementor .s-kontakt{background-color:#f5f2ed;}
  .elementor .s-kontakt-right{padding-block-start:28px;}
  .elementor .s-site-footer{position:relative;overflow:hidden;padding-block-end:26px;gap:0;}
  .elementor .s-footer-cols{gap:30px;}
  .elementor .s-footer-h-workshops,.elementor .s-footer-h-nuetzliches,.elementor .s-footer-h-rechtliches{width:66.6%;margin-bottom:8px;}
  .elementor .s-footer-links-workshops,.elementor .s-footer-links-nuetzliches,.elementor .s-footer-links-rechtliches{line-height:2.1em;}
  .elementor .s-footer-bottom{display:flex;flex-direction:column;margin-block-start:34px;}
  .elementor .s-footer-legal-text{order:1;padding-inline-end:80px;}
  .elementor .s-footer-social-copy{order:2;margin-top:14px;}
  .elementor .s-footer-copyright{padding-inline-end:95px;margin:0;}
  .elementor .footer-big-a-img{width:115px;inset-inline-end:-9px;inset-block-end:-16px;}
}
@media(min-width:768px) and (max-width:1024px){
  
  .elementor .s-hamburg{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:16px;padding:70px 40px;align-items:start;}
  .elementor .s-hamburg-right{display:contents;}
  .elementor .s-hamburg-bridge{display:none;}
  .elementor .s-hamburg-top-row{display:contents;}
  .elementor .s-hamburg-hafen-1{display:none;}
  .elementor .s-hamburg-hafen-2{grid-column:1;grid-row:1;width:100%;height:260px;object-fit:cover;margin:0;}
  .elementor .s-hamburg-textblock{display:contents;}
  .elementor .art-hamburg-group{display:flex;flex-direction:column;grid-column:1;grid-row:2;margin-top:24px;}
  .elementor .s-hamburg-heading{text-align:left;max-width:none;}
  .elementor .s-hamburg-text{text-align:left;max-width:none;margin-top:16px;}
  .s-hamburg-textblock > .art-divider{display:none;}
  .elementor .art-rundgang-group{display:flex;flex-direction:column;grid-column:2;grid-row:2;margin-top:24px;}
  .elementor .e-2816719-60ffceb{padding-block-start:0;}
  .elementor .e-6d7ad46-6c188e8{text-align:left;max-width:none;}
  .elementor .e-8959a80-28d16cc{text-align:left;max-width:none;margin-top:16px;}
  .elementor .e-hamburg-btn-2c7f846{margin-top:44px;align-self:flex-start;}
  .elementor .s-hamburg-street{grid-column:2;grid-row:1;width:100%;height:260px;object-fit:cover;margin:0;padding:0;}
}
@media(min-width:768px) and (max-width:1024px){
  .elementor .e-656e7f3-3406fa6{padding-inline-start:40px;padding-inline-end:20px;}
  
  .elementor .e-fd3b83b-be802de{padding-inline-start:20px;padding-inline-end:50px;}
}
@media(min-width:768px) and (max-width:1024px){
  
  .elementor .e-6da5902-99308ed{display:grid;grid-template-columns:1fr 1fr;background-image:none !important;background-color:#2e5c74;min-height:0;margin-bottom:0;}
  .elementor .e-711a55e-6087a27{grid-column:1;grid-row:1;width:100%;padding-inline-end:0;background-color:#2e5c74;}
  .elementor .e-76187ed-1c59319{display:none;}
  .art-aufimg-mobile{display:block;grid-column:2;grid-row:1;width:100%;height:auto;min-height:100%;margin:0;background-image:var(--art-auf-bg, url("../img/artrium-aufnahmepruefung.webp"));background-repeat:no-repeat;background-size:cover;background-position:75% 25%;}
  .elementor .e-bd400fc-fdaf197{padding:38px 26px 34px;}
  .elementor .e-19a28a1-fbcd5e4,.elementor .e-722b4f3-4598f40{color:#fff;}
  .elementor .e-19a28a1-fbcd5e4{color:#f8b236;}
  .elementor .e-722b4f3-4598f40{font-size:38px;}
  .elementor .e-f9cddcb-a9795b3{max-width:none;color:rgba(255,255,255,.9);}
  .elementor .e-5418e1f-7bce103{color:rgba(255,255,255,.9);}
  .elementor .e-0eae140-69a2a12{color:#fff;border-color:#f8b236;}
  .e-bd400fc-fdaf197 .art-divider{width:33%;}
  .elementor .e-228c4a3-2bcf6f5{display:flex;flex-direction:column;background:#fff;text-align:center;padding:110px 24px;}
  .elementor .e-8e511be-adef071,.elementor .e-52350aa-2ffd12d{width:100%;margin:0;padding:0;background:none;}
  .elementor .e-2e3692f-9c57855{padding:0;gap:10px;align-items:center;}
  .elementor .e-2c62b7b-f24445e{text-align:center;padding-inline-end:0;font-size:45px;}
  .elementor .e-3ce143b-d069df6{padding:0;align-items:center;gap:24px;}
  .elementor .e-56b61e9-cf263b1{max-width:none;margin-top:14px;}
  .elementor .e-3487dbe-6f43c74{align-self:center;}
  .elementor .s-kurse{display:grid;grid-template-columns:1fr 1fr;justify-content:flex-start;align-items:stretch;min-height:0;background-image:none !important;background-color:#452c48;padding:0;margin-bottom:0;}
  .elementor .s-kurse-box{grid-column:2;grid-row:1;max-width:none;padding:38px 26px 34px;}
  .elementor .s-kurse-heading{font-size:38px;}
  .art-kurseimg-mobile{display:block;grid-column:1;grid-row:1;width:100%;margin:0;background-image:var(--art-kurse-bg, url("../img/artrium_schauspielschule_home_header_03.webp"));background-repeat:no-repeat;background-size:cover;background-position:25% center;}
  .elementor .e-a554bc0-062f8a6{padding-inline:24px;}
  .elementor .e-b1e8e62-1e96f67{font-size:45px;}
  .art-news{padding-inline:24px;}
  .art-news-grid{grid-template-columns:1fr;gap:24px;}
  .art-news-card{padding:24px;}
}
@media(min-width:768px) and (max-width:1024px){
  .elementor .s-testimonials{padding-block-end:40px;}
  .elementor .s-broschuere{padding-block-start:40px;}
}
@media(min-width:768px) and (max-width:1024px){
  
  .elementor .s-hero{background-image:var(--art-hero-bg-tablet, var(--art-hero-bg, url("../img/artrium-hero-the-art-of-acting.webp")));}
  .elementor .s-hero{padding-block-end:0.703vw;}                                  
  .elementor .e-1ce42bb-77d5ee4{font-size:4.688vw;padding-block-end:2.5vw;}       
  .elementor .e-e200398-f131084{font-size:4.688vw;padding-block-end:2.5vw;}       
  .elementor .e-43a79f4-b8aeb2e{font-size:11.719vw;padding-inline:1.953vw;        
    margin-inline-start:0.781vw;transform:translateY(1.172vw);}                   
  .elementor .e-6b03e6e-1299e66{padding-block-end:0.313vw;margin-block-end:1.172vw;} 
  .elementor .e-c7d8d49-c954968{font-size:max(11px,1.172vw);                      
    letter-spacing:max(2px,0.234vw);padding-block-end:2.5vw;                      
    padding-inline-start:8.125vw;}                                                
  .elementor .e-acc22e2-ff1c3a2{margin-block-start:-10.156vw;}                    
  .elementor .e-12a1dbf-f4a1858{padding-inline-end:8.438vw;gap:1.875vw;           
    margin-block-start:0.469vw;margin-inline-start:0.391vw;}                      
  .elementor .e-38a03aa-510bad4{font-size:11.719vw;}                              
}
@media(min-width:1025px){
  .elementor .e-656e7f3-3406fa6{padding-inline-start:calc(120px + max(0px, 100% - (var(--art-cap)/2 - 20px)));}
  .elementor .e-fd3b83b-be802de{padding-inline-end:calc(130px + max(0px, 100% - var(--art-cap)/2));}
}
.elementor .e-5615930-ad2a22c{display:grid;grid-template-columns:1fr 1fr;align-items:start;}
.elementor .e-5615930-ad2a22c::before{content:"";position:absolute;inset-block-start:-130px;
  inset-inline-start:50%;inset-inline-end:0;block-size:130px;background-color:#f5f2ed;}
.elementor .e-12a1dbf-f4a1858{grid-column:2;grid-row:1;margin-block-start:-124px;}
.elementor .art-intro-head{grid-column:1 / -1;grid-row:2;
  padding-block-start:100px;padding-block-end:6px;
  padding-inline-start:calc(130px + max(0px, (100% - var(--art-cap))/2));}
.elementor .e-1834bf3-98f0090{grid-column:1;grid-row:3;justify-content:flex-start;width:auto;}
.elementor .e-acc22e2-ff1c3a2{grid-column:2;grid-row:3;margin-block-start:0;width:auto;}
.elementor .e-656e7f3-3406fa6{padding-block-start:0;flex:0 0 auto;}
.elementor .e-fd3b83b-be802de{padding-block-start:0;}
@media(min-width:1025px){
  .elementor .art-video-block{padding-block-start:60px;}
}
.elementor .art-intro-headline{max-width:660px;}

@media(min-width:768px) and (max-width:1024px){
  .elementor .e-5615930-ad2a22c::before{inset-block-start:-10.156vw;block-size:10.156vw;}
  .elementor .e-12a1dbf-f4a1858{margin-block-start:-9.687vw;}   
  .elementor .art-intro-head{padding-inline-start:50px;}
  
  .elementor .art-video-block{padding-block-start:60px;}
}
@media(max-width:767px){
  .elementor .e-5615930-ad2a22c{display:block;}
  .elementor .e-5615930-ad2a22c::before{display:none;}
  
  .elementor .art-intro-head{padding-block-start:50px;padding-block-end:16px;padding-inline:24px;}
  
  .elementor .e-fd3b83b-be802de{padding-block-start:24px;}
}
@media(min-width:1025px){
  .elementor .s-broschuere{padding-block-end:167px;}
  
  body:not(.home) .elementor .s-broschuere{padding-block-start:167px;}
}
@media(min-width:768px) and (max-width:1024px){
  .art-awards-strip{--art-awards-pro-seite:3;--art-awards-luecke:48px;}
  .art-awards-track img{height:160px;}
}
@media(max-width:767px){
  .art-awards-strip{--art-awards-pro-seite:2;}
}

@media(prefers-reduced-motion:reduce){
  .art-awards-track{transition:none;}
}
.art-awards-strip{max-width:1180px;margin-inline:auto;}
@media(min-width:1025px){
  .elementor .s-awards{padding-block-end:140px;}
}
@media(max-width:767px){
  
  .art-awards-strip{--art-awards-luecke:24px;max-width:none;
    width:calc(100% + 20px);margin-inline:-10px;}
  
  .art-awards-track img{height:175px;}
  
  .elementor .s-awards{padding-block-end:80px;}
}
.elementor .s-subhero{padding-block-start:0;padding-block-end:100px;padding-inline-start:0;padding-inline-end:0;background-color:#f5f2ed;display:flex;flex-direction:column;}
.elementor .s-subhero-row{padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;}
.elementor .s-subhero-col{min-width:0;padding:0;margin:0;display:flex;flex-direction:column;flex:1 1 0%;}
.elementor .s-subhero-img{width:100%;height:560px;object-fit:cover;display:block;}
.elementor .s-subhero-card{width:56.5vw;min-width:380px;padding:44px;margin-block-start:-150px;margin-block-end:0;margin-inline-start:6vw;margin-inline-end:0;background-color:#ffffff;position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;align-items:flex-start;align-self:start;}
.elementor .s-subhero-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;}
.elementor .s-subhero-heading{font-family:DM Serif Text;font-weight:400;font-size:46px;line-height:1.15em;color:#25333a;margin-block-start:-6px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}
.elementor .s-subhero-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}
.elementor .s-subhero-btn{font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:3px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;align-self:flex-start;}
.elementor .s-subhero-btn:hover,.elementor .s-subhero-btn:focus-visible{color:#186881;border-color:#f8b236;background-color:transparent;}
body.art-subhead .s-site-header{margin-block-end:0;}
@media(min-width:768px) and (max-width:1024px){
  .elementor .s-subhero-col-right{display:none;}
  .elementor .s-subhero-card{width:70%;min-width:0;margin-inline-start:6%;}
  .elementor .s-subhero-heading{font-size:38px;}
}
@media(max-width:767px){
  .elementor .s-subhero-col-right{display:none;}
  .elementor .s-subhero-row{flex-direction:column;}
  .elementor .s-subhero-img{height:360px;}
  
  .elementor .s-subhero-card{width:auto;max-width:none;min-width:0;align-self:stretch;padding-block-start:28px;padding-block-end:28px;padding-inline-start:24px;padding-inline-end:24px;margin-block-start:-90px;margin-inline-start:16px;margin-inline-end:16px;}
  
  .elementor .s-subhero-heading{font-size:32px;overflow-wrap:break-word;}
}
.elementor .s-textabschnitt{padding-block-start:96px;padding-block-end:96px;padding-inline-start:24px;padding-inline-end:24px;display:flex;justify-content:center;}
.elementor .s-textabschnitt-inner{width:100%;max-width:760px;}
.elementor .s-textabschnitt-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;text-transform:uppercase;margin-block-end:10px;}
.elementor .s-textabschnitt-heading{font-family:DM Serif Text;font-weight:400;font-size:45px;line-height:1.18em;color:#25333a;margin-block-start:0px;margin-block-end:24px;}
.elementor .s-textabschnitt-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}
.elementor .s-textabschnitt.is-dark .s-textabschnitt-heading,
.elementor .s-textabschnitt.is-dark .s-textabschnitt-text{color:#f5f2ed;}
.elementor .s-textabschnitt.is-dark .s-textabschnitt-text a{color:#f8b236;}

.elementor .s-textabschnitt-text > *{margin-block-start:0;margin-block-end:0;}
.elementor .s-textabschnitt-text > * + *{margin-block-start:16px;}
.elementor .s-textabschnitt-text > * + h3,.elementor .s-textabschnitt-text > * + h4{margin-block-start:30px;}
.elementor .s-textabschnitt-text > h3 + *,.elementor .s-textabschnitt-text > h4 + *{margin-block-start:8px;}

.elementor .s-textabschnitt-text h3,.elementor .s-textabschnitt-text h4{font-family:DM Serif Text;font-weight:400;font-style:italic;line-height:1.25em;}
.elementor .s-textabschnitt-text h3{font-size:24px;}
.elementor .s-textabschnitt-text h2{font-family:DM Serif Text;font-weight:400;font-style:normal;font-size:45px;line-height:1.18em;color:#25333a;}
.elementor .s-textabschnitt-text > * + h2{margin-block-start:56px;}
.elementor .s-textabschnitt-text > h2 + *{margin-block-start:24px;}
@media (max-width:767px){.elementor .s-textabschnitt-text h2{font-size:32px;}
.elementor .s-textabschnitt-text > * + h2{margin-block-start:44px;}}
.elementor .s-textabschnitt-text h4{font-size:21px;}
.elementor .s-textabschnitt.is-gold .s-textabschnitt-kicker{color:#25333a;}
.elementor .s-textabschnitt.is-weiss .s-textabschnitt-kicker{color:#186881;}

@media(max-width:767px){
  .elementor .s-textabschnitt{padding-block-start:56px;padding-block-end:56px;}
  .elementor .s-textabschnitt-heading{font-size:32px;}
  .elementor .s-textabschnitt-kicker{font-size:12px;}
}
.elementor .s-textabschnitt.has-bild{padding:0;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;}

.elementor .s-textabschnitt.has-bild .s-textabschnitt-bild{flex:0 0 27%;align-self:center;}
.elementor .s-textabschnitt.has-bild .s-textabschnitt-img{display:block;width:100%;height:auto;}
.elementor .s-textabschnitt.has-bild .s-textabschnitt-inner{flex:1 1 auto;max-width:820px;padding-block-start:130px;padding-block-end:130px;padding-inline-start:133px;padding-inline-end:60px;}

.elementor .s-textabschnitt.has-bild:not(.is-quer) .s-textabschnitt-inner{max-width:920px;}
@media(min-width:768px){
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-bild{align-self:flex-start;margin-block-start:130px;}
}
@media(min-width:1025px){
  
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-bild{position:sticky;top:104px;margin-block-end:16px;}
}
.elementor .s-textabschnitt.is-bild-rechts .s-textabschnitt-bild{order:2;}
.elementor .s-textabschnitt.is-bild-rechts .s-textabschnitt-inner{flex:0 1 auto;margin-inline-start:auto;padding-inline-start:60px;padding-inline-end:133px;}
.elementor .s-textabschnitt.is-quer .s-textabschnitt-bild{flex:0 0 45%;}
@media(min-width:768px) and (max-width:1024px){
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-bild{flex:0 0 30%;}
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-inner{padding-block-start:80px;padding-block-end:80px;padding-inline-start:64px;padding-inline-end:32px;}
  .elementor .s-textabschnitt.is-bild-rechts .s-textabschnitt-inner{padding-inline-start:32px;padding-inline-end:64px;}
  .elementor .s-textabschnitt.is-quer .s-textabschnitt-bild{flex:0 0 45%;}
}
@media(max-width:767px){
  .elementor .s-textabschnitt.has-bild{flex-direction:column;}
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-bild{flex:0 0 auto;align-self:stretch;}
  .elementor .s-textabschnitt.is-bild-rechts .s-textabschnitt-bild{order:0;}
  
  .elementor .s-textabschnitt.has-bild.is-quer .s-textabschnitt-img{height:360px;object-fit:cover;}
  
  .elementor .s-textabschnitt.has-bild:not(.is-quer) .s-textabschnitt-bild{align-self:stretch;width:100%;}
  .elementor .s-textabschnitt.has-bild:not(.is-quer) .s-textabschnitt-img{height:auto;width:100%;object-fit:contain;display:block;}
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-inner{max-width:none;padding-block-start:48px;padding-block-end:56px;padding-inline-start:24px;padding-inline-end:24px;}
}
.elementor .e-6da5902-99308ed.nu-spiegel{transform:scaleX(-1);position:relative;background-color:#0d1a55;background-size:112% auto;background-position:30px 22%;}
.elementor .e-6da5902-99308ed.nu-spiegel > *{transform:scaleX(-1);}

.elementor .e-6da5902-99308ed.nu-spiegel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg, #0d1a55 40%, rgba(13,26,85,0) 62%);}

.elementor .e-6da5902-99308ed.nu-spiegel::before{content:"";position:absolute;left:0;bottom:0;z-index:2;width:49%;height:90px;background:#ffffff;}
.elementor .e-6da5902-99308ed.nu-spiegel.nu-cutout-creme::before{background:#f5f2ed;}

.elementor .nu-spiegel .e-711a55e-6087a27{position:relative;z-index:3;}

@media(max-width:767px){
  .elementor .e-6da5902-99308ed.nu-spiegel::after,
  .elementor .e-6da5902-99308ed.nu-spiegel::before{display:none;}
  
  .elementor .e-6da5902-99308ed.nu-spiegel,
  .elementor .nu-spiegel .e-711a55e-6087a27{background-color:#0d1a55;}
  .elementor .nu-spiegel .art-aufimg-mobile::before{background:linear-gradient(#0d1a55,rgba(13,26,85,0));}
}
@media(min-width:768px) and (max-width:1024px){
  
  .elementor .e-6da5902-99308ed.nu-spiegel::before{display:none;}
  .elementor .e-6da5902-99308ed.nu-spiegel,
  .elementor .nu-spiegel .e-711a55e-6087a27{background-color:#0d1a55;}
}
@media(min-width:1025px){
  body.art-subhead .elementor .s-broschuere{padding-block-start:133px;}
}

@media(min-width:768px) and (max-width:1024px){
  body:not(.home) .elementor .s-broschuere{padding-block-start:127px;}
}
@media(max-width:767px){
  body:not(.home) .elementor .s-textabschnitt{padding-block-start:60px;padding-block-end:60px;}
  body:not(.home) .elementor .s-textabschnitt.has-bild{padding-block-start:0;padding-block-end:0;}
  body:not(.home) .elementor .s-textabschnitt.has-bild .s-textabschnitt-inner{padding-block-start:70px;padding-block-end:70px;}
  body:not(.home) .elementor .s-faq{padding-block-start:60px;padding-block-end:60px;}
  body:not(.home) .elementor .s-broschuere{padding-block-start:60px;padding-block-end:60px;}
  body:not(.home) .elementor .s-kontakt{padding-block-start:60px;padding-block-end:60px;}
  body:not(.home) .elementor .s-dozent{padding-block-start:60px;padding-block-end:60px;}
  body:not(.home) .elementor .s-pitch{padding-block-start:60px;padding-block-end:60px;}
}
@media(max-width:767px){
  .elementor .s-broschuere-img{margin-inline:auto;}
}
.elementor .s-dozent{padding-block-start:120px;padding-block-end:120px;padding-inline-start:24px;padding-inline-end:24px;}
.elementor .s-dozent-inner{max-width:840px;margin-inline:auto;display:flex;flex-direction:column;}
.elementor .s-dozent-media{width:100%;}

.elementor .s-dozent-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}

.elementor .s-dozent-card{position:relative;z-index:2;max-width:760px;margin-inline:auto;margin-block-start:-70px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding-block-start:56px;padding-block-end:56px;padding-inline-start:64px;padding-inline-end:64px;}

.elementor .s-dozent-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;text-transform:uppercase;}
.elementor .s-dozent-name{font-family:DM Serif Text;font-weight:400;font-size:34px;color:#25333a;line-height:1.15em;margin:0;}
.elementor .s-dozent-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}
.elementor .s-dozent-text p{margin:0 0 1em;}
.elementor .s-dozent-text p:last-child{margin-bottom:0;}

.elementor .s-dozent-btn{font-family:Ubuntu;font-weight:500;font-size:16px;color:#25333a;background-color:transparent;border-radius:0px;border-block-start-width:0px;border-block-end-width:3px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;text-align:left;text-decoration:none;align-self:flex-start;}
.elementor .s-dozent-btn:hover,.elementor .s-dozent-btn:focus-visible{color:#f8b236;border-color:#ffffff;}

.elementor .s-dozent.is-dark .s-dozent-name,
.elementor .s-dozent.is-dark .s-dozent-text{color:#f5f2ed;}
.elementor .s-dozent.is-dark .s-dozent-btn{color:#f5f2ed;border-color:#f5f2ed;}
.elementor .s-dozent.is-dark .s-dozent-btn:hover,
.elementor .s-dozent.is-dark .s-dozent-btn:focus-visible{color:#ffffff;border-color:#ffffff;}
.elementor .s-dozent.is-gold .s-dozent-kicker{color:#25333a;}
.elementor .s-dozent.is-weiss .s-dozent-kicker{color:#186881;}
@media(min-width:768px) and (max-width:1024px){
  .elementor .s-dozent{padding-block-start:90px;padding-block-end:90px;padding-inline-start:40px;padding-inline-end:40px;}
  .elementor .s-dozent-card{max-width:88%;margin-block-start:-60px;padding-block-start:44px;padding-block-end:44px;padding-inline-start:48px;padding-inline-end:48px;}
  .elementor .s-dozent-name{font-size:30px;}
}
@media(max-width:767px){
  .elementor .s-dozent{padding-block-start:70px;padding-block-end:70px;padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-dozent-inner{max-width:none;}
  .elementor .s-dozent-media{width:calc(100% + 48px);margin-inline:-24px;}
  .elementor .s-dozent-card{max-width:none;margin-block-start:-40px;gap:14px;padding-block-start:36px;padding-block-end:36px;padding-inline-start:28px;padding-inline-end:28px;}
  .elementor .s-dozent-name{font-size:28px;}
  .elementor .s-dozent-kicker{font-size:12px;}
  .elementor .s-dozent-text{font-size:17px;}
}
.elementor .s-weg3{position:relative;background-color:#f5f2ed;display:flex;flex-direction:column;padding-block-start:133px;padding-block-end:133px;}
.elementor .s-weg3-tag{z-index:3;font-family:Ubuntu;font-weight:500;font-size:13px;color:#25333a;letter-spacing:1.5px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px;margin-block-end:-52px;background-color:#f8b236;align-self:flex-start;}

.elementor .s-weg3-row{padding:0px;margin:0px;display:flex;flex-direction:row;gap:0px;flex-wrap:wrap;align-items:stretch;}
.elementor .s-weg3-col{min-width:0px;padding:0px;margin:0px;display:flex;flex-direction:column;gap:0px;flex:1 1 0%;}
.elementor .s-weg3-img{width:100%;height:460px;object-fit:cover;}
.elementor .s-weg3-card{position:relative;z-index:2;flex-grow:1;margin-block-start:-120px;margin-inline-start:14px;margin-inline-end:14px;background-color:#ffffff;display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding-block-start:36px;padding-block-end:36px;padding-inline-start:36px;padding-inline-end:36px;}
.elementor .s-weg3-num{font-family:DM Serif Text;font-weight:400;font-size:26px;color:#f8b236;font-style:italic;}
.elementor .s-weg3-heading{font-family:DM Serif Text;font-weight:400;font-size:32px;color:#25333a;margin-block-start:-14px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}
.elementor .s-weg3-text{font-family:Ubuntu;font-weight:400;font-size:17px;color:#25333a;line-height:1.7em;}
.elementor .s-weg3-price{font-family:Ubuntu;font-weight:500;font-size:16px;color:#25333a;}
.elementor .s-weg3-btn{font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:3px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;text-decoration:none;align-self:flex-start;}

.elementor .s-weg3-card .art-divider{width:50%;}
@media(max-width:1024px){
  .elementor .s-weg3{padding-block-start:80px;padding-block-end:133px;}
  .elementor .s-weg3-row{flex-direction:column;gap:40px;}
  .elementor .s-weg3-img{height:420px;}
  .elementor .s-weg3-card{margin-block-start:-90px;margin-inline-start:16px;margin-inline-end:16px;padding-block-start:28px;padding-block-end:28px;padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-weg3-heading{font-size:34px;}
  .elementor .s-weg3-tag{position:absolute;top:46px;left:0;margin:0;}
}
@media(max-width:767px){
  .elementor .s-weg3{padding-block-end:80px;}
  .elementor .s-weg3-img{height:300px;}
}
.elementor .s-faq{padding-block-start:133px;padding-block-end:133px;padding-inline-start:24px;padding-inline-end:24px;}
.elementor .s-faq-inner{max-width:900px;margin-inline:auto;}

.elementor .s-faq.has-head .s-faq-inner{max-width:1200px;display:grid;grid-template-columns:minmax(240px,340px) 1fr;column-gap:56px;align-items:start;}
.elementor .s-faq-head{text-align:left;}
.elementor .s-faq-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;text-transform:uppercase;}
.elementor .s-faq-heading{font-family:DM Serif Text;font-weight:400;font-size:42px;color:#25333a;line-height:1.15em;margin:0;}
.elementor .s-faq-list{display:flex;flex-direction:column;}
.elementor .s-faq-divider{background-color:#c8cdce;}
.elementor .s-faq-frage{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block-start:22px;padding-block-end:22px;font-family:DM Serif Text;font-weight:400;font-size:26px;line-height:1.25em;color:#25333a;}
.elementor .s-faq-frage::-webkit-details-marker{display:none;}

.elementor .s-faq-frage::after{content:"";flex:0 0 auto;width:12px;height:12px;margin-inline-start:8px;border-right:2px solid #f8b236;border-bottom:2px solid #f8b236;transform:rotate(45deg);transition:transform .2s ease;}
.elementor .s-faq-item[open] .s-faq-frage::after{transform:rotate(-135deg);}
.elementor .s-faq-antwort{font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.7em;color:#25333a;padding-block-end:22px;padding-inline-end:44px;}
.elementor .s-faq-antwort p{margin:0 0 1em;}
.elementor .s-faq-antwort p:last-child{margin-bottom:0;}
.elementor .s-faq-antwort ul,.elementor .s-faq-antwort ol{margin:0 0 1em;padding-inline-start:22px;}
.elementor .s-faq-antwort li{margin-block-end:6px;}
.elementor .s-faq-antwort a{color:#186881;text-decoration:underline;}
.elementor .s-faq-antwort a:hover,.elementor .s-faq-antwort a:focus-visible{color:#f8b236;}

.elementor .s-faq.is-dark .s-faq-heading,
.elementor .s-faq.is-dark .s-faq-frage,
.elementor .s-faq.is-dark .s-faq-antwort{color:#f5f2ed;}
.elementor .s-faq.is-dark .s-faq-divider{background-color:rgba(255,255,255,.4);}
.elementor .s-faq.is-dark .s-faq-antwort a{color:#f8b236;}
.elementor .s-faq.is-dark .s-faq-antwort a:hover,.elementor .s-faq.is-dark .s-faq-antwort a:focus-visible{color:#ffffff;}

.elementor .s-faq.is-gold .s-faq-kicker{color:#25333a;}
.elementor .s-faq.is-weiss .s-faq-kicker{color:#186881;}
.elementor .s-faq.is-gold .s-faq-frage::after{border-color:#25333a;}
.elementor .s-faq.is-gold .s-faq-antwort a{color:#186881;}

@media(max-width:1024px){
  .elementor .s-faq.has-head .s-faq-inner{grid-template-columns:1fr;row-gap:28px;}
}
@media(max-width:767px){
  .elementor .s-faq{padding-block-start:70px;padding-block-end:70px;}
  .elementor .s-faq-heading{font-size:32px;}
  .elementor .s-faq-frage{font-size:21px;gap:16px;padding-block-start:16px;padding-block-end:16px;}
  .elementor .s-faq-antwort{font-size:16px;padding-inline-end:0;}
}
@media(min-width:768px){
  body.art-subhead .elementor .s-kontakt{padding-block-start:133px;padding-block-end:133px;}
}
@media(max-width:767px){
  body.art-subhead .elementor .s-kontakt{padding-block-start:80px;padding-block-end:80px;}
}
.elementor .s-blog{background-color:#ffffff;padding-block-start:120px;padding-block-end:110px;padding-inline-start:44px;padding-inline-end:44px;}
.elementor .s-blog-inner{max-width:var(--art-cap);margin-inline:auto;}
.elementor .s-blog-head{text-align:center;margin-block-end:44px;}
.elementor .s-blog-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;}
.elementor .s-blog-heading{font-family:DM Serif Text;font-weight:400;font-size:42px;color:#25333a;line-height:1.15em;margin:0;}

.elementor .s-blog-filter{display:flex;flex-wrap:wrap;justify-content:center;column-gap:12px;row-gap:12px;margin-block-end:48px;}
.elementor .s-blog-filter-break{flex-basis:100%;width:100%;height:0;margin:0;}
.elementor .s-blog-pill{font-family:Ubuntu;font-weight:500;font-size:14px;letter-spacing:.5px;line-height:1;color:#25333a;background-color:transparent;border:2px solid #f8b236;border-radius:0;padding-block-start:11px;padding-block-end:11px;padding-inline-start:22px;padding-inline-end:22px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease;}
.elementor .s-blog-pill:hover,.elementor .s-blog-pill:focus-visible{background-color:#186881;color:#ffffff;outline:none;}
.elementor .s-blog-pill.is-active{background-color:#f8b236;border-color:#f8b236;color:#25333a;}
.elementor .s-blog-pill.is-active:hover,.elementor .s-blog-pill.is-active:focus-visible{background-color:#f8b236;border-color:#f8b236;color:#25333a;}
.elementor .s-blog-card.is-hidden{display:none;}

.elementor .s-blog-filter-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;text-align:center;margin-block-end:32px;}

.elementor .s-blog-pagination{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:56px;}
.elementor .s-blog-page{font-family:Ubuntu;font-weight:500;font-size:15px;line-height:1;min-width:46px;color:#25333a;background-color:transparent;border:2px solid #f8b236;border-radius:0;padding-block-start:10px;padding-block-end:10px;padding-inline-start:14px;padding-inline-end:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;}
.elementor .s-blog-page:hover,.elementor .s-blog-page:focus-visible{background-color:#186881;border-color:#186881;color:#ffffff;outline:none;}
.elementor .s-blog-page.is-active{background-color:#f8b236;border-color:#f8b236;color:#25333a;}
.elementor .s-blog-page[disabled]{opacity:.4;cursor:default;pointer-events:none;}
.elementor .s-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;}
.elementor .s-blog-card{display:flex;flex-direction:column;border:3px solid #f5f2ed;overflow:hidden;background-color:#ffffff;}
.elementor .s-blog-img-link{display:block;overflow:hidden;}
.elementor .s-blog-img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .3s ease;}
.elementor .s-blog-img--leer{background-color:#f5f2ed;}
.elementor .s-blog-card:hover .s-blog-img{transform:scale(1.04);}
.elementor .s-blog-body{display:flex;flex-direction:column;gap:10px;padding-block-start:24px;padding-block-end:30px;padding-inline-start:30px;padding-inline-end:30px;}
.elementor .s-blog-date{font-family:Ubuntu;font-weight:500;font-size:12px;color:#8a949a;letter-spacing:2px;text-transform:uppercase;}
.elementor .s-blog-title{font-family:DM Serif Text;font-weight:400;font-size:24px;line-height:1.2em;margin:0;}
.elementor .s-blog-title a{color:#25333a;text-decoration:none;}
.elementor .s-blog-title a:hover,.elementor .s-blog-title a:focus-visible{color:#186881;}
.elementor .s-blog-excerpt{font-family:Ubuntu;font-weight:400;font-size:16px;line-height:1.6em;color:#25333a;margin:0;}
.elementor .s-blog-more{font-family:Ubuntu;font-weight:500;font-size:15px;color:#25333a;background-color:transparent;border-radius:0px;border-block-end-width:3px;border-block-start-width:0px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;padding-block-start:10px;padding-block-end:5px;padding-inline-start:0px;padding-inline-end:0px;align-self:flex-start;text-decoration:none;margin-block-start:4px;}
.elementor .s-blog-more:hover,.elementor .s-blog-more:focus-visible{color:#186881;}
@media(max-width:1024px){
  .elementor .s-blog{padding-inline-start:40px;padding-inline-end:40px;padding-block-end:80px;}
  .elementor .s-blog-grid{grid-template-columns:repeat(2,1fr);gap:32px;}
}
@media(max-width:767px){
  .elementor .s-blog{padding-inline-start:24px;padding-inline-end:24px;padding-block-start:100px;padding-block-end:70px;}
  .elementor .s-blog-grid{grid-template-columns:1fr;gap:28px;}
  
  .elementor .s-blog-filter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline-start:3px;}
  
  .elementor .s-blog-filter.mask-r{-webkit-mask-image:linear-gradient(to right,#000 78%,transparent 100%);mask-image:linear-gradient(to right,#000 78%,transparent 100%);}
  .elementor .s-blog-filter.mask-l{-webkit-mask-image:linear-gradient(to left,#000 78%,transparent 100%);mask-image:linear-gradient(to left,#000 78%,transparent 100%);}
  .elementor .s-blog-filter.mask-l.mask-r{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);}
  .elementor .s-blog-filter::-webkit-scrollbar{display:none;}
  .elementor .s-blog-pill{flex:0 0 auto;}
  .elementor .s-blog-heading{font-size:32px;}
}
.elementor .s-phead{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:700px;overflow:hidden;background-color:rgb(var(--art-phead-akzent,13,26,85));}
.elementor .s-phead-media{position:absolute;left:0;top:0;bottom:0;width:60%;z-index:0;background-image:var(--art-phead-bild,none);background-size:cover;background-repeat:no-repeat;background-position:left center;}
.elementor .s-phead::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg, rgba(var(--art-phead-akzent,13,26,85),0) 44%, rgb(var(--art-phead-akzent,13,26,85)) 60%);}
.elementor .s-phead::before{content:"";position:absolute;left:0;bottom:0;z-index:3;width:49%;height:90px;background-color:#ffffff;}
.elementor .s-phead.phead-cut-creme::before{background-color:#f5f2ed;}
.elementor .s-phead.phead-cut-petrol::before{background-color:#186881;}

.elementor .s-phead-content{position:relative;z-index:2;grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding-block-start:192px;padding-block-end:80px;padding-inline-start:24px;padding-inline-end:8%;}
.elementor .s-phead-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;text-transform:uppercase;}
.elementor .s-phead-title{font-family:DM Serif Text;font-weight:400;font-size:54px;line-height:1.1em;color:#ffffff;margin:0;}
.elementor .s-phead-intro{font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.7em;color:rgba(255,255,255,.9);max-width:520px;}
.elementor .s-phead-intro p{margin:0 0 1em;}
.elementor .s-phead-intro p:last-child{margin-bottom:0;}
.elementor .s-phead-btn{font-family:Ubuntu;font-weight:500;font-size:18px;color:#ffffff;background-color:transparent;border-radius:0px;border-block-end-width:3px;border-block-start-width:0px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;text-decoration:none;align-self:flex-start;margin-block-start:8px;}
.elementor .s-phead-btn:hover,.elementor .s-phead-btn:focus-visible{color:#f8b236;border-color:#ffffff;}
@media(max-width:1024px){
  .elementor .s-phead{grid-template-columns:1fr;min-height:0;}
  
  .elementor .s-phead-media{position:relative;inset:auto;width:auto;align-self:start;grid-column:1;grid-row:1;height:auto;aspect-ratio:var(--art-phead-ratio,3/2);background-size:cover;background-position:center center;}
  
  .elementor .s-phead-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;z-index:1;pointer-events:none;background:linear-gradient(180deg, rgba(var(--art-phead-akzent,13,26,85),0), rgb(var(--art-phead-akzent,13,26,85)));}
  .elementor .s-phead::after{display:none;}
  .elementor .s-phead::before{display:none;}
  
  .elementor .s-phead-content{grid-column:1;grid-row:2;padding-block-start:56px;padding-block-end:56px;padding-inline-start:40px;padding-inline-end:40px;}
  .elementor .s-phead-title{font-size:40px;}
}
@media(max-width:767px){
  
  .elementor .s-phead-content{padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-phead-title{font-size:34px;}
  .elementor .s-phead-intro{font-size:16px;}
}

@media(min-width:1025px){
  .elementor .s-phead.phead-rechts .s-phead-media{left:auto;right:0;background-position:right center;}
  .elementor .s-phead.phead-rechts::after{background:linear-gradient(90deg, rgb(var(--art-phead-akzent,13,26,85)) 40%, rgba(var(--art-phead-akzent,13,26,85),0) 56%);}
  .elementor .s-phead.phead-rechts::before{left:auto;right:0;}
  .elementor .s-phead.phead-rechts .s-phead-content{grid-column:1;padding-inline-start:8%;padding-inline-end:24px;}
}
body.art-single-post{background-color:#ffffff;}
.elementor .s-single-inner{max-width:1148px;margin-inline:auto;padding-block-start:60px;padding-inline-start:24px;padding-inline-end:24px;}
.elementor .s-post-hero{position:relative;z-index:1;}
.elementor .s-post-hero-img{display:block;width:100%;height:auto;}
.elementor .s-post-box{position:relative;z-index:2;background-color:#f5f2ed;max-width:920px;margin-inline:auto;margin-block-start:-72px;padding-block-start:56px;padding-block-end:56px;padding-inline-start:60px;padding-inline-end:60px;}
.elementor .s-post-meta{display:flex;flex-wrap:wrap;gap:8px 30px;margin-block-end:22px;font-family:Ubuntu;font-size:15px;color:#25333a;}
.elementor .s-post-meta-label{font-weight:500;color:#186881;text-transform:uppercase;letter-spacing:2px;font-size:12px;margin-inline-end:6px;}
.elementor .s-post-meta a{color:#25333a;text-decoration:none;}
.elementor .s-post-meta a:hover{text-decoration:underline;}
.elementor .s-post-title{font-family:DM Serif Text;font-weight:400;font-size:52px;line-height:1.12em;color:#25333a;margin:0 0 30px;}
.elementor .s-post-content{font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.75em;color:#25333a;max-width:800px;}
.elementor .s-post-content p{margin:0 0 1.3em;}
.elementor .s-post-content h2{font-family:DM Serif Text;font-weight:400;font-size:30px;line-height:1.2em;color:#25333a;margin:1.8em 0 .55em;}
.elementor .s-post-content h3{font-family:DM Serif Text;font-weight:400;font-size:24px;line-height:1.25em;color:#25333a;margin:1.5em 0 .45em;}
.elementor .s-post-content a{color:#186881;text-decoration:underline;text-underline-offset:2px;}
.elementor .s-post-content a:hover{color:#0d1a55;}
.elementor .s-post-content strong{font-weight:600;}
.elementor .s-post-content ul,.elementor .s-post-content ol{margin:0 0 1.3em;padding-inline-start:1.3em;}
.elementor .s-post-content li{margin-block-end:.4em;}
.elementor .s-autor{display:flex;gap:24px;align-items:flex-start;margin-block-start:48px;padding-block-start:32px;border-block-start:2px solid #ffffff;max-width:800px;}
.elementor .s-autor-media{flex:0 0 auto;}
.elementor .s-autor-mono{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background-color:#186881;color:#ffffff;font-family:DM Serif Text;font-size:28px;line-height:1;}
.elementor .s-autor-foto{width:76px;height:76px;border-radius:50%;object-fit:cover;display:block;}
.elementor .s-autor-kicker{font-family:Ubuntu;font-weight:500;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#186881;margin-block-end:4px;}
.elementor .s-autor-name{font-family:DM Serif Text;font-size:24px;color:#25333a;margin-block-end:8px;}
.elementor .s-autor-rolle{color:#25333a;}
.elementor .s-autor-bio{font-family:Ubuntu;font-size:18px;line-height:1.75em;color:#25333a;margin:0 0 12px;}
.elementor .s-autor-wiki{display:inline-block;font-family:Ubuntu;font-weight:500;font-size:14px;color:#25333a;border-block-end:2px solid #f8b236;padding-block-end:2px;text-decoration:none;background:none;}
.elementor .s-autor-wiki:hover{color:#186881;border-color:#186881;}
.elementor .s-related{background-color:#ffffff;padding-block-start:80px;padding-block-end:20px;}
.elementor .s-related-inner{max-width:var(--art-cap);margin-inline:auto;padding-inline-start:44px;padding-inline-end:44px;}
.elementor .s-related-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#f8b236;text-align:center;margin:0 0 36px;}
.elementor .s-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;}
.elementor .s-postnav{background-color:#ffffff;padding-block-start:40px;padding-block-end:80px;}
.elementor .s-postnav-inner{max-width:var(--art-cap);margin-inline:auto;padding-inline-start:44px;padding-inline-end:44px;display:flex;justify-content:space-between;gap:24px;}
.elementor .s-postnav-link{display:flex;flex-direction:column;gap:6px;max-width:46%;text-decoration:none;color:#25333a;}
.elementor .s-postnav-next{text-align:right;margin-inline-start:auto;}
.elementor .s-postnav-label{font-family:Ubuntu;font-weight:500;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#186881;}
.elementor .s-postnav-title{font-family:DM Serif Text;font-size:20px;line-height:1.2em;color:#25333a;}
.elementor .s-postnav-link:hover .s-postnav-title{color:#186881;}
.elementor .s-kurse-stoebern{font-size:22px;}
@media(max-width:900px){
  .elementor .s-related-grid{grid-template-columns:1fr;gap:28px;}
  .elementor .s-postnav-inner{flex-direction:column;}
  .elementor .s-postnav-link,.elementor .s-postnav-next{max-width:100%;text-align:left;margin-inline-start:0;}
}
@media(max-width:767px){
  .elementor .s-single-inner{padding-block-start:0;padding-inline-start:0;padding-inline-end:0;}
  .elementor .s-post-box{margin-block-start:-40px;margin-inline-start:16px;margin-inline-end:16px;padding-block-start:36px;padding-block-end:40px;padding-inline-start:24px;padding-inline-end:24px;max-width:none;}
  .elementor .s-post-title{font-size:37px;}
  .elementor .s-post-content{font-size:16px;}
  .elementor .s-post-content h2{font-size:26px;}
  .elementor .s-related-inner,.elementor .s-postnav-inner{padding-inline-start:24px;padding-inline-end:24px;}
}
.elementor .s-kurse--single{overflow:hidden;}
.elementor .s-kurse--single::before{content:"";position:absolute;top:0;right:0;width:50%;height:105px;background-color:#ffffff;z-index:1;pointer-events:none;}
.elementor .s-kurse--single .s-kurse-box{position:relative;z-index:2;}
@media(max-width:1024px){
  .elementor .s-kurse--single::before{display:none;}
}
@media (min-width:1025px){
  .elementor .s-hero{background-size:auto 100%;background-color:#182f37;}
}
.elementor .e-6b03e6e-1299e66{flex-direction:column;}
.elementor .art-hero-natintl{font-family:Ubuntu;font-weight:400;font-size:15px;letter-spacing:3px;color:#f5f2ed;line-height:normal;text-align:center;}
@media (min-width:1025px){
  .elementor .e-6b03e6e-1299e66{width:fit-content;}
  .elementor .art-hero-natintl{text-align:right;margin-block-start:-25.5px;}
}
@media (max-width:767px){
  .elementor .art-hero-natintl{align-self:stretch;text-align:center;font-size:13px;letter-spacing:2.1px;font-weight:500;margin-block-start:-2.3px;margin-block-end:6.5px;}
}
@media (min-width:768px) and (max-width:1024px){
  .elementor .art-hero-natintl{display:none;}
}
@media (min-width:768px) and (max-width:1024px){
  .elementor .e-6b03e6e-1299e66{transform:translateY(-170px);z-index:6;flex-direction:column;align-items:center;}
  .elementor .art-hero-h1{text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.9);padding:0;margin:0;font-size:14px;letter-spacing:2.1px;}
  .elementor .art-hero-natintl{display:block;text-align:center;font-size:14px;letter-spacing:2.1px;font-weight:500;color:#f5f2ed;text-shadow:0 1px 8px rgba(0,0,0,.9);margin:4px 0 0;}
}
.elementor .e-5615930-ad2a22c.is-kompakt .e-1834bf3-98f0090{justify-content:flex-start;}
.elementor .art-intro-headline-solo{margin-block-start:0;}
@media (min-width:1025px){
  .elementor .e-5615930-ad2a22c.is-kompakt .e-656e7f3-3406fa6{padding-block-start:100px;padding-block-end:100px;}
  
  .elementor .e-5615930-ad2a22c.is-kompakt .art-video-block{padding-block-start:110px;padding-block-end:92px;}
  
  .elementor .art-intro-headline-solo{font-size:40px;}
}
@media (min-width:768px) and (max-width:1024px){
  
  .elementor .art-intro-headline-solo{font-size:28px;max-width:none;line-height:1.25em;}
  
  .elementor .e-5615930-ad2a22c.is-kompakt .e-656e7f3-3406fa6{padding-block-start:90px;padding-block-end:90px;}
  .elementor .e-5615930-ad2a22c.is-kompakt .art-video-block{padding-block-start:100px;padding-block-end:90px;}
}
@media (max-width:767px){
  .elementor .e-5615930-ad2a22c.is-kompakt .e-656e7f3-3406fa6{padding-block-start:40px;padding-block-end:24px;}
  
  .elementor .art-intro-headline-solo{font-size:28px;line-height:1.25em;}
}
.elementor .s-pitch{padding-block-start:40px;padding-block-end:125px;padding-inline-start:24px;padding-inline-end:24px;background-color:#ffffff;display:flex;flex-direction:column;align-items:center;text-align:center;}
.elementor .s-pitch-inner{max-width:820px;margin-inline-start:auto;margin-inline-end:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;}
.elementor .s-pitch-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;margin-block-end:28px;}
.elementor .s-pitch-heading{font-family:DM Serif Text;font-weight:400;font-size:44px;color:#25333a;line-height:1.2em;text-align:center;margin:0;}
.elementor .s-pitch-heading em,.elementor .s-pitch-heading i{font-style:italic;}
.elementor .s-pitch-text{max-width:640px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.65em;text-align:center;margin-block-start:24px;}
.elementor .s-pitch-text > p{margin-block-start:0;margin-block-end:0;}
.elementor .s-pitch-text > p + p{margin-block-start:16px;}
.elementor .s-pitch-btn{display:inline-block;font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;text-decoration:none;background-color:transparent;border-radius:0;margin-block-start:32px;padding-block-start:8px;padding-block-end:6px;padding-inline-start:0;padding-inline-end:0;border-block-end:2px solid #f8b236;transition:color .2s ease,border-color .2s ease;}
.elementor .s-pitch-btn:hover,.elementor .s-pitch-btn:focus-visible{color:#186881;border-color:#25333a;}
@media (max-width:767px){
  .elementor .s-pitch{padding-block-start:60px;padding-block-end:60px;}
  .elementor .s-pitch-heading{font-size:30px;}
}

@media (min-width:1025px){
  .elementor .s-hero-bottom{transform:translateY(-7px);}
}
.elementor .s-terminbuchung{--tb-gebuehr:#186881;}
.elementor .s-tb-buchung{margin-block-start:32px;}

.elementor .s-tb-gebuehr{display:flex;align-items:baseline;gap:12px;margin-block-end:28px;flex-wrap:wrap;}
.elementor .s-tb-gebuehr-label{font-family:Ubuntu;font-weight:500;font-size:22px;color:#25333a;}
.elementor .s-tb-gebuehr-wert{font-family:DM Serif Text;font-size:38px;color:var(--tb-gebuehr);}
.elementor .s-tb-gebuehr-wert .amount{color:inherit;}
.elementor .s-tb-form .variations{width:auto;margin:0 0 8px;border:0;background:transparent;}
.elementor .s-tb-form .variations tbody,.elementor .s-tb-form .variations tr{display:block;}
.elementor .s-tb-form .variations td{padding:0;border:0;display:block;background:transparent;text-align:start;}

.elementor .s-tb-form .variations th{display:none !important;}
.elementor .s-tb-form ul.variable-items-wrapper{display:flex !important;flex-wrap:wrap;gap:12px;margin:0 !important;padding:0 !important;list-style:none !important;}
.elementor .s-tb-form ul.variable-items-wrapper li.variable-item.button-variable-item{
  border:2px solid #f8b236 !important;border-radius:0 !important;box-shadow:none !important;outline:0 !important;
  margin:0 !important;background:#fff !important;transition:border-color .18s ease,background-color .18s ease;}
.elementor .s-tb-form li.variable-item.button-variable-item .variable-item-span{color:#25333a !important;font-family:Ubuntu;}
.elementor .s-tb-form ul.variable-items-wrapper li.variable-item.button-variable-item:hover,
.elementor .s-tb-form ul.variable-items-wrapper li.variable-item.button-variable-item:focus{
  border-color:#186881 !important;background:#fff !important;box-shadow:none !important;}
.elementor .s-tb-form ul.variable-items-wrapper li.variable-item.button-variable-item.selected{
  background:#f8b236 !important;border-color:#f8b236 !important;box-shadow:none !important;}
.elementor .s-tb-form li.variable-item.button-variable-item.selected .variable-item-span{color:#25333a !important;}
.elementor .s-tb-form .reset_variations{display:inline-block;margin:12px 0 0;font-family:Ubuntu;font-size:13px;color:#186881;}
.elementor .s-tb-form .quantity{display:none !important;}
.elementor .s-tb-form .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:8px;}

.elementor .s-tb-form .added_to_cart{margin-inline-start:12px;font-family:Ubuntu;color:#186881;}
.elementor .s-tb-form .single_add_to_cart_button{font-family:Ubuntu;font-weight:400;font-size:18px;letter-spacing:.2px;
  background-color:#186881 !important;color:#f5f2ed !important;border:0;border-radius:0 !important;
  padding-block-start:16px;padding-block-end:16px;padding-inline-start:34px;padding-inline-end:34px;cursor:pointer;
  transition:background-color .18s ease,color .18s ease;}
.elementor .s-tb-form .single_add_to_cart_button:hover,.elementor .s-tb-form .single_add_to_cart_button:focus-visible{
  background-color:#f8b236 !important;color:#25333a !important;filter:none;}
.elementor .s-tb-form .woocommerce-variation-price{margin-block-start:10px;margin-block-end:10px;font-family:Ubuntu;}
.elementor .s-tb-form .woocommerce-variation-availability{font-family:Ubuntu;font-size:14px;}

.elementor .s-terminbuchung.is-dark .s-tb-gebuehr-label,
.elementor .s-terminbuchung.is-dark .s-tb-form label{color:#f5f2ed;}

@media(max-width:767px){
  .elementor .s-tb-form .single_add_to_cart_button{width:100%;padding-block-start:18px;padding-block-end:18px;font-size:19px;}
  .elementor .s-tb-form .added_to_cart{margin-inline-start:0;margin-block-start:12px;}
}
.elementor .s-brk{padding-block-start:110px;padding-block-end:110px;padding-inline-start:24px;padding-inline-end:24px;}
.elementor .s-brk-inner{max-width:1120px;margin-inline:auto;display:flex;flex-direction:row;align-items:center;gap:150px;}
.elementor .s-brk-cover-col{flex:0 0 40%;}
.elementor .s-brk-cover-link{display:inline-block;text-decoration:none;}

/* Seit 14.08.2026 liegt im Cover-Feld ein freigestelltes Heft-Mockup, das
   Perspektive, Seitenstaerke und Schatten schon im Bild mitbringt. Die frueher
   hier gebaute CSS-Illusion (rotateY -9deg, gestapelte box-shadow-Kanten,
   Schlagschatten) faellt deshalb weg: sie wuerde das Motiv ein zweites Mal
   kippen und den Schatten um die transparente Bounding-Box legen. Uebrig
   bleibt das leichte Anheben beim Ueberfahren. */
.elementor .s-brk-book{display:inline-block;transition:transform .4s ease;}
.elementor .s-brk-cover-link:hover .s-brk-book,.elementor .s-brk-cover-link:focus-visible .s-brk-book{transform:translateY(-6px);}

.elementor .s-brk-cover{display:block;width:100%;height:auto;}
.elementor .s-brk-text{flex:1 1 auto;}
.elementor .s-brk-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;margin-block-end:10px;}
.elementor .s-brk-heading{font-family:DM Serif Text;font-weight:400;font-style:italic;font-size:45px;line-height:1.15em;color:#25333a;margin-block-start:0;margin-block-end:20px;}
.elementor .s-brk-body{font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.7em;color:#25333a;}
.elementor .s-brk-button{display:inline-block;margin-block-start:30px;font-family:Ubuntu;font-weight:400;font-size:18px;letter-spacing:.2px;
  background-color:#f8b236;color:#25333a;border-radius:0;padding-block-start:16px;padding-block-end:16px;padding-inline-start:34px;padding-inline-end:34px;
  text-decoration:none;transition:background-color .18s ease,color .18s ease;}
.elementor .s-brk-button:hover,.elementor .s-brk-button:focus-visible{background-color:#186881;color:#f5f2ed;}

.elementor .s-brk.is-dark .s-brk-heading,.elementor .s-brk.is-dark .s-brk-body{color:#f5f2ed;}
.elementor .s-brk.is-dark .s-brk-kicker{color:#f8b236;}
.elementor .s-brk.is-dark .s-brk-button{background-color:#f8b236;color:#25333a;}
.elementor .s-brk.is-dark .s-brk-button:hover,.elementor .s-brk.is-dark .s-brk-button:focus-visible{background-color:#f5f2ed;color:#25333a;}
.elementor .s-brk.is-gold .s-brk-kicker{color:#25333a;}
@media(min-width:768px) and (max-width:1024px){
  .elementor .s-brk-inner{gap:44px;}
}
@media(max-width:767px){
  .elementor .s-brk{padding-block-start:60px;padding-block-end:60px;}
  .elementor .s-brk-inner{flex-direction:column;gap:40px;align-items:flex-start;}
  
  .elementor .s-brk-text{order:1;}
  .elementor .s-brk-cover-col{order:2;flex:0 0 auto;align-self:center;width:100%;max-width:320px;}
  .elementor .s-brk-heading{font-size:32px;}
}


/* ==========================================================================
   Block mit Fragen (s-fragenblock)
   Kopf: Querformat-Bild links + Kicker/H2/Text rechts.
   Darunter Frage-Antwort-Paare: Frage links (rechtsbuendig an der Bildkante),
   bleibt beim Scrollen oben stehen; Antwort rechts. Senkrechter gestrichelter
   Trenner je Paar (Optik der .art-divider, gedreht). Mobil gestapelt.
   Text-Frame: Antwort und H2 teilen sich dieselbe maximale Breite (--fb-measure),
   damit ihre linke und rechte Kante exakt uebereinander liegen.
   ========================================================================== */
.elementor .s-fragenblock{--fb-q:45%;--fb-sticky-top:104px;--fb-measure:780px;padding-block-start:133px;padding-block-end:133px;}

/* Kopf: Bild links, Text rechts (gleiches Spaltenraster wie die Paare darunter,
   damit Bildkante, Fragenkante und Antwortkante uebereinander liegen). */
.elementor .s-fragenblock-head{display:grid;grid-template-columns:var(--fb-q) 1fr;align-items:start;}
.elementor .s-fragenblock-bild{align-self:start;}
.elementor .s-fragenblock-img{display:block;width:100%;height:auto;}
.elementor .s-fragenblock-intro{box-sizing:border-box;max-width:var(--fb-measure);padding-inline-start:64px;padding-inline-end:40px;}
.elementor .s-fragenblock-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;text-transform:uppercase;margin-block-end:10px;}
.elementor .s-fragenblock-heading{font-family:DM Serif Text;font-weight:400;font-size:45px;line-height:1.18em;color:#25333a;margin-block-start:0;margin-block-end:24px;}
.elementor .s-fragenblock-text{font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}
.elementor .s-fragenblock-text > *{margin-block-start:0;margin-block-end:0;}
.elementor .s-fragenblock-text > * + *{margin-block-start:16px;}

/* Frage-Antwort-Paare: gleiches Raster wie der Kopf.
   Abstand unter dem Kopf (wie oben) und deutlicher Abstand zwischen den Paaren. */
.elementor .s-fragenblock-list{margin-block-start:80px;}
.elementor .s-fragenblock-pair{display:grid;grid-template-columns:var(--fb-q) 1fr;align-items:stretch;}
.elementor .s-fragenblock-pair + .s-fragenblock-pair{margin-block-start:44px;}

/* Linke Spalte: Frage rechtsbuendig, begrenzte Breite (bricht lieber um, als nach
   links auszubrechen), bleibt beim Scrollen oben stehen. */
.elementor .s-fragenblock-q-col{padding-inline-end:44px;}
.elementor .s-fragenblock-q{box-sizing:border-box;position:sticky;top:var(--fb-sticky-top);max-width:360px;margin-inline-start:auto;text-align:right;font-family:DM Serif Text;font-weight:400;font-style:italic;font-size:27px;line-height:1.25em;color:#25333a;}

/* Rechte Spalte: Antwort im selben Text-Frame wie die H2, mit senkrechtem
   gestrichelten Trenner an der linken Kante. */
.elementor .s-fragenblock-a{box-sizing:border-box;position:relative;max-width:var(--fb-measure);padding-inline-start:64px;padding-inline-end:40px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}
.elementor .s-fragenblock-a::before{content:"";position:absolute;left:-11px;top:0;bottom:0;width:11px;background-color:#186881;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' width='100%25' viewBox='0 0 16 20' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(0,-12)'%3E%3Cpath d='M0,28L18,10'/%3E%3Cpath d='M0,18L18,0'/%3E%3Cpath d='M0,48L18,30'/%3E%3Cpath d='M0,38L18,20'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' width='100%25' viewBox='0 0 16 20' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(0,-12)'%3E%3Cpath d='M0,28L18,10'/%3E%3Cpath d='M0,18L18,0'/%3E%3Cpath d='M0,48L18,30'/%3E%3Cpath d='M0,38L18,20'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:100% 20px;mask-size:100% 20px;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;}

/* Rich-Text in der Antwort. */
.elementor .s-fragenblock-a > *{margin-block-start:0;margin-block-end:0;}
.elementor .s-fragenblock-a > * + *{margin-block-start:16px;}
.elementor .s-fragenblock-a ul,.elementor .s-fragenblock-a ol{padding-inline-start:22px;}
.elementor .s-fragenblock-a li{margin-block-start:6px;}
.elementor .s-fragenblock-a a{color:#186881;text-decoration:underline;}

/* Kontrast auf farbigen Flaechen. */
.elementor .s-fragenblock.is-gold .s-fragenblock-kicker{color:#25333a;}
.elementor .s-fragenblock.is-weiss .s-fragenblock-kicker{color:#186881;}
.elementor .s-fragenblock.is-dark .s-fragenblock-heading,
.elementor .s-fragenblock.is-dark .s-fragenblock-text,
.elementor .s-fragenblock.is-dark .s-fragenblock-q,
.elementor .s-fragenblock.is-dark .s-fragenblock-a{color:#f5f2ed;}
.elementor .s-fragenblock.is-dark .s-fragenblock-text a,
.elementor .s-fragenblock.is-dark .s-fragenblock-a a{color:#f8b236;}
.elementor .s-fragenblock.is-dark .s-fragenblock-a::before{background-color:rgba(255,255,255,.4);}

/* Tablet. */
@media (max-width:1200px){
  .elementor .s-fragenblock{--fb-q:42%;--fb-sticky-top:96px;--fb-measure:640px;}
  .elementor .s-fragenblock-heading{font-size:38px;}
  .elementor .s-fragenblock-q{font-size:24px;max-width:300px;}
  .elementor .s-fragenblock-list{margin-block-start:64px;}
}

/* Mobil/kleines Tablet: gestapelt, kein Sticky, kein senkrechter Trenner.
   Frage steht ueber ihrer Antwort, darunter ein waagerechter Schraffur-Trenner. */
@media (max-width:900px){
  .elementor .s-fragenblock-head{grid-template-columns:1fr;}
  .elementor .s-fragenblock-intro{max-width:none;padding-block-start:32px;padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-fragenblock:not(:has(.s-fragenblock-bild)) .s-fragenblock-intro{padding-block-start:0;}
  .elementor .s-fragenblock-heading{font-size:32px;}
  .elementor .s-fragenblock-list{margin-block-start:40px;padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-fragenblock-pair{grid-template-columns:1fr;position:relative;padding-block-end:32px;}
  .elementor .s-fragenblock-list > .s-fragenblock-pair:last-child{padding-block-end:0;}
  .elementor .s-fragenblock-pair + .s-fragenblock-pair{margin-block-start:32px;}
  .elementor .s-fragenblock-q-col{padding-inline-end:0;}
  .elementor .s-fragenblock-q{position:static;top:auto;max-width:none;margin-inline-start:0;text-align:left;font-size:24px;}
  .elementor .s-fragenblock-a{max-width:none;padding-block-start:14px;padding-inline-start:0;padding-inline-end:0;}
  .elementor .s-fragenblock-a::before{content:none;}
  .elementor .s-fragenblock-pair::after{content:"";display:block;height:10px;margin-block-start:32px;background-color:#186881;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 20 16' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 20 16' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:20px 100%;mask-size:20px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;}
  .elementor .s-fragenblock-list > .s-fragenblock-pair:last-child::after{content:none;}
}

/* ==========================================================================
   Dozenten-Reihe (s-dozreihe)
   Volle Breite, bis zu drei Bilder randlos nebeneinander (je ein Drittel).
   Cremefarbene Karte schiebt sich halb ins Bild, darin Name, Taetigkeit
   (Kicker-Stil) und Standard-Button. Abstand oben/unten kommt per Inline-Style
   aus ACF. Weniger als drei Eintraege: die uebrigen Spalten bleiben leer.
   ========================================================================== */
.elementor .s-dozreihe{padding-inline-start:0;padding-inline-end:0;background-color:#ffffff;}
.elementor .s-dozreihe-row{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;}
.elementor .s-dozreihe-col{display:flex;flex-direction:column;min-width:0;}
.elementor .s-dozreihe-bild{line-height:0;}
/* Querformat der Vorlage 1:1, kein Beschnitt. Alle Motive 3:2, dadurch gleich hoch. */
.elementor .s-dozreihe-img{display:block;width:100%;height:auto;}

/* Creme-Karte: schiebt sich halb ins Bild (halbe Ueberlappung der Wege-Karten). */
.elementor .s-dozreihe-card{position:relative;z-index:2;margin-block-start:-60px;margin-inline-start:24px;margin-inline-end:24px;background-color:#f5f2ed;display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding-block-start:28px;padding-block-end:30px;padding-inline-start:28px;padding-inline-end:28px;}
.elementor .s-dozreihe-name{font-family:DM Serif Text;font-weight:400;font-size:28px;line-height:1.15em;color:#25333a;}
.elementor .s-dozreihe-taet{font-family:Ubuntu;font-weight:500;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#f8b236;margin-block-start:-2px;}
.elementor .s-dozreihe-btn{font-family:Ubuntu;font-weight:500;font-size:16px;color:#25333a;background-color:transparent;text-decoration:none;border-radius:0;border-block-start-width:0;border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:3px;border-style:solid;border-color:#f8b236;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0;padding-inline-end:0;align-self:flex-start;margin-block-start:6px;transition:color .2s ease;}
.elementor .s-dozreihe-btn:hover,.elementor .s-dozreihe-btn:focus-visible{color:#186881;}

/* Tablet: etwas kleinere Karte. */
@media (max-width:1200px){
  .elementor .s-dozreihe-card{margin-inline-start:16px;margin-inline-end:16px;padding-block-start:22px;padding-block-end:24px;padding-inline-start:22px;padding-inline-end:22px;}
  .elementor .s-dozreihe-name{font-size:24px;}
}

/* Mobil: gestapelt, ein Bild pro Reihe in voller Breite. */
@media (max-width:900px){
  .elementor .s-dozreihe-row{grid-template-columns:1fr;row-gap:0;}
  .elementor .s-dozreihe-col + .s-dozreihe-col{margin-block-start:40px;}
  .elementor .s-dozreihe-card{margin-inline-start:24px;margin-inline-end:24px;}
}

/* Seitenkopf Bild-Mitte mit Kachel: Funktions-Zeile unter der H1 in der Kachel.
   Nutzt sonst komplett die Blog-Bausteine (s-post-hero, s-post-box, s-post-title,
   s-post-content). Nur diese eine Zeile ist neu. */
.elementor .s-post-funktion{font-family:Ubuntu;font-weight:500;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#f8b236;margin-block-start:-20px;margin-block-end:30px;}

/* ==========================================================================
   Einheitlicher Sektionsabstand fuer UNTERSEITEN (oben und unten):
     Desktop (> 1024px): 133px
     Tablet  (768–1024px): 100px
     Mobil   (<= 767px):  70px
   Breakpoints: Tablet ab max-width:1024px, Mobil ab max-width:767px.

   Gescopt mit body:not(.home), damit die Startseite komplett unberuehrt bleibt
   (die hat .home; Unterseiten nicht). Gilt fuer alle sauberen, einfuegbaren
   Content-Sektionen, damit jede neu hinzugefuegte Sektion (z. B. Broschuere) den
   Standard automatisch traegt. Hohe Spezifitaet (body :not .elementor .klasse),
   um die Theme-Basiswerte je Breakpoint sicher zu ueberstechen.

   Bewusst NICHT enthalten:
   - Echte Kopf-/Hero-Module (s-hero, s-phead, s-subhero): eigenes Vollflaechen-Layout.
   - Dekorative Sonder-Sektionen (s-hamburg, s-kurse, s-testimonials, s-awards,
     s-quote-*): eigene Hintergruende/Spacings, brauchen Einzelpruefung.
   - Dozenten-Dreiergrid (s-dozreihe): eigene, pro Sektion einstellbare Abstaende.
   - Text+Bild MIT Bild (.s-textabschnitt.has-bild): Abstand haengt an der
     Bild-Ausrichtung, daher hier ausgenommen (nur die Ohne-Bild-Variante).
   ========================================================================== */

/* Startseiten-Modul „2 Angebots-Karten" auf ausdruecklichen Wunsch flach 133
   (greift nur auf der Startseite; auf Unterseiten gewinnt der Standard unten). */
.elementor section.s-angebote{padding-block-start:133px;padding-block-end:133px;}

/* Desktop. */
body:not(.home) .elementor .s-anmeldung,
body:not(.home) .elementor .s-einbettung,
body:not(.home) .elementor .s-rechtstext,
body:not(.home) .elementor .s-bildkarten,
body:not(.home) .elementor .s-valiste,
body:not(.home) .elementor .s-zurueck,
body:not(.home) .elementor .s-infovier,
body:not(.home) .elementor .s-videodrei,
body:not(.home) .elementor .s-angebote,
body:not(.home) .elementor .s-blog,
body:not(.home) .elementor .s-broschuere,
body:not(.home) .elementor .s-brk,
body:not(.home) .elementor .s-dozent,
body:not(.home) .elementor .s-faq,
body:not(.home) .elementor .s-fragenblock,
body:not(.home) .elementor .s-kontakt,
body:not(.home) .elementor .s-pitch,
body:not(.home) .elementor .s-weg3,
body:not(.home) .elementor .s-hamburg,
body:not(.home) .elementor .s-textabschnitt:not(.has-bild),
body:not(.home) .elementor .s-single-inner.s-bk-wrap{padding-block-start:133px;padding-block-end:133px;}

/* Tablet. */
@media (max-width:1024px){
  body:not(.home) .elementor .s-anmeldung,
  body:not(.home) .elementor .s-einbettung,
  body:not(.home) .elementor .s-rechtstext,
  body:not(.home) .elementor .s-bildkarten,
body:not(.home) .elementor .s-valiste,
body:not(.home) .elementor .s-zurueck,
body:not(.home) .elementor .s-infovier,
body:not(.home) .elementor .s-videodrei,
  body:not(.home) .elementor .s-angebote,
  body:not(.home) .elementor .s-blog,
  body:not(.home) .elementor .s-broschuere,
  body:not(.home) .elementor .s-brk,
  body:not(.home) .elementor .s-dozent,
  body:not(.home) .elementor .s-faq,
  body:not(.home) .elementor .s-fragenblock,
  body:not(.home) .elementor .s-kontakt,
  body:not(.home) .elementor .s-pitch,
  body:not(.home) .elementor .s-weg3,
  body:not(.home) .elementor .s-hamburg,
    body:not(.home) .elementor .s-textabschnitt:not(.has-bild),
  body:not(.home) .elementor .s-single-inner.s-bk-wrap{padding-block-start:100px;padding-block-end:100px;}
}

/* Mobil. */
@media (max-width:767px){
  body:not(.home) .elementor .s-anmeldung,
  body:not(.home) .elementor .s-einbettung,
  body:not(.home) .elementor .s-rechtstext,
  body:not(.home) .elementor .s-bildkarten,
body:not(.home) .elementor .s-valiste,
body:not(.home) .elementor .s-zurueck,
body:not(.home) .elementor .s-infovier,
body:not(.home) .elementor .s-videodrei,
  body:not(.home) .elementor .s-angebote,
  body:not(.home) .elementor .s-blog,
  body:not(.home) .elementor .s-broschuere,
  body:not(.home) .elementor .s-brk,
  body:not(.home) .elementor .s-dozent,
  body:not(.home) .elementor .s-faq,
  body:not(.home) .elementor .s-fragenblock,
  body:not(.home) .elementor .s-kontakt,
  body:not(.home) .elementor .s-pitch,
  body:not(.home) .elementor .s-weg3,
  body:not(.home) .elementor .s-hamburg,
    body:not(.home) .elementor .s-textabschnitt:not(.has-bild),
  body:not(.home) .elementor .s-single-inner.s-bk-wrap{padding-block-start:70px;padding-block-end:70px;}
}

/* Kurse & Workshops: freier Ausschnitt oben rechts (wie die Blog-Variante),
   Farbe per ACF waehlbar (Weiß oder Creme). Geometrie 1:1 von .s-kurse--single.
   WICHTIG: gehoert nur in die Desktop-Reihenvariante. Ab Tablet abwaerts
   (2-Spalten bzw. gestapeltes Layout) wuerde das weisse Rechteck das Grid
   ueberdecken, deshalb ab <=1024px ausgeblendet, exakt wie .s-kurse--single::before. */
.elementor .s-kurse.s-kurse-cut::before{content:"";position:absolute;top:0;right:0;width:50%;height:105px;z-index:1;pointer-events:none;}
.elementor .s-kurse.s-kurse-cut-weiss::before{background-color:#ffffff;}
.elementor .s-kurse.s-kurse-cut-creme::before{background-color:#f5f2ed;}
@media (max-width:1024px){
  .elementor .s-kurse.s-kurse-cut::before{display:none;}
}
/* Mobil: den kleinen weissen 20px-Streifen unter der Sektion entfernen. */
@media (max-width:767px){
  .elementor .s-kurse::after{display:none;}
}
/* Tablet (Hochkant): weicher Uebergang an der rechten Bildkante ins Lila der
   Textkachel, analog zum vertikalen Verlauf der Mobil-Variante (56px, #452c48). */
@media (min-width:768px) and (max-width:1024px){
  .elementor .s-kurse .art-kurseimg-mobile{position:relative;}
  .elementor .s-kurse .art-kurseimg-mobile::before{content:"";position:absolute;top:0;bottom:0;right:0;width:56px;z-index:1;pointer-events:none;background:linear-gradient(to right,rgba(69,44,72,0),#452c48);}
}
/* Externe Dozenten-Website unter dem Text: schwarz, fett, goldener Unterstrich. */
.elementor .s-post-content a.art-weblink{color:#1a1a1a;font-weight:700;text-decoration:underline;text-decoration-color:#f8b236;text-decoration-thickness:2px;text-underline-offset:3px;}
.elementor .s-post-content a.art-weblink:hover{color:#1a1a1a;text-decoration-color:#0d1a55;}
/* Kachel-Tagline (Absolventen-Grid, kurzer Satz unter der Rolle). */
.elementor .s-dozreihe-tagline{font-family:Ubuntu;font-weight:400;font-size:15px;line-height:1.5em;color:#25333a;margin-block-start:2px;}

/* ==========================================================================
   Kontakt (s-kontakt): waehlbare Hintergrundfarbe. Auf hellen Gruenden (Creme,
   Weiss, Gold) bleibt die Schrift dunkel wie im Standard, auf Petrol schaltet
   sie auf hell. Formularfelder bleiben in allen Varianten weisse Kaesten.
   ========================================================================== */
.elementor .s-kontakt--weiss{background-color:#ffffff;}
.elementor .s-kontakt--creme{background-color:#f5f2ed;}
.elementor .s-kontakt--gold{background-color:#f8b236;}
.elementor .s-kontakt--petrol{background-color:#186881;}
/* Petrol: dunkler Grund, helle Schrift. */
.elementor .s-kontakt--petrol .s-kontakt-kicker{color:#f8b236;}
.elementor .s-kontakt--petrol .s-kontakt-heading{color:#ffffff;}
.elementor .s-kontakt--petrol .s-kontakt-intro{color:#ffffff;}
.elementor .s-kontakt--petrol .s-text-adresse,
.elementor .s-kontakt--petrol .s-text-phone,
.elementor .s-kontakt--petrol .s-text-email{color:#ffffff;}
.elementor .s-kontakt--petrol .e-paragraph-base a{color:#ffffff;}
.elementor .s-kontakt--petrol .s-icon-adresse,
.elementor .s-kontakt--petrol .s-icon-phone,
.elementor .s-kontakt--petrol .s-icon-email{filter:brightness(0) invert(1);}
.s-kontakt--petrol .s-kontakt-fluentform .ff-el-input--label label{color:#ffffff !important;}
.s-kontakt--petrol .s-kontakt-fluentform .ff-el-form-check-label{color:rgba(255,255,255,.85) !important;}
.s-kontakt--petrol .s-kontakt-fluentform .ff-btn-submit{background:#f8b236 !important;color:#25333a !important;}
.s-kontakt--petrol .s-kontakt-fluentform .ff-btn-submit:hover{background:#ffffff !important;color:#186881 !important;}
.s-kontakt--petrol .s-kontakt-fluentform .ff-message-success{color:#ffffff !important;}

/* ==========================================================================
   Text + Video (s-textvideo): Video-Vorschau in der Querformat-Sektion. Layout,
   Hintergrund, Kontrast und das klebende Verhalten kommen aus s-textabschnitt,
   der Play-Kreis aus .art-video-play. Hier nur die Positionierung des Kreises
   ueber der Vorschau und der Hover-Effekt.
   ========================================================================== */
.elementor .s-textvideo-media{position:relative;display:block;line-height:0;cursor:pointer;}
.elementor .s-textvideo-media .art-video-play{transition:transform .2s ease;}
.elementor .s-textvideo-media:hover .art-video-play,.elementor .s-textvideo-media:focus-visible .art-video-play{transform:translate(-50%,-50%) scale(1.07);}
/* Gelber Balken oben an der Ecke (wie die Seminarakademie-Kicker): links am Bild
   bei Video links, rechts am Bild bei Video rechts. Text in Versalien. */
.elementor .s-textvideo-badge{position:absolute;top:7px;left:0;z-index:4;font-family:Ubuntu;font-weight:500;font-size:13px;line-height:normal;text-transform:uppercase;color:#25333a;letter-spacing:1.5px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px;background-color:#f8b236;}
.elementor .s-textabschnitt.is-bild-rechts .s-textvideo-badge{left:auto;right:0;}
/* Mobil: das breite Video-Vorschaubild (16:9) nicht auf feste Hoehe hochzoomen
   (das schneidet die Seiten ab und wirkt vergroessert), sondern voll und damit
   kleiner zeigen. So passt es ganz auf die Seite und der Balken bleibt sichtbar. */
@media (max-width:767px){
  .elementor .s-textabschnitt.s-textvideo.has-bild.is-quer .s-textabschnitt-img{height:auto;object-fit:contain;}
}

/* ==========================================================================
   Startseite: gelber Balken auf dem Imagefilm-Vorschaubild, optisch identisch zur
   "Kostenlos"-Plakette der Angebote darunter (gleiche Schrift, Groesse, gelber
   Grund, gleicher Einzug ins Bild). Text in Versalien. Sitzt oben links.
   ========================================================================== */
.elementor .art-video-badge{position:absolute;top:7px;left:0;z-index:3;font-family:Ubuntu;font-weight:500;font-size:13px;line-height:normal;text-transform:uppercase;color:#25333a;letter-spacing:1.5px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px;background-color:#f8b236;}

/* ==========================================================================
   Mitlaufendes (klebendes) Bild auch in der Tablet-Hochkant-Ansicht (768-1024).
   Auf dem Desktop (ab 1025) klebt das Bild der Text-plus-Bild-Sektionen schon,
   waehrend der Text durchlaeuft. Hier wird dasselbe Verhalten in den Tablet-
   Bereich gezogen, damit es auf iPad Hochkant ebenso stehen bleibt. Gilt fuer
   alle Sektionen mit s-textabschnitt-Bild (Querformat, Text-plus-Hochkant,
   Terminbuchung, Text-plus-Video).
   ========================================================================== */
@media (min-width:768px) and (max-width:1024px){
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-bild{position:sticky;top:104px;}
}

/* ==========================================================================
   Startseite mobil: der KOSTENLOS-Balken der 2-Karten-Sektion sitzt absolut bei
   top:46px. Die Sektion braucht dort auch 46px oberen Abstand. Sonst startet das
   Bild erst bei 133px (aus der Desktop-Regel .elementor section.s-angebote, die
   die mobile .s-angebote-Regel per hoeherer Spezifitaet uebersticht) und der
   Balken schwebt darueber. Hier wird die mobile 46 mit einer Spezifitaet ueber
   der Desktop-Regel wieder durchgesetzt. Nur mobil, Desktop bleibt bei 133.
   ========================================================================== */
@media (max-width:767px){
  body .elementor section.s-angebote{padding-block-start:39px;}
}

/* ==========================================================================
   Angebote-Gruppe (s-anggrp)
   Optik 1:1 vom Startseiten-Zweier-Grid (wege_teil1): Bild oben (560 px),
   schmale weisse Karte (max. 500 px) ragt rechtsbuendig ins Bild. Zusaetzlich
   ein Gruppentitel ueber den Karten (eingerueckt auf Kopftext-Hoehe, gelb
   unterstrichen) und ein Kicker pro Karte (gelbe Plakette oben links, ragt
   ein Stueck ins Bild). Eine einzelne Karte bleibt rechtsbuendig zum Bild.
   ========================================================================== */
.elementor .s-anggrp{position:relative;background-color:#f5f2ed;display:flex;flex-direction:column;}
.elementor .s-anggrp-title{align-self:flex-start;margin-block-start:0;margin-block-end:44px;margin-inline-start:4%;padding-block-end:6px;border-block-end:3px solid #f8b236;font-family:DM Serif Text;font-weight:400;font-size:40px;line-height:1.1em;color:#25333a;}
.elementor .s-anggrp-row{padding:0px;margin:0px;display:flex;flex-direction:row;gap:0px;flex-wrap:wrap;}
.elementor .s-anggrp-col{min-width:0px;padding:0px;margin:0px;display:flex;flex-direction:column;gap:0px;flex:1 1 0%;}
.elementor .s-anggrp-media{position:relative;line-height:0;}
.elementor .s-anggrp-kicker{position:absolute;top:7px;left:0;z-index:3;font-family:Ubuntu;font-weight:500;font-size:13px;line-height:normal;text-transform:uppercase;color:#25333a;letter-spacing:1.5px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px;background-color:#f8b236;}
.elementor .s-anggrp-img{width:100%;height:560px;object-fit:cover;}
.elementor .s-anggrp-card{width:450px;max-width:100%;margin-block-start:-150px;margin-block-end:0px;margin-inline-start:20%;margin-inline-end:0px;align-self:end;background-color:#ffffff;position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding-block-start:44px;padding-block-end:44px;padding-inline-start:44px;padding-inline-end:44px;}
.elementor .s-anggrp-heading{font-family:DM Serif Text;font-weight:400;font-size:38px;color:#25333a;margin-block-start:-14px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}
.elementor .s-anggrp-text{max-width:340px;font-family:Ubuntu;font-weight:400;font-size:18px;color:#25333a;line-height:1.7em;}
.elementor .s-anggrp-text p{margin:0;}
.elementor .s-anggrp-text p + p{margin-block-start:1em;}
.elementor .s-anggrp-card .art-divider{width:66.6%;}
.elementor .s-anggrp-price{font-family:Ubuntu;font-weight:500;font-size:17px;color:#25333a;}
.elementor .s-anggrp-btn{font-family:Ubuntu;font-weight:500;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:3px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;background-color:transparent;text-decoration:none;align-self:flex-start;}
.elementor .s-anggrp-btn:hover,.elementor .s-anggrp-btn:focus-visible{color:#186881;border-color:#f8b236;background-color:transparent;}
/* Eine einzelne Karte: Spalte mittig, weisse Karte rechtsbuendig zum Bild (wie im Zweier-Grid). */
.elementor .s-anggrp--single .s-anggrp-row{justify-content:center;}
.elementor .s-anggrp--single .s-anggrp-col{flex:0 1 50%;max-width:50%;}
/* Mobil (<=767): Karten untereinander, weisse Karte volle Breite. Tablet bleibt
   zweispaltig wie die Startseite. */
@media (max-width:767px){
  /* Abstand zwischen zwei Karten EINER Gruppe: doppelt so gross wie zuvor. */
  .elementor .s-anggrp-row{flex-direction:column;gap:80px;}
  /* Abstand ZWISCHEN den Gruppen auf den mobilen Standard (70 px je Seite),
     ueberschreibt den groesseren Inline-Wert aus dem Abstand-Feld nur mobil. */
  .elementor .s-anggrp{padding-block-start:70px !important;padding-block-end:70px !important;}
  .elementor .s-anggrp-card{width:auto;max-width:none;align-self:stretch;margin-block-start:-90px;margin-inline-start:16px;margin-inline-end:16px;padding-block-start:28px;padding-block-end:28px;padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-anggrp-title{font-size:30px;}
  .elementor .s-anggrp--single .s-anggrp-col{flex:1 1 0%;max-width:none;}
}

/* ==========================================================================
   Testimonials-Kopf (s-testi-head): Kicker + Ueberschrift zentriert ueber dem
   Bildstreifen. Rendert nur, wenn Eyebrow/Ueberschrift gesetzt sind. Auf weissem
   Grund ist der Kicker Petrol (Theme-Regel weiss=Petrol). Zusaetzlich: fehlen Name
   UND Rolle einer Karte, rueckt der Zitattext naeher an Avatar/Anfuehrungszeichen
   (s-testi-card--nometa), damit unter der leeren Kopfzeile kein Freiraum entsteht.
   ========================================================================== */
.elementor .s-testi-head{max-width:820px;margin-inline:auto;padding-block-start:104px;padding-block-end:52px;padding-inline-start:24px;padding-inline-end:24px;text-align:center;}
.elementor .s-testi-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;margin-block-end:12px;}
.elementor .s-testi-heading{max-width:760px;margin-block-start:0;margin-block-end:0;margin-inline:auto;font-family:DM Serif Text;font-weight:400;font-size:42px;line-height:1.2em;color:#25333a;}
.elementor .s-testi-card--nometa .s-omar-text,.elementor .s-testi-card--nometa .s-jade-text,.elementor .s-testi-card--nometa .s-christian-text{margin-block-start:22px;}
@media (max-width:767px){
  .elementor .s-testi-head{padding-block-start:70px;padding-block-end:36px;}
  .elementor .s-testi-heading{font-size:30px;}
}
body:not(.home) .elementor .s-testimonials + .s-kontakt{padding-block-start:40px;}
@media (min-width:768px) and (max-width:1024px){
  body:not(.home) .elementor .s-testimonials:has(+ .s-kontakt){padding-block-end:104px;}
  body:not(.home) .elementor .s-testimonials + .s-kontakt{padding-block-start:44px;}
}
@media (max-width:767px){
  body:not(.home) .elementor .s-testimonials:has(+ .s-kontakt){padding-block-end:48px;}
  body:not(.home) .elementor .s-testimonials + .s-kontakt{padding-block-start:44px;}
}
@media (min-width:1025px){
  body:not(.home) .elementor .s-testi-head{padding-block-start:133px;}
  body:not(.home) .elementor .s-testimonials{padding-block-end:133px;}
}
/* ==========================================================================
   Bilder-Grid (s-bildgrid): Optik wie die alte Seite. Links eine schmale Spalte
   (ein Drittel) mit zwei gestapelten Bildern, rechts eine breite Spalte (zwei
   Drittel) mit einem grossen Bild. Alle im Querformat (3:2), eckige Kanten (kein
   border-radius), auf Content-Breite. Hintergrund kommt als Inline-Style aus dem
   ACF-Feld. Auf Mobil/Tablet-Hochkant stapeln alle Bilder untereinander.
   ========================================================================== */
.elementor .s-bildgrid{padding-block-start:133px;padding-block-end:133px;padding-inline-start:60px;padding-inline-end:60px;}
.elementor .s-bildgrid-inner{max-width:1360px;margin-inline-start:auto;margin-inline-end:auto;}
.elementor .s-bildgrid-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:stretch;}
.elementor .s-bildgrid-col{display:flex;flex-direction:column;gap:24px;min-width:0;}
.elementor .s-bildgrid-img{width:100%;height:auto;border-radius:0;object-fit:cover;display:block;}
.elementor .s-bildgrid-col--left .s-bildgrid-img{aspect-ratio:3 / 2;}
.elementor .s-bildgrid-col--right .s-bildgrid-img{flex:1 1 auto;height:100%;min-height:0;}
@media (min-width:768px) and (max-width:1024px){
  .elementor .s-bildgrid{padding-block-start:100px;padding-block-end:100px;}
}
@media (max-width:767px){
  .elementor .s-bildgrid{padding-block-start:70px;padding-block-end:70px;padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-bildgrid-grid{grid-template-columns:1fr;gap:28px;}
  .elementor .s-bildgrid-col{gap:28px;}
  .elementor .s-bildgrid-col--right .s-bildgrid-img{height:auto;aspect-ratio:3 / 2;}
}

/* ==========================================================================
   Content-Listen: statt des schwarzen Standardpunkts ein kleines goldenes Quadrat
   als Marker, passend zur Akzentfarbe und zur eckigen Formsprache. Gilt ueberall
   im Fliesstext (.e-paragraph-base), also FAQ-Antworten, Text-Sektionen, Karten.
   Auf goldenem Grund wird der Marker dunkel, damit er sichtbar bleibt.
   ========================================================================== */
.elementor .e-paragraph-base ul{list-style:none;padding-inline-start:0;margin-block-start:0.6em;margin-block-end:0.9em;}
.elementor .e-paragraph-base ul li{position:relative;padding-inline-start:22px;margin-block-end:10px;}
.elementor .e-paragraph-base ul li:last-child{margin-block-end:0;}
/* Der Marker sitzt auf der Mitte der ersten Zeile: halbe Zeilenhoehe minus halbe
   Markerhoehe. So laeuft er mit der Schriftgroesse mit und steht nie zu hoch. */
.elementor .e-paragraph-base ul li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:calc(0.85em - 4px);width:8px;height:8px;background-color:#f8b236;}
.elementor .is-gold .e-paragraph-base ul li::before{background-color:#25333a;}
.elementor .s-textabschnitt-text blockquote{margin-block-start:34px;margin-block-end:34px;margin-inline-start:0;margin-inline-end:0;padding-block-start:2px;padding-block-end:2px;padding-inline-start:28px;padding-inline-end:0;border-inline-start:3px solid #f8b236;border-radius:0;}
.elementor .s-textabschnitt-text blockquote p{font-family:DM Serif Text;font-weight:400;font-style:italic;font-size:27px;line-height:1.35em;color:#25333a;margin:0;}
.elementor .s-textabschnitt-text blockquote p + p{margin-block-start:14px;}
@media (max-width:767px){
  .elementor .s-textabschnitt-text blockquote{margin-block-start:28px;margin-block-end:28px;padding-inline-start:20px;}
  .elementor .s-textabschnitt-text blockquote p{font-size:22px;}
}
.elementor .s-textabschnitt-text blockquote.is-mehrzeilig{margin-block-start:24px;margin-block-end:24px;}
.elementor .s-textabschnitt-text blockquote.is-mehrzeilig p{font-size:18px;line-height:1.6em;}
.elementor .s-textabschnitt-text blockquote.is-mehrzeilig p + p{margin-block-start:10px;}
.elementor .s-textabschnitt-text blockquote cite{display:block;font-family:Ubuntu;font-style:normal;font-weight:500;font-size:15px;line-height:1.4em;letter-spacing:.03em;color:#186881;}
.elementor .s-textabschnitt-text blockquote > cite{margin-block-start:14px;}
@media (max-width:767px){
  .elementor .s-textabschnitt-text blockquote.is-mehrzeilig p{font-size:18px;}
}

/* ==========================================================================
   Anmeldung (s-anmeldung): Eyebrow, Ueberschrift und ein Fluent-Forms-Formular
   mit zweispaltigem Feldraster wie im alten Formular (je zwei Felder
   nebeneinander). Schrift, Feldkaesten und Button uebernehmen die Theme-Optik
   (Ubuntu, eckige Ecken, kein Radius) analog zum Kontakt-Modul. Waehlbare
   Hintergrundfarbe. Der obere/untere Abstand kommt aus dem Sektionsabstand-
   Standard (_abstaende: 133/100/70 auf Unterseiten).
   ========================================================================== */
.elementor .s-anmeldung{padding-block-start:100px;padding-block-end:100px;padding-inline-start:24px;padding-inline-end:24px;background-color:#f5f2ed;}
.elementor .s-anmeldung-inner{max-width:820px;margin-inline:auto;text-align:center;}
.elementor .s-anmeldung-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;}
.elementor .s-anmeldung-heading{max-width:none;font-family:DM Serif Text;font-weight:400;font-style:italic;font-size:44px;color:#25333a;line-height:1.2em;margin-block-start:12px;padding-block-end:0px;}
.elementor .s-anmeldung-intro{margin-block-start:18px;}
.elementor .s-anmeldung-fluentform{margin-block-start:36px;text-align:start;}

/* Hintergrundvarianten. */
.elementor .s-anmeldung--creme{background-color:#f5f2ed;}
.elementor .s-anmeldung--weiss{background-color:#ffffff;}
.elementor .s-anmeldung--gold{background-color:#f8b236;}
.elementor .s-anmeldung--petrol{background-color:#186881;}
.elementor .s-anmeldung--petrol .s-anmeldung-kicker{color:#f8b236;}
.elementor .s-anmeldung--petrol .s-anmeldung-heading{color:#ffffff;}
.elementor .s-anmeldung--petrol .s-anmeldung-intro{color:#ffffff;}

/* Fluent-Forms: zweispaltiges Raster, Theme-Schrift, eckige weisse Kaesten. */
.s-anmeldung-fluentform .frm-fluent-form fieldset{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;column-gap:24px !important;row-gap:24px !important;width:100% !important;}
.s-anmeldung-fluentform .ff-el-group{flex:0 0 100% !important;display:flex !important;flex-direction:column !important;gap:6px !important;margin:0 !important;}
.s-anmeldung-fluentform .ff-el-group.af-half{flex:0 0 calc(50% - 12px) !important;}
.s-anmeldung-fluentform .ff-el-group.af-full{flex:0 0 100% !important;}
.s-anmeldung-fluentform .ff-el-input--label label{font-family:'Ubuntu',sans-serif !important;font-size:18px !important;color:#1c1c21 !important;}
.s-anmeldung-fluentform .asterisk-right .ff-el-is-required:after,.s-anmeldung-fluentform label:after{content:none !important;}
.s-anmeldung-fluentform .ff-el-form-control{font-family:'Ubuntu',sans-serif !important;font-size:18px !important;line-height:1.4 !important;color:#1c1c21 !important;padding:16px !important;border:1px solid #d6d5d5 !important;border-radius:0 !important;background:#fff !important;width:100% !important;box-shadow:none !important;}
.s-anmeldung-fluentform .ff-el-form-control::placeholder{color:#1c1c21 !important;opacity:1 !important;}
.s-anmeldung-fluentform .ff-el-form-control:focus{outline:none !important;border-color:#186881 !important;}
.s-anmeldung-fluentform select.ff-el-form-control{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;border-radius:0 !important;padding-right:44px !important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='8'%20viewBox='0%200%2012%208'%3E%3Cpath%20d='M1%201l5%205%205-5'%20fill='none'%20stroke='%231c1c21'%20stroke-width='2'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 16px center !important;background-size:12px 8px !important;}
.s-anmeldung-fluentform textarea.ff-el-form-control{min-height:140px !important;resize:vertical !important;}
.s-anmeldung-fluentform .ff-el-form-hide_label .ff-el-input--label{display:none !important;}
.s-anmeldung-fluentform .ff-el-form-check-label{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:10px !important;font-family:'Ubuntu',sans-serif !important;font-size:16px !important;color:#1c1c21 !important;line-height:1.5 !important;cursor:pointer !important;}
.s-anmeldung-fluentform .ff-el-form-check-input{margin-top:3px !important;}
.s-anmeldung-fluentform .ff-btn-submit{flex:0 0 100% !important;max-width:max-content !important;align-self:flex-start !important;font-family:'Ubuntu',sans-serif !important;font-weight:500 !important;font-size:17px !important;color:#fff !important;background:#25333a !important;border:0 !important;border-radius:0 !important;padding:15px 38px !important;cursor:pointer !important;transition:background .2s !important;box-shadow:none !important;}
.s-anmeldung-fluentform .ff-btn-submit:hover{background:#186881 !important;}
.s-anmeldung-fluentform .error{color:#c0392b !important;font-size:13px !important;margin-top:4px !important;display:block !important;}
.s-anmeldung-fluentform .ff-message-success{font-family:'Ubuntu',sans-serif !important;font-size:16px !important;color:#186881 !important;}

/* Mobil: Felder untereinander. */
@media(max-width:767px){
  .elementor .s-anmeldung-heading{font-size:36px;}
  .s-anmeldung-fluentform .ff-el-group.af-half{flex:0 0 100% !important;}
  .s-anmeldung-fluentform .ff-el-form-control{font-size:16px !important;}
  .s-anmeldung-fluentform .ff-el-form-control::placeholder{font-size:16px !important;}
}

/* ==========================================================================
   Bild-Karten (s-bildkarten): zwei Kacheln nebeneinander, je ein unbeschnittenes
   Querformatbild mit darueber ragender Textkarte. Das Raster steht auf fester
   Breite von 1330px inklusive 30px Spalten-Abstand, die Bildhoehe ergibt sich
   aus dem Seitenverhaeltnis. Kicker und Ueberschrift stehen mittig darueber.
   Alles eckig. Die Karten setzen sich automatisch gegen die Sektionsfarbe ab:
   Creme auf Weiss, Weiss auf Creme, Petrol und Gold.
   Der obere und untere Abstand kommt aus dem Sektionsabstand-Standard
   (_abstaende: 133/100/70 auf Unterseiten).
   ========================================================================== */
.elementor .s-bildkarten{padding-block-start:100px;padding-block-end:100px;padding-inline-start:24px;padding-inline-end:24px;background-color:#ffffff;}
.elementor .s-bildkarten-inner{max-width:1330px;margin-inline:auto;}
.elementor .s-bildkarten-head{text-align:center;margin-block-end:44px;}
.elementor .s-bildkarten-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;margin-block-end:12px;}
.elementor .s-bildkarten-heading{max-width:760px;margin:0 auto;font-family:DM Serif Text;font-weight:400;font-size:42px;line-height:1.2em;color:#25333a;}

/* Zweispaltiges Raster: 30px Abstand, je Spalte 650px bei 1330px Gesamtbreite. */
.elementor .s-bildkarten-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;align-items:start;}
.elementor .s-bildkarten-item{display:flex;flex-direction:column;}
.elementor .s-bildkarten-img{display:block;width:100%;height:auto;border-radius:0;}

/* Textkarte ragt ueber die Bildunterkante und ist beidseitig eingerueckt. */
.elementor .s-bildkarten-card{position:relative;z-index:2;margin-block-start:-64px;margin-inline:28px;padding-block-start:34px;padding-block-end:34px;padding-inline-start:34px;padding-inline-end:34px;background-color:#f5f2ed;border-radius:0;}
.elementor .s-bildkarten-card--nobild{margin-block-start:0;margin-inline:0;}
.elementor .s-bildkarten-titel{margin:0;font-family:DM Serif Text;font-weight:400;font-size:28px;line-height:1.25em;color:#25333a;}
.elementor .s-bildkarten-text{margin-block-start:16px;font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.7em;color:#25333a;}
.elementor .s-bildkarten-text > *:first-child{margin-block-start:0;}
.elementor .s-bildkarten-text > *:last-child{margin-block-end:0;}
.elementor .s-bildkarten-text ul{padding-inline-start:0;list-style:none;margin-block-start:14px;margin-block-end:14px;}

/* Hintergrundvarianten samt Gegenfarbe der Karten. */
.elementor .s-bildkarten--weiss{background-color:#ffffff;}
.elementor .s-bildkarten--weiss .s-bildkarten-card{background-color:#f5f2ed;}
.elementor .s-bildkarten--creme{background-color:#f5f2ed;}
.elementor .s-bildkarten--creme .s-bildkarten-card{background-color:#ffffff;}
.elementor .s-bildkarten--gold{background-color:#f8b236;}
.elementor .s-bildkarten--gold .s-bildkarten-kicker{color:#25333a;}
.elementor .s-bildkarten--gold .s-bildkarten-card{background-color:#ffffff;}
.elementor .s-bildkarten--petrol{background-color:#186881;}
.elementor .s-bildkarten--petrol .s-bildkarten-kicker{color:#f8b236;}
.elementor .s-bildkarten--petrol .s-bildkarten-heading{color:#ffffff;}
.elementor .s-bildkarten--petrol .s-bildkarten-card{background-color:#ffffff;}

/* Tablet: Raster bleibt zweispaltig, Karte rueckt weniger hoch. */
@media(max-width:1024px){
  .elementor .s-bildkarten-heading{font-size:36px;}
  .elementor .s-bildkarten-card{margin-block-start:-48px;margin-inline:20px;padding-block-start:26px;padding-block-end:26px;padding-inline-start:26px;padding-inline-end:26px;}
  .elementor .s-bildkarten-titel{font-size:24px;}
  .elementor .s-bildkarten-text{font-size:17px;}
}

/* Mobil: eine Spalte untereinander. */
@media(max-width:767px){
  .elementor .s-bildkarten{padding-inline-start:20px;padding-inline-end:20px;}
  .elementor .s-bildkarten-head{margin-block-end:32px;}
  .elementor .s-bildkarten-heading{font-size:32px;}
  .elementor .s-bildkarten-grid{grid-template-columns:1fr;gap:36px;}
  .elementor .s-bildkarten-card{margin-block-start:-40px;margin-inline:16px;}
}

/* ==========================================================================
   Pro Sektion einstellbarer Abstand (Felder "Abstand oben/unten" im Baukasten).
   Greift nur, wenn im Modul ein Wert eingetragen ist; sonst gelten die
   Standardwerte oben bzw. die eigenen Werte der Startseite.
   Die Werte kommen als CSS-Variablen aus dem Sektions-Tag, Tablet und Mobil
   rechnet PHP im Verhaeltnis des Standards (133 / 100 / 70) mit.
   !important, weil die Standardregeln oben hoch spezifisch sind
   (body:not(.home) .elementor .klasse) und sonst gewinnen wuerden.
   ========================================================================== */
.elementor .art-sp-top{padding-block-start:var(--art-sp-top) !important;}
.elementor .art-sp-bottom{padding-block-end:var(--art-sp-bottom) !important;}
@media (max-width:1024px){
  .elementor .art-sp-top{padding-block-start:var(--art-sp-top-t) !important;}
  .elementor .art-sp-bottom{padding-block-end:var(--art-sp-bottom-t) !important;}
}
@media (max-width:767px){
  .elementor .art-sp-top{padding-block-start:var(--art-sp-top-m) !important;}
  .elementor .art-sp-bottom{padding-block-end:var(--art-sp-bottom-m) !important;}
}

/* ==========================================================================
   Hamburger-Menue ueber dem Kopfbild (bis 1024px): Die Balken liegen direkt auf
   dem Bild und verschwinden auf hellen Motiven. Zwei Massnahmen dagegen:
   1. Eine dezente Abschattung, die auf jedem Hintergrund eine Kante gibt.
   2. Ein langsamer Farbwechsel durch die Markenfarben (Weiss, Petrol, Gold,
      Creme), rund drei Sekunden pro Farbe.
   Reines CSS ohne JavaScript, ohne Layoutverschiebung.
   Sobald der cremefarbene Header eingeblendet ist (artrium-scrolled), das
   Vollbildmenue offen ist (art-menu-open) oder die Seite ausdruecklich dunkle
   Bedienelemente gewaehlt hat (art-hero-dark), gilt wieder die feste Farbe:
   dort steht das Menue auf einer ruhigen Flaeche und braucht beides nicht.
   ========================================================================== */
@media (max-width:1024px){
  .art-burger{filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));}
  .art-burger span{animation:art-burger-farbe 12s ease-in-out infinite;}

  body.artrium-scrolled .art-burger,
  body.art-menu-open .art-burger,
  body.art-hero-dark .art-burger{filter:none;}
  body.artrium-scrolled .art-burger span,
  body.art-menu-open .art-burger span,
  body.art-hero-dark .art-burger span{animation:none;}
}

@keyframes art-burger-farbe{
  0%,22%{background-color:#ffffff;}
  25%,47%{background-color:#186881;}
  50%,72%{background-color:#f8b236;}
  75%,97%{background-color:#f5f2ed;}
  100%{background-color:#ffffff;}
}

/* Wer im System reduzierte Bewegung eingestellt hat, bekommt keinen Farbwechsel.
   Die Abschattung bleibt und sorgt allein fuer die Sichtbarkeit. */
@media (prefers-reduced-motion:reduce){
  .art-burger span{animation:none !important;}
}

/* ==========================================================================
   Rechtstext (s-rechtstext): schlichte Textseite ohne Seitenkopf, fuer
   Impressum, Datenschutz, AGB und Widerruf. Oben die H1, darunter der
   Fliesstext auf maximaler Contentbreite von 1200px. Der obere und untere
   Abstand kommt aus dem Sektionsabstand-Standard (133/100/70) und ist wie bei
   jeder Sektion pro Seite ueberschreibbar.
   Ueberschriften im Fliesstext sind bewusst ruhig gehalten: Rechtstexte
   brauchen Gliederung, keine Werbewirkung.
   ========================================================================== */
.elementor .s-rechtstext{padding-block-start:100px;padding-block-end:100px;padding-inline-start:24px;padding-inline-end:24px;background-color:#ffffff;}
.elementor .s-rechtstext--weiss{background-color:#ffffff;}
.elementor .s-rechtstext--creme{background-color:#f5f2ed;}
.elementor .s-rechtstext-inner{max-width:1200px;margin-inline:auto;}
.elementor .s-rechtstext-title{margin:0 0 32px;font-family:DM Serif Text;font-weight:400;font-size:52px;line-height:1.15em;color:#25333a;}
.elementor .s-rechtstext-text{font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.75em;color:#25333a;}
.elementor .s-rechtstext-text > *:first-child{margin-block-start:0;}
.elementor .s-rechtstext-text > *:last-child{margin-block-end:0;}
.elementor .s-rechtstext-text p{margin-block-start:0;margin-block-end:14px;}
.elementor .s-rechtstext-text h2{margin-block-start:26px;margin-block-end:8px;font-family:DM Serif Text;font-weight:400;font-size:30px;line-height:1.25em;color:#25333a;}
.elementor .s-rechtstext-text h3{margin-block-start:22px;margin-block-end:8px;font-family:Ubuntu;font-weight:500;font-size:21px;line-height:1.35em;color:#25333a;}
.elementor .s-rechtstext-text h4,.elementor .s-rechtstext-text h5,.elementor .s-rechtstext-text h6{margin-block-start:18px;margin-block-end:8px;font-family:Ubuntu;font-weight:500;font-size:18px;line-height:1.4em;color:#25333a;}
.elementor .s-rechtstext-text a{color:#186881;text-decoration:underline;}
.elementor .s-rechtstext-text a:hover{color:#25333a;}
.elementor .s-rechtstext-text ul,.elementor .s-rechtstext-text ol{margin-block-start:14px;margin-block-end:18px;}
.elementor .s-rechtstext-text ol{padding-inline-start:24px;}
.elementor .s-rechtstext-text table{width:100%;border-collapse:collapse;margin-block-start:18px;margin-block-end:18px;}
.elementor .s-rechtstext-text th,.elementor .s-rechtstext-text td{border:1px solid #d6d5d5;padding:10px 12px;text-align:start;vertical-align:top;}
.elementor .s-rechtstext-text strong,.elementor .s-rechtstext-text b{font-weight:500;}

@media (max-width:1024px){
  .elementor .s-rechtstext-title{font-size:42px;}
}
@media (max-width:767px){
  .elementor .s-rechtstext{padding-inline-start:20px;padding-inline-end:20px;}
  .elementor .s-rechtstext-title{font-size:34px;margin-block-end:24px;}
  .elementor .s-rechtstext-text{font-size:17px;}
  .elementor .s-rechtstext-text h2{font-size:25px;}
  .elementor .s-rechtstext-text h3{font-size:19px;}
  /* Lange Rechtstexte enthalten oft Tabellen: seitlich scrollbar statt gequetscht. */
  .elementor .s-rechtstext-text table{display:block;overflow-x:auto;}
}

/* Manche uebernommenen Rechtstexte enthalten leere Absaetze als Platzhalter.
   Die wuerden den Abstand zwischen den Gliederungspunkten verdoppeln. */
.elementor .s-rechtstext-text p:empty{display:none;}

/* ==========================================================================
   Veranstaltungsliste (s-valiste)

   Geometrie auf dem Desktop, bewusst in Prozent der Seitenbreite, damit sie sich
   an jede Bildschirmgroesse anpasst:
     Bild      an der linken Seitenkante, 45% breit (genauso wie in der Sektion
               "Text + Querformat-Bild", dort .s-textabschnitt.is-quer)
     Karte     greift 60px ueber die rechte Bildkante und endet bei 75% der
               Seitenbreite, Bild und Karte bedecken damit drei Viertel der Seite
     Strich    goldene Linie unter jedem Eintrag, ebenfalls bis 75%

   Der Kopf (Kicker, Ueberschrift, Einleitung) sitzt auf der normalen Contentbreite
   mittig, die Eintraege darunter beginnen an der Seitenkante. Die Karte ist
   cremefarben; steht die Sektion selbst auf Creme, wird die Karte weiss, damit sie
   sich abhebt (gleiche Logik wie bei den Bild-Karten).
   ========================================================================== */
.elementor .s-valiste{background-color:#ffffff;}
.elementor .s-valiste--creme{background-color:#f5f2ed;}

.elementor .s-valiste-kopf{max-width:var(--art-cap);margin-inline:auto;padding-inline:40px;margin-block-end:64px;text-align:center;}
.elementor .s-valiste-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;margin-block-end:10px;}
.elementor .s-valiste--creme .s-valiste-kicker{color:#f8b236;}
.elementor .s-valiste-heading{font-family:DM Serif Text;font-weight:400;font-size:45px;line-height:1.18em;color:#25333a;margin:0;}
.elementor .s-valiste-intro{font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.7em;color:#25333a;max-width:760px;margin-inline:auto;margin-block-start:20px;}
.elementor .s-valiste-intro p{margin:0;}
.elementor .s-valiste-intro p + p{margin-block-start:16px;}
.elementor .s-valiste-leer{max-width:var(--art-cap);margin-inline:auto;padding-inline:40px;font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.7em;color:#25333a;text-align:center;}

.elementor .s-valiste-item{position:relative;display:flex;flex-direction:row;align-items:center;padding-block-end:56px;}
.elementor .s-valiste-item + .s-valiste-item{margin-block-start:56px;}
/* Goldener Strich unter dem Eintrag, auf derselben Breite wie Bild plus Karte. */
.elementor .s-valiste-item::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:75%;height:3px;background-color:#f8b236;}

.elementor .s-valiste-bild{flex:0 0 45%;position:relative;}
.elementor .s-valiste-media{position:relative;display:block;line-height:0;}
.elementor .s-valiste-img{display:block;width:100%;height:auto;border-radius:0;}

/* Goldener Datumsblock oben links im Bild: Tag gross, darunter Monat und Jahr.
   Sitzt an derselben Stelle wie die vorhandenen Balken (top:7px, bis an die
   Bildkante), nur deutlich groesser und zweizeilig, damit er wenig verdeckt. */
.elementor .s-valiste-datum{position:absolute;top:7px;left:0;z-index:4;display:flex;flex-direction:column;align-items:flex-start;background-color:#f8b236;color:#25333a;padding-block-start:18px;padding-block-end:18px;padding-inline-start:30px;padding-inline-end:30px;}
.elementor .s-valiste-tag{font-family:DM Serif Text;font-weight:400;font-size:54px;line-height:1;}
.elementor .s-valiste-monat{font-family:Ubuntu;font-weight:500;font-size:15px;line-height:1;letter-spacing:1.5px;text-transform:uppercase;margin-block-start:8px;}

.elementor .s-valiste-card{flex:1 1 auto;background-color:#f5f2ed;margin-inline-start:-60px;max-width:calc(30% + 60px);padding-block-start:44px;padding-block-end:44px;padding-inline-start:44px;padding-inline-end:44px;}
.elementor .s-valiste--creme .s-valiste-card{background-color:#ffffff;}
.elementor .s-valiste-typ{font-family:Ubuntu;font-weight:500;font-size:13px;color:#f8b236;letter-spacing:3px;text-transform:uppercase;margin-block-end:10px;}
.elementor .s-valiste--creme .s-valiste-typ{color:#186881;}
.elementor .s-valiste-titel{font-family:DM Serif Text;font-weight:400;font-size:30px;line-height:1.2em;color:#25333a;margin:0;}
.elementor .s-valiste-titel a{color:inherit;text-decoration:none;}
.elementor .s-valiste-titel a:hover,.elementor .s-valiste-titel a:focus-visible{color:#186881;}
.elementor .s-valiste-ort{font-family:Ubuntu;font-weight:400;font-size:16px;line-height:1.5em;color:#186881;margin-block-start:8px;}
.elementor .s-valiste-text{font-family:Ubuntu;font-weight:400;font-size:17px;line-height:1.7em;color:#25333a;margin-block-start:16px;margin-block-end:0;}
/* Klassischer Artrium-Knopf: Text mit goldenem Unterstrich, hier fett. */
.elementor .s-valiste-btn{font-family:Ubuntu;font-weight:700;font-size:17px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0;padding-inline-end:0;border-radius:0;border-block-start-width:0;border-block-end-width:3px;border-inline-start-width:0;border-inline-end-width:0;border-color:#f8b236;border-style:solid;background-color:transparent;text-decoration:none;display:inline-block;margin-block-start:22px;}
.elementor .s-valiste-btn:hover,.elementor .s-valiste-btn:focus-visible{color:#186881;}

/* Tablet: Bild etwas schmaler, Karte darf dafuer weiter nach rechts laufen. */
@media (max-width:1024px){
  .elementor .s-valiste-kopf{margin-block-end:48px;padding-inline:24px;}
  .elementor .s-valiste-heading{font-size:32px;}
  .elementor .s-valiste-kicker{font-size:12px;}
  .elementor .s-valiste-bild{flex:0 0 44%;}
  .elementor .s-valiste-card{max-width:calc(44% + 48px);margin-inline-start:-48px;padding-block-start:32px;padding-block-end:32px;padding-inline-start:32px;padding-inline-end:32px;}
  .elementor .s-valiste-item::after{width:88%;}
  .elementor .s-valiste-tag{font-size:44px;}
  .elementor .s-valiste-titel{font-size:26px;}
}

/* Mobil: gestapelt wie eine Rezensionskachel. Bild ueber die ganze Breite, die
   Karte darunter, eingezogen und ueber die untere Bildkante greifend. */
@media (max-width:767px){
  .elementor .s-valiste-item{flex-direction:column;align-items:stretch;padding-block-end:40px;}
  .elementor .s-valiste-item + .s-valiste-item{margin-block-start:40px;}
  .elementor .s-valiste-item::after{width:calc(100% - 48px);inset-inline-start:24px;}
  .elementor .s-valiste-bild{flex:0 0 auto;}
  .elementor .s-valiste-card{max-width:none;margin-inline-start:24px;margin-inline-end:24px;margin-block-start:-48px;padding-block-start:28px;padding-block-end:28px;padding-inline-start:28px;padding-inline-end:28px;}
  .elementor .s-valiste-datum{padding-block-start:14px;padding-block-end:14px;padding-inline-start:22px;padding-inline-end:22px;}
  .elementor .s-valiste-tag{font-size:42px;}
  .elementor .s-valiste-monat{font-size:14px;}
  .elementor .s-valiste-titel{font-size:24px;}
  .elementor .s-valiste-text{font-size:16px;}
}

/* ==========================================================================
   Kopf der Sektion "Wege ins Artrium": kurze Zeile in Petrol plus Ueberschrift,
   linksbuendig ueber den drei Karten. Beide Felder sind optional, ohne Eintrag
   erscheint der Block nicht und bestehende Seiten bleiben unveraendert.
   ========================================================================== */
.elementor .s-weg3-kopf{padding-inline-start:40px;padding-inline-end:40px;margin-block-end:48px;}
.elementor .s-weg3-tagline{font-family:Ubuntu;font-weight:700;font-size:18px;line-height:1.5em;color:#186881;margin-block-end:10px;}
.elementor .s-weg3-heading-top{font-family:DM Serif Text;font-weight:400;font-size:45px;line-height:1.18em;color:#25333a;margin:0;}
@media (max-width:1024px){
  .elementor .s-weg3-kopf{padding-inline-start:24px;padding-inline-end:24px;margin-block-end:36px;}
  .elementor .s-weg3-heading-top{font-size:32px;}
  .elementor .s-weg3-tagline{font-size:17px;}
}

/* ==========================================================================
   Optionaler Knopf in den Text-plus-Bild-Sektionen (Hochkant und Querformat,
   Bild links wie rechts). Klassischer Artrium-Stil: Text mit goldenem
   Unterstrich, kein Kasten. Erscheint nur, wenn ein Button-Text eingetragen ist.
   Auf dunklem Grund wird die Schrift hell, der Strich bleibt gold.
   ========================================================================== */
.elementor .s-textabschnitt-btn{font-family:Ubuntu;font-weight:700;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0;padding-inline-end:0;border-radius:0;border-block-start-width:0;border-block-end-width:3px;border-inline-start-width:0;border-inline-end-width:0;border-color:#f8b236;border-style:solid;background-color:transparent;text-decoration:none;display:inline-block;margin-block-start:28px;}
.elementor .s-textabschnitt-btn:hover,.elementor .s-textabschnitt-btn:focus-visible{color:#186881;}
.elementor .s-textabschnitt.is-dark .s-textabschnitt-btn{color:#f5f2ed;}
.elementor .s-textabschnitt.is-dark .s-textabschnitt-btn:hover,.elementor .s-textabschnitt.is-dark .s-textabschnitt-btn:focus-visible{color:#f8b236;}
@media (max-width:767px){
  .elementor .s-textabschnitt-btn{font-size:17px;margin-block-start:22px;}
}

/* ==========================================================================
   Zurueck (s-zurueck): schmale Sektion mit einem einzigen, mittig stehenden Link.
   Schrift, Groesse und goldener Unterstrich sind identisch mit dem Knopf in den
   Text-plus-Bild-Sektionen (.s-textabschnitt-btn), damit beide gleich wirken.
   Abstand oben und unten kommt aus den Feldern der Sektion, siehe _abstaende.css.
   ========================================================================== */
.elementor .s-zurueck{background-color:#ffffff;display:flex;justify-content:center;padding-inline-start:24px;padding-inline-end:24px;}
.elementor .s-zurueck--creme{background-color:#f5f2ed;}
.elementor .s-zurueck-inner{width:100%;max-width:var(--art-cap);text-align:center;}
.elementor .s-zurueck-link{font-family:Ubuntu;font-weight:700;font-size:18px;color:#25333a;padding-block-start:12px;padding-block-end:6px;padding-inline-start:0;padding-inline-end:0;border-radius:0;border-block-start-width:0;border-block-end-width:3px;border-inline-start-width:0;border-inline-end-width:0;border-color:#f8b236;border-style:solid;background-color:transparent;text-decoration:none;display:inline-block;}
.elementor .s-zurueck-link:hover,.elementor .s-zurueck-link:focus-visible{color:#186881;}
@media (max-width:767px){
  .elementor .s-zurueck-link{font-size:17px;}
}

/* ==========================================================================
   Info-Kacheln (s-infovier): bis zu vier gleich breite Spalten. Je eine eckige
   goldene Kachel mit dem Symbol darin, darunter Titel und eine Zeile Text.
   Ohne Schatten und ohne Rundung, wie alle Flaechen der Marke.
   ========================================================================== */
.elementor .s-infovier{display:flex;justify-content:center;}
.elementor .s-infovier-inner{width:100%;max-width:var(--art-cap);padding-inline-start:40px;padding-inline-end:40px;}
.elementor .s-infovier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}
.elementor .s-infovier-item{display:flex;flex-direction:column;align-items:center;text-align:center;}
.elementor .s-infovier-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background-color:#f8b236;color:#25333a;border-radius:0;margin-block-end:20px;transition:background-color .25s ease,color .25s ease;}
/* Maus darueber: Kachel wird petrol, das Symbol darin weiss. */
.elementor .s-infovier-item:hover .s-infovier-icon,
.elementor .s-infovier-item:focus-within .s-infovier-icon{background-color:#186881;color:#ffffff;}
.elementor .s-infovier-icon svg{width:38px;height:38px;display:block;}
.elementor .s-infovier-titel{font-family:DM Serif Text;font-weight:400;font-size:24px;line-height:1.2em;color:#25333a;margin:0;}
.elementor .s-infovier-text{font-family:Ubuntu;font-weight:400;font-size:17px;line-height:1.6em;color:#25333a;margin-block-start:6px;}
.elementor .s-infovier.is-dark .s-infovier-titel,
.elementor .s-infovier.is-dark .s-infovier-text{color:#f5f2ed;}
@media (max-width:1024px){
  .elementor .s-infovier-inner{padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-infovier-grid{grid-template-columns:repeat(2,1fr);gap:36px;}
  .elementor .s-infovier-titel{font-size:22px;}
}
@media (max-width:767px){
  .elementor .s-infovier-grid{grid-template-columns:repeat(2,1fr);gap:32px 20px;}
  .elementor .s-infovier-icon{width:64px;height:64px;margin-block-end:12px;}
  .elementor .s-infovier-icon svg{width:34px;height:34px;}
  /* Auf dem Telefon bleiben nur Symbol und Wert stehen. Der Titel wird nur
     optisch entfernt und bleibt fuer Vorleseprogramme und die Gliederung der
     Seite erhalten, deshalb kein display:none. */
  .elementor .s-infovier-titel{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
  .elementor .s-infovier-text{margin-block-start:0;font-size:16px;line-height:1.5em;}
}

/* ==========================================================================
   darunter laufen die Videos ueber die volle Seitenbreite direkt aneinander.
   Der Play-Kreis und das Overlay kommen aus der bestehenden Video-Mechanik.
   ========================================================================== */

@media (max-width:1024px){
}
@media (max-width:767px){
}

/* ==========================================================================
   Video-Kacheln (s-videodrei): Geometrie der Angebots-Karten (Gast-Tag und
   Probewoche). Das Vorschaubild laeuft ueber die volle Spaltenbreite und behaelt
   sein Originalformat 16:9, darauf sitzt der goldene Video-Balken und der
   Play-Kreis. Die Karte steht rechtsbuendig darunter und ragt ins Bild, sie
   traegt den Namen und darunter das Zitat.
   ========================================================================== */
.elementor .s-videodrei{background-color:#ffffff;position:relative;display:flex;flex-direction:column;}
.elementor .s-videodrei--creme{background-color:#f5f2ed;}
.elementor .s-videodrei-kopf{max-width:var(--art-cap);margin-inline:auto;padding-inline-start:40px;padding-inline-end:40px;margin-block-end:56px;text-align:center;}
.elementor .s-videodrei-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;margin-block-end:10px;}
.elementor .s-videodrei--creme .s-videodrei-kicker{color:#f8b236;}
.elementor .s-videodrei-heading{font-family:DM Serif Text;font-weight:400;font-size:45px;line-height:1.18em;color:#25333a;margin:0;}
.elementor .s-videodrei-intro{font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.7em;color:#25333a;max-width:760px;margin-inline:auto;margin-block-start:20px;}
.elementor .s-videodrei-intro p{margin:0;}
.elementor .s-videodrei-intro p + p{margin-block-start:16px;}

.elementor .s-videodrei-row{padding:0;margin:0;display:flex;flex-direction:row;gap:0;flex-wrap:wrap;}
.elementor .s-videodrei-col{min-width:0;padding:0;margin:0;display:flex;flex-direction:column;gap:0;flex:1 1 0%;}
.elementor .s-videodrei-media{position:relative;display:block;line-height:0;cursor:pointer;}
.elementor .s-videodrei-img{display:block;width:100%;height:auto;border-radius:0;}
.elementor .s-videodrei-badge{position:absolute;top:7px;left:0;z-index:4;font-family:Ubuntu;font-weight:500;font-size:13px;line-height:normal;text-transform:uppercase;color:#25333a;letter-spacing:1.5px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px;background-color:#f8b236;}
.elementor .s-videodrei-media .art-video-play{transition:transform .2s ease;}
.elementor .s-videodrei-media:hover .art-video-play,.elementor .s-videodrei-media:focus-visible .art-video-play{transform:translate(-50%,-50%) scale(1.07);}

.elementor .s-videodrei-card{position:relative;z-index:2;align-self:end;max-width:360px;margin-block-start:-84px;margin-block-end:0;margin-inline-start:20%;margin-inline-end:0;background-color:#ffffff;display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding-block-start:36px;padding-block-end:36px;padding-inline-start:36px;padding-inline-end:36px;}
.elementor .s-videodrei--weiss .s-videodrei-card{background-color:#f5f2ed;}
.elementor .s-videodrei-name{font-family:DM Serif Text;font-weight:400;font-size:32px;line-height:1.2em;color:#25333a;margin:0;}
.elementor .s-videodrei-zitat{margin:0;padding-block:2px;padding-inline-start:20px;padding-inline-end:0;border-inline-start:3px solid #f8b236;border-radius:0;}
.elementor .s-videodrei-zitat p{font-family:DM Serif Text;font-weight:400;font-style:italic;font-size:21px;line-height:1.35em;color:#25333a;margin:0;}

/* Unter 1025px untereinander: bei drei Spalten waeren die 16:9-Bilder sonst so
   flach, dass die Karte mehr als die Haelfte davon verdecken wuerde. */
@media (max-width:1024px){
  .elementor .s-videodrei-kopf{padding-inline-start:24px;padding-inline-end:24px;margin-block-end:40px;}
  .elementor .s-videodrei-heading{font-size:32px;}
  .elementor .s-videodrei-kicker{font-size:12px;}
  .elementor .s-videodrei-row{flex-direction:column;gap:40px;}
  .elementor .s-videodrei-col{flex:0 0 auto;}
  .elementor .s-videodrei-card{max-width:460px;margin-block-start:-110px;margin-inline-start:20%;padding-block-start:28px;padding-block-end:28px;padding-inline-start:28px;padding-inline-end:28px;}
  .elementor .s-videodrei-badge{font-size:12px;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;}
}
@media (max-width:767px){
  .elementor .s-videodrei-row{gap:32px;}
  .elementor .s-videodrei-card{max-width:none;align-self:stretch;margin-block-start:-56px;margin-inline-start:16px;margin-inline-end:16px;padding-block-start:24px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px;}
  .elementor .s-videodrei-name{font-size:28px;}
  .elementor .s-videodrei-zitat p{font-size:20px;}
}

/* ==========================================================================
   Einbettung (s-einbettung): Textspalte mit extern gehostetem Inhalt darunter,
   zum Beispiel dem Brevo-Anmeldeformular. Abstaende kommen aus der
   Positivliste oben, hier nur die Innenaufteilung.
   ========================================================================== */
.elementor .s-einbettung{padding-inline-start:24px;padding-inline-end:24px;}
.elementor .s-einbettung-inner{max-width:1200px;margin-inline:auto;}
.elementor .s-einbettung-kicker{font-family:Ubuntu;font-weight:500;font-size:13px;color:#186881;letter-spacing:3px;text-transform:uppercase;margin-block-end:10px;}
.elementor .s-einbettung.is-creme .s-einbettung-kicker{color:#f8b236;}
.elementor .s-einbettung-heading{margin:0 0 24px;font-family:DM Serif Text;font-weight:400;font-size:45px;line-height:1.18em;color:#25333a;}
.elementor .s-einbettung-text{max-width:780px;font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.7em;color:#25333a;}
.elementor .s-einbettung-text > * + *{margin-block-start:16px;}
.elementor .s-einbettung-frame{margin-block-start:36px;}
.elementor .s-einbettung-frame iframe{display:block;max-width:100%;border:0;margin-inline-start:0;}
@media (max-width:1024px){
  .elementor .s-einbettung-heading{font-size:36px;}
}
@media (max-width:767px){
  .elementor .s-einbettung{padding-inline-start:20px;padding-inline-end:20px;}
  .elementor .s-einbettung-heading{font-size:32px;margin-block-end:20px;}
  .elementor .s-einbettung-text{font-size:17px;}
  .elementor .s-einbettung-frame{margin-block-start:28px;}
}

/* ============================================================
   Layout-Korrekturen (27.07.2026)
   Behebt gemessenes waagerechtes Ueberlaufen auf Mobil und Tablet.
   Steht woertlich am Ende von main.css. Bewusst ans Dateiende gesetzt,
   damit kein Block in einer fremden Media Query landet.
   ============================================================ */

/* 1. Tablet (768 bis 1024 Pixel): Der Textblock neben dem Bild schrumpfte nicht
   unter seine Mindestbreite. Dadurch wurde die Flex-Zeile breiter als das
   Fenster, je nach Bildseite ragte der Text oder das Bild heraus.
   Gemessen auf sechs Seiten, 12 bis 135 Pixel Ueberlauf. */
@media(min-width:768px) and (max-width:1024px){
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-inner{min-width:0;}
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-kicker,
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-heading,
  .elementor .s-textabschnitt.has-bild .s-textabschnitt-text{overflow-wrap:break-word;}
}

/* 2. Rechtstexte: Die Datenschutzerklaerung enthaelt nackte Adressen
   (Mastercard, Klarna, Facebook, Your Online Choices), die laenger sind als ein
   Mobilbildschirm und nicht umbrachen. Gemessen 270 Pixel Ueberlauf. */
.elementor .s-rechtstext-text{overflow-wrap:break-word;}
.elementor .s-rechtstext-text a{overflow-wrap:anywhere;word-break:break-word;}

/* 3. Blog-Titel: lange Einzelwoerter (Schauspielmethoden, Schauspielausbildung)
   sind bei 37 Pixel Schriftgroesse breiter als der Mobilbildschirm und ragten
   aus ihrer Box. Gemessen 15 bis 17 Pixel Ueberlauf. */
.elementor .s-post-title{overflow-wrap:break-word;}

/* 4. Angebotsgruppe auf Mobil: zwei Spalten einer Reihe wurden 385 statt 375
   Pixel breit, das Bild folgte ihnen. Gemessen 10 Pixel Ueberlauf. */
@media(max-width:767px){
  .elementor .s-anggrp-row,
  .elementor .s-anggrp-col{max-width:100%;}
}

/* 5. Leerer Warenkorb: das Produktraster von WooCommerce traegt seitliche
   Negativabstaende und wurde dadurch breiter als die Seite (8 Pixel). */
.elementor .wc-block-grid__products{max-width:100%;}

/* 6. Vorbedingung fuer die Bildmasse an den <img>-Elementen.
   Ein height-Attribut wirkt als echte Hoehe, sobald das CSS nur die Breite
   vorgibt. Genau diese sechs Klassen sind betroffen, empirisch ermittelt: bei
   allen anderen Bildern setzt das CSS die Hoehe selbst und gewinnt ohnehin.
   Ohne diese Regel wuerde das Kopf-Logo von 140x55 auf 140x794 aufreissen,
   die Kontakt-Icons von 30x30 auf 30x100 und das Footer-A von 330x353 auf
   330x858. height:auto beschreibt exakt den heutigen Zustand, sichert ihn
   aber gegen die Attribute ab. */
.elementor .s-header-logo,
.elementor .art-mm-logo,
.elementor .s-icon-adresse,
.elementor .s-icon-phone,
.elementor .s-icon-email,
.elementor .footer-big-a-img{height:auto;}

/* 7. Das dekorative A ragt gewollt ueber die rechte Footer-Kante hinaus
   (inset-inline-end negativ). Ohne seitlichen Beschnitt erzeugt es waagerechtes
   Scrollen, gemessen 9 bis 17 Pixel. overflow-x:clip schneidet ausschliesslich
   seitlich, der gewollte Ueberstand nach unten bleibt sichtbar. */
.elementor .s-site-footer{overflow-x:clip;}

/* ============================================================
   Brotkrumen auf Veranstaltungsseiten (s-vabrot), 27.07.2026
   Steht woertlich am Ende von main.css.

   Drei Vorgaben:
   1. Linke Kante buendig zur Ueberschrift des folgenden Moduls
      (gemessen: 60px auf Desktop, 32px auf Tablet, 24px auf Mobil).
   2. Farbe des angrenzenden Abschnitts, keine weisse Lücke.
   3. Die Sektion darf die Seite nicht verlaengern.

   Loesung fuer 2 und 3: height:0 mit sichtbarem Ueberhang. Die Brotkrume
   nimmt keine eigene Hoehe ein und liegt im vorhandenen Freiraum der
   folgenden Sektion. Weil sie transparent ist, traegt sie automatisch deren
   Farbe, egal ob creme oder weiss.

   Ausnahme Mobil: Dort stapelt sich "Text mit Bild" zur Spalte, das Bild
   sitzt ohne Innenabstand ganz oben. Ein Ueberhang wuerde auf dem Bild
   liegen. Deshalb laeuft die Brotkrume dort im normalen Fluss und traegt die
   Cremefarbe des Seitenkopf-Auslaufs, mit knappen Abstaenden.
   ============================================================ */
.elementor .s-vabrot{
  background-color:transparent;
  position:relative;
  z-index:2;
  height:0;
  overflow:visible;
  padding:0;
}
.elementor .s-vabrot-inner{
  font-family:Ubuntu;
  font-weight:400;
  font-size:15px;
  line-height:1.6;
  color:#5b6b73;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px;
  padding-block-start:28px;
  /* Buendig zur Ueberschrift des folgenden Moduls ("Text mit Querformat-Bild
     rechts"). Dessen Textblock endet bei 55 % der Seitenbreite und ist hoechstens
     820 Pixel breit, dazu kommen 60 Pixel Innenabstand. Bis 1440 Pixel liegt seine
     linke Kante dadurch bei 60 Pixeln, darueber wandert sie nach rechts. Ein fester
     Wert von 60 Pixeln stimmte deshalb nur bis 1440 Pixel und lief auf breiten
     Bildschirmen auseinander (bei 1920 Pixeln um 236 Pixel, gemessen 29.07.2026).
     Prozent bezieht sich auf die Breite der nav, also auf die Inhaltsbreite ohne
     Bildlaufleiste. */
  padding-inline-start:calc(60px + max(0px, 55% - 820px));
  padding-inline-end:24px;
}
.elementor .s-vabrot-inner a{
  color:#186881;
  text-decoration:none;
  border-block-end:1px solid transparent;
}
.elementor .s-vabrot-inner a:hover,
.elementor .s-vabrot-inner a:focus-visible{
  border-block-end-color:#f8b236;
}
.elementor .s-vabrot-sep{color:#9bb0b8;}
.elementor .s-vabrot-hier{color:#5b6b73;}

@media(min-width:768px) and (max-width:1024px){
  .elementor .s-vabrot-inner{padding-block-start:22px;padding-inline-start:32px;}
}

@media(max-width:767px){
  /* Auf dem Handy entfaellt die Brotkrume ganz (29.07.2026).
     Der Titel steht unmittelbar darunter als Ueberschrift, zurueck geht es ueber
     Menue und Logo, und die Brotkrumen-Struktur fuer Suchmaschinen liegt ohnehin
     im Schema (BreadcrumbList, siehe inc/seo.php), nicht im sichtbaren Markup.
     Ohne die Sektion rueckt das folgende Modul direkt an den Seitenkopf.
     Deshalb faellt hier auch die frueher noetige Sonderbehandlung weg: Auf dem
     Desktop haengt die Brotkrume ohne eigene Hoehe im Freiraum der naechsten
     Sektion, gestapelt auf dem Handy haette dieser Ueberhang auf dem Bild gelegen. */
  .elementor .s-vabrot{display:none;}
}

/* --- Archivseiten: Kategorie, Autor, Suche, Fehlerseite ---------------------
   Die Karten und der Kopfbereich kommen aus den vorhandenen s-blog-Klassen.
   Hier stehen nur der Einleitungstext unter der Ueberschrift und der Knopf der
   Fehlerseite. Die Werte sind aus s-autor-bio und s-blog-more uebernommen,
   damit Schrift und Knopf zum uebrigen Theme passen. */
.elementor .s-archiv-intro{font-family:Ubuntu;font-weight:400;font-size:18px;line-height:1.75em;color:#25333a;max-width:760px;margin-block-start:18px;margin-block-end:0;margin-inline:auto;}
.elementor .s-archiv-hinweis{text-align:center;margin-block-start:8px;margin-block-end:0;}
.elementor .s-archiv-knopf{display:inline-block;font-family:Ubuntu;font-weight:500;font-size:15px;color:#25333a;background-color:transparent;border-radius:0px;border-block-end-width:3px;border-block-start-width:0px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:#f8b236;border-style:solid;padding-block-start:10px;padding-block-end:5px;padding-inline-start:0px;padding-inline-end:0px;text-decoration:none;}
@media(max-width:767px){
  .elementor .s-archiv-intro{font-size:16px;line-height:1.7em;}
}


/* --- Startseite: Abstand zwischen Textblock und Bewertungen (29.07.2026) -----
   Der Freiraum zwischen dem Knopf „Lerne uns kennen" und dem Kicker der
   Bewertungen war rund doppelt so groß wie beabsichtigt. Er entsteht aus zwei
   Werten, die auf der Seite nicht auseinanderzuhalten sind:

     gemessen bei 1440px vor der Änderung, sichtbar 229px
       125px  padding-block-end von .s-pitch
       104px  padding-block-start von .s-testi-head

   Beide sind hier halbiert, das Verhältnis bleibt dadurch erhalten. Ergebnis
   rund 114px. Nur Startseite, nur Desktop: Tablet und Mobil behalten ihre
   eigenen Werte, Unterseiten überschreiben .s-testi-head ohnehin per
   body:not(.home).
   ---------------------------------------------------------------------------- */
@media(min-width:1025px){
  body.home .elementor .s-pitch{padding-block-end:62px;}
  body.home .elementor .s-testi-head{padding-block-start:52px;}
}

/* --- Startseite: Abstand zwischen Bewertungen und Broschüre (29.07.2026) -----
   Gleiche Ursache wie im Block darüber, zwei Werte ergeben zusammen den
   sichtbaren Freiraum:

     gemessen bei 1440px und 1920px vor der Änderung, sichtbar 160px
       110px  padding-block-end von .s-testimonials
       110px  padding-block-start von .s-brk

   Er rechnet sich nicht direkt aus der Summe: Die unterste Bewertungskarte
   ragt 60px in das untere Padding hinein, davon bleiben also nur 50px sichtbar.
   Deshalb sind die Werte hier so gewählt, dass 80px herauskommen, also die
   Hälfte. Wer sie ändert, misst besser nach, statt zu rechnen.
   Nur Startseite, nur Desktop.
   ---------------------------------------------------------------------------- */
@media(min-width:1025px){
  body.home .elementor .s-testimonials{padding-block-end:85px;}
  body.home .elementor .s-brk{padding-block-start:55px;}
}

/* --- Kopfnavigation: Hover-Fläche für „Kurse & Workshops" (29.07.2026) -------
   Die übrigen Menüpunkte färben beim Überfahren ihre ganze Navigationszelle
   petrol ein (Regel weiter oben, .s-nav-cell-ausbildung / .s-nav-cell-artrium).
   „Kurse & Workshops" war davon ausgenommen und wechselte nur die Schriftfarbe
   auf Gold, weil es als einziger Punkt kein Untermenü besitzt. Die Fläche
   verhält sich jetzt wie bei den anderen, das Untermenü bleibt weiterhin weg.

   Die Schriftfarbe wechselt dabei auf Weiß statt Gold, sonst stünde als
   einziger Punkt goldene Schrift auf petrol. Die Regel liegt über der
   Gold-Regel weiter oben (0,4,0 gegen 0,3,0), ein !important ist unnötig.

   Zur Symmetrie: Die Zellen sind gleich breit und grenzen beidseitig an den
   Logobereich. Gemessen bei 1100, 1280, 1440 und 1920 Pixeln liegt zwischen
   Kasten und Logo links wie rechts eine Lücke von 16 Pixeln.

   Ab 1025px, darunter greift das Vollbildmenü und es gibt keinen Hover.
   ---------------------------------------------------------------------------- */
@media(min-width:1025px){
  .s-nav-cell-kurse:hover,
  .s-nav-cell-kurse:focus-within{background-color:#186881;}
  .elementor .s-nav-cell-kurse:hover .s-nav-kurse,
  .elementor .s-nav-cell-kurse:focus-within .s-nav-kurse{color:#fff;}
}

/* --- Startseite: Abstand über dem ersten Zitat (29.07.2026) ------------------
   Der Freiraum über „DAS ARTRIUM" war auf allen Bildschirmgrößen größer als der
   darunter bis zur folgenden Sektion. Gemessen von der Unterkante der letzten
   weißen Angebotskarte bis zum Kicker:

     Desktop 1440px   oben 143  unten 110
     Tablet   768px   oben 143  unten 110
     Handy    390px   oben 183  unten 110

   Die Kartensektion bringt in allen drei Fällen 73px mit, weil ihre unterste
   Karte in das eigene Padding hineinragt. Mit 37px oberem Innenabstand kommen
   überall genau 110px heraus, deshalb reicht ein Wert ohne Media Query. Das
   Padding der Kartensektion bleibt unangetastet.
   ---------------------------------------------------------------------------- */
body.home .elementor .s-quote-1{padding-block-start:37px;}

/* --- Startseite, Tablet hochkant: zwei Abstände angleichen (29.07.2026) ------
   Gemessen bei 768px, jeweils sichtbarer Freiraum zwischen den Inhalten:

     Textblock (.s-pitch)   oben 115   unten 229
     Der untere Wert entsteht aus 125px padding-block-end plus 104px
     padding-block-start des Bewertungskopfs. Beide anteilig gekürzt.
   ---------------------------------------------------------------------------- */
@media(min-width:768px) and (max-width:1024px){
  body.home .elementor .s-pitch{padding-block-end:68px;}
  body.home .elementor .s-testi-head{padding-block-start:47px;}
}

/* --- Startseite, Handy: drei Abstände angleichen (29.07.2026) ----------------
   Gemessen bei 390px, jeweils sichtbarer Freiraum zwischen den Inhalten:

     Textblock (.s-pitch)   oben  60   unten 130   ->   60 /  60
     News                   oben  74   unten 160   ->   74 /  74

   Beim Textblock und bei den News setzt sich der Freiraum wieder aus zwei
   Werten zusammen, deshalb sind jeweils beide Seiten angepasst.
   ---------------------------------------------------------------------------- */
@media(max-width:767px){
  body.home .elementor .s-pitch{padding-block-end:30px;}
  body.home .elementor .s-testi-head{padding-block-start:30px;}
  body.home .elementor .art-news{padding-block-end:51px;}
  body.home .elementor .s-kontakt{padding-block-start:23px;}
}

/* --- Startseite, Tablet hochkant: Abstand unter dem Imagefilm (29.07.2026) ---
   Gemessen bei 768px zwischen den sichtbaren Inhalten:

     über der Überschrift „Schauspielschule für Bühne"   107px
     unter der Sektion bis zur ersten Angebotskarte      228px

   Der untere Wert entsteht aus 100px unterem Padding der Sektion und 128px
   oberem Padding der Kartensektion. Beide anteilig gekürzt, Ergebnis rund
   107px. Die Kartensektion behält ihren Wert auf allen anderen Größen,
   insbesondere die 133px auf dem Desktop.
   ---------------------------------------------------------------------------- */
@media(min-width:768px) and (max-width:1024px){
  body.home .elementor .e-5615930-ad2a22c{padding-block-end:47px;}
  body.home .elementor .s-angebote{padding-block-start:60px;}
}

/* Autorenbox: der Name verlinkt auf das Autorenarchiv. Der Link bleibt unsichtbar
   und unterstreicht sich nur beim Ueberfahren (Vorgabe Michael, 29.07.2026).
   Wortgleich auch in _autorbox.css. */
.s-autor-name a{color:inherit;text-decoration:none;}
.s-autor-name a:hover,.s-autor-name a:focus-visible{text-decoration:underline;}

/* Autorenbox mobil: Beschreibung und Wikipedia-Link laufen unter Bild und Name
   ueber die volle Breite, statt in der schmalen Spalte neben dem Bild zu stehen
   (Vorgabe Michael, 29.07.2026). Umgesetzt ueber ein Raster; die Body-Huelle wird
   mit display:contents durchsichtig, damit ihre Kinder selbst Rasterfelder werden.
   Wortgleich auch in _autorbox.css. */
@media(max-width:767px){
.elementor .s-autor{display:grid;grid-template-columns:auto 1fr;column-gap:20px;row-gap:0;align-items:start;}
.elementor .s-autor-media{grid-column:1;grid-row:1 / span 2;}
.elementor .s-autor-body{display:contents;}
.elementor .s-autor-kicker{grid-column:2;}
.elementor .s-autor-name{grid-column:2;}
.elementor .s-autor-bio{grid-column:1 / -1;margin-block-start:16px;}
.elementor .s-autor-wiki{grid-column:1 / -1;justify-self:start;}
}

/* Kicker in Petrol (Entscheidung Michael, 30.07.2026).
   Angleichung an die Live-Seite: dort stehen die Kicker durchgaengig in Petrol.
   Gilt nur fuer Kicker auf hellem Grund (creme und weiss ohne eigene Variante).
   Bewusst ausgenommen, weil Petrol dort nicht lesbar waere: Seitenkopf
   (.s-phead-kicker, Grund ist die Akzentfarbe), FAQ auf Petrol (.s-faq.is-dark),
   Kontakt, Anmeldung und Bildkarten in der Petrol-Variante, .s-brk.is-dark,
   die Hamburg-Sektion der Startseite und .s-related-kicker. Die Gold-Variante
   (.is-gold) behaelt ihr Anthrazit, sie wird ueber :not() ausgeschlossen. */
.elementor .s-textabschnitt:not(.is-weiss):not(.is-gold):not(.is-dark) .s-textabschnitt-kicker,
.elementor .s-dozent:not(.is-weiss):not(.is-gold):not(.is-dark) .s-dozent-kicker,
.elementor .s-fragenblock:not(.is-weiss):not(.is-gold):not(.is-dark) .s-fragenblock-kicker,
.elementor .s-valiste--creme .s-valiste-kicker,
.elementor .s-videodrei--creme .s-videodrei-kicker,
.elementor .s-einbettung.is-creme .s-einbettung-kicker{color:#186881;}

/* Nachtrag 30.07.2026 (Entscheidung Michael): drei weitere Kicker auf Petrol.
   HAMBURG (Startseite und /das-gebaeude/), VIRTUELLER RUNDGANG und FAQ auf der
   Startseite standen gold auf weiss bei Kontrast 1,84 und damit unter der
   AA-Schwelle. Dazu "Passend dazu" auf den Beitragsseiten, gleicher Fall.
   AUSDRUECKLICH GOLD BLEIBEN die dekorativen Ziffern 01 bis 04:
   .s-gast-num, .s-probe-num und .e-19a28a1-fbcd5e4. Das sind keine Kicker,
   sondern ein optisches Element (Vorgabe Michael, 30.07.2026).
   Die drei e-*-Klassen sind aus dem Elementor-Export fest im Theme verankert
   und kommen je genau einmal vor, geprueft am 30.07.2026. */
.elementor .s-hamburg-kicker,
.elementor .e-2816719-60ffceb,
.elementor .e-0336d76-cf9faf9,
.elementor .s-related-kicker{color:#186881;}

/* Nachtrag 30.07.2026, dritte Runde (Entscheidung Michael): die Datumszeilen in den
   News-Karten der Startseite standen gold auf weiss bei Kontrast 1,84. Die Klasse
   kommt ausschliesslich dort vor, drei Elemente, auf Desktop und Mobil auf Weiss.
   Hoehere Spezifitaet als die Grundregel .art-news-card .date, gewinnt damit
   unabhaengig von der Reihenfolge. */
.elementor .art-news-card .date{color:#186881;}

/* Zeile ueber dem Dreier-Grid an die normalen Kicker angeglichen
   (Vorgabe Michael, 30.07.2026). Vorher Ubuntu 700 bei 18px ohne Laufweite und
   ohne Versalien, damit fiel sie aus dem Kicker-Muster heraus. Jetzt wie
   .s-textabschnitt-kicker: 500, 13px, Laufweite 3px, Versalien. Farbe Petrol und
   Abstand nach unten stimmten schon. Die Zeilenhoehe von 1,5em bleibt, weil der
   Satz mit 70 Zeichen laenger ist als ein ueblicher Kicker und umbrechen darf.
   Betrifft 7 Seiten. Die alte Regel setzt unter 1024px 17px, deshalb steht der
   Block hier am Dateiende und gewinnt ueber die Reihenfolge. */
.elementor .s-weg3-tagline{font-weight:500;font-size:13px;letter-spacing:3px;text-transform:uppercase;}
@media(max-width:767px){.elementor .s-weg3-tagline{font-size:12px;}}

/* Ziffern auf hellem Grund in Petrol (Entscheidung Michael, 30.07.2026).
   Ersetzt den vorher testweise abgedunkelten Goldton #bb7a07. Es gilt dieselbe
   Regel wie bei den Kickern: heller Grund bekommt Petrol, dunkler Grund behaelt
   Gold. Betrifft .s-gast-num und .s-probe-num (die 01 und 02 in den weissen
   Karten, 34 Seiten) sowie .s-weg3-num (die 01 bis 03 im Dreier-Grid).
   Kontrast gegen Weiss 6,3 und gegen Creme 5,64.
   NICHT betroffen: .e-19a28a1-fbcd5e4, das sind 03 und 04 auf der Startseite.
   Die stehen auf dunklem Grund und bleiben ausdruecklich gold (3,94 und 7,07). */
.elementor .s-gast-num,.elementor .s-probe-num,.elementor .s-weg3-num{color:#186881;}

/* --- Links: erkennbar ohne Farbe (WCAG 1.4.1, Stufe A) -----------------------
   Fliesstext-Links tragen die Fettung als nicht-farbliches Merkmal. Ein
   dauerhafter Unterstrich ist dafuer nicht noetig, die Richtlinie verlangt nur,
   dass Farbe nicht das einzige Merkmal ist. Gemessen: Petrol #186881 gegen
   Fliesstext #25333a erreicht nur 2,07 an Kontrast, Farbe allein reicht nicht.

   Beim Ueberfahren kommt ausschliesslich ein goldener Unterstrich dazu, in der
   Sprache der Schaltflaechen mit ihrem Goldbalken. Die Textfarbe bleibt dabei
   bewusst unangetastet: Im Fussbereich wechselt die Schrift beim Ueberfahren
   bereits auf Gold, und im Fliesstext ist Petrol gesetzt. Ein zusaetzlicher
   Farbwechsel wuerde die eine oder andere Stelle unlesbar machen.

   Der Fussbereich bleibt in normaler Staerke, dort stehen Linklisten und kein
   Fliesstext. Externe Links mit der Klasse art-weblink behalten ihren eigenen
   goldenen Unterstrich. */

/* 1. Fliesstext-Links: fett, ohne Unterstrich. */
.elementor .e-paragraph-base a:not([class*="btn"]):not([class*="button"]),
.elementor .s-textabschnitt-text a,
.elementor .s-text-phone a,
.elementor .s-text-email a,
.elementor .s-faq-antwort a,
.elementor .s-fragenblock-a a,
.elementor .s-post-content a:not(.art-weblink){
  font-weight:700;
  text-decoration:none;
}

/* 2. Der Fussbereich behaelt normale Schriftstaerke. Die beiden :not() haben
      zwei Aufgaben: Sie heben die Spezifitaet auf denselben Wert wie Regel 1,
      sonst gewinnt dort die Fettung. Und sie nehmen die rechtlich
      hervorgehobenen Links aus, die im Theme bewusst gold und fett stehen
      (art-link-hervor und der eRecht24-Widerrufsbutton). Ohne diese Ausnahme
      faellt deren Kontrast durch: Gold #f8b236 auf Petrol #186881 erreicht
      3,42, was bei fettem 18px-Text (Schwelle 3,0) reicht, bei normaler
      Staerke (Schwelle 4,5) aber nicht. */
.elementor .s-footer-links-workshops a:not(.art-link-hervor):not([href*="widerrufsbutton"]),
.elementor .s-footer-links-nuetzliches a:not(.art-link-hervor):not([href*="widerrufsbutton"]),
.elementor .s-footer-links-rechtliches a:not(.art-link-hervor):not([href*="widerrufsbutton"]),
.elementor .s-footer-socials a:not(.art-link-hervor):not([href*="widerrufsbutton"]),
.elementor .s-footer a:not(.art-link-hervor):not([href*="widerrufsbutton"]),
.elementor footer .e-paragraph-base a:not(.art-link-hervor):not([href*="widerrufsbutton"]){
  font-weight:400;
  text-decoration:none;
}

/* 3. Ueberfahren und Tastaturfokus: nur der goldene Unterstrich, keine
      Farbaenderung. Dadurch bleibt jede vorhandene Hover-Farbe erhalten. */
.elementor .e-paragraph-base a:not([class*="btn"]):not([class*="button"]):hover,
.elementor .e-paragraph-base a:not([class*="btn"]):not([class*="button"]):focus-visible,
.elementor .s-textabschnitt-text a:hover,
.elementor .s-textabschnitt-text a:focus-visible,
.elementor .s-text-phone a:hover,
.elementor .s-text-phone a:focus-visible,
.elementor .s-text-email a:hover,
.elementor .s-text-email a:focus-visible,
.elementor .s-faq-antwort a:hover,
.elementor .s-faq-antwort a:focus-visible,
.elementor .s-fragenblock-a a:hover,
.elementor .s-fragenblock-a a:focus-visible,
.elementor .s-post-content a:not(.art-weblink):hover,
.elementor .s-post-content a:not(.art-weblink):focus-visible,
.elementor .s-footer-links-workshops a:not(.art-link-hervor):hover,
.elementor .s-footer-links-workshops a:not(.art-link-hervor):focus-visible,
.elementor .s-footer-links-nuetzliches a:not(.art-link-hervor):hover,
.elementor .s-footer-links-nuetzliches a:not(.art-link-hervor):focus-visible,
.elementor .s-footer-links-rechtliches a:not(.art-link-hervor):hover,
.elementor .s-footer-links-rechtliches a:not(.art-link-hervor):focus-visible{
  text-decoration:underline;
  text-decoration-color:#f8b236;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

/* --- Widerruf im Fussbereich als Knopf ----------------------------------------
   Als Textlink erreichte "Gutscheinkauf widerrufen" nur 3,42 an Kontrast
   (Gold #f8b236 auf Petrol #186881). Noetig sind 4,5, denn bei 18px greift die
   Ausnahme fuer grossen Text nicht, die erst ab 18,66px gilt. Auch fett half
   deshalb nicht. Als Knopf mit goldenem Grund und dunkler Schrift sind es 7,2,
   beim Ueberfahren mit dunklem Grund und weisser Schrift 13,02.

   Die rechtliche Spalte wird dafuer zur Flex-Spalte, damit der Knopf unabhaengig
   vom Menue ans Ende rutscht und die Cookie-Einstellungen darueber stehen. Die
   Zeilenumbrueche aus dem Menue werden dabei ausgeblendet. */
.elementor .s-footer-links-rechtliches{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.elementor .s-footer-links-rechtliches br{ display:none; }
.elementor .s-footer-links-rechtliches a.art-link-hervor{ order:99; }

.elementor .s-footer-cols a.art-link-hervor{
  display:inline-block;
  margin-block-start:12px;
  padding:14px 34px;
  background-color:#f8b236;
  color:#25333a;
  font-family:Ubuntu,sans-serif;
  font-weight:500;
  font-size:16px;
  line-height:1.2;
  text-decoration:none;
  transition:background-color .2s ease,color .2s ease;
}
.elementor .s-footer-cols a.art-link-hervor:hover,
.elementor .s-footer-cols a.art-link-hervor:focus-visible{
  background-color:#25333a;
  color:#ffffff;
  text-decoration:none;
}

/* ---------------------------------------------------------------------------
   Kacheltiefe der Dozenten-/Absolventen-Reihe (Stand 06.08.2026)
   Hier stand zwischenzeitlich eine Angleichung der Kartenhoehen (gleiche
   Unterkante je Reihe plus gestaffelte Mindesttiefe). Sie ist wieder entfernt.
   Grund: Auf der Absolventenseite brauchen 57 Karten rund 113 px und 13 Karten
   bis 226 px. Eine erzwungene Einheitshoehe laesst der Mehrheit deshalb mehr
   Luft unter dem Text, als ihr Inhalt hoch ist, gemessen bis zu 143 px. Statt
   die Hoehen per CSS zu erzwingen, stehen die Karten mit Zitat auf der Seite
   jetzt als eigener Block hinter den Karten ohne Zitat. Damit trifft der
   Hoehenunterschied nur eine einzige Uebergangszeile, und jede Karte behaelt
   den Innenabstand des Themes, oben wie unten.
   Wer hier wieder eine Angleichung einbaut, holt sich den Leerraum zurueck.
   --------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
   Versalien kommen aus dem CSS, nicht aus dem Text (Entscheidung Michael,
   12.08.2026). Die betroffenen Woerter stehen in den ACF-Feldern seit dem
   12.08.2026 normal geschrieben, damit Suchmaschinen, Vorlesewerkzeuge und
   KI-Systeme sie als normale Woerter lesen. Die Optik bleibt unveraendert,
   weil die Grossschreibung hier nachgezogen wird.
   Fuer .art-hero-h1 (H1 der Startseite), .s-pitch-kicker und .s-dozreihe-taet
   war text-transform schon vorher vorhanden, diese vier fehlten:
     .s-kostenlos-tag   Kicker "Kostenlos" im Modul "Drei Wege" (wege_teil1)
     .s-quote-1-kicker  Kicker der Zitat-Sektion ("Das Artrium")
     .s-hamburg-kicker  Kicker der Hamburg-Sektion ("Hamburg")
     .e-2816719-60ffceb Kicker im Rundgang-Block ("Virtueller Rundgang"),
                        die Klasse steht fest in inc/sections/hamburg_rundgang.php
   --------------------------------------------------------------------------- */
.s-kostenlos-tag,
.s-quote-1-kicker,
.s-hamburg-kicker,
.e-2816719-60ffceb{text-transform:uppercase;}

/* Nachtrag vom selben Tag: Die H1 des Hero brauchte die Regel doch.
   In der Datei steht zwar weiter oben `.elementor .art-hero-h1` mit
   text-transform:uppercase, diese Regel greift auf der Startseite aber in
   keiner Breite (gemessen bei 800 und 1280 Pixeln, berechneter Wert war
   "none"). Die Versalien kamen also ausschliesslich aus dem Feldtext.
   Ohne diese Zeile stuende die H1 nach der Textumstellung klein da. */
.elementor .art-hero-h1,
.art-hero-h1{text-transform:uppercase;}

/* ---------------------------------------------------------------------------
   Links im Baustein "Kurse & Workshops" (.s-kurse): weiss und unterstrichen.
   Entscheidung Michael, 12.08.2026, nach einem Hinweis auf die Lesbarkeit.
   Gemessen: Der Baustein steht auf dunklem Violett (#452c48). Die globale
   Linkfarbe Petrol (#186881) aus `.elementor .e-paragraph-base a` erreicht
   dort ein Kontrastverhaeltnis von 1,95:1. Die AA-Schwelle fuer normalen Text
   liegt bei 4,5:1, Weiss erreicht an dieser Stelle 12,5:1.
   Die Unterstreichung ist kein Schmuck: Die Links tragen jetzt dieselbe Farbe
   wie der Fliesstext, ohne sie waeren sie nicht mehr als Links erkennbar
   (WCAG 1.4.1, Farbe darf nicht das einzige Unterscheidungsmerkmal sein).
   Bewusst eng gefasst auf `.s-kurse-text`: Der Knopf "Alle Angebote ansehen"
   (.s-kurse-btn) liegt ausserhalb dieses Containers und bleibt unveraendert,
   und alle uebrigen Fliesstext-Links der Website behalten ihr Petrol.
   Gilt fuer beide Vorkommen des Bausteins, auf der Startseite und in der
   Variante `.s-kurse--single` auf den Beitragsseiten, weil dort derselbe
   dunkle Grund und damit derselbe Kontrastwert vorliegt.

   Zur Spezifitaet: Die beiden :not() im Selektor sind noetig, nicht Zierde.
   Die bestehende Regel `.elementor .e-paragraph-base a:not([class*="btn"])
   :not([class*="button"])` setzt `text-decoration:none` und liegt bei 0,4,1.
   Ohne die beiden :not() kaeme diese Regel hier nur auf 0,3,1 und die
   Unterstreichung waere wirkungslos. Live nachgemessen: mit 0,3,1 blieb
   `text-decoration` auf "none", die Farbe griff trotzdem, weil die Farbregel
   nur bei 0,2,1 liegt. Ein !important ist dadurch nicht noetig.
   --------------------------------------------------------------------------- */
.elementor .s-kurse .s-kurse-text a:not([class*="btn"]):not([class*="button"]){
  color:#ffffff;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.elementor .s-kurse .s-kurse-text a:not([class*="btn"]):not([class*="button"]):hover,
.elementor .s-kurse .s-kurse-text a:not([class*="btn"]):not([class*="button"]):focus-visible{
  text-decoration-thickness:2px;
}

/* Nachtrag 12.08.2026: Die Zeile "National / International" unter der H1 des
   Hero stand als letztes Element des Blocks hart in Versalien im Quelltext
   (inc/sections/hero.php). Sie ist bewusst KEINE Ueberschrift, sondern bleibt
   ein div, nur die Schreibweise zieht mit der H1 gleich: normal im Quelltext,
   Versalien per CSS. Die Klasse hat fuenf bestehende Regeln in dieser Datei
   (Grundstil plus vier Breiten-Varianten), keine davon setzt text-transform. */
.art-hero-natintl{text-transform:uppercase;}