.elementor-kit-513{--e-global-color-primary:#5F0F8C;--e-global-color-secondary:#211C31;--e-global-color-text:#FFFFFF;--e-global-color-accent:#52008C;--e-global-color-b542afb:#FDFAFA;--e-global-color-footerbg:#D9DDDF;--e-global-typography-primary-font-family:"MontBold";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:55px;--e-global-typography-secondary-font-family:"MontBold";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:30px;--e-global-typography-text-font-family:"MontRegular";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:32px;--e-global-typography-accent-font-family:"MontBold";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-63d77f9-font-family:"MontBold";--e-global-typography-63d77f9-font-size:17px;--e-global-typography-63d77f9-font-weight:600;--e-global-typography-63d77f9-line-height:32px;background-color:#211C31;color:#FFFFFF;font-family:"MontRegular", Sans-serif;font-size:17px;font-weight:400;line-height:32px;}.elementor-kit-513 e-page-transition{background-color:#FFBC7D;}.elementor-kit-513 a{color:#C374F0;}.elementor-kit-513 a:hover{color:#FFFFFF;}.elementor-kit-513 h1{color:#FFFFFF;font-family:"MontBold", Sans-serif;font-size:80px;font-weight:600;line-height:1.1em;}.elementor-kit-513 h2{color:#FFFFFF;font-family:"MontBold", Sans-serif;font-size:55px;font-weight:600;line-height:1.1em;}.elementor-kit-513 h3{color:#FFFFFF;font-family:"MontBold", Sans-serif;font-size:45px;font-weight:600;line-height:1.15em;}.elementor-kit-513 h4{color:#FFFFFF;font-family:"MontBold", Sans-serif;font-size:30px;font-weight:600;line-height:1.25em;}.elementor-kit-513 h5{color:#FFFFFF;font-family:"MontBold", Sans-serif;font-size:20px;font-weight:600;line-height:1.5em;}.elementor-kit-513 h6{color:#FFFFFF;font-family:"MontBold", Sans-serif;font-size:18px;font-weight:600;line-height:1.5em;}.elementor-kit-513 button,.elementor-kit-513 input[type="button"],.elementor-kit-513 input[type="submit"],.elementor-kit-513 .elementor-button{color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:959px){.elementor-kit-513{font-size:15px;line-height:27px;}.elementor-kit-513 h1{font-size:68px;line-height:1.1em;}.elementor-kit-513 h2{font-size:47px;line-height:1.1em;}.elementor-kit-513 h3{font-size:38px;line-height:1.15em;}.elementor-kit-513 h4{font-size:26px;line-height:1.25em;}.elementor-kit-513 h5{font-size:17px;line-height:1.5em;}.elementor-kit-513 h6{font-size:15px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-513{font-size:15px;line-height:24px;}.elementor-kit-513 h1{font-size:48px;line-height:1.1em;}.elementor-kit-513 h2{font-size:33px;line-height:1.1em;}.elementor-kit-513 h3{font-size:27px;line-height:1.15em;}.elementor-kit-513 h4{font-size:20px;line-height:1.25em;}.elementor-kit-513 h5{font-size:17px;line-height:1.5em;}.elementor-kit-513 h6{font-size:15px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Header liegt über dem Hero und bekommt beim Scrollen eine Hintergrundfarbe */
.elementor-location-header { position: absolute; top: 0; left: 0; right: 0; z-index: 100; }
.admin-bar .elementor-location-header { top: 32px; }
.slege-header.elementor-sticky--effects { background-color: #211C31; transition: background-color .3s; }
/* Social-Leiste rechts im Hero */
.slege-social { position: absolute; right: 0; top: 50%; transform: translateY(-50%); --width: auto; width: auto; }
/* Social-Media-Icons wachsen beim Überfahren (nur die verlinkten, nicht „Follow“) */
.slege-social .elementor-widget-image a img { transition: transform .2s ease; }
.slege-social .elementor-widget-image a:hover img, .slege-social .elementor-widget-image a:focus-visible img { transform: scale(1.15); }
@media (prefers-reduced-motion: reduce) { .slege-social .elementor-widget-image a img { transition: none; } }
::selection { background: #D7B7F5; }
/* Abstände wie unter BeTheme (Hello setzt andere) */
h1, h2, h3, h4, h5, h6 { margin-block: 0 15px; }
p { margin-block: 0 15px; }
/* Portfolio-Kacheln der Medien-Seite: Infos erscheinen beim Überfahren */
.slege-tile { position: relative; overflow: hidden; }
.slege-tile__overlay { position: absolute; inset: 0; --width: 100%; opacity: 0; transition: opacity .3s; }
.slege-tile:hover .slege-tile__overlay, .slege-tile:focus-visible .slege-tile__overlay { opacity: 1; }
/* Die alte Spalte auf der Medien-Seite vererbt weiße Überschriften mit hoher Spezifität */
.slege-tile__overlay .elementor-heading-title { color: #444444 !important; }
/* Portfolio-Detailseiten: Vor/Zurück beschriftet unter dem Inhalt */
.slege-postnav .elementor-post-navigation__link__prev, .slege-postnav .elementor-post-navigation__link__next { display: flex; flex-direction: column; gap: 4px; }
/* Titel vollständig statt mit „…“ gekürzt; auf dem Handy untereinander */
body .slege-postnav .elementor-post-navigation__link, body .slege-postnav [class*="post-navigation__prev--"], body .slege-postnav [class*="post-navigation__next--"] { white-space: normal; overflow: visible; text-overflow: clip; }
@media (max-width: 767px) { body .slege-postnav .elementor-post-navigation { flex-direction: column; gap: 24px; } body .slege-postnav .elementor-post-navigation__link { width: 100%; } body .slege-postnav .elementor-post-navigation__separator-wrapper { display: none; } }
/* Footer: Cookie-Links in der Copyright-Zeile */
.elementor-location-footer a[href*="cookie-richtlinie"] { color: #000000; }
.elementor-location-footer a[href*="cookie-richtlinie"]:hover, .elementor-location-footer a[href*="cookie-richtlinie"]:focus-visible { color: #52008C; }
/* Seiten ohne Elementor (z. B. Cookie-Richtlinie von Complianz): Platz für den Header */
body.page:not(.elementor-page) .site-main { max-width: 1180px; margin: 0 auto; padding: 150px 30px 80px; }
/* Lange Webadressen (Datenschutz, Impressum) umbrechen statt über den Rand zu ragen */
body { overflow-wrap: break-word; }
/* Sprunglink für Tastaturnutzer beim Fokussieren zeigen; das Stylesheet von Hello, das ihn sonst gestaltet, ist abgeschaltet */
.skip-link.screen-reader-text:focus { position: fixed; top: 10px; left: 10px; z-index: 100000; width: auto; height: auto; margin: 0; overflow: visible; clip: auto !important; clip-path: none; padding: 12px 24px; background-color: #FFFFFF; color: #211C31; font-size: 15px; line-height: normal; text-decoration: none; }
/* Cookie-Richtlinie: Complianz gestaltet sie für hellen Grund, die Seite ist dunkel */
body #cmplz-document a { color: #D7B7F5; }
body #cmplz-document a.slege-consent-button { display: inline-block; padding: calc(12px + 0.09em) 28px calc(12px - 0.09em); background-color: #5F0F8C; color: #FFFFFF; text-decoration: none; transition: background-color .2s; }
body #cmplz-document a.slege-consent-button:hover, body #cmplz-document a.slege-consent-button:focus-visible { background-color: #52008C; }
body #cmplz-document .cmplz-dropdown { background-color: rgba(255, 255, 255, .06); }
body #cmplz-document .cmplz-dropdown summary { background-color: rgba(255, 255, 255, .12); }
body #cmplz-document .cmplz-dropdown .cookies-per-purpose { border-color: rgba(255, 255, 255, .2); background-color: rgba(255, 255, 255, .2); }
body #cmplz-document .cmplz-dropdown .cookies-per-purpose div[class] { background-color: #211C31; color: #FFFFFF; }
body #cmplz-document .cmplz-dropdown .cookies-per-purpose div[class$="-header"] { background-color: #2E2843; }
/* Einwilligungsbanner von Complianz im Stil der Seite, Akzeptieren und Ablehnen gleich gewichtet */
body { --cmplz_banner_background_color: #211C31; --cmplz_banner_border_color: #5F0F8C; --cmplz_banner_border_width: 1px; --cmplz_banner_border_radius: 0; --cmplz_text_color: #FFFFFF; --cmplz_hyperlink_color: #FFFFFF; --cmplz_button_border_radius: 0; --cmplz_button_accept_background_color: #5F0F8C; --cmplz_button_accept_border_color: #5F0F8C; --cmplz_button_accept_text_color: #FFFFFF; --cmplz_button_deny_background_color: #5F0F8C; --cmplz_button_deny_border_color: #5F0F8C; --cmplz_button_deny_text_color: #FFFFFF; --cmplz_button_settings_background_color: transparent; --cmplz_button_settings_border_color: #FFFFFF; --cmplz_button_settings_text_color: #FFFFFF; --cmplz_slider_active_color: #5F0F8C; --cmplz_category_header_always_active_color: #D7B7F5; }
body .cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(255, 255, 255, .08); }
body .cmplz-cookiebanner .cmplz-category .cmplz-icon svg { fill: #FFFFFF; transition: fill .2s; }
body .cmplz-cookiebanner .cmplz-category-header:hover .cmplz-icon svg { fill: #D7B7F5; }
body .cmplz-cookiebanner .cmplz-category .cmplz-description { line-height: 1.5; }
body .cmplz-cookiebanner :focus-visible { outline: 2px solid #D7B7F5; outline-offset: 2px; }
body .cmplz-blocked-content-container .cmplz-blocked-content-notice, body .elementor-widget .cmplz-blocked-content-notice { background-color: rgba(95, 15, 140, .9); border-radius: 0; }
body .cmplz-placeholder-element, .elementor-widget-video[data-placeholder-image] { background-size: cover; background-position: center; }
/* Complianz macht das blockierte Video-Widget zum Flex-Container; das Video behält trotzdem die volle Breite (sonst 0 px in Flex-Spalten) */
.elementor-widget-video .elementor-wrapper { width: 100%; }
/* Kacheln der Startseite: Bild zoomt leicht und wird heller, Titel hellila (auch bei Tastaturfokus) */
.slege-card .elementor-widget-image { overflow: hidden; }
.slege-card .elementor-widget-image img { transition: transform .5s cubic-bezier(.22, 1, .36, 1), filter .5s; }
.slege-card:hover .elementor-widget-image img, .slege-card:focus-within .elementor-widget-image img { transform: scale(1.04); filter: brightness(1.1); }
.slege-card .elementor-heading-title a { transition: color .2s; }
body .slege-card:hover .elementor-heading-title a, body .slege-card:focus-within .elementor-heading-title a { color: #C374F0; }
/* Verlinkte Bilder auf den Format-Seiten (Link zur Folge): derselbe Effekt */
.slege-format .elementor-widget-text-editor h1 { font-size: 45px; line-height: 1.15em; }
.slege-format .elementor-widget-text-editor h2 { font-size: 30px; line-height: 1.25em; }
@media (max-width: 959px) { .slege-format .elementor-widget-text-editor h1 { font-size: 38px; } .slege-format .elementor-widget-text-editor h2 { font-size: 26px; } }
@media (max-width: 767px) { .slege-format .elementor-widget-text-editor h1 { font-size: 27px; } .slege-format .elementor-widget-text-editor h2 { font-size: 20px; } }
.slege-format .elementor-widget-image a { display: block; overflow: hidden; }
.slege-format .elementor-widget-image a img { transition: transform .5s cubic-bezier(.22, 1, .36, 1), filter .5s; }
.slege-format .elementor-widget-image a:hover img, .slege-format .elementor-widget-image a:focus-visible img { transform: scale(1.04); filter: brightness(1.1); }
@media (prefers-reduced-motion: reduce) { .slege-card .elementor-widget-image img, .slege-format .elementor-widget-image a img { transition: filter .2s; } .slege-card:hover .elementor-widget-image img, .slege-card:focus-within .elementor-widget-image img, .slege-format .elementor-widget-image a:hover img, .slege-format .elementor-widget-image a:focus-visible img { transform: none; } }
/* Aktiver Filter unterstrichen wie unter BeTheme. Spezifischer als die reset.css von Hello, die Buttons mit Mausfokus den Schatten nimmt */
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"] { box-shadow: inset 0 -2px 0 #C374F0; }
/* Eine Textkante für alle Abschnitte: Text 1120 px breit und zentriert, bei schmalem Fenster 30 px vom Rand wie das Logo. Der Bereich jedes Abschnitts wächst dafür um seinen Einzug (Klasse slege-inset-N, siehe slege_mark_insets). Tablet und Handy: Innenabstand je Abschnitt */
@media (min-width: 960px) { body .elementor-top-section.slege-inset-0 > .elementor-container { width: calc(100% - 60px); max-width: 1120px; } body .elementor-top-section.slege-inset-5 > .elementor-container { width: calc(100% - 50px); max-width: 1130px; } body .elementor-top-section.slege-inset-10 > .elementor-container { width: calc(100% - 40px); max-width: 1140px; } body .elementor-top-section.slege-inset-15 > .elementor-container { width: calc(100% - 30px); max-width: 1150px; } body .elementor-top-section.slege-inset-20 > .elementor-container { width: calc(100% - 20px); max-width: 1160px; } body .elementor-top-section.slege-inset-25 > .elementor-container { width: calc(100% - 10px); max-width: 1170px; } body .elementor-top-section.slege-inset-30 > .elementor-container { width: calc(100% - 0px); max-width: 1180px; } }
/* Innere Abschnitte: kein Spaltenabstand an der Außenkante, damit ihr Text auf derselben Kante steht wie der übrige Text; zwischen den Spalten bleibt er. Eigens eingestellte Innenabstände (z. B. farbige Kästen) gehen vor (:where hält die Regel schwach) */
:where(.elementor-inner-section) > .elementor-column-gap-narrow > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; } :where(.elementor-inner-section) > .elementor-column-gap-narrow > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; } :where(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; } :where(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; } :where(.elementor-inner-section) > .elementor-column-gap-extended > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; } :where(.elementor-inner-section) > .elementor-column-gap-extended > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; } :where(.elementor-inner-section) > .elementor-column-gap-wide > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; } :where(.elementor-inner-section) > .elementor-column-gap-wide > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; } :where(.elementor-inner-section) > .elementor-column-gap-wider > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; } :where(.elementor-inner-section) > .elementor-column-gap-wider > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; }
@media (max-width: 767px) { :where(.elementor-inner-section) > .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; } :where(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; } :where(.elementor-inner-section) > .elementor-column-gap-extended > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; } :where(.elementor-inner-section) > .elementor-column-gap-wide > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; } :where(.elementor-inner-section) > .elementor-column-gap-wider > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; } }
/* Großbuchstaben in Buttons optisch mittig: Mont reserviert über der Versalhöhe mehr Raum als unter der Grundlinie, die Beschriftung saß 0,072 em zu hoch */
.elementor-button .elementor-button-text { position: relative; top: 0.072em; }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { padding-top: calc(10px + 0.09em); padding-bottom: calc(10px - 0.09em); }
/* Große Überschriften (ab 30 px) optisch bündig: Mont hat links rund 0,07 em Vorbreite, bei 80 px sind das 6 px */
h1, h2, h3, h4 { margin-inline-start: -0.07em; }
/* Innere Abschnitte füllen ihre Spalte, sonst rücken sie im verbreiterten Bereich ein */
@media (min-width: 960px) { body .elementor-top-section[class*="slege-inset-"] .elementor-inner-section > .elementor-container { max-width: none; } }
/* Elementor 4 addiert den Widget-Abstand zu eigenen Außenabständen; 3.7 tat das bei Widgets mit fester oder automatischer Breite nicht */
.elementor .elementor-widget.elementor-widget__width-auto:not(:last-child), .elementor .elementor-widget.elementor-widget__width-initial:not(:last-child), .elementor .elementor-widget.elementor-absolute:not(:last-child) { --kit-widget-spacing: 0px; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'MontBold';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('https://www.sebastianlege.tv/wp-content/uploads/2021/02/font.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'MontRegular';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('https://www.sebastianlege.tv/wp-content/uploads/2021/02/font-1.woff') format('woff');
}
/* End Custom Fonts CSS */