.mod_visitors .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; float: left; width:0px; height:0px; } @media(min-width:1024px){ .nichtAufDesktopAnzeigen { display: none !important; } } @media(max-width:1023px){ .nichtAufMobilAnzeigen { display: none !important; } } .verstecken { display: none; } .mobilTransparent { @media(max-width:1023px){ opacity: .1; } } .mod_article.InhaltLäuftÜberElementHinaus, .mod_article .InhaltLäuftÜberElementHinaus { overflow: visible; } .mod_article.InhaltBegrenzen, .mod_article .InhaltBegrenzen { overflow: hidden; } .zweispaltig .rte { columns: 2; gap: 80px; @media(max-width:1023px){ columns: 1; gap: 0; } ul { margin-top: 0; margin-bottom: 0; } } .nachHinten { z-index: -1; } #wrapper .imVordergrund { z-index: 9; } .Tabellenlinien table { border: 1px solid var(--border_color, #ddd); border-collapse: collapse; th, td { border: 1px solid var(--border_color, #ddd); padding: .5rem; } } /************************************************************* TEXT *************************************************************/ .TextAusrichtungRechts { text-align: right; } .kursivGroßbuchstaben strong, .fettGroßbuchstaben strong, .ÜberschriftGroßbuchstaben :is(h1, h2, h3, h4, h5, h6), .Großbuchstaben, .fettGroßbuchstabenNichtFett strong { text-transform: uppercase; } .fettGroßbuchstabenNichtFett strong { font-weight: var(--font_weight, normal); } .fettSchriftgrößeXXS strong, .kursivSchriftgrößeXXS em, .SchriftgrößeXXS { font-size: .55em; } .fettSchriftgrößeXS strong, .kursivSchriftgrößeXS em, .SchriftgrößeXS { font-size: .7em; } .fettSchriftgrößeS strong, .kursivSchriftgrößeS em, .SchriftgrößeS { font-size: .85em; } .fettSchriftgrößeL strong, .kursivSchriftgrößeL em, .SchriftgrößeL { font-size: 1.3em; } .fettSchriftgrößeXL strong, .kursivSchriftgrößeXL em, .SchriftgrößeXL { font-size: 1.6em; } .fettSchriftgrößeXXL strong, .kursivSchriftgrößeXXL em, .SchriftgrößeXXL { font-size: 2em; } .fettSchriftgrößeXXXL strong, .kursivSchriftgrößeXXXL em, .SchriftgrößeXXXL { font-size: 3em; } .TextKlein { font-size: 14px; } .fettKleinNichtFett strong { font-size: 14px; font-weight: var(--font_weight, normal); } .fettKlein strong { font-size: 14px; } .kursivKleinNichtKursiv em { font-size: 14px; font-style: normal; } .kursivKlein em { font-size: 14px; } .fettSehrKleinNichtFett strong { font-size: 12px; font-weight: var(--font_weight, normal); } .fettSehrKlein strong { font-size: 12px; } .kursivSehrKleinNichtKursiv em { font-size: 12px; font-style: normal; } .kursivSehrKlein em { font-size: 12px; } .fettGroßNichtFett strong { font-size: 18px; font-weight: var(--font_weight, normal); } .kursivGroßNichtKursiv em { font-size: 18px; font-style: normal; } .fettSehrGroßNichtFett strong { font-size: 20px; font-weight: var(--font_weight, normal); } .kursivSehrGroßNichtKursiv em { font-size: 20px; font-style: normal; } .fettBlock strong { display: block; } .ZeilenabstandXS, .ZeilenabstandXS :is(h1,h2,h3,h4,h5,h6) { line-height: 1; } .ZeilenabstandS, .ZeilenabstandS :is(h1,h2,h3,h4,h5,h6) { line-height: 1.2; } .ZeilenabstandM, .ZeilenabstandM :is(h1,h2,h3,h4,h5,h6) { line-height: 1.4; } .ZeilenabstandL, .ZeilenabstandL :is(h1,h2,h3,h4,h5,h6) { line-height: 1.6; } .ZeilenabstandXL, .ZeilenabstandXL :is(h1,h2,h3,h4,h5,h6) { line-height: 1.8; } .ZeilenabstandXXL, .ZeilenabstandXXL :is(h1,h2,h3,h4,h5,h6) { line-height: 2; } .ZeilenabstandXXXL, .ZeilenabstandXXXL :is(h1,h2,h3,h4,h5,h6) { line-height: 3; } .zentriert { text-align: center; } .aufDesktopZentriert { text-align: center; @media(max-width:1023px){ text-align: left; } } .aufMobilZentriert { @media(max-width:1023px){ text-align: center; } } .aufDesktopBlocksatz { text-align: justify; @media(max-width:1023px){ text-align: left; } } .keineWorttrennung p, .fettKeineWorttrennung strong, .ÜberschriftKeineWorttrennung :is(h1, h2, h3, h4, h5, h6), .ÜberschriftKeineWorttrennung:is(h1, h2, h3, h4, h5, h6) { hyphens: none; } .Worttrennung p, .ÜberschriftWorttrennung :is(h1, h2, h3, h4, h5, h6), .ÜberschriftWorttrennung:is(h1, h2, h3, h4, h5, h6) { hyphens: auto; } .ÜberschriftFett :is(h1, h2, h3, h4, h5, h6), .ÜberschriftFett:is(h1, h2, h3, h4, h5, h6) { font-weight: var(--font_weight_strong); } .TextFett p { font-weight: var(--font_weight_strong); } .Überschrift1Farbe1 { h1 { color: var(--color_1); } } .Überschrift1Farbe2 { h1 { color: var(--color_2); } } .Überschrift1Farbe3 { h1 { color: var(--color_3); } } .Überschrift1Farbe4 { h1 { color: var(--color_4); } } .Überschrift1FarbeWeiß { h1 { color: #fff; } } .Überschrift2Farbe1 { h2 { color: var(--color_1); } } .Überschrift2Farbe2 { h2 { color: var(--color_2); } } .Überschrift2Farbe3 { h2 { color: var(--color_3); } } .Überschrift2Farbe4 { h2 { color: var(--color_4); } } .Überschrift2FarbeWeiß { h2 { color: #fff; } } .Überschrift3Farbe1 { h3 { color: var(--color_1); } } .Überschrift3Farbe2 { h3 { color: var(--color_2); } } .Überschrift3Farbe3 { h3 { color: var(--color_3); } } .Überschrift3Farbe4 { h3 { color: var(--color_4); } } .Überschrift3FarbeWeiß { h3 { color: #fff; } } .Überschrift4Farbe1 { h4 { color: var(--color_1); } } .Überschrift4Farbe2 { h4 { color: var(--color_2); } } .Überschrift4Farbe3 { h4 { color: var(--color_3); } } .Überschrift4Farbe4 { h4 { color: var(--color_4); } } .Überschrift4FarbeWeiß { h4 { color: #fff; } } .letztesElementUnten { display: flex; flex-direction: column; .rte { display: flex; flex-direction: column; flex-grow: 1; & > :last-child { margin-top: auto; } } } /************************************************************* BILDER *************************************************************/ .Bildrahmen img { border: 1px solid var(--border_color); } .Bildrahmenfarbe1 img { border: 1px solid var(--color_1); } .Bildrahmenfarbe2 img { border: 1px solid var(--color_2); } .BildVolleHöhe { figure { height: 100%; img { min-height: 100vh; object-fit: cover; } } } .BildLinks img, .BildMittig img, .BildRechts img { display: inline-block; } .BildLinks figure { text-align: left; } .BildMittig figure { text-align: center; } .BildRechts figure { text-align: right; } .BildRund img { border-radius: var(--border_radius); } .BildKreis img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; } .mod_article .BildAlsHintergrund, .mod_article .BildAlsHintergrundFixiert { position: fixed; overflow: hidden; z-index: 0; top: 0; left: 0; width: 100vw; height: 100vh; height: 100svh; margin: 0; padding: 0; img { width: 100vw; height: 100vh; object-fit: cover; } } .mod_article:has(.BildAlsHintergrundFixiert) { overflow: hidden; } .mod_article .BildAlsHintergrund { position: absolute; display: grid; height: 100%; &.BildNichtVolleHöhe { height: auto; } &.BildHalbeBreite { width: 50vw; } &.BildRechts { left: auto; right: 0; } &.BildMitte { left: 50%; transform: translateX(-50%); } &.BildÜberRand { overflow: visible; figure { overflow: visible;} } img { height: 100%; } } #wrapper div[class^='BildNachLinksVerschieben'], #wrapper div[class*=' BildNachLinksVerschieben'] { &.BildNachLinksVerschieben20 { --verschieben: 20px; } &.BildNachLinksVerschieben50 { --verschieben: 50px; } &.BildNachLinksVerschieben100 { --verschieben: 100px; } &.BildNachLinksVerschieben150 { --verschieben: 150px; } &.BildNachLinksVerschieben200 { --verschieben: 200px; } &.BildNachLinksVerschieben250 { --verschieben: 250px; } margin-left: calc( var(--verschieben) * -1 ); width: calc( 100% + var(--verschieben) ); img { width: 100%; } } #wrapper div[class^='BildNachRechtsVerschieben'], #wrapper div[class*=' BildNachRechtsVerschieben'] { &.BildNachRechtsVerschieben20 { --verschieben: 20px; } &.BildNachRechtsVerschieben50 { --verschieben: 50px; } &.BildNachRechtsVerschieben100 { --verschieben: 100px; } &.BildNachRechtsVerschieben150 { --verschieben: 150px; } &.BildNachRechtsVerschieben200 { --verschieben: 200px; } &.BildNachRechtsVerschieben250 { --verschieben: 250px; } margin-right: calc( var(--verschieben) * -1 ); width: calc( 100% + var(--verschieben) ); img { width: 100%; } } .BildVerdunkeln img { filter: brightness(0.6); } .Bildhintergrund1 img { background-color: var(--color_1); } .Bildhintergrund2 img { background-color: var(--color_2); } .Bildhintergrund3 img { background-color: var(--color_3); } .Bildhintergrund4 img { background-color: var(--color_4); } .BildhintergrundWeiß img { background-color: #fff; } .BildhintergrundSchwarz img { background-color: #000; } #wrapper .content-text.TextErscheintAufBild { position: relative; align-self: start; overflow: hidden; @media(max-width:1023px){ display: inline-block; padding-bottom: 0; margin-bottom: 20px; } & > figure { margin: 0; } .rte { position: absolute; bottom: 0; opacity: 0; transform: translateY(100%); background: color-mix(in srgb, var(--color_1), transparent 25%); color: #fff; padding: 10px 20px; line-height: 1.2; width: 100%; transition: all 0.5s ease-in-out; @media(max-width:1023px){ position: relative; opacity: 1; transform: translateY(0); padding: 10px; } } &:hover .rte { transform: translateY(0); opacity: 1; } } /************************************************************* LISTEN *************************************************************/ .ListeAbstand0 ul { margin: 0; } .ListenzeilenhöheL ul li { padding-top: .2em; padding-bottom: .2em; } .ListenzeilenhöheXL ul li { padding-top: .3em; padding-bottom: .3em; } .ListenzeilenhöheXXL ul li { padding-top: .4em; padding-bottom: .4em; } .ListenzeilenhöheXXXL ul li { padding-top: .7em; padding-bottom: .7em; } .ListensymbolPunkt li { list-style: disc; } .ListensymbolKleinerPunkt li::marker { content: '• '; } .ListensymbolKreis li { list-style: circle; } .ListensymbolBuchstaben li { list-style: lower-alpha; } .ListensymbolGroßbuchstaben li { list-style: upper-alpha; } .ListensymbolQuadrat li { list-style: square; } .ListensymbolRömischeZahlen li { list-style: upper-roman; } .ListensymbolStrich li::marker { content: '- '; } .ListensymbolLangerStrich li::marker { content: '— '; } .ListensymbolSpitzeAnführungszeichen li::marker { content: '» '; } .ListensymbolDoppelpunkt li::marker { content: ': '; } .ListensymbolHaken ul { padding-left: 50px; & li { list-style: none; &::marker { content: ''; } &::before { position: absolute; margin-left: -45px; margin-top: 3px; display: inline-block; content: "\2713"; font-weight: 600; font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; width: 1em; height: 1em; padding: 0.2em; border-radius: 50%; line-height: 1; text-align: center; } } } .ListensymbolHintergrund1 li::marker, .ListensymbolHintergrund1 li::before { background: var(--color_1); } .ListensymbolHintergrund2 li::marker, .ListensymbolHintergrund2 li::before { background: var(--color_2); } .ListensymbolHintergrund3 li::marker, .ListensymbolHintergrund3 li::before { background: var(--color_3); } .ListensymbolHintergrund4 li::marker, .ListensymbolHintergrund4 li::before { background: var(--color_4); } .ListensymbolHintergrund5 li::marker, .ListensymbolHintergrund5 li::before { background: var(--color_5); } .ListensymbolHintergrundWeiß li::marker, .ListensymbolHintergrundWeiß li::before { background: #fff; } .ListensymbolHintergrundSchwarz li::marker, .ListensymbolHintergrundSchwarz li::before { background: #000; } .Listensymbolfarbe1 li::marker, .Listensymbolfarbe1 li::before { color: var(--color_1); } .Listensymbolfarbe2 li::marker, .Listensymbolfarbe2 li::before { color: var(--color_2); } .Listensymbolfarbe3 li::marker, .Listensymbolfarbe3 li::before { color: var(--color_3); } .Listensymbolfarbe4 li::marker, .Listensymbolfarbe4 li::before { color: var(--color_4); } .ListensymbolfarbeWeiß li::marker, .ListensymbolfarbeWeiß li::before { color: #fff; } .ListensymbolfarbeSchwarz li::marker, .ListensymbolfarbeSchwarz li::before { color: #000; } /************************************************************* LINKS *************************************************************/ #wrapper .LinkOhneUnterstrich a { text-decoration: none; &:hover { text-decoration: underline; } &:before { display: none; } } #wrapper .LinkMitUnterstrich a { text-decoration: underline; } #wrapper .LinkunterstrichBeiBerührung a:hover { text-decoration: underline; } #wrapper .UnterstrichBeiBerührung:hover { text-decoration: underline; } #wrapper .LinkOhneUnterstrichBeiBerührung a:hover { text-decoration: none; } #wrapper .LinkBeiBerührungDrehen a, a.LinkBeiBerührungDrehen { display: inline-block; line-height: 1; transition: all 0.25s ease-in-out; &:hover { transform: rotate(20deg); } } #wrapper .LinkBeiBerührungVergrößern a, a.LinkBeiBerührungVergrößern { display: inline-block; line-height: 1; transition: all 0.25s ease-in-out; &:hover { transform: scale(1.05); } } body #wrapper .LinkgrößeXXS a { font-size: .55em; } body #wrapper .LinkgrößeXS a { font-size: .7em; } body #wrapper .LinkgrößeS a { font-size: .85em; } body #wrapper .LinkgrößeL a { font-size: 1.3em; } body #wrapper .LinkgrößeXL a { font-size: 1.6em; } body #wrapper .LinkgrößeXXL a { font-size: 2em; } body .Linkfarbe1 a, body .Linkfarbe1 a svg, body .Linkfarbe1 a svg.icon { color: var(--color_1); fill: var(--color_1); } body .Linkfarbe2 a, body .Linkfarbe2 a svg, body .Linkfarbe2 a svg.icon { color: var(--color_2); fill: var(--color_2); } body .Linkfarbe3 a, body .Linkfarbe3 a svg, body .Linkfarbe3 a svg.icon { color: var(--color_3); fill: var(--color_3); } body .Linkfarbe4 a, body .Linkfarbe4 a svg, body .Linkfarbe4 a svg.icon { color: var(--color_4); fill: var(--color_4); } body .LinkfarbeSchwarz a, body .LinkfarbeSchwarz a svg, body .LinkfarbeSchwarz a svg.icon { color: #000; fill: #000; } body .LinkfarbeWeiß a, body .LinkfarbeWeiß a svg, body .LinkfarbeWeiß a svg.icon { color: #fff; fill: #fff; } body .LinkfarbeTextfarbe a, body .LinkfarbeTextfarbe a svg, body .LinkfarbeTextfarbe a svg.icon, body .LinkfarbeSchriftfarbe a, body .LinkfarbeSchriftfarbe a svg, body .LinkfarbeSchriftfarbe a svg.icon { color: var(--font_color, #444); fill: var(--font_color, #444); } /************************************************************* SPALTEN *************************************************************/ .ElementeOben { align-items: start; } .vertikalMittig, .ElementeVertikalMittig { align-items: center; } .ElementeUnten { align-items: end; } .horizontalMittig { justify-content: center; } .ElementhöheGleich > * { height: 100%; } /************************************************************* FORMULARE *************************************************************/ fieldset.Spaltenanzahl2, fieldset.Spaltenanzahl3, fieldset.Spaltenanzahl4, fieldset.Spaltenanzahl5 { padding: 0; border: 0; column-gap: var(--form_gap, 10px); display: grid; align-items: end; grid-template-columns: repeat(2, 1fr); @media(max-width:767px){ grid-template-columns: repeat(1, 1fr); } } fieldset.Spaltenanzahl3 { grid-template-columns: repeat(3, 1fr); } fieldset.Spaltenanzahl4 { grid-template-columns: repeat(4, 1fr); } fieldset.Spaltenanzahl5 { grid-template-columns: repeat(5, 1fr); } /************************************************************* FLÄCHEN *************************************************************/ .rundeEcken { border-radius: var(--border_radius, 10px) ; } .rundeEckeUntenLinks { border-bottom-left-radius: var(--border_radius, 10px) ; } .rundeEckeObenLinks { border-top-left-radius: var(--border_radius, 10px) ; } .rundeEckeUntenRechts { border-bottom-right-radius: var(--border_radius, 10px) ; } .rundeEckeObenRechts { border-top-right-radius: var(--border_radius, 10px) ; } .eckigeEcken { --button_border_radius: 0; --border_radius: 0; } .Rahmen0, #wrapper .Kachel.Rahmen0 { border: 0; } .Rahmen1 { border: 1px solid var(--color_1); } .Rahmen2 { border: 1px solid var(--color_2); } .Rahmen3 { border: 1px solid var(--color_3); } .Rahmen4 { border: 1px solid var(--color_4); } .RahmenOben { border-top: 1px solid var(--border_color, #ddd); margin-top: var(--article_space_top, 60px); } .RahmenUnten { border-bottom: 1px solid var(--border_color, #ddd); margin-bottom: var(--article_space_top, 60px); } .RahmenLinks { border-left: 1px solid var(--border_color, #ddd); } .RahmenRechts { border-right: 1px solid var(--border_color, #ddd); } .Rahmen { border: 1px solid var(--border_color, #ddd); } #wrapper .RahmenbreiteL { border-width: 2px; } #wrapper .RahmenbreiteXL { border-width: 3px; } #wrapper .RahmenbreiteXXL { border-width: 5px; } .Rahmenfarbe1 { border-color: var(--color_1); } .Rahmenfarbe2 { border-color: var(--color_2); } .RahmenfarbeWeiß { border-color: #fff; } .RahmenfarbeSchwarz { border-color: #000; } .RahmenfarbeSchriftfarbe { border-color: var(--font_color); } /************************************************************* KACHELN *************************************************************/ #wrapper .Kacheln, #wrapper .KachelnGrau, #wrapper .KachelnWeiß { justify-content: center; & > * { border: 1px solid var(--border_color); padding: 20px 20px; background: #f8f8f8; border-radius: var(--border_radius, 3px); height: 100%; overflow: hidden; &.content-text.media--above img { margin-bottom: .5em; } } &.KachelnWeiß > * { background: #fff; } &.KachelnGrau > * { background: #f8f8f8; } } #wrapper .Kachel { border: 1px solid #ddd; padding: 1.5em; background: #f8f8f8; border-radius: var(--border_radius, 3px); overflow: hidden; @media(max-width:1023px){ padding: .5em; } } .abg1 #wrapper .mod_article:nth-child(odd) .Kachel, .abg2 #wrapper .mod_article:nth-child(even) .Kachel, #wrapper #container #main .mod_article.HintergrundGrau .Kachel { background: #fff; } .abg1 #wrapper .mod_article:nth-child(even) .Kachel, .abg2 #wrapper .mod_article:nth-child(odd) .Kachel, #wrapper #container #main .mod_article.HintergrundWeiß .Kachel { background: #f8f8f8; } .abg1 #wrapper .mod_article:nth-child(even) .Kacheln > *, .abg2 #wrapper .mod_article:nth-child(odd) .Kacheln > *, #wrapper #container #main .mod_article.HintergrundWeiß .Kacheln > * { background: #f8f8f8; } .abg1 #wrapper .mod_article:nth-child(odd) .Kacheln > *, .abg2 #wrapper .mod_article:nth-child(even) .Kacheln > *, #wrapper #container #main .mod_article.HintergrundGrau .Kacheln > * { background: #fff; } /************************************************************* BREITE *************************************************************/ .mod_article .volleBreite:not(.content-table), #wrapper .volleBreite, .volleBreite, #wrapper .Breite100Prozent, .Breite100Prozent { padding-left: 0; padding-right: 0; width: 100%; } .mod_article .volleBreiteMitAbstand { width: 100%; } .mod_article .volleBreite.content-table table { width: 100%; } .mod_article .volleBreite.content-image img { width: 100%; height: auto; } .mod_article.volleBreite, .mod_article.Breite100Prozent { & > * { width: 100%; padding-right: 0; padding-left: 0; &.content-image img { width: 100%; } } } .mod_article .Breite100, .mod_article.Breite100 > * { max-width: 100%; width: 100px; margin-left: auto; margin-right: auto; } .mod_article .Breite150, .mod_article.Breite150 > * { max-width: 100%; width: 150px; margin-left: auto; margin-right: auto; } .mod_article .Breite200, .mod_article.Breite200 > * { max-width: 100%; width: 200px; margin-left: auto; margin-right: auto; } .mod_article .Breite250, .mod_article.Breite250 > * { max-width: 100%; width: 250px; margin-left: auto; margin-right: auto; } .mod_article .Breite300, .mod_article.Breite300 > * { max-width: 100%; width: 300px; margin-left: auto; margin-right: auto; } .mod_article .Breite350, .mod_article.Breite350 > * { max-width: 100%; width: 350px; margin-left: auto; margin-right: auto; } .mod_article .Breite400, .mod_article.Breite400 > * { max-width: 100%; width: 400px; margin-left: auto; margin-right: auto; } .mod_article .Breite450, .mod_article.Breite450 > * { max-width: 100%; width: 450px; margin-left: auto; margin-right: auto; } .mod_article .Breite500, .mod_article.Breite500 > * { max-width: 100%; width: 500px; margin-left: auto; margin-right: auto; } .mod_article .Breite550, .mod_article.Breite550 > * { max-width: 100%; width: 550px; margin-left: auto; margin-right: auto; } .mod_article .Breite600, .mod_article.Breite600 > * { max-width: 100%; width: 600px; margin-left: auto; margin-right: auto; } .mod_article .Breite650, .mod_article.Breite650 > * { max-width: 100%; width: 650px; margin-left: auto; margin-right: auto; } .mod_article .Breite700, .mod_article.Breite700 > * { max-width: 100%; width: 700px; margin-left: auto; margin-right: auto; } .mod_article .Breite750, .mod_article.Breite750 > * { max-width: 100%; width: 750px; margin-left: auto; margin-right: auto; } .mod_article .Breite800, .mod_article.Breite800 > * { max-width: 100%; width: 800px; margin-left: auto; margin-right: auto; } .mod_article .Breite850, .mod_article.Breite850 > * { max-width: 100%; width: 850px; margin-left: auto; margin-right: auto; } .mod_article .Breite900, .mod_article.Breite900 > * { max-width: 100%; width: 900px; margin-left: auto; margin-right: auto; } .mod_article .Breite950, .mod_article.Breite950 > * { max-width: 100%; width: 950px; margin-left: auto; margin-right: auto; } .mod_article .Breite1000, .mod_article.Breite1000 > * { max-width: 100%; width: 1000px; margin-left: auto; margin-right: auto; } .mod_article .Breite1050, .mod_article.Breite1050 > * { max-width: 100%; width: 1050px; margin-left: auto; margin-right: auto; } .mod_article .Breite1100, .mod_article.Breite1100 > * { max-width: 100%; width: 1100px; margin-left: auto; margin-right: auto; } .mod_article .Breite1150, .mod_article.Breite1150 > * { max-width: 100%; width: 1150px; margin-left: auto; margin-right: auto; } .mod_article .Breite1200, .mod_article.Breite1200 > * { max-width: 100%; width: 1200px; margin-left: auto; margin-right: auto; } .mod_article .Breite1250, .mod_article.Breite1250 > * { max-width: 100%; width: 1250px; margin-left: auto; margin-right: auto; } .mod_article .Breite1300, .mod_article.Breite1300 > * { max-width: 100%; width: 1300px; margin-left: auto; margin-right: auto; } .mod_article .Breite1350, .mod_article.Breite1350 > * { max-width: 100%; width: 1350px; margin-left: auto; margin-right: auto; } .mod_article .Breite1400, .mod_article.Breite1400 > * { max-width: 100%; width: 1400px; margin-left: auto; margin-right: auto; } .mod_article .Breite1450, .mod_article.Breite1450 > * { max-width: 100%; width: 1450px; margin-left: auto; margin-right: auto; } .mod_article .Breite1500, .mod_article.Breite1500 > * { max-width: 100%; width: 1500px; margin-left: auto; margin-right: auto; } .mod_article .Breite1550, .mod_article.Breite1550 > * { max-width: 100%; width: 1550px; margin-left: auto; margin-right: auto; } .mod_article .Breite1600, .mod_article.Breite1600 > * { max-width: 100%; width: 1600px; margin-left: auto; margin-right: auto; } .mod_article .Breite1650, .mod_article.Breite1650 > * { max-width: 100%; width: 1650px; margin-left: auto; margin-right: auto; } .mod_article .Breite1700, .mod_article.Breite1700 > * { max-width: 100%; width: 1700px; margin-left: auto; margin-right: auto; } .mod_article .Breite1750, .mod_article.Breite1750 > * { max-width: 100%; width: 1750px; margin-left: auto; margin-right: auto; } .mod_article .Breite1800, .mod_article.Breite1800 > * { max-width: 100%; width: 1800px; margin-left: auto; margin-right: auto; } .mod_article .Breite1850, .mod_article.Breite1850 > * { max-width: 100%; width: 1850px; margin-left: auto; margin-right: auto; } .mod_article .Breite1900, .mod_article.Breite1900 > * { max-width: 100%; width: 1900px; margin-left: auto; margin-right: auto; } .mod_article .Breite1950, .mod_article.Breite1950 > * { max-width: 100%; width: 1950px; margin-left: auto; margin-right: auto; } .content-text.TextLinks .rte { margin-left: 0; } .content-text.TextRechts .rte { margin-right: 0; } /************************************************************* HÖHE *************************************************************/ .volleHöhe { height: 100vh; overflow-y: hidden; } .minimaleHöhe5Prozent { min-height: 5vh; min-height: 5svh; } .minimaleHöhe10Prozent { min-height: 10vh; min-height: 10svh; } .minimaleHöhe15Prozent { min-height: 15vh; min-height: 15svh; } .minimaleHöhe20Prozent { min-height: 20vh; min-height: 20svh; } .minimaleHöhe25Prozent { min-height: 25vh; min-height: 25svh; } .minimaleHöhe30Prozent { min-height: 30vh; min-height: 30svh; } .minimaleHöhe35Prozent { min-height: 35vh; min-height: 35svh; } .minimaleHöhe40Prozent { min-height: 40vh; min-height: 40svh; } .minimaleHöhe45Prozent { min-height: 45vh; min-height: 45svh; } .minimaleHöhe50Prozent { min-height: 50vh; min-height: 50svh; } .minimaleHöhe55Prozent { min-height: 55vh; min-height: 55svh; } .minimaleHöhe60Prozent { min-height: 60vh; min-height: 60svh; } .minimaleHöhe65Prozent { min-height: 65vh; min-height: 65svh; } .minimaleHöhe70Prozent { min-height: 70vh; min-height: 70svh; } .minimaleHöhe75Prozent { min-height: 75vh; min-height: 75svh; } .minimaleHöhe80Prozent { min-height: 80vh; min-height: 80svh; } .minimaleHöhe85Prozent { min-height: 85vh; min-height: 85svh; } .minimaleHöhe90Prozent { min-height: 90vh; min-height: 90svh; } .minimaleHöhe95Prozent { min-height: 95vh; min-height: 95svh; } .minimaleHöhe100Prozent { min-height: 100vh; min-height: 100svh; } .minimaleHöhe50Pixel { min-height: 50px; } .minimaleHöhe100Pixel { min-height: 100px; } .minimaleHöhe150Pixel { min-height: 150px; } .minimaleHöhe200Pixel { min-height: 200px; } .minimaleHöhe250Pixel { min-height: 250px; } .minimaleHöhe300Pixel { min-height: 300px; } .minimaleHöhe350Pixel { min-height: 350px; } .minimaleHöhe400Pixel { min-height: 400px; } .minimaleHöhe450Pixel { min-height: 450px; } .minimaleHöhe500Pixel { min-height: 500px; } .minimaleHöhe550Pixel { min-height: 550px; } .minimaleHöhe600Pixel { min-height: 600px; } .minimaleHöhe650Pixel { min-height: 650px; } .minimaleHöhe700Pixel { min-height: 700px; } .minimaleHöhe750Pixel { min-height: 750px; } .minimaleHöhe800Pixel { min-height: 800px; } .minimaleHöhe850Pixel { min-height: 850px; } .minimaleHöhe900Pixel { min-height: 900px; } .minimaleHöhe950Pixel { min-height: 950px; } .minimaleHöhe1000Pixel { min-height: 1000px; } .maximaleHöhe5Prozent { max-height: 5vh; max-height: 5svh; } .maximaleHöhe10Prozent { max-height: 10vh; max-height: 10svh; } .maximaleHöhe15Prozent { max-height: 15vh; max-height: 15svh; } .maximaleHöhe20Prozent { max-height: 20vh; max-height: 20svh; } .maximaleHöhe25Prozent { max-height: 25vh; max-height: 25svh; } .maximaleHöhe30Prozent { max-height: 30vh; max-height: 30svh; } .maximaleHöhe35Prozent { max-height: 35vh; max-height: 35svh; } .maximaleHöhe40Prozent { max-height: 40vh; max-height: 40svh; } .maximaleHöhe45Prozent { max-height: 45vh; max-height: 45svh; } .maximaleHöhe50Prozent { max-height: 50vh; max-height: 50svh; } .maximaleHöhe55Prozent { max-height: 55vh; max-height: 55svh; } .maximaleHöhe60Prozent { max-height: 60vh; max-height: 60svh; } .maximaleHöhe65Prozent { max-height: 65vh; max-height: 65svh; } .maximaleHöhe70Prozent { max-height: 70vh; max-height: 70svh; } .maximaleHöhe75Prozent { max-height: 75vh; max-height: 75svh; } .maximaleHöhe80Prozent { max-height: 80vh; max-height: 80svh; } .maximaleHöhe85Prozent { max-height: 85vh; max-height: 85svh; } .maximaleHöhe90Prozent { max-height: 90vh; max-height: 90svh; } .maximaleHöhe95Prozent { max-height: 95vh; max-height: 95svh; } .maximaleHöhe100Prozent { max-height: 100vh; max-height: 100svh; } .maximaleHöhe50Pixel { max-height: 50px; } .maximaleHöhe100Pixel { max-height: 100px; } .maximaleHöhe150Pixel { max-height: 150px; } .maximaleHöhe200Pixel { max-height: 200px; } .maximaleHöhe250Pixel { max-height: 250px; } .maximaleHöhe300Pixel { max-height: 300px; } .maximaleHöhe350Pixel { max-height: 350px; } .maximaleHöhe400Pixel { max-height: 400px; } .maximaleHöhe450Pixel { max-height: 450px; } .maximaleHöhe500Pixel { max-height: 500px; } .maximaleHöhe550Pixel { max-height: 550px; } .maximaleHöhe600Pixel { max-height: 600px; } .maximaleHöhe650Pixel { max-height: 650px; } .maximaleHöhe700Pixel { max-height: 700px; } .maximaleHöhe750Pixel { max-height: 750px; } .maximaleHöhe800Pixel { max-height: 800px; } .maximaleHöhe850Pixel { max-height: 850px; } .maximaleHöhe900Pixel { max-height: 900px; } .maximaleHöhe950Pixel { max-height: 950px; } .maximaleHöhe1000Pixel { max-height: 1000px; } /************************************************************* ABSTÄNDE *************************************************************/ :root { --XXXXS: 5px; --XXXS: 10px; --XXS: 20px; --XS: 25px; --S: 40px; --M: 60px; --L: 100px; --XL: 200px; --XXL: 300px; --XXXL: 400px; } .AbstandÜberschriftOben0 { &:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-top: 0; } } .AbstandÜberschriftUnten0 { &:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0; } :is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; } } .AbstandÜberschriftUntenXXXS { &:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XXXS); } :is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; } } .AbstandÜberschriftUntenXXS { &:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XXS); } :is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; } } .AbstandÜberschriftUntenXS { &:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XS); } :is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; } } .AbstandÜberschriftUntenS { &:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--S); } :is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; } } body #wrapper #container .Abstand0, .mod_article body #wrapper .AbstandText0 .rte { padding: 0px; } body #wrapper #container .AbstandXXXS, #container .mod_article .AbstandTextXXXS .rte { padding: var(--XXXS); } body #wrapper #container .AbstandXXS, #container .mod_article .AbstandTextXXS .rte { padding: var(--XXS); } body #wrapper #container .AbstandXS, #container .mod_article .AbstandTextXS .rte { padding: var(--XS); } body #wrapper #container .AbstandS, #container .mod_article .AbstandTextS .rte { padding: var(--S); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandM, #container .mod_article .AbstandTextM .rte { padding: var(--M); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandL, #container .mod_article .AbstandTextL .rte { padding: var(--L); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandXL, #container .mod_article .AbstandTextXL .rte { padding: var(--XL); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandXXL, #container .mod_article .AbstandTextXXL .rte { padding: var(--XXL); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandXXXL, #container .mod_article .AbstandTextXXXL .rte { padding: var(--XXXL); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandXXXXL, #container .mod_article .AbstandTextXXXXL .rte { padding: 250px; @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandOben0, #container .mod_article .AbstandTextOben0 .rte { padding-top: 0px; } body #wrapper #container .AbstandObenXXXS, #container .mod_article .AbstandTextObenXXXS .rte { padding-top: var(--XXXS); } body #wrapper #container .AbstandObenXXS, #container .mod_article .AbstandTextObenXXS .rte { padding-top: var(--XXS); } body #wrapper #container .AbstandObenXS, #container .mod_article .AbstandTextObenXS .rte { padding-top: var(--XS); } body #wrapper #container .AbstandObenS, #container .mod_article .AbstandTextObenS .rte { padding-top: var(--S); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandObenM, #container .mod_article .AbstandTextObenM .rte { padding-top: var(--M); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandObenL, #container .mod_article .AbstandTextObenL .rte { padding-top: var(--L); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandObenXL, #container .mod_article .AbstandTextObenXL .rte { padding-top: var(--XL); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandObenXXL, #container .mod_article .AbstandTextObenXXL .rte { padding-top: var(--XXL); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandObenXXXL, #container .mod_article .AbstandTextObenXXXL .rte { padding-top: var(--XXXL); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandRechts0, #container .mod_article .AbstandTextRechts0 .rte { padding-right: 0px; } body #wrapper #container .AbstandRechtsXXXS, #container .mod_article .AbstandTextRechtsXXXS .rte { padding-right: var(--XXXS); } body #wrapper #container .AbstandRechtsXXS, #container .mod_article .AbstandTextRechtsXXS .rte { padding-right: var(--XXS); } body #wrapper #container .AbstandRechtsXS, #container .mod_article .AbstandTextRechtsXS .rte { padding-right: var(--XS); } body #wrapper #container .AbstandRechtsS, #container .mod_article .AbstandTextRechtsS .rte { padding-right: var(--S); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandRechtsM, #container .mod_article .AbstandTextRechtsM .rte { padding-right: var(--M); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandRechtsL, #container .mod_article .AbstandTextRechtsL .rte { padding-right: var(--L); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandRechtsXL, #container .mod_article .AbstandTextRechtsXL .rte { padding-right: var(--XL); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandRechtsXXL, #container .mod_article .AbstandTextRechtsXXL .rte { padding-right: var(--XXL); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandRechtsXXXL, #container .mod_article .AbstandTextRechtsXXXL .rte { padding-right: var(--XXXL); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandUnten0, #container .mod_article .AbstandTextUnten0 .rte { padding-bottom: 0px; } body #wrapper #container .AbstandUntenXXXS, #container .mod_article .AbstandTextUntenXXXS .rte { padding-bottom: var(--XXXS); } body #wrapper #container .AbstandUntenXXS, #container .mod_article .AbstandTextUntenXXS .rte { padding-bottom: var(--XXS); } body #wrapper #container .AbstandUntenXS, #container .mod_article .AbstandTextUntenXS .rte { padding-bottom: var(--XS); } body #wrapper #container .AbstandUntenS, #container .mod_article .AbstandTextUntenS .rte { padding-bottom: var(--S); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandUntenM, #container .mod_article .AbstandTextUntenM .rte { padding-bottom: var(--M); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandUntenL, #container .mod_article .AbstandTextUntenL .rte { padding-bottom: var(--L); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandUntenXL, #container .mod_article .AbstandTextUntenXL .rte { padding-bottom: var(--XL); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandUntenXXL, #container .mod_article .AbstandTextUntenXXL .rte { padding-bottom: var(--XXL); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandUntenXXXL, #container .mod_article .AbstandTextUntenXXXL .rte { padding-bottom: var(--XXXL); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandLinks0, #container .mod_article .AbstandTextLinks0 .rte { padding-left: 0px; } body #wrapper #container .AbstandLinksXXXS, #container .mod_article .AbstandTextLinksXXXS .rte { padding-left: var(--XXXS); } body #wrapper #container .AbstandLinksXXS, #container .mod_article .AbstandTextLinksXXS .rte { padding-left: var(--XXS); } body #wrapper #container .AbstandLinksXS, #container .mod_article .AbstandTextLinksXS .rte { padding-left: var(--XS); } body #wrapper #container .AbstandLinksS, #container .mod_article .AbstandTextLinksS .rte { padding-left: var(--S); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandLinksM, #container .mod_article .AbstandTextLinksM .rte { padding-left: var(--M); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandLinksL, #container .mod_article .AbstandTextLinksL .rte { padding-left: var(--L); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandLinksXL, #container .mod_article .AbstandTextLinksXL .rte { padding-left: var(--XL); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandLinksXXL, #container .mod_article .AbstandTextLinksXXL .rte { padding-left: var(--XXL); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandLinksXXXL, #container .mod_article .AbstandTextLinksXXXL .rte { padding-left: var(--XXXL); @media(max-width:767px){ padding-left: 20px; } } #wrapper .AbstandBildOben0 figure { margin-top: 0px; } #wrapper .AbstandBildRechts0 figure { margin-right: 0px; } #wrapper .AbstandBildUnten0 figure { margin-bottom: 0px; } #wrapper .AbstandBildLinks0 figure { margin-left: 0px; } #wrapper .AbstandBildObenXXXXS figure { margin-top: var(--XXXXS); } #wrapper .AbstandBildObenXXXS figure { margin-top: var(--XXXS); } #wrapper .AbstandBildObenXXS figure { margin-top: var(--XXS); } #wrapper .AbstandBildObenXS figure { margin-top: var(--XS); } #wrapper .AbstandBildObenS figure { margin-top: var(--S); @media(max-width:767px){ margin-top: 20px; } } #wrapper .AbstandBildObenM figure { margin-top: var(--M); @media(max-width:767px){ margin-top: 20px; } } #wrapper .AbstandBildObenL figure { margin-top: var(--L); @media(max-width:767px){ margin-top: 20px; } } #wrapper .AbstandBildObenXL figure { margin-top: var(--XL); @media(max-width:767px){ margin-top: 20px; } } #wrapper .AbstandBildObenXXL figure { margin-top: var(--XXL); @media(max-width:767px){ margin-top: 20px; } } #wrapper .AbstandBildObenXXXL figure { margin-top: var(--XXXL); @media(max-width:767px){ margin-top: 20px; } } #wrapper .AbstandBildRechtsXXXXS figure { margin-right: var(--XXXXS); } #wrapper .AbstandBildRechtsXXXS figure { margin-right: var(--XXXS); } #wrapper .AbstandBildRechtsXXS figure { margin-right: var(--XXS); } #wrapper .AbstandBildRechtsXS figure { margin-right: var(--XS); } #wrapper .AbstandBildRechtsS figure { margin-right: var(--S); @media(max-width:767px){ margin-right: 20px; } } #wrapper .AbstandBildRechtsM figure { margin-right: var(--M); @media(max-width:767px){ margin-right: 20px; } } #wrapper .AbstandBildRechtsL figure { margin-right: var(--L); @media(max-width:767px){ margin-right: 20px; } } #wrapper .AbstandBildRechtsXL figure { margin-right: var(--XL); @media(max-width:767px){ margin-right: 20px; } } #wrapper .AbstandBildRechtsXXL figure { margin-right: var(--XXL); @media(max-width:767px){ margin-right: 20px; } } #wrapper .AbstandBildRechtsXXXL figure { margin-right: var(--XXXL); @media(max-width:767px){ margin-right: 20px; } } #wrapper .AbstandBildUntenXXXXS figure { margin-bottom: var(--XXXXS); } #wrapper .AbstandBildUntenXXXS figure { margin-bottom: var(--XXXS); } #wrapper .AbstandBildUntenXXS figure { margin-bottom: var(--XXS); } #wrapper .AbstandBildUntenXS figure { margin-bottom: var(--XS); } #wrapper .AbstandBildUntenS figure { margin-bottom: var(--S); @media(max-width:767px){ margin-bottom: 20px; } } #wrapper .AbstandBildUntenM figure { margin-bottom: var(--M); @media(max-width:767px){ margin-bottom: 20px; } } #wrapper .AbstandBildUntenL figure { margin-bottom: var(--L); @media(max-width:767px){ margin-bottom: 20px; } } #wrapper .AbstandBildUntenXL figure { margin-bottom: var(--XL); @media(max-width:767px){ margin-bottom: 20px; } } #wrapper .AbstandBildUntenXXL figure { margin-bottom: var(--XXL); @media(max-width:767px){ margin-bottom: 20px; } } #wrapper .AbstandBildUntenXXXL figure { margin-bottom: var(--XXXL); @media(max-width:767px){ margin-bottom: 20px; } } #wrapper .AbstandBildLinksXXXXS figure { margin-left: var(--XXXXS); } #wrapper .AbstandBildLinksXXXS figure { margin-left: var(--XXXS); } #wrapper .AbstandBildLinksXXS figure { margin-left: var(--XXS); } #wrapper .AbstandBildLinksXS figure { margin-left: var(--XS); } #wrapper .AbstandBildLinksS figure { margin-left: var(--S); @media(max-width:767px){ margin-left: 20px; } } #wrapper .AbstandBildLinksM figure { margin-left: var(--M); @media(max-width:767px){ margin-left: 20px; } } #wrapper .AbstandBildLinksL figure { margin-left: var(--L); @media(max-width:767px){ margin-left: 20px; } } #wrapper .AbstandBildLinksXL figure { margin-left: var(--XL); @media(max-width:767px){ margin-left: 20px; } } #wrapper .AbstandBildLinksXXL figure { margin-left: var(--XXL); @media(max-width:767px){ margin-left: 20px; } } #wrapper .AbstandBildLinksXXXL figure { margin-left: var(--XXXL); @media(max-width:767px){ margin-left: 20px; } } body #wrapper #container .AbstandAußen0 { margin: 0; } body #wrapper #container .AbstandAußenXXXS { margin: var(--XXXS); } body #wrapper #container .AbstandAußenXXS { margin: var(--XXS); } body #wrapper #container .AbstandAußenXS { margin: var(--XS); } body #wrapper #container .AbstandAußenS { margin: var(--S); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandAußenM { margin: var(--M); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandAußenL { margin: var(--L); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandAußenXL { margin: var(--XL); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandAußenXXL { margin: var(--XXL); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandAußenXXXL { margin: var(--XXXL); @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandAußenXXXXL { margin: 250px; @media(max-width:767px){ padding: 30px 10px; } } body #wrapper #container .AbstandAußenOben0 { margin-top: 0px; } body #wrapper #container .AbstandAußenObenXXXS { margin-top: var(--XXXS); } body #wrapper #container .AbstandAußenObenXXS { margin-top: var(--XXS); } body #wrapper #container .AbstandAußenObenXS { margin-top: var(--XS); } body #wrapper #container .AbstandAußenObenS { margin-top: var(--S); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandAußenObenM { margin-top: var(--M); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandAußenObenL { margin-top: var(--L); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandAußenObenXL { margin-top: var(--XL); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandAußenObenXXL { margin-top: var(--XXL); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandAußenObenXXXL { margin-top: var(--XXXL); @media(max-width:767px){ padding-top: 20px; } } body #wrapper #container .AbstandAußenRechts0 { margin-right: 0px; } body #wrapper #container .AbstandAußenRechtsXXXS { margin-right: var(--XXXS); } body #wrapper #container .AbstandAußenRechtsXXS { margin-right: var(--XXS); } body #wrapper #container .AbstandAußenRechtsXS { margin-right: var(--XS); } body #wrapper #container .AbstandAußenRechtsS { margin-right: var(--S); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandAußenRechtsM { margin-right: var(--M); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandAußenRechtsL { margin-right: var(--L); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandAußenRechtsXL { margin-right: var(--XL); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandAußenRechtsXXL { margin-right: var(--XXL); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandAußenRechtsXXXL { margin-right: var(--XXXL); @media(max-width:767px){ padding-right: 20px; } } body #wrapper #container .AbstandAußenUnten0 { margin-bottom: 0px; } body #wrapper #container .AbstandAußenUntenXXXS { margin-bottom: var(--XXXS); } body #wrapper #container .AbstandAußenUntenXXS { margin-bottom: var(--XXS); } body #wrapper #container .AbstandAußenUntenXS { margin-bottom: var(--XS); } body #wrapper #container .AbstandAußenUntenS { margin-bottom: var(--S); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandAußenUntenM { margin-bottom: var(--M); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandAußenUntenL { margin-bottom: var(--L); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandAußenUntenXL { margin-bottom: var(--XL); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandAußenUntenXXL { margin-bottom: var(--XXL); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandAußenUntenXXXL { margin-bottom: var(--XXXL); @media(max-width:767px){ padding-bottom: 20px; } } body #wrapper #container .AbstandAußenLinks0 { margin-left: 0px; } body #wrapper #container .AbstandAußenLinksXXXS { margin-left: var(--XXXS); } body #wrapper #container .AbstandAußenLinksXXS { margin-left: var(--XXS); } body #wrapper #container .AbstandAußenLinksXS { margin-left: var(--XS); } body #wrapper #container .AbstandAußenLinksS { margin-left: var(--S); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandAußenLinksM { margin-left: var(--M); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandAußenLinksL { margin-left: var(--L); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandAußenLinksXL { margin-left: var(--XL); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandAußenLinksXXL { margin-left: var(--XXL); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandAußenLinksXXXL { margin-left: var(--XXXL); @media(max-width:767px){ padding-left: 20px; } } body #wrapper #container .AbstandMobil0 { @media(max-width:767px){ padding: 0; } } body #wrapper #container .AbstandMobilXXXS { @media(max-width:767px){ padding: var(--XXXS); } } body #wrapper #container .AbstandMobilXXS { @media(max-width:767px){ padding: var(--XXS); } } body #wrapper #container .AbstandMobilXS { @media(max-width:767px){ padding: var(--XS); } } body #wrapper #container .AbstandMobilS { @media(max-width:767px){ padding: var(--S); } } body #wrapper #container .AbstandMobilM { @media(max-width:767px){ padding: var(--M); } } body #wrapper #container .AbstandMobilL { @media(max-width:767px){ padding: var(--L); } } body #wrapper #container .AbstandMobilXL { @media(max-width:767px){ padding: var(--XL); } } body #wrapper #container .AbstandMobilXXL { @media(max-width:767px){ padding: var(--XXL); } } body #wrapper #container .AbstandMobilXXXL { @media(max-width:767px){ padding: var(--XXXL); } } body #wrapper #container .AbstandMobilXXXXL { @media(max-width:767px){ padding: 250px; } } body #wrapper #container .AbstandMobilOben0 { @media(max-width:767px){ padding-top: 0px; } } body #wrapper #container .AbstandMobilObenXXXS { @media(max-width:767px){ padding-top: var(--XXXS); } } body #wrapper #container .AbstandMobilObenXXS { @media(max-width:767px){ padding-top: var(--XXS); } } body #wrapper #container .AbstandMobilObenXS { @media(max-width:767px){ padding-top: var(--XS); } } body #wrapper #container .AbstandMobilObenS { @media(max-width:767px){ padding-top: var(--S); } } body #wrapper #container .AbstandMobilObenM { @media(max-width:767px){ padding-top: var(--M); } } body #wrapper #container .AbstandMobilObenL { @media(max-width:767px){ padding-top: var(--L); } } body #wrapper #container .AbstandMobilObenXL { @media(max-width:767px){ padding-top: var(--XL); } } body #wrapper #container .AbstandMobilObenXXL { @media(max-width:767px){ padding-top: var(--XXL); } } body #wrapper #container .AbstandMobilObenXXXL { @media(max-width:767px){ padding-top: var(--XXXL); } } body #wrapper #container .AbstandMobilRechts0 { @media(max-width:767px){ padding-right: 0px; } } body #wrapper #container .AbstandMobilRechtsXXXS { @media(max-width:767px){ padding-right: var(--XXXS); } } body #wrapper #container .AbstandMobilRechtsXXS { @media(max-width:767px){ padding-right: var(--XXS); } } body #wrapper #container .AbstandMobilRechtsXS { @media(max-width:767px){ padding-right: var(--XS); } } body #wrapper #container .AbstandMobilRechtsS { @media(max-width:767px){ padding-right: var(--S); } } body #wrapper #container .AbstandMobilRechtsM { @media(max-width:767px){ padding-right: var(--M); } } body #wrapper #container .AbstandMobilRechtsL { @media(max-width:767px){ padding-right: var(--L); } } body #wrapper #container .AbstandMobilRechtsXL { @media(max-width:767px){ padding-right: var(--XL); } } body #wrapper #container .AbstandMobilRechtsXXL { @media(max-width:767px){ padding-right: var(--XXL); } } body #wrapper #container .AbstandMobilRechtsXXXL { @media(max-width:767px){ padding-right: var(--XXXL); } } body #wrapper #container .AbstandMobilUnten0 { @media(max-width:767px){ padding-bottom: 0px; } } body #wrapper #container .AbstandMobilUntenXXXS { @media(max-width:767px){ padding-bottom: var(--XXXS); } } body #wrapper #container .AbstandMobilUntenXXS { @media(max-width:767px){ padding-bottom: var(--XXS); } } body #wrapper #container .AbstandMobilUntenXS { @media(max-width:767px){ padding-bottom: var(--XS); } } body #wrapper #container .AbstandMobilUntenS { @media(max-width:767px){ padding-bottom: var(--S); } } body #wrapper #container .AbstandMobilUntenM { @media(max-width:767px){ padding-bottom: var(--M); } } body #wrapper #container .AbstandMobilUntenL { @media(max-width:767px){ padding-bottom: var(--L); } } body #wrapper #container .AbstandMobilUntenXL { @media(max-width:767px){ padding-bottom: var(--XL); } } body #wrapper #container .AbstandMobilUntenXXL { @media(max-width:767px){ padding-bottom: var(--XXL); } } body #wrapper #container .AbstandMobilUntenXXXL { @media(max-width:767px){ padding-bottom: var(--XXXL); } } body #wrapper #container .AbstandMobilLinks0 { @media(max-width:767px){ padding-left: 0px; } } body #wrapper #container .AbstandMobilLinksXXXS { @media(max-width:767px){ padding-left: var(--XXXS); } } body #wrapper #container .AbstandMobilLinksXXS { @media(max-width:767px){ padding-left: var(--XXS); } } body #wrapper #container .AbstandMobilLinksXS { @media(max-width:767px){ padding-left: var(--XS); } } body #wrapper #container .AbstandMobilLinksS { @media(max-width:767px){ padding-left: var(--S); } } body #wrapper #container .AbstandMobilLinksM { @media(max-width:767px){ padding-left: var(--M); } } body #wrapper #container .AbstandMobilLinksL { @media(max-width:767px){ padding-left: var(--L); } } body #wrapper #container .AbstandMobilLinksXL { @media(max-width:767px){ padding-left: var(--XL); } } body #wrapper #container .AbstandMobilLinksXXL { @media(max-width:767px){ padding-left: var(--XXL); } } body #wrapper #container .AbstandMobilLinksXXXL { @media(max-width:767px){ padding-left: var(--XXXL); } } body #wrapper #container .AbstandNegativOben0 { margin-top: 0; @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenXXXS { margin-top: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenXXS { margin-top: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenXS { margin-top: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenS { margin-top: calc( -1 * var(--S) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenM { margin-top: calc( -1 * var(--M) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenL { margin-top: calc( -1 * var(--L) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenXL { margin-top: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenXXL { margin-top: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativObenXXXL { margin-top: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativRechts0 { margin-right: 0; @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativRechtsXXXS { margin-right: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativRechtsXXS { margin-right: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativRechtsXS { margin-right: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativRechtsS { margin-right: calc( -1 * var(--S) ); @media(max-width:767px){ margin-right: 0; } } body #wrapper #container .AbstandNegativRechtsM { margin-right: calc( -1 * var(--M) ); @media(max-width:767px){ margin-right: 0; } } body #wrapper #container .AbstandNegativRechtsL { margin-right: calc( -1 * var(--L) ); @media(max-width:767px){ margin-right: 0; } } body #wrapper #container .AbstandNegativRechtsXL { margin-right: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-right: 0; } } body #wrapper #container .AbstandNegativRechtsXXL { margin-right: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-right: 0; } } body #wrapper #container .AbstandNegativRechtsXXXL { margin-right: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-right: 0; } } body #wrapper #container .AbstandNegativUnten0 { margin-bottom: 0; @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativUntenXXXS { margin-bottom: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativUntenXXS { margin-bottom: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativUntenXS { margin-bottom: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativUntenS { margin-bottom: calc( -1 * var(--S) ); @media(max-width:767px){ margin-bottom: 0; } } body #wrapper #container .AbstandNegativUntenM { margin-bottom: calc( -1 * var(--M) ); @media(max-width:767px){ margin-bottom: 0; } } body #wrapper #container .AbstandNegativUntenL { margin-bottom: calc( -1 * var(--L) ); @media(max-width:767px){ margin-bottom: 0; } } body #wrapper #container .AbstandNegativUntenXL { margin-bottom: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-bottom: 0; } } body #wrapper #container .AbstandNegativUntenXXL { margin-bottom: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-bottom: 0; } } body #wrapper #container .AbstandNegativUntenXXXL { margin-bottom: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-bottom: 0; } } body #wrapper #container .AbstandNegativLinks0 { margin-left: 0; @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativLinksXXXS { margin-left: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativLinksXXS { margin-left: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativLinksXS { margin-left: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } } body #wrapper #container .AbstandNegativLinksS { margin-left: calc( -1 * var(--S) ); @media(max-width:767px){ margin-left: 0; } } body #wrapper #container .AbstandNegativLinksM { margin-left: calc( -1 * var(--M) ); @media(max-width:767px){ margin-left: 0; } } body #wrapper #container .AbstandNegativLinksL { margin-left: calc( -1 * var(--L) ); @media(max-width:767px){ margin-left: 0; } } body #wrapper #container .AbstandNegativLinksXL { margin-left: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-left: 0; } } body #wrapper #container .AbstandNegativLinksXXL { margin-left: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-left: 0; } } body #wrapper #container .AbstandNegativLinksXXXL { margin-left: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-left: 0; } } /************************************************************* FARBEN *************************************************************/ .SchriftfarbeTextWeiß:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeWeiß strong, .kursivSchriftfarbeWeiß em, .ÜberschriftfarbeWeiß :is(h1, h2, h3, h4, h5, h6) { color: #fff; } .SchriftfarbeWeiß { color: #fff; a, :is(h1, h2, h3, h4, h5, h6) { color: #fff; } svg.icon, svg { fill: #fff; } } .SchriftfarbeTextSchwarz:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeSchwarz strong, .kursivSchriftfarbeSchwarz em, .ÜberschriftfarbeSchwarz :is(h1, h2, h3, h4, h5, h6) { color: #000; } .SchriftfarbeSchwarz { color: #000; a, :is(h1, h2, h3, h4, h5, h6) { color: #000; } svg.icon, svg { fill: #000; } } .SchriftfarbeTextGrau:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeGrau strong, .kursivSchriftfarbeGrau em, .ÜberschriftfarbeGrau :is(h1, h2, h3, h4, h5, h6) { color: #f8f8f8; } .SchriftfarbeGrau { color: #f8f8f8; a, :is(h1, h2, h3, h4, h5, h6) { color: #f8f8f8; } svg.icon, svg { fill: #f8f8f8; } } .SchriftfarbeTextDunkelgrau:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeDunkelgrau strong, .kursivSchriftfarbeDunkelgrau em, .ÜberschriftfarbeDunkelgrau :is(h1, h2, h3, h4, h5, h6) { color: #1b2125; } .SchriftfarbeDunkelgrau { color: #1b2125; a, :is(h1, h2, h3, h4, h5, h6) { color: #1b2125; } svg.icon, svg { fill: #1b2125; } } .SchriftfarbeText1:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe1 strong, .kursivSchriftfarbe1 em, .Überschriftfarbe1 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe1:is(h1, h2, h3, h4, h5, h6) { color: var(--color_1); } .Schriftfarbe1 { color: var(--color_1); a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_1); } svg.icon, svg { fill: var(--color_1); } } .SchriftfarbeText2:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe2 strong, .kursivSchriftfarbe2 em, .Überschriftfarbe2 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe2:is(h1, h2, h3, h4, h5, h6) { color: var(--color_2); } .Schriftfarbe2 { color: var(--color_2); a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_2); } svg.icon, svg { fill: var(--color_2); } } .SchriftfarbeText3:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe3 strong, .kursivSchriftfarbe3 em, .Überschriftfarbe3 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe3:is(h1, h2, h3, h4, h5, h6) { color: var(--color_3); } .Schriftfarbe3 { color: var(--color_3); a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_3); } svg.icon, svg { fill: var(--color_3); } } .SchriftfarbeText4:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe4 strong, .kursivSchriftfarbe4 em, .Überschriftfarbe4 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe4:is(h1, h2, h3, h4, h5, h6) { color: var(--color_4); } .Schriftfarbe4 { color: var(--color_4); a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_4); } svg.icon, svg { fill: var(--color_4); } } #wrapper .Hintergrund1, .fettHintergrund1 strong { background-color: var(--color_1); } #wrapper .Hintergrund1.HintergrundTransparent { background-color: color-mix(in lab, var(--color_1), transparent 80%); } #wrapper .Hintergrund2, .fettHintergrund2 strong { background-color: var(--color_2); } #wrapper .Hintergrund2.HintergrundTransparent { background-color: color-mix(in lab, var(--color_2), transparent 80%); } #wrapper .Hintergrund3, .fettHintergrund3 strong { background-color: var(--color_3); } #wrapper .Hintergrund3.HintergrundTransparent { background-color: color-mix(in lab, var(--color_3), transparent 80%); } #wrapper .Hintergrund4, .fettHintergrund4 strong { background-color: var(--color_4); } #wrapper .Hintergrund4.HintergrundTransparent { background-color: color-mix(in lab, var(--color_4), transparent 80%); } #wrapper .Hintergrund5, .fettHintergrund5 strong { background-color: var(--color_5); } #wrapper .Hintergrund5.HintergrundTransparent { background-color: color-mix(in lab, var(--color_5), transparent 80%); } #wrapper .HintergrundWeiß, .fettHintergrundWeiß strong { background-color: #fff; color: var(--font_color); } #wrapper .HintergrundWeiß.HintergrundTransparent { background-color: color-mix(in lab, #fff, transparent 80%); } #wrapper .HintergrundSchwarz, .fettHintergrundSchwarz strong { background-color: #000; } #wrapper .HintergrundSchwarz.HintergrundTransparent { background-color: color-mix(in lab, #000, transparent 80%); } #wrapper .HintergrundDunkelgrau, .fettHintergrundDunkelgrau strong { background-color: #1b2125; } #wrapper .HintergrundDunkelgrau.HintergrundTransparent { background-color: color-mix(in lab, #1b2125, transparent 80%); } #wrapper .HintergrundGrau, .fettHintergrundGrau strong { background-color: #f8f8f8; } #wrapper .HintergrundGrau.HintergrundTransparent { background-color: color-mix(in lab, #f8f8f8, transparent 80%); } .HintergrundTextWeiß .rte { background-color: #fff; } .HintergrundTextGrau .rte { background-color: #f8f8f8; } .HintergrundTextSchwarz .rte { background-color: #000; } .HintergrundText1 .rte { background-color: var(--color_1); } .HintergrundText2 .rte { background-color: var(--color_2); } .HintergrundText3 .rte { background-color: var(--color_3); } .HintergrundText4 .rte { background-color: var(--color_4); } .Iconfarbe1 svg { fill: var(--color_1); } .Iconfarbe2 svg { fill: var(--color_2); } .Iconfarbe3 svg { fill: var(--color_3); } .Iconfarbe4 svg { fill: var(--color_4); } .Iconfarbe5 svg { fill: var(--color_5); } .IconfarbeWeiß svg { fill: #fff; } .IconfarbeSchwarz svg { fill: #000; } .IconfarbeGrau svg { fill: #444; } .IconfarbeSchriftfarbe svg { fill: var(--font_color, #000); } #header .mod_navigation li.Navigationsfarbe1 > * { color: var(--color_1); } #header .mod_navigation li.Navigationsfarbe2 > * { color: var(--color_2); } #header .mod_navigation li.Navigationsfarbe3 > * { color: var(--color_3); } #header .mod_navigation li.Navigationsfarbe4 > * { color: var(--color_4); } #header .mod_navigation li.Navigationshintergrund1 > * { background: var(--color_1); border-radius: 10px; } #header .mod_navigation li.Navigationshintergrund2 > * { background: var(--color_2); border-radius: 10px; } #header .mod_navigation li.Navigationshintergrund3 > * { background: var(--color_3); border-radius: 10px; } #header .mod_navigation li.Navigationshintergrund4 > * { background: var(--color_4); border-radius: 10px; } #header .mod_navigation li.Navigationshintergrund5 > * { background: var(--color_5); border-radius: 10px; } /************************************************************* SCROLLING *************************************************************/ #wrapper .beimScrollenObenFixieren { position: sticky; top: 0; } /************************************************************* ICONS *************************************************************/ #wrapper .IcongrößeXXXS svg { width: var(--XXXS); height: var(--XXXS); } #wrapper .IcongrößeXXS svg { width: var(--XXS); height: var(--XXS); } #wrapper .IcongrößeXS svg { width: var(--XS); height: var(--XS); } #wrapper .IcongrößeS svg { width: var(--S); height: var(--S); } #wrapper .IcongrößeM svg { width: var(--M); height: var(--M); } #wrapper .IcongrößeL svg { width: var(--L); height: var(--L); } #wrapper .IcongrößeXL svg { width: var(--XL); height: var(--XL); } #wrapper .IcongrößeXXL svg { width: var(--XXL); height: var(--XXL); } #wrapper .IcongrößeXXXL svg { width: var(--XXXL); height: var(--XXXL); } /************************************************************* BUTTON *************************************************************/ html body .content-text { --button_border_color: var(--color_1, #000); --button_border_width: 1px; --button_border_radius: var(--button_border_radius, var(--border_radius, .25em)); --button_font_color: var(--color_1, #000); --button_hover_font_color: #fff; --button_background_color: transparent; --button_hover_background_color: var(--color_1, transparent); --button_padding: .25rem 2rem; --button_font_size: 1em; &.ButtongrößeL { --button_padding: 1rem 5rem; } &.ButtonschriftL { --button_font_size: 1.3em; } &.ButtonrahmenL { --button_border_width: 2px; } &.ButtonrahmenXL { --button_border_width: 4px; } &.Buttonhintergrundfarbe { --button_font_color: #fff; --button_hover_font_color: var(--color_1, #000); --button_background_color: var(--color_1, transparent); --button_hover_background_color: transparent; } &.LinkAlsButton2, &.fettAlsButton2, &.kursiverLinkAlsButton2 { --button_border_color: var(--color_2, #000); --button_font_color: var(--color_2, #fff); --button_hover_background_color: var(--color_2, transparent); &.Buttonhintergrundfarbe { --button_font_color: #fff; --button_hover_font_color: var(--color_2, #000); --button_background_color: var(--color_2, transparent); --button_hover_background_color: transparent; } } &.Buttonschriftfarbe1 p { --button_font_color: var(--color_1, #000); } &.Buttonschriftfarbe2 p { --button_font_color: var(--color_2, #000); } &.Buttonschriftfarbe3 p { --button_font_color: var(--color_3, #000); } &.Buttonschriftfarbe4 p { --button_font_color: var(--color_4, #000); } &.ButtonschriftfarbeWeiß p { --button_font_color: #fff; } &.ButtonschriftfarbeSchwarz p { --button_font_color: #000; } &.ButtonschriftfarbeGrau p { --button_font_color: #444; } &.Buttonhoverschriftfarbe1 a { --button_hover_font_color: var(--color_1, #000); } &.Buttonhoverschriftfarbe2 a { --button_hover_font_color: var(--color_2, #000); } &.Buttonhoverschriftfarbe3 a { --button_hover_font_color: var(--color_3, #000); } &.Buttonhoverschriftfarbe4 a { --button_hover_font_color: var(--color_4, #000); } &.ButtonhoverschriftfarbeWeiß a { --button_hover_font_color: #fff; } &.ButtonhoverschriftfarbeSchwarz a { --button_hover_font_color: #000; } &.ButtonhoverschriftfarbeGrau a { --button_hover_font_color: #f8f8f8; } &.LinkAlsButton, &.LinkAlsButton2, &.kursiverLinkAlsButton, &.kursiverLinkAlsButton2, &.fettAlsButton, &.fettAlsButton2 { position: relative; &:not(.kursiverLinkAlsButton) .rte strong a, &:not(.kursiverLinkAlsButton) .rte a strong { font-weight: var(--font_width_strong); } &:not(.kursiverLinkAlsButton) .rte a, &:not(.LinkAlsButton) .rte em a, &:not(.LinkAlsButton) .rte a em, &.fettAlsButton .rte strong { border: var(--button_border_width) solid var(--button_border_color); color: var(--button_font_color); background: var(--button_background_color); cursor: pointer; display: inline-block; font-style: normal; font-size: var(--button_font_size); border-radius: var(--button_border_radius); text-decoration: none; padding: var(--button_padding); line-height: 1.4; transition: all 0.25s ease-in-out; svg, svg.icon { fill: var(--button_font_color); transition: all 0.25s ease-in-out; } &:before { display: none; } &:hover { background: var(--button_hover_background_color); color: var(--button_hover_font_color); svg, svg.icon { fill: var(--button_hover_font_color); } } } } } /************************************************************* animierterUnterstrich *************************************************************/ body.scroll-down .animierterUnterstrich s:nth-of-type(1):after, body:not(.scroll-down) .animierterUnterstrich s:nth-of-type(2):after { width: 0; } .animierterUnterstrich { s { text-decoration: none; } s:nth-of-type(1), s:nth-of-type(2) { position: relative; font-size: inherit; line-height: inherit; vertical-align: inherit; } s:nth-of-type(1):after { left: 0; } s:nth-of-type(2):after { right: 0; } s:nth-of-type(1):after, s:nth-of-type(2):after { content: ""; position: absolute; bottom: -0.1em; width: 100%; min-height: 3px; height: 0.2em; background: var(--color_1); z-index: -1; transition: width .9s; } } .Hintergrund1, .Hintergrund2, .Hintergrund3, .Hintergrund4, .Hintergrund5, .HintergrundSchwarz, .HintergrundDunkelgrau { .animierterUnterstrich { s:nth-of-type(1):after, s:nth-of-type(2):after { background: #fff; } } } div[class^='Spalten'], div[class*=' Spalten'] { --Mindestbreite: 200px; display: grid; gap: 60px; & > * { margin-top: 0; margin-bottom: 0; } &.Mindestbreite0 { --Mindestbreite: 0; } &.Spalte2Breite20Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 20 ) + var(--content_margin, 0) ); } &.Spalte2Breite30Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 30 ) + var(--content_margin, 0) ); } &.Spalte2Breite40Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 40 ) + var(--content_margin, 0) ); } &.Spalte2Breite50Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 50 ) + var(--content_margin, 0) ); } &.Spalte2Breite60Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 60 ) + var(--content_margin, 0) ); } &.Spalte2Breite70Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 70 ) + var(--content_margin, 0) ); } &.Spalte3Breite20Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 20 ) + var(--content_margin, 0) ); } &.Spalte3Breite30Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 30 ) + var(--content_margin, 0) ); } &.Spalte3Breite40Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 40 ) + var(--content_margin, 0) ); } &.Spalte3Breite50Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 50 ) + var(--content_margin, 0) ); } &.Spalte3Breite60Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 60 ) + var(--content_margin, 0) ); } &.Spalte3Breite70Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 70 ) + var(--content_margin, 0) ); } &.Spalte1Breite10 { --ErsteSpalte: 10fr; } &.Spalte1Breite15 { --ErsteSpalte: 15fr; } &.Spalte1Breite20 { --ErsteSpalte: 20fr; } &.Spalte1Breite25 { --ErsteSpalte: 25fr; } &.Spalte1Breite30 { --ErsteSpalte: 30fr; } &.Spalte1Breite35 { --ErsteSpalte: 35fr; } &.Spalte1Breite40 { --ErsteSpalte: 40fr; } &.Spalte1Breite45 { --ErsteSpalte: 45fr; } &.Spalte1Breite50 { --ErsteSpalte: 50fr; } &.Spalte1Breite55 { --ErsteSpalte: 55fr; } &.Spalte1Breite60 { --ErsteSpalte: 60fr; } &.Spalte1Breite65 { --ErsteSpalte: 65fr; } &.Spalte1Breite70 { --ErsteSpalte: 70fr; } &.Spalte1Breite75 { --ErsteSpalte: 75fr; } &.Spalte1Breite80 { --ErsteSpalte: 80fr; } &.Spalte1Breite85 { --ErsteSpalte: 85fr; } &.Spalte1Breite90 { --ErsteSpalte: 90fr; } &.Spalte1Breite95 { --ErsteSpalte: 95fr; } &.Spalte2Breite10 { --ZweiteSpalte: 10fr; } &.Spalte2Breite15 { --ZweiteSpalte: 15fr; } &.Spalte2Breite20 { --ZweiteSpalte: 20fr; } &.Spalte2Breite25 { --ZweiteSpalte: 25fr; } &.Spalte2Breite30 { --ZweiteSpalte: 30fr; } &.Spalte2Breite35 { --ZweiteSpalte: 35fr; } &.Spalte2Breite40 { --ZweiteSpalte: 40fr; } &.Spalte2Breite45 { --ZweiteSpalte: 45fr; } &.Spalte2Breite50 { --ZweiteSpalte: 50fr; } &.Spalte2Breite55 { --ZweiteSpalte: 55fr; } &.Spalte2Breite60 { --ZweiteSpalte: 60fr; } &.Spalte2Breite65 { --ZweiteSpalte: 65fr; } &.Spalte2Breite70 { --ZweiteSpalte: 70fr; } &.Spalte2Breite75 { --ZweiteSpalte: 75fr; } &.Spalte2Breite80 { --ZweiteSpalte: 80fr; } &.Spalte2Breite85 { --ZweiteSpalte: 85fr; } &.Spalte2Breite90 { --ZweiteSpalte: 90fr; } &.Spalte2Breite95 { --ZweiteSpalte: 95fr; } &.Spalte3Breite10 { --DritteSpalte: 10fr; } &.Spalte3Breite15 { --DritteSpalte: 15fr; } &.Spalte3Breite20 { --DritteSpalte: 20fr; } &.Spalte3Breite25 { --DritteSpalte: 25fr; } &.Spalte3Breite30 { --DritteSpalte: 30fr; } &.Spalte3Breite35 { --DritteSpalte: 35fr; } &.Spalte3Breite40 { --DritteSpalte: 40fr; } &.Spalte3Breite45 { --DritteSpalte: 45fr; } &.Spalte3Breite50 { --DritteSpalte: 50fr; } &.Spalte3Breite55 { --DritteSpalte: 55fr; } &.Spalte3Breite60 { --DritteSpalte: 60fr; } &.Spalte3Breite65 { --DritteSpalte: 65fr; } &.Spalte3Breite70 { --DritteSpalte: 70fr; } &.Spalte3Breite75 { --DritteSpalte: 75fr; } &.Spalte3Breite80 { --DritteSpalte: 80fr; } &.Spalte3Breite85 { --DritteSpalte: 85fr; } &.Spalte3Breite90 { --DritteSpalte: 90fr; } &.Spalte3Breite95 { --DritteSpalte: 95fr; } &.Spalte4Breite10 { --VierteSpalte: 10fr; } &.Spalte4Breite15 { --VierteSpalte: 15fr; } &.Spalte4Breite20 { --VierteSpalte: 20fr; } &.Spalte4Breite25 { --VierteSpalte: 25fr; } &.Spalte4Breite30 { --VierteSpalte: 30fr; } &.Spalte4Breite35 { --VierteSpalte: 35fr; } &.Spalte4Breite40 { --VierteSpalte: 40fr; } &.Spalte4Breite45 { --VierteSpalte: 45fr; } &.Spalte4Breite50 { --VierteSpalte: 50fr; } &.Spalte4Breite55 { --VierteSpalte: 55fr; } &.Spalte4Breite60 { --VierteSpalte: 60fr; } &.Spalte4Breite65 { --VierteSpalte: 65fr; } &.Spalte4Breite70 { --VierteSpalte: 70fr; } &.Spalte4Breite75 { --VierteSpalte: 75fr; } &.Spalte4Breite80 { --VierteSpalte: 80fr; } &.Spalte4Breite85 { --VierteSpalte: 85fr; } &.Spalte4Breite90 { --VierteSpalte: 90fr; } &.Spalte4Breite95 { --VierteSpalte: 95fr; } &.Spalte5Breite10 { --FünfteSpalte: 10fr; } &.Spalte5Breite15 { --FünfteSpalte: 15fr; } &.Spalte5Breite20 { --FünfteSpalte: 20fr; } &.Spalte5Breite25 { --FünfteSpalte: 25fr; } &.Spalte5Breite30 { --FünfteSpalte: 30fr; } &.Spalte5Breite35 { --FünfteSpalte: 35fr; } &.Spalte5Breite40 { --FünfteSpalte: 40fr; } &.Spalte5Breite45 { --FünfteSpalte: 45fr; } &.Spalte5Breite50 { --FünfteSpalte: 50fr; } &.Spalte5Breite55 { --FünfteSpalte: 55fr; } &.Spalte5Breite60 { --FünfteSpalte: 60fr; } &.Spalte5Breite65 { --FünfteSpalte: 65fr; } &.Spalte5Breite70 { --FünfteSpalte: 70fr; } &.Spalte5Breite75 { --FünfteSpalte: 75fr; } &.Spalte5Breite80 { --FünfteSpalte: 80fr; } &.Spalte5Breite85 { --FünfteSpalte: 85fr; } &.Spalte5Breite90 { --FünfteSpalte: 90fr; } &.Spalte5Breite95 { --FünfteSpalte: 95fr; } &.Spalte6Breite10 { --SechsteSpalte: 10fr; } &.Spalte6Breite15 { --SechsteSpalte: 15fr; } &.Spalte6Breite20 { --SechsteSpalte: 20fr; } &.Spalte6Breite25 { --SechsteSpalte: 25fr; } &.Spalte6Breite30 { --SechsteSpalte: 30fr; } &.Spalte6Breite35 { --SechsteSpalte: 35fr; } &.Spalte6Breite40 { --SechsteSpalte: 40fr; } &.Spalte6Breite45 { --SechsteSpalte: 45fr; } &.Spalte6Breite50 { --SechsteSpalte: 50fr; } &.Spalte6Breite55 { --SechsteSpalte: 55fr; } &.Spalte6Breite60 { --SechsteSpalte: 60fr; } &.Spalte6Breite65 { --SechsteSpalte: 65fr; } &.Spalte6Breite70 { --SechsteSpalte: 70fr; } &.Spalte6Breite75 { --SechsteSpalte: 75fr; } &.Spalte6Breite80 { --SechsteSpalte: 80fr; } &.Spalte6Breite85 { --SechsteSpalte: 85fr; } &.Spalte6Breite90 { --SechsteSpalte: 90fr; } &.Spalte6Breite95 { --SechsteSpalte: 95fr; } &.Spalten2 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ); } &.Spalten3 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ); } &.Spalten4 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--VierteSpalte, 1fr) ); } &.Spalten5 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--VierteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--FünfteSpalte, 1fr) ); } &.Spalten6 { grid-template-columns: minmax(100px, var(--ErsteSpalte, 1fr) ) minmax(100px, var(--ZweiteSpalte, 1fr) ) minmax(100px, var(--DritteSpalte, 1fr) ) minmax(100px, var(--VierteSpalte, 1fr) ) minmax(100px, var(--FünfteSpalte, 1fr) ) minmax(100px, var(--SechsteSpalte, 1fr) ); } &.Spalten2 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 3; @media(max-width:960px){ grid-column: 1; } } &.Spalten3 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 4; @media(max-width:960px){ grid-column: 1; } } &.Spalten4 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 5; @media(max-width:960px){ grid-column: 1; } } &.Spalten5 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 6; @media(max-width:960px){ grid-column: 1; } } &.Spalten6 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 7; @media(max-width:960px){ grid-column: 1; } } &.Spalten2, &.Spalten3, &.Spalten4, &.Spalten5, &.Spalten6 { @media(max-width:960px){ display: block; & > * { padding-bottom: 20px; } & > div[class^='SpaltenElementBreite'], & > div[class*=' SpaltenElementBreite'] { grid-column: 1; } } } &.Spaltenabstand0 { column-gap: 0; } &.SpaltenabstandXXXS { column-gap: var(--XXXS, 10px); } &.SpaltenabstandXXS { column-gap: var(--XXS, 20px); } &.SpaltenabstandXS { column-gap: var(--XS, 25px); } &.SpaltenabstandS { column-gap: var(--S, 40px); } &.SpaltenabstandM { column-gap: var(--M, 60px); } &.SpaltenabstandL { column-gap: var(--L, 100px); } &.SpaltenabstandXL { column-gap: var(--XL, 200px); } &.SpaltenabstandXXL { column-gap: var(--XXL, 300px); } &.SpaltenabstandXXXL { column-gap: var(--XXXL, 400px); } &.Zeilenabstand0 { row-gap: 0; } &.ZeilenabstandXXXS { row-gap: var(--XXXS, 10px); } &.ZeilenabstandXXS { row-gap: var(--XXS, 20px); } &.ZeilenabstandXS { row-gap: var(--XS, 25px); } &.ZeilenabstandS { row-gap: var(--S, 40px); } &.ZeilenabstandM { row-gap: var(--M, 60px); } &.ZeilenabstandL { row-gap: var(--L, 100px); } &.ZeilenabstandXL { row-gap: var(--XL, 200px); } &.ZeilenabstandXXL { row-gap: var(--XXL, 300px); } &.ZeilenabstandXXXL { row-gap: var(--XXXL, 400px); } & > .Spaltenbreite1-2 { grid-column: 1 / 3; @media(max-width:960px){ grid-column: unset; } } & > .Spaltenbreite1-3 { grid-column: 1 / 4; @media(max-width:960px){ grid-column: unset; } } & > .Spaltenbreite1-4 { grid-column: 1 / 5; @media(max-width:960px){ grid-column: unset; } } & > .Spaltenbreite2-2 { grid-column: 2; @media(max-width:960px){ grid-column: unset; } } & > .Spaltenbreite2-3 { grid-column: 2 / 4; @media(max-width:960px){ grid-column: unset; } } & > .Spaltenbreite2-4 { grid-column: 2 / 5; @media(max-width:960px){ grid-column: unset; } } & > .Spaltenbreite3-3 { grid-column: 3; @media(max-width:960px){ grid-column: unset; } } & > .Spaltenbreite3-4 { grid-column: 3 / 5; @media(max-width:960px){ grid-column: unset; } } & > .Spaltenhöhe1-2 { grid-row: 1 / 3; @media(max-width:960px){ grid-row: unset; } } & > .Spaltenhöhe1-3 { grid-row: 1 / 4; @media(max-width:960px){ grid-row: unset; } } & > .Spaltenhöhe2-3 { grid-row: 2 / 4; @media(max-width:960px){ grid-row: unset; } } & > .mittig { align-content: center; } & > .unten { align-content: end; } &.InhaltVertikalZentrieren { align-items: center; } &.InhaltHorizontalZentrieren { justify-content: center; } &.ElementeAußen { justify-content: space-between; &.Spalten2 > :nth-child(2n) { text-align: right; } } @media(max-width:960px){ & > .mobilePosition1 { grid-row: 1; } & > .mobilePosition2 { grid-row: 2; } & > .mobilePosition3 { grid-row: 3; } & > .mobilePosition4 { grid-row: 4; } & > .mobilePosition5 { grid-row: 5; } & > .mobilePosition6 { grid-row: 6; } & > .mobilePosition7 { grid-row: 7; } & > .mobilePosition8 { grid-row: 8; } } .content-image figure { height: 100%; @media(max-width:960px){ width: 100%; } img { object-fit: cover; @media(max-width:960px){ width: 100%; } } } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @charset "UTF-8";@layer layers{@font-face{font-family:Impact;src:url(/files/philmo/layout/fonts/Impact.woff2) format("woff2"),url(/files/philmo/layout/fonts/Impact.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:url(/files/philmo/layout/fonts/open-sans-v17-latin-300.eot);src:local("Open Sans Light"),local("OpenSans-Light"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300.eot?#iefix) format("embedded-opentype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300.woff2) format("woff2"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300.woff) format("woff"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300.ttf) format("truetype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300.svg#OpenSans) format("svg")}@font-face{font-family:Open Sans;font-style:italic;font-weight:300;src:url(/files/philmo/layout/fonts/open-sans-v17-latin-300italic.eot);src:local("Open Sans Light Italic"),local("OpenSans-LightItalic"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300italic.woff2) format("woff2"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300italic.woff) format("woff"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300italic.ttf) format("truetype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-300italic.svg#OpenSans) format("svg")}@font-face{font-family:Open Sans;font-style:italic;font-weight:400;src:url(/files/philmo/layout/fonts/open-sans-v17-latin-italic.eot);src:local("Open Sans Italic"),local("OpenSans-Italic"),url(/files/philmo/layout/fonts/open-sans-v17-latin-italic.eot?#iefix) format("embedded-opentype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-italic.woff2) format("woff2"),url(/files/philmo/layout/fonts/open-sans-v17-latin-italic.woff) format("woff"),url(/files/philmo/layout/fonts/open-sans-v17-latin-italic.ttf) format("truetype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-italic.svg#OpenSans) format("svg")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url(/files/philmo/layout/fonts/open-sans-v17-latin-regular.eot);src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/files/philmo/layout/fonts/open-sans-v17-latin-regular.eot?#iefix) format("embedded-opentype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-regular.woff2) format("woff2"),url(/files/philmo/layout/fonts/open-sans-v17-latin-regular.woff) format("woff"),url(/files/philmo/layout/fonts/open-sans-v17-latin-regular.ttf) format("truetype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-regular.svg#OpenSans) format("svg")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;src:url(/files/philmo/layout/fonts/open-sans-v17-latin-600.eot);src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600.eot?#iefix) format("embedded-opentype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600.woff2) format("woff2"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600.woff) format("woff"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600.ttf) format("truetype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600.svg#OpenSans) format("svg")}@font-face{font-family:Open Sans;font-style:italic;font-weight:600;src:url(/files/philmo/layout/fonts/open-sans-v17-latin-600italic.eot);src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600italic.woff2) format("woff2"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600italic.woff) format("woff"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600italic.ttf) format("truetype"),url(/files/philmo/layout/fonts/open-sans-v17-latin-600italic.svg#OpenSans) format("svg")}@layer vars{body{--color1:#c11f39;--color1-bg:#c11f39;--color-black:#000;--color-black-inverted:#000;--color-black-all:#000;--color-white:#fff;--color-white-inverted:#fff;--color-white-all:#fff;--color-white-layer1:#fff;--color-white-layer2:#fff;--color-white-layer3:#fff;--color-white-dark:#fff;--color-black-dark:#000;--color-grey-10:#1a1a1a;--color-grey-10-bg:#1a1a1a;--color-grey-20:#404040;--color-grey-20-bg:#404040;--color-grey-30:#4d4d4d;--color-grey-30-bg:#4d4d4d;--color-grey-40:#666;--color-grey-40-bg:#666;--color-grey-50:gray;--color-grey-50-bg:gray;--color-grey-60:#999;--color-grey-60-bg:#999;--color-grey-70:#b3b3b3;--color-grey-70-bg:#b3b3b3;--color-grey-75:#bfbfbf;--color-grey-75-bg:#bfbfbf;--color-grey-80:#ccc;--color-grey-80-bg:#ccc;--color-grey-90:#e6e6e6;--color-grey-90-bg:#e6e6e6;--color-grey-95:#f2f2f2;--color-grey-95-bg:#f2f2f2;--color-border:transparent;--color-background:hsla(0,0%,100%,0)}body #mobile-menu{--color-mobile-nav-background:#fff;--color-mobile-nav-main:#94166e;--color-mobile-nav-main-bg:#94166e;--color-mobile-nav-secondary:#ffe0e0;--color-mobile-nav-secondary-bg:#ffe0e0}body.dark{--color1:#c11f39;--color1-bg:#c11f39;--color-black:#fff;--color-black-inverted:#000;--color-black-all:#000;--color-white:var(--color-black-inverted);--color-white-inverted:#fff;--color-white-all:#fff;--color-white-layer1:#4d4d4d;--color-white-layer2:#333;--color-white-layer3:#fff;--color-white-dark:#fff;--color-black-dark:#000;--color-grey-10:#e6e6e6;--color-grey-10-bg:#e6e6e6;--color-grey-20:#ccc;--color-grey-20-bg:#ccc;--color-grey-30:#b3b3b3;--color-grey-30-bg:#b3b3b3;--color-grey-40:#999;--color-grey-40-bg:#999;--color-grey-50:gray;--color-grey-50-bg:gray;--color-grey-60:#666;--color-grey-60-bg:#666;--color-grey-70:#4d4d4d;--color-grey-70-bg:#4d4d4d;--color-grey-75:#333;--color-grey-75-bg:#333;--color-grey-80:#404040;--color-grey-80-bg:#404040;--color-grey-90:#1a1a1a;--color-grey-90-bg:#1a1a1a;--color-grey-95:#0d0d0d;--color-grey-95-bg:#0d0d0d;--color-border:transparent;--color-background:hsla(0,0%,100%,0)}body.dark #mobile-menu{--color-mobile-nav-background:#333;--color-mobile-nav-main:#94166e;--color-mobile-nav-main-bg:#94166e;--color-mobile-nav-secondary:#490538;--color-mobile-nav-secondary-bg:#490538}body.white{--color1:#000;--color1-bg:#fff;--color-black:#000;--color-black-inverted:#fff;--color-black-all:#000;--color-white:#fff;--color-white-inverted:#000;--color-white-all:#fff;--color-white-layer1:#fff;--color-white-layer2:#fff;--color-white-layer3:#fff;--color-white-dark:#fff;--color-black-dark:#000;--color-grey-10:#000;--color-grey-10-bg:#fff;--color-grey-20:#000;--color-grey-20-bg:#fff;--color-grey-30:#000;--color-grey-30-bg:#fff;--color-grey-40:#000;--color-grey-40-bg:#fff;--color-grey-50:#000;--color-grey-50-bg:#fff;--color-grey-60:#000;--color-grey-60-bg:#fff;--color-grey-70:#000;--color-grey-70-bg:#fff;--color-grey-75:#000;--color-grey-75-bg:#fff;--color-grey-80:#000;--color-grey-80-bg:#fff;--color-grey-90:#000;--color-grey-90-bg:#fff;--color-grey-95:#000;--color-grey-95-bg:#fff;--color-border:#000;--color-background:#fff}body.white #mobile-menu{--color-mobile-nav-background:#fff;--color-mobile-nav-main:#000;--color-mobile-nav-main-bg:#fff;--color-mobile-nav-secondary:#000;--color-mobile-nav-secondary-bg:#fff}body.black{--color1:#fff;--color1-bg:#000;--color-black:#fff;--color-black-inverted:#000;--color-black-all:#000;--color-white:#000;--color-white-inverted:#fff;--color-white-all:#fff;--color-white-layer1:#000;--color-white-layer2:#000;--color-white-layer3:#000;--color-white-dark:#000;--color-black-dark:#fff;--color-grey-10:#fff;--color-grey-10-bg:#000;--color-grey-20:#fff;--color-grey-20-bg:#000;--color-grey-30:#fff;--color-grey-30-bg:#000;--color-grey-40:#fff;--color-grey-40-bg:#000;--color-grey-50:#fff;--color-grey-50-bg:#000;--color-grey-60:#fff;--color-grey-60-bg:#000;--color-grey-70:#fff;--color-grey-70-bg:#000;--color-grey-75:#fff;--color-grey-75-bg:#000;--color-grey-80:#fff;--color-grey-80-bg:#000;--color-grey-90:#fff;--color-grey-90-bg:#000;--color-grey-95:#fff;--color-grey-95-bg:#000;--color-border:#fff;--color-background:#000}body.black #mobile-menu{--color-mobile-nav-background:#000;--color-mobile-nav-main:#fff;--color-mobile-nav-main-bg:#000;--color-mobile-nav-secondary:#fff;--color-mobile-nav-secondary-bg:#000}body{timeline-scope:--scroll;animation:--scroll forwards;animation-timeline:--scroll;container-name:--scroll;--page-width:75rem;--page-padding-left-outer-desktop:20rem;--page-padding-right-outer-desktop:20rem;--page-padding-left-inner:20rem;--page-padding-right-inner:20rem;--page-padding-left-outer:2rem;--page-padding-right-outer:2rem}@media (max-width:90rem){body{--page-padding-left-inner:15rem;--page-padding-right-inner:15rem;--page-padding-left-outer:2rem;--page-padding-right-outer:2rem}}@media (max-width:64rem){body{--page-padding-left-inner:6rem;--page-padding-right-inner:6rem;--page-padding-left-outer:1rem;--page-padding-right-outer:1rem}}@media (max-width:48rem){body{--page-padding-left-inner:1.5rem;--page-padding-right-inner:1.5rem;--page-padding-left-outer:2rem;--page-padding-right-outer:2rem}}@media (max-width:30rem){body{--page-padding-left-inner:0;--page-padding-right-inner:0;--page-padding-left-outer:2rem;--page-padding-right-outer:2rem}}body{--sum-outside-width-left-inner:calc((100vw - (var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner) + var(--page-padding-left-outer) + var(--page-padding-right-outer))) / 2 + var(--page-padding-left-inner) + var(--page-padding-left-outer));--sum-outside-width-right-inner:calc((100vw - (var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner) + var(--page-padding-left-outer) + var(--page-padding-right-outer))) / 2 + var(--page-padding-right-inner) + var(--page-padding-right-outer));--sum-outside-width-left-outer:calc((100vw - (var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner) + var(--page-padding-left-outer) + var(--page-padding-right-outer))) / 2 + var(--page-padding-left-outer));--sum-outside-width-right-outer:calc((100vw - (var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner) + var(--page-padding-left-outer) + var(--page-padding-right-outer))) / 2 + var(--page-padding-right-outer));--grid-columns:12;--grid-rows:auto;--grid-column-gap:2rem}@media (max-width:64rem){body{--grid-column-gap:2rem}}@media (max-width:48rem){body{--grid-column-gap:1rem}}@media (max-width:30rem){body{--grid-column-gap:1rem}}body{--grid-row-gap:3rem}@media (max-width:64rem){body{--grid-row-gap:3rem}}@media (max-width:48rem){body{--grid-row-gap:1.5rem}}@media (max-width:30rem){body{--grid-row-gap:1.5rem}}body{--fontsize-max:18;--fontsize-min:16;--fontsize:clamp(var(--fontsize-min)/16 * 1rem,var(--fontsize-min) * 1px + (var(--fontsize-max) - var(--fontsize-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-max)/16 * 1rem);--fontsize-bigger-max:20;--fontsize-bigger-min:18;--fontsize-bigger:clamp(var(--fontsize-bigger-min)/16 * 1rem,var(--fontsize-bigger-min) * 1px + (var(--fontsize-bigger-max) - var(--fontsize-bigger-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-bigger-max)/16 * 1rem);--fontsize-smaller-max:16;--fontsize-smaller-min:14;--fontsize-smaller:clamp(var(--fontsize-smaller-min)/16 * 1rem,var(--fontsize-smaller-min) * 1px + (var(--fontsize-smaller-max) - var(--fontsize-smaller-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-smaller-max)/16 * 1rem);--fontsize-h1-max:46;--fontsize-h1-min:38;--fontsize-h1:clamp(var(--fontsize-h1-min)/16 * 1rem,var(--fontsize-h1-min) * 1px + (var(--fontsize-h1-max) - var(--fontsize-h1-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-h1-max)/16 * 1rem);--fontsize-h2-max:36;--fontsize-h2-min:28;--fontsize-h2:clamp(var(--fontsize-h2-min)/16 * 1rem,var(--fontsize-h2-min) * 1px + (var(--fontsize-h2-max) - var(--fontsize-h2-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-h2-max)/16 * 1rem);--fontsize-h3-max:26;--fontsize-h3-min:26;--fontsize-h3:clamp(var(--fontsize-h3-min)/16 * 1rem,var(--fontsize-h3-min) * 1px + (var(--fontsize-h3-max) - var(--fontsize-h3-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-h3-max)/16 * 1rem);--fontsize-h4-max:20;--fontsize-h4-min:18;--fontsize-h4:clamp(var(--fontsize-h4-min)/16 * 1rem,var(--fontsize-h4-min) * 1px + (var(--fontsize-h4-max) - var(--fontsize-h4-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-h4-max)/16 * 1rem);--fontsize-h5-max:18;--fontsize-h5-min:16;--fontsize-h5:clamp(var(--fontsize-h5-min)/16 * 1rem,var(--fontsize-h5-min) * 1px + (var(--fontsize-h5-max) - var(--fontsize-h5-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-h5-max)/16 * 1rem);--fontsize-h6-max:16;--fontsize-h6-min:16;--fontsize-h6:clamp(var(--fontsize-h6-min)/16 * 1rem,var(--fontsize-h6-min) * 1px + (var(--fontsize-h6-max) - var(--fontsize-h6-min)) * (100vw - 480 * 1px)/(1200 - 480),var(--fontsize-h6-max)/16 * 1rem);--font-color:var(--color-grey-10);--h1-color:var(--color1);--h2-color:var(--color1);--h3-color:var(--color1);--h4-color:var(--color1);--h5-color:var(--color1);--h6-color:var(--color1);--link-color:var(--color1);--link-color-hover:var(--color2)}}@layer reset{blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,p,pre,table,td,textarea,th,ul{margin:0;padding:0}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}sub,sup{font-size:.6em}del{text-decoration:line-through}ins{text-decoration:none}article,aside,figcaption,figure,footer,header,nav,section{display:block}body{font:100% Verdana,sans-serif;color:#000}button,input,select,textarea{font-family:inherit;font-size:99%;font-weight:inherit}ul{list-style-type:none}*{box-sizing:border-box;outline:none}#left,#main,#right{margin-left:0;margin-right:0;float:none;position:static}}@layer defaults{body{line-height:150%;font-family:Open Sans,Helvetica,sans-serif;font-weight:400;color:var(--font-color);letter-spacing:.025em;background-color:var(--color-white);font-size:var(--fontsize)}.bigger-text{font-size:var(--fontsize-bigger);line-height:150%}.smaller-text{font-size:var(--fontsize-smaller);line-height:150%}a{transition-property:color,text-decoration-color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);cursor:pointer;text-decoration:none;color:var(--link-color)}a.active,a:focus-visible,a:hover{color:var(--link-color-hover)}svg{fill:var(--font-color)}p{line-height:150%;margin-bottom:.75em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5em}.h1,h1{font-size:var(--fontsize-h1);color:var(--h1-color)}.h1,.h2,h1,h2{font-weight:400;line-height:120%;font-family:Impact,Arial Black,sans-serif;letter-spacing:.1em}.h2,h2{font-size:var(--fontsize-h2);color:var(--h2-color)}.h3,h3{font-size:var(--fontsize-h3);color:var(--h3-color)}.h3,.h4,h3,h4{font-weight:400;line-height:120%;font-family:Impact,Arial Black,sans-serif;letter-spacing:.1em}.h4,h4{font-size:var(--fontsize-h4);color:var(--h4-color)}.h5,h5{font-size:var(--fontsize-h5);color:var(--h5-color)}.h5,.h6,h5,h6{font-weight:400;line-height:120%;font-family:Impact,Arial Black,sans-serif;letter-spacing:.1em}.h6,h6{font-size:var(--fontsize-h6);color:var(--h6-color)}hr{width:100%;height:1px;border-width:0;border-bottom:1px solid var(--color-black)}ol,ul{line-height:150%}ol{padding-left:1.5rem}ol li{padding-top:.563rem}strong{font-weight:800!important}mark{font-weight:600;background-color:transparent;padding:0 2px}.block{overflow:visible}picture{display:flex;flex-direction:column;align-items:flex-start}[class*=ce_],[class*=content-],[class*=mod_]{clear:both}.iframe-wrapper{position:relative;padding-bottom:56.25%;overflow:clip;width:100%;height:auto}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.iframe-wrapper.ratio-4x3{padding-bottom:75%}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.text-icon{display:inline-flex;align-items:baseline;gap:.5rem;position:relative;color:var(--font-color)}.text-icon:after,.text-icon:before{all:unset;content:"";display:block}.text-icon:before{transition-property:background-color,border-color;transition-timing-function:cubic-bezier(.67,.01,0,1);border:1px solid var(--color1);background-color:var(--color1-bg);border-radius:10rem;box-sizing:border-box;position:relative;top:.2em;width:1.25em;height:1.25em;margin-left:calc((.5rem + 1.25em) * -1)}.text-icon:after,.text-icon:before{transition-duration:.6s;aspect-ratio:1}.text-icon:after{transition-property:background-color;transition-timing-function:cubic-bezier(.67,.01,0,1);position:absolute;background-color:var(--color-white-inverted);-o-object-fit:contain;object-fit:contain;width:0.75em;left:calc((.5rem + 1.25em) * -1 + .25em);top:0.45em}.text-icon:is(a):focus,.text-icon:is(a):hover{color:var(--font-color)}.text-icon:is(a):focus:before,.text-icon:is(a):hover:before{background-color:var(--color-white);border-color:var(--color1)}.text-icon:is(a):focus:after,.text-icon:is(a):hover:after{background:var(--color1)}.extend-from-inner-to-outer{margin-right:calc(var(--page-padding-right-inner) * -1)}.extend-from-inner-to-outer,.extend-from-inner-to-outer-left{margin-left:calc(var(--page-padding-left-inner) * -1)}.extend-from-inner-to-outer-right{margin-right:calc(var(--page-padding-right-inner) * -1)}.extend-from-inner-to-content{margin-right:calc((var(--page-padding-right-outer) + var(--page-padding-right-inner)) * -1)}.extend-from-inner-to-content,.extend-from-inner-to-content-left{margin-left:calc((var(--page-padding-left-outer) + var(--page-padding-left-inner)) * -1)}.extend-from-inner-to-content-right{margin-right:calc((var(--page-padding-right-outer) + var(--page-padding-right-inner)) * -1)}.extend-from-inner-to-page{margin-left:calc(-1 * (var(--sum-outside-width-left-inner)))}@media (max-width:119rem){.extend-from-inner-to-page{margin-left:calc((var(--page-padding-left-outer) + var(--page-padding-left-inner)) * -1)}}.extend-from-inner-to-page{margin-right:calc(-1 * (var(--sum-outside-width-right-inner)))}@media (max-width:119rem){.extend-from-inner-to-page{margin-right:calc((var(--page-padding-right-outer) + var(--page-padding-right-inner)) * -1)}}.extend-from-inner-to-page-left{margin-left:calc(-1 * (var(--sum-outside-width-left-inner)))}@media (max-width:119rem){.extend-from-inner-to-page-left{margin-left:calc((var(--page-padding-left-outer) + var(--page-padding-left-inner)) * -1)}}.extend-from-inner-to-page-right{margin-right:calc(-1 * (var(--sum-outside-width-right-inner)))}@media (max-width:119rem){.extend-from-inner-to-page-right{margin-right:calc((var(--page-padding-right-outer) + var(--page-padding-right-inner)) * -1)}}.extend-from-outer-to-content{margin-right:calc(var(--page-padding-right-outer) * -1)}.extend-from-outer-to-content,.extend-from-outer-to-content-left{margin-left:calc(var(--page-padding-left-outer) * -1)}.extend-from-outer-to-content-right{margin-right:calc(var(--page-padding-right-outer) * -1)}.extend-from-outer-to-page{margin-left:calc(-1 * (var(--sum-outside-width-left-outer)))}@media (max-width:119rem){.extend-from-outer-to-page{margin-left:calc(-1 * (var(--page-padding-left-outer)))}}.extend-from-outer-to-page{margin-right:calc(-1 * (var(--sum-outside-width-right-outer)))}@media (max-width:119rem){.extend-from-outer-to-page{margin-right:calc(-1 * (var(--page-padding-right-outer)))}}.extend-from-outer-to-page-left{margin-left:calc(-1 * (var(--sum-outside-width-left-outer)))}@media (max-width:119rem){.extend-from-outer-to-page-left{margin-left:calc(-1 * (var(--page-padding-left-outer)))}}.extend-from-outer-to-page-right{margin-right:calc(-1 * (var(--sum-outside-width-right-outer)))}@media (max-width:119rem){.extend-from-outer-to-page-right{margin-right:calc(-1 * (var(--page-padding-right-outer)))}}:focus-visible{outline:2px var(--color1) solid}.white-default{background-color:var(--color-white)}.white-1{background-color:var(--color-white-layer1)}.white-2{background-color:var(--color-white-layer2)}.white-3{background-color:var(--color-white-layer3)}.grid-container{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-template-rows:var(--grid-rows);grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.grid-container>*{grid-column:1/-1}.desktop,.laptop,.mobile,.tablet{display:none}@media (min-width:64.0625rem){.desktop{display:initial}}@media (max-width:64rem) and (min-width:48.0625rem){.laptop{display:initial}}@media (max-width:48rem) and (min-width:30.0625rem){.tablet{display:initial}}@media (max-width:30rem){.mobile{display:initial}}}@layer elements{#colorbox,#colorbox #cboxWrapper{overflow:visible!important}#colorbox #cboxContent{position:relative!important}#colorbox #cboxNext,#colorbox #cboxPrevious{margin:0!important;top:0!important;width:calc(50% + 4vw)!important;height:100%!important;background:none!important;transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);opacity:.5!important}#colorbox #cboxNext:hover,#colorbox #cboxPrevious:hover{opacity:1!important}#colorbox #cboxNext svg,#colorbox #cboxPrevious svg{width:40px;position:absolute;top:calc(50% - 35px);transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}#colorbox #cboxPrevious{left:-4vw!important}#colorbox #cboxPrevious:active svg{transform:translateX(-1rem)}#colorbox #cboxPrevious svg{left:0}#colorbox #cboxNext{right:-4vw!important}#colorbox #cboxNext:active svg{transform:translateX(1rem)}#colorbox #cboxNext svg{right:0}#colorbox #cboxClose{transition:transform .6s cubic-bezier(.55,1.65,.7,.985)}#colorbox #cboxClose:active{transform:scale(.95)}#colorbox #cboxClose{transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);top:12px!important;right:12px!important;opacity:.5!important;background:none!important}#colorbox #cboxClose:focus-visible,#colorbox #cboxClose:hover{opacity:1!important}#colorbox #cboxClose svg{position:absolute;top:0;left:0}#colorbox #cboxCurrent{display:none!important}#colorbox #cboxTitle{top:-25px!important}.mobile-opener{cursor:pointer;display:flex}.mobile-opener .hamburger-icon-container{display:block}.mobile-opener .hamburger-icon-container:focus-visible .hamburger-icon .line-3,.mobile-opener .hamburger-icon-container:hover .hamburger-icon .line-3{transform:scaleX(1)}.mobile-opener .hamburger-icon-container-inner{width:-moz-fit-content;width:fit-content}.mobile-opener .hamburger-icon{height:1.5em;width:38px;position:relative;display:flex;flex-direction:column;justify-content:center;border-bottom:none}.mobile-opener .hamburger-icon .line{display:block;background:var(--color1);height:4px;width:100%;position:absolute;left:0;transform-origin:left;transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.mobile-opener .hamburger-icon .line:is(.line-3){transform:scaleX(.6666666667)}.mobile-opener .hamburger-icon .line.line-1{top:0}.mobile-opener .hamburger-icon .line.line-3{bottom:0}.mobile-opener .hamburger-icon-container .title{transition-property:color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);color:var(--color2)}.mobile-opener .hamburger-icon-container:focus-visible .title,.mobile-opener .hamburger-icon-container:hover .title{color:var(--color1)}.mobile-opener .hamburger-icon-container .title{transform:none!important}.ce_rsce_border{height:2px;width:100%;background-color:var(--color1)}.ce_rsce_philmo-trenner{margin-left:calc(-1 * (var(--sum-outside-width-left-inner)))}@media (max-width:119rem){.ce_rsce_philmo-trenner{margin-left:calc((var(--page-padding-left-outer) + var(--page-padding-left-inner)) * -1)}}.ce_rsce_philmo-trenner{margin-right:calc(-1 * (var(--sum-outside-width-right-inner)))}@media (max-width:119rem){.ce_rsce_philmo-trenner{margin-right:calc((var(--page-padding-right-outer) + var(--page-padding-right-inner)) * -1)}}.philmo-trenner-container{max-width:1920px;margin:0 auto;position:relative;display:flex;align-items:center}.philmo-trenner-container>svg{fill:none;stroke:var(--color1);stroke-width:4px;stroke-linecap:round;width:100%}@media (max-width:48rem){.philmo-trenner-container>svg{stroke-width:8px}}.philmo-trenner-container .philmo-container{width:100%;height:100%;position:absolute}.philmo-trenner-container .philmo-container svg{height:100%;width:auto;transition-property:margin-left;transition-duration:2s;transition-timing-function:ease-out}.philmo-trenner-container .philmo-container.anim-start svg{margin-left:calc(100% + max(((100vw - (var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner) + var(--page-padding-left-outer) + var(--page-padding-right-outer))) / 2 + var(--page-padding-right-outer)), 0px))}@layer columnset{@layer base{.content-zna-grid-start.justify-items-start{justify-items:start}.content-zna-grid-start.justify-items-center{justify-items:center}.content-zna-grid-start.justify-items-end{justify-items:end}.content-zna-grid-start.content-start{align-content:start}.content-zna-grid-start.content-center{align-content:center}.content-zna-grid-start.content-end{align-content:end}.content-zna-grid-start.items-start{align-items:start}.content-zna-grid-start.items-center{align-items:center}.content-zna-grid-start.items-end{align-items:end}.content-zna-grid-start{display:grid;-moz-column-gap:var(--grid-column-gap);column-gap:var(--grid-column-gap);row-gap:var(--grid-row-gap)}.content-zna-grid-start .content-zna-column-start{display:flex;flex-direction:column;row-gap:var(--grid-row-gap)}.content-zna-grid-start .content-zna-column-start>*{grid-column:1/-1}}@layer columns{@layer desktop{@media (min-width:64.0625rem){.content-zna-grid-start.grid_desktop_100{grid-template-columns:1fr}.content-zna-grid-start.grid_desktop_50_50{grid-template-columns:repeat(2,1fr)}.content-zna-grid-start.grid_desktop_auto_left{grid-template-columns:max-content 1fr}.content-zna-grid-start.grid_desktop_auto_right{grid-template-columns:1fr max-content}.content-zna-grid-start.grid_desktop_80_20{grid-template-columns:8fr 2fr}.content-zna-grid-start.grid_desktop_20_80{grid-template-columns:2fr 8fr}.content-zna-grid-start.grid_desktop_75_25{grid-template-columns:3fr 1fr}.content-zna-grid-start.grid_desktop_25_75{grid-template-columns:1fr 3fr}.content-zna-grid-start.grid_desktop_70_30{grid-template-columns:7fr 3fr}.content-zna-grid-start.grid_desktop_30_70{grid-template-columns:3fr 7fr}.content-zna-grid-start.grid_desktop_66_33{grid-template-columns:2fr 1fr}.content-zna-grid-start.grid_desktop_33_66{grid-template-columns:1fr 2fr}.content-zna-grid-start.grid_desktop_60_40{grid-template-columns:6fr 4fr}.content-zna-grid-start.grid_desktop_40_60{grid-template-columns:4fr 6fr}.content-zna-grid-start.grid_desktop_33_33_33{grid-template-columns:1fr 1fr 1fr}.content-zna-grid-start.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.content-zna-grid-start.grid_desktop_25_50_25{grid-template-columns:1fr 2fr 1fr}.content-zna-grid-start.grid_desktop_25_25_50{grid-template-columns:1fr 1fr 2fr}.content-zna-grid-start.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.content-zna-grid-start.grid_desktop_30_40_30{grid-template-columns:3fr 4fr 3fr}.content-zna-grid-start.grid_desktop_30_30_40{grid-template-columns:3fr 3fr 4fr}.content-zna-grid-start.grid_desktop_20_40_40{grid-template-columns:1fr 2fr 2fr}.content-zna-grid-start.grid_desktop_40_20_40{grid-template-columns:2fr 1fr 2fr}.content-zna-grid-start.grid_desktop_40_40_20{grid-template-columns:2fr 2fr 1fr}.content-zna-grid-start.grid_desktop_25_25_25_25{grid-template-columns:1fr 1fr 1fr 1fr}.content-zna-grid-start.grid_desktop_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.content-zna-grid-start.grid_desktop_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.content-zna-grid-start.grid_desktop_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.content-zna-grid-start.grid_desktop_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.content-zna-grid-start.grid_desktop_20_20_20_20_20{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}}@layer laptop-large{@media (max-width:90rem) and (min-width:64.0625rem){.content-zna-grid-start.grid_laptop_large_100{grid-template-columns:1fr}.content-zna-grid-start.grid_laptop_large_50_50{grid-template-columns:repeat(2,1fr)}.content-zna-grid-start.grid_laptop_large_auto_left{grid-template-columns:max-content 1fr}.content-zna-grid-start.grid_laptop_large_auto_right{grid-template-columns:1fr max-content}.content-zna-grid-start.grid_laptop_large_80_20{grid-template-columns:8fr 2fr}.content-zna-grid-start.grid_laptop_large_20_80{grid-template-columns:2fr 8fr}.content-zna-grid-start.grid_laptop_large_75_25{grid-template-columns:3fr 1fr}.content-zna-grid-start.grid_laptop_large_25_75{grid-template-columns:1fr 3fr}.content-zna-grid-start.grid_laptop_large_70_30{grid-template-columns:7fr 3fr}.content-zna-grid-start.grid_laptop_large_30_70{grid-template-columns:3fr 7fr}.content-zna-grid-start.grid_laptop_large_66_33{grid-template-columns:2fr 1fr}.content-zna-grid-start.grid_laptop_large_33_66{grid-template-columns:1fr 2fr}.content-zna-grid-start.grid_laptop_large_60_40{grid-template-columns:6fr 4fr}.content-zna-grid-start.grid_laptop_large_40_60{grid-template-columns:4fr 6fr}.content-zna-grid-start.grid_laptop_large_33_33_33{grid-template-columns:1fr 1fr 1fr}.content-zna-grid-start.grid_laptop_large_50_25_25{grid-template-columns:2fr 1fr 1fr}.content-zna-grid-start.grid_laptop_large_25_50_25{grid-template-columns:1fr 2fr 1fr}.content-zna-grid-start.grid_laptop_large_25_25_50{grid-template-columns:1fr 1fr 2fr}.content-zna-grid-start.grid_laptop_large_40_30_30{grid-template-columns:4fr 3fr 3fr}.content-zna-grid-start.grid_laptop_large_30_40_30{grid-template-columns:3fr 4fr 3fr}.content-zna-grid-start.grid_laptop_large_30_30_40{grid-template-columns:3fr 3fr 4fr}.content-zna-grid-start.grid_laptop_large_20_40_40{grid-template-columns:1fr 2fr 2fr}.content-zna-grid-start.grid_laptop_large_40_20_40{grid-template-columns:2fr 1fr 2fr}.content-zna-grid-start.grid_laptop_large_40_40_20{grid-template-columns:2fr 2fr 1fr}.content-zna-grid-start.grid_laptop_large_25_25_25_25{grid-template-columns:1fr 1fr 1fr 1fr}.content-zna-grid-start.grid_laptop_large_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.content-zna-grid-start.grid_laptop_large_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.content-zna-grid-start.grid_laptop_large_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.content-zna-grid-start.grid_laptop_large_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.content-zna-grid-start.grid_laptop_large_20_20_20_20_20{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}}@layer laptop{@media (max-width:64rem) and (min-width:48.0625rem){.content-zna-grid-start.grid_laptop_100{grid-template-columns:1fr}.content-zna-grid-start.grid_laptop_50_50{grid-template-columns:repeat(2,1fr)}.content-zna-grid-start.grid_laptop_auto_left{grid-template-columns:max-content 1fr}.content-zna-grid-start.grid_laptop_auto_right{grid-template-columns:1fr max-content}.content-zna-grid-start.grid_laptop_80_20{grid-template-columns:8fr 2fr}.content-zna-grid-start.grid_laptop_20_80{grid-template-columns:2fr 8fr}.content-zna-grid-start.grid_laptop_75_25{grid-template-columns:3fr 1fr}.content-zna-grid-start.grid_laptop_25_75{grid-template-columns:1fr 3fr}.content-zna-grid-start.grid_laptop_70_30{grid-template-columns:7fr 3fr}.content-zna-grid-start.grid_laptop_30_70{grid-template-columns:3fr 7fr}.content-zna-grid-start.grid_laptop_66_33{grid-template-columns:2fr 1fr}.content-zna-grid-start.grid_laptop_33_66{grid-template-columns:1fr 2fr}.content-zna-grid-start.grid_laptop_60_40{grid-template-columns:6fr 4fr}.content-zna-grid-start.grid_laptop_40_60{grid-template-columns:4fr 6fr}.content-zna-grid-start.grid_laptop_33_33_33{grid-template-columns:1fr 1fr 1fr}.content-zna-grid-start.grid_laptop_50_25_25{grid-template-columns:2fr 1fr 1fr}.content-zna-grid-start.grid_laptop_25_50_25{grid-template-columns:1fr 2fr 1fr}.content-zna-grid-start.grid_laptop_25_25_50{grid-template-columns:1fr 1fr 2fr}.content-zna-grid-start.grid_laptop_40_30_30{grid-template-columns:4fr 3fr 3fr}.content-zna-grid-start.grid_laptop_30_40_30{grid-template-columns:3fr 4fr 3fr}.content-zna-grid-start.grid_laptop_30_30_40{grid-template-columns:3fr 3fr 4fr}.content-zna-grid-start.grid_laptop_20_40_40{grid-template-columns:1fr 2fr 2fr}.content-zna-grid-start.grid_laptop_40_20_40{grid-template-columns:2fr 1fr 2fr}.content-zna-grid-start.grid_laptop_40_40_20{grid-template-columns:2fr 2fr 1fr}.content-zna-grid-start.grid_laptop_25_25_25_25{grid-template-columns:1fr 1fr 1fr 1fr}.content-zna-grid-start.grid_laptop_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.content-zna-grid-start.grid_laptop_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.content-zna-grid-start.grid_laptop_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.content-zna-grid-start.grid_laptop_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.content-zna-grid-start.grid_laptop_20_20_20_20_20{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}}@layer tablet{@media (max-width:48rem) and (min-width:30.0625rem){.content-zna-grid-start.grid_tablet_100{grid-template-columns:1fr}.content-zna-grid-start.grid_tablet_50_50{grid-template-columns:repeat(2,1fr)}.content-zna-grid-start.grid_tablet_auto_left{grid-template-columns:max-content 1fr}.content-zna-grid-start.grid_tablet_auto_right{grid-template-columns:1fr max-content}.content-zna-grid-start.grid_tablet_80_20{grid-template-columns:8fr 2fr}.content-zna-grid-start.grid_tablet_20_80{grid-template-columns:2fr 8fr}.content-zna-grid-start.grid_tablet_75_25{grid-template-columns:3fr 1fr}.content-zna-grid-start.grid_tablet_25_75{grid-template-columns:1fr 3fr}.content-zna-grid-start.grid_tablet_70_30{grid-template-columns:7fr 3fr}.content-zna-grid-start.grid_tablet_30_70{grid-template-columns:3fr 7fr}.content-zna-grid-start.grid_tablet_66_33{grid-template-columns:2fr 1fr}.content-zna-grid-start.grid_tablet_33_66{grid-template-columns:1fr 2fr}.content-zna-grid-start.grid_tablet_60_40{grid-template-columns:6fr 4fr}.content-zna-grid-start.grid_tablet_40_60{grid-template-columns:4fr 6fr}.content-zna-grid-start.grid_tablet_33_33_33{grid-template-columns:1fr 1fr 1fr}.content-zna-grid-start.grid_tablet_50_25_25{grid-template-columns:2fr 1fr 1fr}.content-zna-grid-start.grid_tablet_25_50_25{grid-template-columns:1fr 2fr 1fr}.content-zna-grid-start.grid_tablet_25_25_50{grid-template-columns:1fr 1fr 2fr}.content-zna-grid-start.grid_tablet_40_30_30{grid-template-columns:4fr 3fr 3fr}.content-zna-grid-start.grid_tablet_30_40_30{grid-template-columns:3fr 4fr 3fr}.content-zna-grid-start.grid_tablet_30_30_40{grid-template-columns:3fr 3fr 4fr}.content-zna-grid-start.grid_tablet_20_40_40{grid-template-columns:1fr 2fr 2fr}.content-zna-grid-start.grid_tablet_40_20_40{grid-template-columns:2fr 1fr 2fr}.content-zna-grid-start.grid_tablet_40_40_20{grid-template-columns:2fr 2fr 1fr}.content-zna-grid-start.grid_tablet_25_25_25_25{grid-template-columns:1fr 1fr 1fr 1fr}.content-zna-grid-start.grid_tablet_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.content-zna-grid-start.grid_tablet_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.content-zna-grid-start.grid_tablet_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.content-zna-grid-start.grid_tablet_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.content-zna-grid-start.grid_tablet_20_20_20_20_20{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}}@layer mobile{@media (max-width:30rem){.content-zna-grid-start.grid_mobile_100{grid-template-columns:1fr}.content-zna-grid-start.grid_mobile_50_50{grid-template-columns:repeat(2,1fr)}.content-zna-grid-start.grid_mobile_auto_left{grid-template-columns:max-content 1fr}.content-zna-grid-start.grid_mobile_auto_right{grid-template-columns:1fr max-content}.content-zna-grid-start.grid_mobile_80_20{grid-template-columns:8fr 2fr}.content-zna-grid-start.grid_mobile_20_80{grid-template-columns:2fr 8fr}.content-zna-grid-start.grid_mobile_75_25{grid-template-columns:3fr 1fr}.content-zna-grid-start.grid_mobile_25_75{grid-template-columns:1fr 3fr}.content-zna-grid-start.grid_mobile_70_30{grid-template-columns:7fr 3fr}.content-zna-grid-start.grid_mobile_30_70{grid-template-columns:3fr 7fr}.content-zna-grid-start.grid_mobile_66_33{grid-template-columns:2fr 1fr}.content-zna-grid-start.grid_mobile_33_66{grid-template-columns:1fr 2fr}.content-zna-grid-start.grid_mobile_60_40{grid-template-columns:6fr 4fr}.content-zna-grid-start.grid_mobile_40_60{grid-template-columns:4fr 6fr}.content-zna-grid-start.grid_mobile_33_33_33{grid-template-columns:1fr 1fr 1fr}.content-zna-grid-start.grid_mobile_50_25_25{grid-template-columns:2fr 1fr 1fr}.content-zna-grid-start.grid_mobile_25_50_25{grid-template-columns:1fr 2fr 1fr}.content-zna-grid-start.grid_mobile_25_25_50{grid-template-columns:1fr 1fr 2fr}.content-zna-grid-start.grid_mobile_40_30_30{grid-template-columns:4fr 3fr 3fr}.content-zna-grid-start.grid_mobile_30_40_30{grid-template-columns:3fr 4fr 3fr}.content-zna-grid-start.grid_mobile_30_30_40{grid-template-columns:3fr 3fr 4fr}.content-zna-grid-start.grid_mobile_20_40_40{grid-template-columns:1fr 2fr 2fr}.content-zna-grid-start.grid_mobile_40_20_40{grid-template-columns:2fr 1fr 2fr}.content-zna-grid-start.grid_mobile_40_40_20{grid-template-columns:2fr 2fr 1fr}.content-zna-grid-start.grid_mobile_25_25_25_25{grid-template-columns:1fr 1fr 1fr 1fr}.content-zna-grid-start.grid_mobile_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.content-zna-grid-start.grid_mobile_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.content-zna-grid-start.grid_mobile_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.content-zna-grid-start.grid_mobile_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.content-zna-grid-start.grid_mobile_20_20_20_20_20{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}}}}.content-element-group{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-template-rows:var(--grid-rows);grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.content-element-group>*{grid-column:1/-1}.content-gallery{--list-cols-desktop:3;--list-cols-laptop_large:3;--list-cols-laptop:3;--list-cols-tablet:2;--list-cols-mobile:1;--list-column-gap-desktop:2rem;--list-column-gap-laptop_large:2rem;--list-column-gap-laptop:2rem;--list-column-gap-tablet:1rem;--list-column-gap-mobile:1rem;--list-row-gap-desktop:2rem;--list-row-gap-laptop_large:2rem;--list-row-gap-laptop:2rem;--list-row-gap-tablet:1rem;--list-row-gap-mobile:1rem}.content-gallery .list-container{display:grid;flex-wrap:wrap;grid-template-columns:repeat(var(--list-cols-desktop),1fr);-moz-column-gap:var(--list-column-gap-desktop);column-gap:var(--list-column-gap-desktop);row-gap:var(--list-row-gap-desktop);align-content:start;align-items:start;overflow:visible}.content-gallery .list-container[style*="--list-cols-desktop: auto"]{display:flex;justify-content:var(--list-flex-type-desktop,space-between)}@media (max-width:90rem){.content-gallery .list-container{grid-template-columns:repeat(var(--list-cols-laptop_large),1fr);-moz-column-gap:var(--list-column-gap-laptop_large);column-gap:var(--list-column-gap-laptop_large);row-gap:var(--list-row-gap-laptop_large)}.content-gallery .list-container[style*="--list-cols-laptop_large: auto"]{display:flex;justify-content:var(--list-flex-type-laptop_large,space-between)}}@media (max-width:64rem){.content-gallery .list-container{grid-template-columns:repeat(var(--list-cols-laptop),1fr);-moz-column-gap:var(--list-column-gap-laptop);column-gap:var(--list-column-gap-laptop);row-gap:var(--list-row-gap-laptop)}.content-gallery .list-container[style*="--list-cols-laptop: auto"]{display:flex;justify-content:var(--list-flex-type-laptop,space-between)}}@media (max-width:48rem){.content-gallery .list-container{grid-template-columns:repeat(var(--list-cols-tablet),1fr);-moz-column-gap:var(--list-column-gap-tablet);column-gap:var(--list-column-gap-tablet);row-gap:var(--list-row-gap-tablet)}.content-gallery .list-container[style*="--list-cols-tablet: auto"]{display:flex;justify-content:var(--list-flex-type-tablet,space-between)}}@media (max-width:30rem){.content-gallery .list-container{grid-template-columns:repeat(var(--list-cols-mobile),1fr);-moz-column-gap:var(--list-column-gap-mobile);column-gap:var(--list-column-gap-mobile);row-gap:var(--list-row-gap-mobile)}.content-gallery ul[style*="--list-cols-mobile: auto"] .list-container{display:flex;justify-content:var(--list-flex-type-mobile,space-between)}}.content-gallery{overflow:visible}.content-gallery figure{line-height:0;position:relative;width:-moz-fit-content;width:fit-content}.content-gallery figure .image-container{position:relative;z-index:0}.content-gallery figure .image{width:-moz-fit-content;width:fit-content;overflow:clip}.content-gallery figure img,.content-gallery figure svg{position:relative;box-sizing:border-box;max-width:100%;height:auto}.content-gallery figure .copyright-container{position:absolute;bottom:4px;left:4px;z-index:1}.content-gallery figure .copyright-container:focus-within .copyright-toggler,.content-gallery figure .copyright-container:hover .copyright-toggler{opacity:1}.content-gallery figure .copyright-container:focus-within .copyright-text,.content-gallery figure .copyright-container:hover .copyright-text{pointer-events:auto}.content-gallery figure .copyright-container:focus-within .copyright-text .copyright-text-inner,.content-gallery figure .copyright-container:hover .copyright-text .copyright-text-inner{right:0}.content-gallery figure .copyright-toggler{transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);aspect-ratio:1;opacity:.75;margin-right:2px}.content-gallery figure .copyright-toggler svg{width:100%}.content-gallery figure .copyright-text{position:absolute;left:100%;bottom:0;pointer-events:none;overflow:clip}.content-gallery figure .copyright-text .copyright-text-inner{transition-property:right;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);position:relative;right:100%;white-space:nowrap}.content-gallery figure .copyright-toggler{width:1.5rem;padding:4px;border-radius:3px;background:var(--color2-bg);border:1px solid var(--color2)}.content-gallery figure .copyright-toggler svg{fill:var(--color-white-inverted)}.content-gallery figure .copyright-text .copyright-text-inner{display:flex;align-items:center;height:1.5rem;padding:4px .5rem;border-radius:3px;background:var(--color2-bg);border:1px solid var(--color2);font-size:calc(var(--fontsize-smaller) * .6);color:var(--color-white-inverted);font-weight:600}.content-gallery figure figcaption{font-size:var(--fontsize-smaller);line-height:150%;position:absolute;bottom:4px;right:4px;left:4px}.content-gallery figure .image-container{position:static}.content-gallery figure:has(.copyright-container) figcaption{left:calc(1.5rem + 6px)}.content-gallery figure figcaption{background:var(--color-grey-20);border:1px solid var(--color-grey-20);padding:4px;font-size:calc(var(--fontsize-smaller) * .6);color:var(--color-white-inverted);border-radius:3px}.content-gallery a:not(:has(.image svg)) img{transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.content-gallery a:not(:has(.image svg)) .image-container:after,.content-gallery a:not(:has(.image svg)) .image-container:before{content:"";display:block;position:absolute;z-index:1;pointer-events:none}.content-gallery a:not(:has(.image svg)) .image-container:after{transition-property:bottom,right,width;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);bottom:0;right:0;width:25px;aspect-ratio:1;clip-path:polygon(100% 0,100% 100%,0 100%);background:var(--color1)}.content-gallery a:not(:has(.image svg)) .image-container:before{transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);top:0;left:0;width:calc(100% - 4px * 2);height:calc(100% - 4px * 2);border:4px solid var(--color1);opacity:0}.content-gallery a:not(:has(.image svg)):focus img,.content-gallery a:not(:has(.image svg)):hover img{transform:scale(1.05)}.content-gallery a:not(:has(.image svg)):focus .image-container:after,.content-gallery a:not(:has(.image svg)):hover .image-container:after{bottom:-5px;right:-5px;width:35px}.content-hyperlink a,.content-toplink a{transition-property:background-color,border-color,color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);display:inline-block;padding:.25em 1.5em;border-radius:2rem;background-color:var(--color1-bg);color:var(--color-white-inverted);border:1px solid var(--color1);cursor:pointer;text-transform:uppercase;position:relative;overflow:clip}.content-hyperlink a .hover,.content-hyperlink a .main,.content-toplink a .hover,.content-toplink a .main{display:flex;justify-content:center}.content-hyperlink a .hover span,.content-hyperlink a .main span,.content-toplink a .hover span,.content-toplink a .main span{display:inline-block;transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.content-hyperlink a .hover,.content-toplink a .hover{position:absolute;top:.25em;left:0;width:100%}.content-hyperlink a .hover span,.content-toplink a .hover span{transform:translateY(-100%)}.content-hyperlink a svg,.content-toplink a svg{fill:var(--color-white-inverted);transition-property:fill;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.content-hyperlink a:focus-visible,.content-hyperlink a:hover,.content-toplink a:focus-visible,.content-toplink a:hover{background-color:var(--color-white-dark);border-color:var(--color1);color:var(--color1)}.content-hyperlink a:focus-visible .main span,.content-hyperlink a:hover .main span,.content-toplink a:focus-visible .main span,.content-toplink a:hover .main span{transform:translateY(100%)}.content-hyperlink a:focus-visible .hover span,.content-hyperlink a:hover .hover span,.content-toplink a:focus-visible .hover span,.content-toplink a:hover .hover span{transform:translateY(0)}.content-hyperlink a:focus-visible svg,.content-hyperlink a:hover svg,.content-toplink a:focus-visible svg,.content-toplink a:hover svg{fill:var(--color1)}.content-hyperlink a,.content-toplink a{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.content-hyperlink.full-width a,.content-toplink.full-width a{width:100%}.content-hyperlink a.image-link{gap:1rem}.content-hyperlink a.image-link figure{padding:.5rem 0}.content-hyperlink a.image-link .image{display:flex}.content-zna-grid-start>.content-hyperlink a{min-height:100%}.content-image{overflow:visible}.content-image figure{line-height:0;position:relative;width:-moz-fit-content;width:fit-content}.content-image figure .image-container{position:relative;z-index:0}.content-image figure .image{width:-moz-fit-content;width:fit-content;overflow:clip}.content-image figure img,.content-image figure svg{position:relative;box-sizing:border-box;max-width:100%;height:auto}.content-image figure .copyright-container{position:absolute;bottom:4px;left:4px;z-index:1}.content-image figure .copyright-container:focus-within .copyright-toggler,.content-image figure .copyright-container:hover .copyright-toggler{opacity:1}.content-image figure .copyright-container:focus-within .copyright-text,.content-image figure .copyright-container:hover .copyright-text{pointer-events:auto}.content-image figure .copyright-container:focus-within .copyright-text .copyright-text-inner,.content-image figure .copyright-container:hover .copyright-text .copyright-text-inner{right:0}.content-image figure .copyright-toggler{transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);aspect-ratio:1;opacity:.75;margin-right:2px}.content-image figure .copyright-toggler svg{width:100%}.content-image figure .copyright-text{position:absolute;left:100%;bottom:0;pointer-events:none;overflow:clip}.content-image figure .copyright-text .copyright-text-inner{transition-property:right;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);position:relative;right:100%;white-space:nowrap}.content-image figure .copyright-toggler{width:1.5rem;padding:4px;border-radius:3px;background:var(--color2-bg);border:1px solid var(--color2)}.content-image figure .copyright-toggler svg{fill:var(--color-white-inverted)}.content-image figure .copyright-text .copyright-text-inner{display:flex;align-items:center;height:1.5rem;padding:4px .5rem;border-radius:3px;background:var(--color2-bg);border:1px solid var(--color2);font-size:calc(var(--fontsize-smaller) * .6);color:var(--color-white-inverted);font-weight:600}.content-image figure figcaption{font-size:var(--fontsize-smaller);line-height:150%;font-size:calc(var(--fontsize-smaller) * .8);margin-top:.25rem}.content-image a:not(:has(.image svg)) img{transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.content-image a:not(:has(.image svg)) .image-container:after,.content-image a:not(:has(.image svg)) .image-container:before{content:"";display:block;position:absolute;z-index:1;pointer-events:none}.content-image a:not(:has(.image svg)) .image-container:after{transition-property:bottom,right,width;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);bottom:0;right:0;width:25px;aspect-ratio:1;clip-path:polygon(100% 0,100% 100%,0 100%);background:var(--color1)}.content-image a:not(:has(.image svg)) .image-container:before{transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);top:0;left:0;width:calc(100% - 4px * 2);height:calc(100% - 4px * 2);border:4px solid var(--color1);opacity:0}.content-image a:not(:has(.image svg)):focus img,.content-image a:not(:has(.image svg)):hover img{transform:scale(1.05)}.content-image a:not(:has(.image svg)):focus .image-container:after,.content-image a:not(:has(.image svg)):hover .image-container:after{bottom:-5px;right:-5px;width:35px}.content-player video{max-height:100%;max-width:100%;width:auto;height:auto}.content-player audio{width:100%}.content-table td,.content-table th{text-align:left;vertical-align:top}.content-table td h1+ol,.content-table td h1+ul,.content-table td h2+ol,.content-table td h2+ul,.content-table td h3+ol,.content-table td h3+ul,.content-table td h4+ol,.content-table td h4+ul,.content-table td h5+ol,.content-table td h5+ul,.content-table td h6+ol,.content-table td h6+ul,.content-table td p+ol,.content-table td p+ul,.content-table th h1+ol,.content-table th h1+ul,.content-table th h2+ol,.content-table th h2+ul,.content-table th h3+ol,.content-table th h3+ul,.content-table th h4+ol,.content-table th h4+ul,.content-table th h5+ol,.content-table th h5+ul,.content-table th h6+ol,.content-table th h6+ul,.content-table th p+ol,.content-table th p+ul{margin-top:-1em!important}.content-table td p:has(+h1,h2,h3,h4,h5,h6),.content-table th p:has(+h1,h2,h3,h4,h5,h6){margin-bottom:2rem}.content-table td h1:has(+p,+ul,+ol),.content-table td h2:has(+p,+ul,+ol),.content-table td h3:has(+p,+ul,+ol),.content-table td h4:has(+p,+ul,+ol),.content-table td h5:has(+p,+ul,+ol),.content-table td h6:has(+p,+ul,+ol),.content-table th h1:has(+p,+ul,+ol),.content-table th h2:has(+p,+ul,+ol),.content-table th h3:has(+p,+ul,+ol),.content-table th h4:has(+p,+ul,+ol),.content-table th h5:has(+p,+ul,+ol),.content-table th h6:has(+p,+ul,+ol){margin-bottom:.25em}.content-table td .text>:last-child,.content-table th .text>:last-child{margin-bottom:0}.content-table td ol,.content-table td ul,.content-table th ol,.content-table th ul{margin-bottom:1em}.content-table td ol ol,.content-table td ol ul,.content-table td ul ol,.content-table td ul ul,.content-table th ol ol,.content-table th ol ul,.content-table th ul ol,.content-table th ul ul{margin-bottom:0}.content-table td ol li li,.content-table td ul li li,.content-table th ol li li,.content-table th ul li li{font-size:.9em}.content-table td ol li ol,.content-table td ol li ul,.content-table td ul li ol,.content-table td ul li ul,.content-table th ol li ol,.content-table th ol li ul,.content-table th ul li ol,.content-table th ul li ul{padding-left:1rem}.content-table td ul li,.content-table th ul li{font-size:1em;padding-left:calc(var(--marker-width) + var(--marker-gap))}.content-table td ul li:before,.content-table th ul li:before{display:inline-block;margin-right:var(--marker-gap);margin-left:calc((var(--marker-width) + var(--marker-gap)) * -1);width:var(--marker-width)}.content-table td a:not(.linkblock),.content-table th a:not(.linkblock){color:var(--link-color);position:relative;hyphens:auto}.content-table td a:not(.linkblock):after,.content-table td a:not(.linkblock):before,.content-table th a:not(.linkblock):after,.content-table th a:not(.linkblock):before{content:"";position:absolute;bottom:.1em;left:0;width:100%;transition-property:all;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.content-table td a:not(.linkblock):after,.content-table th a:not(.linkblock):after{opacity:0;background-color:var(--link-color-hover);height:1px}.content-table td a:not(.linkblock):before,.content-table th a:not(.linkblock):before{border-bottom:1px dashed var(--link-color);height:0}.content-table td a:not(.linkblock).active,.content-table td a:not(.linkblock):focus-visible,.content-table td a:not(.linkblock):hover,.content-table th a:not(.linkblock).active,.content-table th a:not(.linkblock):focus-visible,.content-table th a:not(.linkblock):hover{color:var(--link-color-hover);border-color:var(--link-color-hover)}.content-table td a:not(.linkblock).active:after,.content-table td a:not(.linkblock):focus-visible:after,.content-table td a:not(.linkblock):hover:after,.content-table th a:not(.linkblock).active:after,.content-table th a:not(.linkblock):focus-visible:after,.content-table th a:not(.linkblock):hover:after{opacity:1}.content-table td ul li,.content-table th ul li{--marker-width:1rem;--marker-gap:0.5rem}.content-table td ul li:before,.content-table th ul li:before{content:"»";color:var(--color1);font-size:1.25em}.content-table td ol li::marker,.content-table th ol li::marker{color:var(--color1);font-weight:800}@media (max-width:47.9375rem){.content-table tr{display:flex;-moz-column-gap:3rem;column-gap:3rem;row-gap:.5rem;flex-wrap:wrap;border-bottom:1px solid var(--color-grey-75);padding:1rem 0}.content-table td{width:100%!important;border-bottom:none;padding:0}}.content-table table{width:100%}.content-table td,.content-table th{padding:.5rem;border-collapse:collapse;border-bottom:1px solid var(--color-grey-75)}#tinymce h1+ol,#tinymce h1+ul,#tinymce h2+ol,#tinymce h2+ul,#tinymce h3+ol,#tinymce h3+ul,#tinymce h4+ol,#tinymce h4+ul,#tinymce h5+ol,#tinymce h5+ul,#tinymce h6+ol,#tinymce h6+ul,#tinymce p+ol,#tinymce p+ul,.content-text h1+ol,.content-text h1+ul,.content-text h2+ol,.content-text h2+ul,.content-text h3+ol,.content-text h3+ul,.content-text h4+ol,.content-text h4+ul,.content-text h5+ol,.content-text h5+ul,.content-text h6+ol,.content-text h6+ul,.content-text p+ol,.content-text p+ul{margin-top:-1em!important}#tinymce p:has(+h1,h2,h3,h4,h5,h6),.content-text p:has(+h1,h2,h3,h4,h5,h6){margin-bottom:2rem}#tinymce h1:has(+p,+ul,+ol),#tinymce h2:has(+p,+ul,+ol),#tinymce h3:has(+p,+ul,+ol),#tinymce h4:has(+p,+ul,+ol),#tinymce h5:has(+p,+ul,+ol),#tinymce h6:has(+p,+ul,+ol),.content-text h1:has(+p,+ul,+ol),.content-text h2:has(+p,+ul,+ol),.content-text h3:has(+p,+ul,+ol),.content-text h4:has(+p,+ul,+ol),.content-text h5:has(+p,+ul,+ol),.content-text h6:has(+p,+ul,+ol){margin-bottom:.25em}#tinymce .text>:last-child,.content-text .text>:last-child{margin-bottom:0}#tinymce ol,#tinymce ul,.content-text ol,.content-text ul{margin-bottom:1em}#tinymce ol ol,#tinymce ol ul,#tinymce ul ol,#tinymce ul ul,.content-text ol ol,.content-text ol ul,.content-text ul ol,.content-text ul ul{margin-bottom:0}#tinymce ol li li,#tinymce ul li li,.content-text ol li li,.content-text ul li li{font-size:.9em}#tinymce ol li ol,#tinymce ol li ul,#tinymce ul li ol,#tinymce ul li ul,.content-text ol li ol,.content-text ol li ul,.content-text ul li ol,.content-text ul li ul{padding-left:1rem}#tinymce ul li,.content-text ul li{font-size:1em;padding-left:calc(var(--marker-width) + var(--marker-gap))}#tinymce ul li:before,.content-text ul li:before{display:inline-block;margin-right:var(--marker-gap);margin-left:calc((var(--marker-width) + var(--marker-gap)) * -1);width:var(--marker-width)}#tinymce a:not(.linkblock),.content-text a:not(.linkblock){color:var(--link-color);position:relative;hyphens:auto}#tinymce a:not(.linkblock):after,#tinymce a:not(.linkblock):before,.content-text a:not(.linkblock):after,.content-text a:not(.linkblock):before{content:"";position:absolute;bottom:.1em;left:0;width:100%;transition-property:all;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}#tinymce a:not(.linkblock):after,.content-text a:not(.linkblock):after{opacity:0;background-color:var(--link-color-hover);height:1px}#tinymce a:not(.linkblock):before,.content-text a:not(.linkblock):before{border-bottom:1px dashed var(--link-color);height:0}#tinymce a:not(.linkblock).active,#tinymce a:not(.linkblock):focus-visible,#tinymce a:not(.linkblock):hover,.content-text a:not(.linkblock).active,.content-text a:not(.linkblock):focus-visible,.content-text a:not(.linkblock):hover{color:var(--link-color-hover);border-color:var(--link-color-hover)}#tinymce a:not(.linkblock).active:after,#tinymce a:not(.linkblock):focus-visible:after,#tinymce a:not(.linkblock):hover:after,.content-text a:not(.linkblock).active:after,.content-text a:not(.linkblock):focus-visible:after,.content-text a:not(.linkblock):hover:after{opacity:1}#tinymce ul li,.content-text ul li{--marker-width:1rem;--marker-gap:0.5rem}#tinymce ul li:before,.content-text ul li:before{content:"»";color:var(--color1);font-size:1.25em}#tinymce ol li::marker,.content-text ol li::marker{color:var(--color1);font-weight:800}.content-text{overflow:visible}.content-text figure{line-height:0;position:relative;width:-moz-fit-content;width:fit-content}.content-text figure .image-container{position:relative;z-index:0}.content-text figure .image{width:-moz-fit-content;width:fit-content;overflow:clip}.content-text figure img,.content-text figure svg{position:relative;box-sizing:border-box;max-width:100%;height:auto}.content-text figure .copyright-container{position:absolute;bottom:4px;left:4px;z-index:1}.content-text figure .copyright-container:focus-within .copyright-toggler,.content-text figure .copyright-container:hover .copyright-toggler{opacity:1}.content-text figure .copyright-container:focus-within .copyright-text,.content-text figure .copyright-container:hover .copyright-text{pointer-events:auto}.content-text figure .copyright-container:focus-within .copyright-text .copyright-text-inner,.content-text figure .copyright-container:hover .copyright-text .copyright-text-inner{right:0}.content-text figure .copyright-toggler{transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);aspect-ratio:1;opacity:.75;margin-right:2px}.content-text figure .copyright-toggler svg{width:100%}.content-text figure .copyright-text{position:absolute;left:100%;bottom:0;pointer-events:none;overflow:clip}.content-text figure .copyright-text .copyright-text-inner{transition-property:right;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);position:relative;right:100%;white-space:nowrap}.content-text figure .copyright-toggler{width:1.5rem;padding:4px;border-radius:3px;background:var(--color2-bg);border:1px solid var(--color2)}.content-text figure .copyright-toggler svg{fill:var(--color-white-inverted)}.content-text figure .copyright-text .copyright-text-inner{display:flex;align-items:center;height:1.5rem;padding:4px .5rem;border-radius:3px;background:var(--color2-bg);border:1px solid var(--color2);font-size:calc(var(--fontsize-smaller) * .6);color:var(--color-white-inverted);font-weight:600}.content-text figure figcaption{font-size:var(--fontsize-smaller);line-height:150%;font-size:calc(var(--fontsize-smaller) * .8);margin-top:.25rem}.content-text figure{margin-bottom:1em}.content-text.media--left figure{float:left;margin-right:2em}.content-text.media--right figure{float:right;margin-left:2em}.content-text.media--left figure,.content-text.media--right figure{max-width:45%;margin-top:.3125em}@media screen and (max-width:650px){.content-text.media--left figure,.content-text.media--right figure{max-width:100%!important;float:none;margin-left:0;margin-right:0}}.content-text .linkblock{border-bottom:none;display:block}.content-text .linkblock .text{color:var(--font-color)}.content-text .linkblock .text strong{transition-property:color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);color:var(--font-color)}.content-text .linkblock:focus-visible .text strong,.content-text .linkblock:hover .text strong{color:var(--link-color)}.content-text .linkblock:not(:has(.image svg)) img{transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.content-text .linkblock:not(:has(.image svg)) .image-container:after,.content-text .linkblock:not(:has(.image svg)) .image-container:before{content:"";display:block;position:absolute;z-index:1;pointer-events:none}.content-text .linkblock:not(:has(.image svg)) .image-container:after{transition-property:bottom,right,width;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);bottom:0;right:0;width:25px;aspect-ratio:1;clip-path:polygon(100% 0,100% 100%,0 100%);background:var(--color1)}.content-text .linkblock:not(:has(.image svg)) .image-container:before{transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);top:0;left:0;width:calc(100% - 4px * 2);height:calc(100% - 4px * 2);border:4px solid var(--color1);opacity:0}.content-text .linkblock:not(:has(.image svg)):focus-visible img,.content-text .linkblock:not(:has(.image svg)):hover img{transform:scale(1.05)}.content-text .linkblock:not(:has(.image svg)):focus-visible .image-container:after,.content-text .linkblock:not(:has(.image svg)):hover .image-container:after{bottom:-5px;right:-5px;width:35px}.content-text.link-tile .linkblock{position:relative;display:block}.content-text.link-tile .linkblock .image-container:after{content:none}.content-youtube .yt-optin{max-width:100%}body:not(.safari) .content-youtube .yt-optin{aspect-ratio:var(--width)/var(--height)}.content-youtube .yt-optin{padding:1rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color1);background:var(--color-white);text-align:center;position:relative}.content-youtube .yt-optin .yt-optin-background{content:"";height:100%;width:100%;position:absolute;top:0;left:0;z-index:1;filter:blur(1px)}.content-youtube .yt-optin .yt-optin-background:after{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background-color:var(--color-white)}.content-youtube .yt-optin .yt-optin-background .image,.content-youtube .yt-optin .yt-optin-background .image-container,.content-youtube .yt-optin .yt-optin-background img,.content-youtube .yt-optin .yt-optin-background picture{width:100%;height:100%}.content-youtube .yt-optin .yt-optin-background img{-o-object-fit:cover;object-fit:cover}.content-youtube .yt-optin .yt-optin-container{position:relative;z-index:3}.content-youtube .yt-optin .headline{font-size:var(--fontsize-h3);font-weight:400;line-height:120%;color:var(--h3-color);font-family:Impact,Arial Black,sans-serif;letter-spacing:.1em;margin-bottom:0}.content-youtube .yt-optin .hint{font-size:calc(var(--fontsize-smaller) * .8)}.content-youtube .yt-optin button{margin-top:1rem;transition-property:background-color,border-color,color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);display:inline-block;padding:.25em 1.5em;border-radius:2rem;background-color:var(--color1-bg);color:var(--color-white-inverted);border:1px solid var(--color1);cursor:pointer;text-transform:uppercase;position:relative;overflow:clip}.content-youtube .yt-optin button .hover,.content-youtube .yt-optin button .main{display:flex;justify-content:center}.content-youtube .yt-optin button .hover span,.content-youtube .yt-optin button .main span{display:inline-block;transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.content-youtube .yt-optin button .hover{position:absolute;top:.25em;left:0;width:100%}.content-youtube .yt-optin button .hover span{transform:translateY(-100%)}.content-youtube .yt-optin button svg{fill:var(--color-white-inverted);transition-property:fill;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.content-youtube .yt-optin button:focus-visible,.content-youtube .yt-optin button:hover{background-color:var(--color-white-dark);border-color:var(--color1);color:var(--color1)}.content-youtube .yt-optin button:focus-visible .main span,.content-youtube .yt-optin button:hover .main span{transform:translateY(100%)}.content-youtube .yt-optin button:focus-visible .hover span,.content-youtube .yt-optin button:hover .hover span{transform:translateY(0)}.content-youtube .yt-optin button:focus-visible svg,.content-youtube .yt-optin button:hover svg{fill:var(--color1)}body.safari .content-youtube .yt-optin{aspect-ratio:auto!important}.content-youtube>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;position:relative;max-width:100%;padding:0;border:none;background:none}.content-youtube>button img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-youtube>button svg{position:absolute;width:15%;height:auto;opacity:.8;fill:var(--color-white);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.content-youtube iframe{width:100%;height:auto}.mod_eventlist .list-container{display:grid}@layer base{.mod_eventlist .list-container{margin-top:4rem;grid-template-columns:1fr 1fr 1fr 1fr}.mod_eventlist .list-container .event:nth-child(2n){margin-top:-4rem;margin-bottom:4rem}}@layer laptop{@media (max-width:90rem){.mod_eventlist .list-container{grid-template-columns:1fr 1fr 1fr}.mod_eventlist .list-container .event{margin-top:0;margin-bottom:0}.mod_eventlist .list-container .event:nth-child(3n),.mod_eventlist .list-container .event:nth-child(3n-2){margin-top:-4rem;margin-bottom:4rem}}}@layer tablet{@media (max-width:64rem){.mod_eventlist .list-container{grid-template-columns:1fr 1fr}.mod_eventlist .list-container .event{margin-top:0;margin-bottom:0}.mod_eventlist .list-container .event:nth-child(2n){margin-top:-4rem;margin-bottom:4rem}}}@layer mobile{@media (max-width:47.9375rem){.mod_eventlist .list-container{margin-top:0;grid-template-columns:1fr}.mod_eventlist .list-container .event{margin-top:0;margin-bottom:0}}}.mod_eventlist .list-container{gap:2rem}.mod_eventlist .list-container .event-inside{height:100%}.mod_eventlist .list-container .link-container{overflow:visible}.mod_eventlist .list-container .link-container figure{line-height:0;position:relative;width:-moz-fit-content;width:fit-content}.mod_eventlist .list-container .link-container figure .image-container{position:relative;z-index:0}.mod_eventlist .list-container .link-container figure .image{width:-moz-fit-content;width:fit-content;overflow:clip}.mod_eventlist .list-container .link-container figure img,.mod_eventlist .list-container .link-container figure svg{position:relative;box-sizing:border-box;max-width:100%;height:auto}.mod_eventlist .list-container .link-container figure .copyright-container{position:absolute;bottom:4px;left:4px;z-index:1}.mod_eventlist .list-container .link-container figure .copyright-container:focus-within .copyright-toggler,.mod_eventlist .list-container .link-container figure .copyright-container:hover .copyright-toggler{opacity:1}.mod_eventlist .list-container .link-container figure .copyright-container:focus-within .copyright-text,.mod_eventlist .list-container .link-container figure .copyright-container:hover .copyright-text{pointer-events:auto}.mod_eventlist .list-container .link-container figure .copyright-container:focus-within .copyright-text .copyright-text-inner,.mod_eventlist .list-container .link-container figure .copyright-container:hover .copyright-text .copyright-text-inner{right:0}.mod_eventlist .list-container .link-container figure .copyright-toggler{transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);aspect-ratio:1;opacity:.75;margin-right:2px}.mod_eventlist .list-container .link-container figure .copyright-toggler svg{width:100%}.mod_eventlist .list-container .link-container figure .copyright-text{position:absolute;left:100%;bottom:0;pointer-events:none;overflow:clip}.mod_eventlist .list-container .link-container figure .copyright-text .copyright-text-inner{transition-property:right;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);position:relative;right:100%;white-space:nowrap}.mod_eventlist .list-container .link-container figure .copyright-toggler{width:1.5rem;padding:4px;border-radius:3px;background:var(--color2-bg);border:1px solid var(--color2)}.mod_eventlist .list-container .link-container figure .copyright-toggler svg{fill:var(--color-white-inverted)}.mod_eventlist .list-container .link-container figure .copyright-text .copyright-text-inner{display:flex;align-items:center;height:1.5rem;padding:4px .5rem;border-radius:3px;background:var(--color2-bg);border:1px solid var(--color2);font-size:calc(var(--fontsize-smaller) * .6);color:var(--color-white-inverted);font-weight:600}.mod_eventlist .list-container .link-container figure figcaption{font-size:var(--fontsize-smaller);line-height:150%;font-size:calc(var(--fontsize-smaller) * .8);margin-top:.25rem}.mod_eventlist .list-container .link-container{display:block;background:var(--color-white);height:100%;border-radius:1rem;color:var(--font-color);border:2px solid var(--color1);position:relative}.mod_eventlist .list-container .link-container .tooltip{position:absolute;top:1rem;left:-1rem;z-index:1;padding:.25rem 1rem;padding-left:2rem;line-height:1;border-radius:5px;background-color:var(--color1-bg);border:1px solid var(--color1);font-weight:800;color:var(--color-white-dark)}.mod_eventlist .list-container .link-container .image{border-radius:1rem;overflow:clip}.mod_eventlist .list-container .link-container .image,.mod_eventlist .list-container .link-container img{width:100%!important}.mod_eventlist .list-container .link-container img{background:var(--color-white-dark);aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.mod_eventlist .list-container .link-container .event-text{padding:1rem}.mod_eventlist .list-container .link-container:is(a){transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.mod_eventlist .list-container .link-container:is(a):focus,.mod_eventlist .list-container .link-container:is(a):hover{transform:translateY(-1rem)}.mod_navigation:not(.mobile-nav){overflow:visible}.mod_navigation:not(.mobile-nav)>div>ul,.mod_navigation:not(.mobile-nav)>ul{display:flex;flex-wrap:wrap;justify-content:left;-moz-column-gap:1rem;column-gap:1rem}.mod_navigation:not(.mobile-nav)>div>ul a,.mod_navigation:not(.mobile-nav)>div>ul strong,.mod_navigation:not(.mobile-nav)>ul a,.mod_navigation:not(.mobile-nav)>ul strong{color:var(--link-color)}.mod_navigation:not(.mobile-nav)>div>ul a:after,.mod_navigation:not(.mobile-nav)>div>ul strong:after,.mod_navigation:not(.mobile-nav)>ul a:after,.mod_navigation:not(.mobile-nav)>ul strong:after{transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);content:"";display:block;height:1px;width:100%;background-color:var(--link-color);position:relative;transform:scaleX(0);transform-origin:right}.mod_navigation:not(.mobile-nav)>div>ul a.active:after,.mod_navigation:not(.mobile-nav)>div>ul a:focus-visible:after,.mod_navigation:not(.mobile-nav)>div>ul a:hover:after,.mod_navigation:not(.mobile-nav)>div>ul strong.active:after,.mod_navigation:not(.mobile-nav)>div>ul strong:focus-visible:after,.mod_navigation:not(.mobile-nav)>div>ul strong:hover:after,.mod_navigation:not(.mobile-nav)>ul a.active:after,.mod_navigation:not(.mobile-nav)>ul a:focus-visible:after,.mod_navigation:not(.mobile-nav)>ul a:hover:after,.mod_navigation:not(.mobile-nav)>ul strong.active:after,.mod_navigation:not(.mobile-nav)>ul strong:focus-visible:after,.mod_navigation:not(.mobile-nav)>ul strong:hover:after{transform:scaleX(1);transform-origin:left}.mod_navigation:not(.mobile-nav)>div>ul strong:after,.mod_navigation:not(.mobile-nav)>ul strong:after{transform:scaleX(1)}.mod_navigation:not(.mobile-nav)>div>ul>li.active>strong,.mod_navigation:not(.mobile-nav)>div>ul>li.forward>strong,.mod_navigation:not(.mobile-nav)>div>ul>li.trail>strong,.mod_navigation:not(.mobile-nav)>ul>li.active>strong,.mod_navigation:not(.mobile-nav)>ul>li.forward>strong,.mod_navigation:not(.mobile-nav)>ul>li.trail>strong{font-weight:600!important}.mod_navigation:not(.mobile-nav)>div>ul>li.active>a,.mod_navigation:not(.mobile-nav)>div>ul>li.forward>a,.mod_navigation:not(.mobile-nav)>div>ul>li.trail>a,.mod_navigation:not(.mobile-nav)>ul>li.active>a,.mod_navigation:not(.mobile-nav)>ul>li.forward>a,.mod_navigation:not(.mobile-nav)>ul>li.trail>a{font-weight:600}.mod_navigation:not(.mobile-nav) li.submenu{display:grid;grid-template-columns:max-content min-content}.mod_navigation:not(.mobile-nav) li.submenu>ul{grid-column:1/-1}.mod_navigation:not(.mobile-nav) li.submenu .submenu-opener{display:none;width:.5em;margin-left:.25em;cursor:pointer}.mod_navigation:not(.mobile-nav) li.submenu .submenu-opener svg{width:100%;fill:var(--link-color)}body.keyboard-active .mod_navigation:not(.mobile-nav) li.submenu .submenu-opener{display:block}.mod_navigation:not(.mobile-nav).main-nav ul a,.mod_navigation:not(.mobile-nav).main-nav ul strong{transition-property:background-color,border-color,color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);display:inline-block;padding:.25em 1.5em;border-radius:2rem;background-color:transparent;color:var(--font-color);border:1px solid transparent;cursor:pointer;text-transform:uppercase;position:relative;overflow:clip}.mod_navigation:not(.mobile-nav).main-nav ul a .hover,.mod_navigation:not(.mobile-nav).main-nav ul a .main,.mod_navigation:not(.mobile-nav).main-nav ul strong .hover,.mod_navigation:not(.mobile-nav).main-nav ul strong .main{display:flex;justify-content:center}.mod_navigation:not(.mobile-nav).main-nav ul a .hover span,.mod_navigation:not(.mobile-nav).main-nav ul a .main span,.mod_navigation:not(.mobile-nav).main-nav ul strong .hover span,.mod_navigation:not(.mobile-nav).main-nav ul strong .main span{display:inline-block;transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.mod_navigation:not(.mobile-nav).main-nav ul a .hover,.mod_navigation:not(.mobile-nav).main-nav ul strong .hover{position:absolute;top:.25em;left:0;width:100%}.mod_navigation:not(.mobile-nav).main-nav ul a .hover span,.mod_navigation:not(.mobile-nav).main-nav ul strong .hover span{transform:translateY(-100%)}.mod_navigation:not(.mobile-nav).main-nav ul a svg,.mod_navigation:not(.mobile-nav).main-nav ul strong svg{fill:var(--font-color);transition-property:fill;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.mod_navigation:not(.mobile-nav).main-nav ul a:focus,.mod_navigation:not(.mobile-nav).main-nav ul a:hover,.mod_navigation:not(.mobile-nav).main-nav ul strong{background-color:var(--color1);border-color:var(--color1);color:var(--color-white-dark)}.mod_navigation:not(.mobile-nav).main-nav ul a:focus .main span,.mod_navigation:not(.mobile-nav).main-nav ul a:hover .main span,.mod_navigation:not(.mobile-nav).main-nav ul strong .main span{transform:translateY(100%)}.mod_navigation:not(.mobile-nav).main-nav ul a:focus .hover span,.mod_navigation:not(.mobile-nav).main-nav ul a:hover .hover span,.mod_navigation:not(.mobile-nav).main-nav ul strong .hover span{transform:translateY(0)}.mod_navigation:not(.mobile-nav).main-nav ul a:focus svg,.mod_navigation:not(.mobile-nav).main-nav ul a:hover svg,.mod_navigation:not(.mobile-nav).main-nav ul strong svg{fill:var(--color-white-dark)}}@layer layout{#wrapper{overflow:clip;position:relative}#wrapper>.inside{min-height:100vh;display:flex;flex-direction:column}#wrapper>.inside #footer{margin-top:auto}#container{padding-left:var(--page-padding-left-outer);padding-right:var(--page-padding-right-outer)}#container>*{max-width:calc(var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner));margin-left:auto;margin-right:auto;padding-left:var(--page-padding-left-inner);padding-right:var(--page-padding-right-inner)}#container{margin-top:7rem}#container .container-inner{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-template-rows:var(--grid-rows);grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}#container .container-inner>*{grid-column:1/-1}#container .container-inner #left{order:1}#container .container-inner #main{order:2}#container .container-inner #right{order:3}#container .container-inner>* .mod_article{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-template-rows:var(--grid-rows);grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}#container .container-inner>* .mod_article>*{grid-column:1/-1}#container .container-inner>* .mod_article{margin-bottom:4rem}@layer base{#footer{padding-left:var(--page-padding-left-outer);padding-right:var(--page-padding-right-outer)}#footer>*{max-width:calc(var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner));margin-left:auto;margin-right:auto;padding-left:var(--page-padding-left-inner);padding-right:var(--page-padding-right-inner)}#footer{padding-top:1rem;padding-bottom:3rem;background-color:var(--color1-bg);font-size:var(--fontsize-smaller)}#footer .inside{padding:0}#footer .above{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-bottom:2px solid var(--color-white-dark);padding-bottom:1rem}#footer .above .logos{display:none}#footer .above .left,#footer .above .social-media{display:flex;align-items:center;gap:1.5rem}#footer .above .social-media svg{width:40px;fill:var(--color-white-dark)}#footer .above .mod_navigation a{color:var(--color-white-dark)}#footer .above .mod_navigation a:after{transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);content:"";display:block;height:1px;width:100%;background-color:var(--color-white-dark);position:relative;transform:scaleX(0);transform-origin:right}#footer .above .mod_navigation a.active:after,#footer .above .mod_navigation a:focus-visible:after,#footer .above .mod_navigation a:hover:after{transform:scaleX(1);transform-origin:left}#footer .below{padding-top:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}#footer .below .content-text a:not(.linkblock){color:var(--color-white-dark);position:relative}#footer .below .content-text a:not(.linkblock):after,#footer .below .content-text a:not(.linkblock):before{content:"";position:absolute;bottom:.1em;left:0;width:100%;transition-property:all;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}#footer .below .content-text a:not(.linkblock):after{opacity:0;background-color:var(--color-white-dark);height:1px}#footer .below .content-text a:not(.linkblock):before{border-bottom:1px dashed var(--color-white-dark);height:0}#footer .below .content-text a:not(.linkblock):focus-visible,#footer .below .content-text a:not(.linkblock):hover{color:var(--color-white-dark);border-color:var(--color-white-dark)}#footer .below .content-text a:not(.linkblock):focus-visible:after,#footer .below .content-text a:not(.linkblock):hover:after{opacity:1}#footer .below .logos{display:flex;justify-content:space-between;width:clamp(200px,33%,450px)}#footer .below .logos svg{height:80px;width:auto}}@layer laptop{@media (max-width:89.9375rem){#footer .below{flex-wrap:wrap}#footer .below,#footer .below .logos{justify-content:flex-start;-moz-column-gap:3rem;column-gap:3rem}#footer .below .logos{width:100%}}}@layer tablet{@media (max-width:47.9375rem){#footer .above{flex-direction:column;align-items:flex-start;gap:0;padding-bottom:0}#footer .above .logos{display:flex;gap:3rem;order:1}#footer .above .logos svg{height:80px;width:auto}#footer .above .right{order:2;padding-bottom:1rem;padding-top:3rem;border-bottom:2px solid var(--color-white-dark);width:100%}#footer .above .left{padding-top:1rem;padding-bottom:1rem;order:3;justify-content:space-between;width:100%}#footer .above .left .social-media{order:1}#footer .below .logos{display:none}}}@layer mobile{@media (max-width:30rem){#footer .above .right .level_1{justify-content:space-between}}}#head-image{padding-left:var(--page-padding-left-outer);padding-right:var(--page-padding-right-outer)}#head-image>*{max-width:calc(var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner));margin-left:auto;margin-right:auto;padding-left:var(--page-padding-left-inner);padding-right:var(--page-padding-right-inner)}#head-image{margin-top:7rem}@layer base{#header{padding-left:var(--page-padding-left-outer);padding-right:var(--page-padding-right-outer)}#header>*{max-width:calc(var(--page-width) + var(--page-padding-left-inner) + var(--page-padding-right-inner));margin-left:auto;margin-right:auto;padding-left:var(--page-padding-left-inner);padding-right:var(--page-padding-right-inner)}#header{transition-property:border-color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);background-color:var(--color-white);padding-top:2rem;padding-bottom:2rem;border-bottom:2px solid var(--color-white);z-index:99}#header .inside{padding-left:0;padding-right:0}#header .header-container{display:flex;justify-content:space-between;align-items:center;gap:1rem}#header .left{width:clamp(200px,33%,350px)}#header .left .link-container{display:flex;justify-content:space-between;gap:1rem}#header .right .mod_navigation ul{gap:3rem}#header .right .mobile-opener{display:none}}@layer laptop{@media (max-width:89.9375rem){#header .main-nav .level_1{gap:1.5rem}}@media (max-width:63.9375rem){#header .main-nav .level_1{gap:2px}#header .main-nav .level_1 a,#header .main-nav .level_1 strong{padding:.25rem 1rem}}}@layer tablet{@media (max-width:47.9375rem){#header .main-nav{display:none}#header .mobile-opener{display:block}}}#container .container-inner:not(.left):not(.right){display:block}@layer mobile-menu{@layer desktop{#mobile-menu{--icon-width:2.5rem;position:fixed;right:0;top:0;width:100%;height:100%;pointer-events:none;z-index:999}#mobile-menu .inside{position:relative;right:0;display:flex;justify-content:flex-end}#mobile-menu .inside .background{width:100vw;height:100vh;top:0;left:0;position:absolute;opacity:0;background-color:rgba(0,0,0,.3);transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}#mobile-menu .mobile-navigation-container{height:100vh}@supports (height:100dvh){#mobile-menu .mobile-navigation-container{height:100dvh}}#mobile-menu .mobile-navigation-container{display:flex;flex-direction:column;width:320px;background-color:var(--color-mobile-nav-background);flex-shrink:0;position:relative;transform:translateX(calc(100% + 1rem));transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);transition-delay:.2s;z-index:1;box-shadow:2px 0 4px rgba(0,0,0,.3)}#mobile-menu .mobile-navigation-container .service{padding-top:1rem;padding-bottom:4rem;display:flex;justify-content:flex-end;gap:1rem;padding-right:2rem}#mobile-menu .mobile-navigation-container .mobile-opener .title{display:none}#mobile-menu .mobile-navigation-container .mobile-opener .hamburger-icon{width:var(--icon-width);height:var(--icon-width)}#mobile-menu .mobile-navigation-container .mobile-opener .hamburger-icon .line{background-color:var(--color1);height:5px;border-radius:1rem;top:auto;left:auto;transform-origin:center;transition-property:background-color;width:calc(100% - 4px)}#mobile-menu .mobile-navigation-container .mobile-opener .hamburger-icon .line-1{transform:rotate(45deg)}#mobile-menu .mobile-navigation-container .mobile-opener .hamburger-icon .line-2{transform:rotate(-45deg)}#mobile-menu .mobile-navigation-container .mobile-opener .hamburger-icon .line-3{display:none}#mobile-menu .mobile-navigation-container .navigation{position:relative;z-index:0}#mobile-menu .mobile-navigation-container .navigation ul{display:flex;flex-direction:column;gap:3rem}#mobile-menu .mobile-navigation-container .navigation ul li{padding:.5rem 1rem;background-color:var(--color-white-dark);width:-moz-fit-content;width:fit-content}#mobile-menu .mobile-navigation-container .navigation ul li a,#mobile-menu .mobile-navigation-container .navigation ul li strong{color:var(--color1);font-size:var(--fontsize-h3);font-weight:800;font-family:Impact,Arial Black,sans-serif}#mobile-menu .mobile-navigation-container .mobile-menu-background{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}#mobile-menu .mobile-navigation-container .mobile-menu-background svg{fill:var(--color1)}#mobile-menu.active{pointer-events:auto}#mobile-menu.active .inside .background{opacity:1}#mobile-menu.active .mobile-navigation-container{transform:translateX(0);transition-delay:0s}#mobile-menu.active .mobile-information-container{transform:translateX(0);transition-delay:.2s}}}#pop-ups{--custom-color:rgba(0,0,0,.8)}body.black #pop-ups,body.white #pop-ups{--custom-color:initial}#pop-ups{position:fixed;left:0;top:0;z-index:9999999;height:100vh;width:100vw;background:var(--custom-color,var(--color-black));display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}#pop-ups .pop-up{display:none;position:relative;z-index:2}#pop-ups .pop-up .close .close-inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}#pop-ups .pop-up .close .line{width:100%;position:absolute;border-radius:1rem}#pop-ups .pop-up .close .line:first-of-type{transform:rotate(45deg)}#pop-ups .pop-up .close .line:last-of-type{transform:rotate(-45deg)}#pop-ups .pop-up .pop-up-inner{overflow:auto;scroll-timeline:--scroll}#pop-ups .pop-up .pop-up-inner::-webkit-scrollbar{background-color:transparent;width:10px;border-radius:1rem;border:1px solid var(--color-white-dark)}#pop-ups .pop-up .pop-up-inner::-webkit-scrollbar-track{background-color:var(--color-black);border-radius:1rem;border:2px solid var(--color1)}#pop-ups .pop-up .pop-up-inner::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:1rem}#pop-ups .mod_article{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-template-rows:var(--grid-rows);grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}#pop-ups .mod_article>*{grid-column:1/-1}#pop-ups .pop-up{max-width:95vw;max-height:95vh}#pop-ups .pop-up:after,#pop-ups .pop-up:before{content:"";display:block;width:4rem;height:4rem;clip-path:url(#pop-up-corner-clip);position:absolute;top:0;right:0}#pop-ups .pop-up:before{background:var(--color1)}#pop-ups .pop-up:after{background:var(--color-white);top:1px;right:1px}#pop-ups .pop-up .close{transition-property:background-color,border-color,color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);display:inline-block;padding:.25em 1.5em;border-radius:2rem;background-color:var(--color1-bg);color:var(--color-white-inverted);border:1px solid var(--color1);cursor:pointer;text-transform:uppercase;position:relative;overflow:clip}#pop-ups .pop-up .close .hover,#pop-ups .pop-up .close .main{display:flex;justify-content:center}#pop-ups .pop-up .close .hover span,#pop-ups .pop-up .close .main span{display:inline-block;transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}#pop-ups .pop-up .close .hover{position:absolute;top:.25em;left:0;width:100%}#pop-ups .pop-up .close .hover span{transform:translateY(-100%)}#pop-ups .pop-up .close svg{fill:var(--color-white-inverted);transition-property:fill;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}#pop-ups .pop-up .close:focus-visible,#pop-ups .pop-up .close:hover{background-color:var(--color-white-dark);border-color:var(--color1);color:var(--color1)}#pop-ups .pop-up .close:focus-visible .main span,#pop-ups .pop-up .close:hover .main span{transform:translateY(100%)}#pop-ups .pop-up .close:focus-visible .hover span,#pop-ups .pop-up .close:hover .hover span{transform:translateY(0)}#pop-ups .pop-up .close:focus-visible svg,#pop-ups .pop-up .close:hover svg{fill:var(--color1)}#pop-ups .pop-up .close{position:absolute;padding:.25rem;right:-.5rem;top:-.5rem;width:3rem;height:3rem;z-index:3}#pop-ups .pop-up .close .line{transition-property:background;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);height:4px;background:var(--color-white-inverted)}#pop-ups .pop-up .close:focus .line,#pop-ups .pop-up .close:hover .line{background-color:var(--color1)}#pop-ups .pop-up .pop-up-inner{max-width:95vw;max-height:95vh;padding:3rem;border:1px solid var(--color1);border-radius:1rem;background:var(--color-white);clip-path:polygon(0 0,calc(100% - 4rem) 0,calc(100% - 4rem) 4rem,100% 4rem,100% 100%,0 100%)}#pop-ups .pop-up .pop-up-inner:has(.pop-up-column){background:none;border:none;padding:0;border-radius:0}#pop-ups .pop-up .pop-up-inner:has(.pop-up-column) .pop-up-column{border:1px solid var(--color1);background-color:var(--color-white);border-radius:1rem;padding:3rem}#pop-ups .pop-up .pop-up-inner:has(.pop-up-column) .format-image .image,#pop-ups .pop-up .pop-up-inner:has(.pop-up-column) .format-image img{width:100%}#pop-ups .pop-up .pop-up-inner:has(.pop-up-column) .format-image .image{border-radius:1rem}@container --scroll style(--scroll:1){#pop-ups .pop-up:before{right:20px}#pop-ups .pop-up:after{right:21px}#pop-ups .pop-up .close{right:calc(-.5rem + 20px)}#pop-ups .pop-up .pop-up-inner{padding-right:10px!important;clip-path:polygon(0 0,calc(100% - 4rem - 10px) 0,calc(100% - 4rem - 10px) 4rem,calc(100% - 10px) 4rem,calc(100% - 10px) 0,100% 0,100% 100%,0 100%)}}@media (max-width:48rem){#pop-ups .pop-up:has(.format-image):after,#pop-ups .pop-up:has(.format-image):before{content:none}#pop-ups .pop-up:has(.format-image) .pop-up-inner{clip-path:none}}@media (max-width:47.9375rem){#pop-ups .pop-up{max-width:90%}#pop-ups .pop-up .pop-up-inner{padding:1rem;padding-top:3.5rem}#pop-ups .pop-up .pop-up-inner:has(.pop-up-column){padding:0}#pop-ups .pop-up .pop-up-inner:has(.pop-up-column) .pop-up-column{padding:1rem;padding-top:3.5rem}}.start-anim-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:var(--color-white);display:flex;align-items:center;transition-property:opacity;transition-duration:2s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.start-anim-container .philmo-trenner-container{width:100%;max-width:none}.start-anim-container.inactive{opacity:0;pointer-events:none}}@layer overrides{.circled-image-copy{display:none}.circled-image img{border-radius:50%}.circled-image .image-copy{display:none!important}.circled-image .circled-image-copy{display:block;font-size:40%;line-height:1em;position:absolute;width:100%;height:100%;top:0;left:0;padding:.125em .25em;transition:transform .3s cubic-bezier(.55,1.65,.7,.985)}.circled-image .circled-image-copy .circled-image-copy-container{transform:rotate(200deg)}.circled-image .circled-image-copy text{fill:var(--color-grey-90);filter:drop-shadow(0 0 .125em var(--color-black))}.invisible{border:1px solid;clip-path:polygon(0 0,0 0,0 0,0 0);clip:auto;height:auto;z-index:1;pointer-events:none;margin:-1px;overflow:clip;padding:.5rem!important;position:absolute;width:auto;background:#fff;color:#000}.invisible:after,.invisible:before{content:none!important}a.invisible:focus{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:9999}.main-color{color:var(--color1)!important}.side-color1{color:var(--color2)!important}.side-color2{color:var(--color3)!important}.logo .image,.logos .image{overflow:visible!important}.span-1{--grid-span-desktop:1}.span-laptop-1{--grid-span-laptop:1}.span-tablet-1{--grid-span-tablet:1}.span-mobile-1{--grid-span-mobile:1}.starts-1{--grid-start-desktop:1}.starts-laptop-1{--grid-start-laptop:1}.starts-tablet-1{--grid-start-tablet:1}.starts-mobile-1{--grid-start-mobile:1}.span-2{--grid-span-desktop:2}.span-laptop-2{--grid-span-laptop:2}.span-tablet-2{--grid-span-tablet:2}.span-mobile-2{--grid-span-mobile:2}.starts-2{--grid-start-desktop:2}.starts-laptop-2{--grid-start-laptop:2}.starts-tablet-2{--grid-start-tablet:2}.starts-mobile-2{--grid-start-mobile:2}.span-3{--grid-span-desktop:3}.span-laptop-3{--grid-span-laptop:3}.span-tablet-3{--grid-span-tablet:3}.span-mobile-3{--grid-span-mobile:3}.starts-3{--grid-start-desktop:3}.starts-laptop-3{--grid-start-laptop:3}.starts-tablet-3{--grid-start-tablet:3}.starts-mobile-3{--grid-start-mobile:3}.span-4{--grid-span-desktop:4}.span-laptop-4{--grid-span-laptop:4}.span-tablet-4{--grid-span-tablet:4}.span-mobile-4{--grid-span-mobile:4}.starts-4{--grid-start-desktop:4}.starts-laptop-4{--grid-start-laptop:4}.starts-tablet-4{--grid-start-tablet:4}.starts-mobile-4{--grid-start-mobile:4}.span-5{--grid-span-desktop:5}.span-laptop-5{--grid-span-laptop:5}.span-tablet-5{--grid-span-tablet:5}.span-mobile-5{--grid-span-mobile:5}.starts-5{--grid-start-desktop:5}.starts-laptop-5{--grid-start-laptop:5}.starts-tablet-5{--grid-start-tablet:5}.starts-mobile-5{--grid-start-mobile:5}.span-6{--grid-span-desktop:6}.span-laptop-6{--grid-span-laptop:6}.span-tablet-6{--grid-span-tablet:6}.span-mobile-6{--grid-span-mobile:6}.starts-6{--grid-start-desktop:6}.starts-laptop-6{--grid-start-laptop:6}.starts-tablet-6{--grid-start-tablet:6}.starts-mobile-6{--grid-start-mobile:6}.span-7{--grid-span-desktop:7}.span-laptop-7{--grid-span-laptop:7}.span-tablet-7{--grid-span-tablet:7}.span-mobile-7{--grid-span-mobile:7}.starts-7{--grid-start-desktop:7}.starts-laptop-7{--grid-start-laptop:7}.starts-tablet-7{--grid-start-tablet:7}.starts-mobile-7{--grid-start-mobile:7}.span-8{--grid-span-desktop:8}.span-laptop-8{--grid-span-laptop:8}.span-tablet-8{--grid-span-tablet:8}.span-mobile-8{--grid-span-mobile:8}.starts-8{--grid-start-desktop:8}.starts-laptop-8{--grid-start-laptop:8}.starts-tablet-8{--grid-start-tablet:8}.starts-mobile-8{--grid-start-mobile:8}.span-9{--grid-span-desktop:9}.span-laptop-9{--grid-span-laptop:9}.span-tablet-9{--grid-span-tablet:9}.span-mobile-9{--grid-span-mobile:9}.starts-9{--grid-start-desktop:9}.starts-laptop-9{--grid-start-laptop:9}.starts-tablet-9{--grid-start-tablet:9}.starts-mobile-9{--grid-start-mobile:9}.span-10{--grid-span-desktop:10}.span-laptop-10{--grid-span-laptop:10}.span-tablet-10{--grid-span-tablet:10}.span-mobile-10{--grid-span-mobile:10}.starts-10{--grid-start-desktop:10}.starts-laptop-10{--grid-start-laptop:10}.starts-tablet-10{--grid-start-tablet:10}.starts-mobile-10{--grid-start-mobile:10}.span-11{--grid-span-desktop:11}.span-laptop-11{--grid-span-laptop:11}.span-tablet-11{--grid-span-tablet:11}.span-mobile-11{--grid-span-mobile:11}.starts-11{--grid-start-desktop:11}.starts-laptop-11{--grid-start-laptop:11}.starts-tablet-11{--grid-start-tablet:11}.starts-mobile-11{--grid-start-mobile:11}.span-12{--grid-span-desktop:12}.span-laptop-12{--grid-span-laptop:12}.span-tablet-12{--grid-span-tablet:12}.span-mobile-12{--grid-span-mobile:12}.starts-12{--grid-start-desktop:12}.starts-laptop-12{--grid-start-laptop:12}.starts-tablet-12{--grid-start-tablet:12}.starts-mobile-12{--grid-start-mobile:12}.no-margin{margin-bottom:calc(var(--grid-row-gap) * -1)}.mod_article.no-margin{margin-bottom:0}.less-margin{margin-bottom:calc(var(--grid-row-gap) * -.5)}.mod_article.less-margin{margin-bottom:2rem}.more-margin{margin-bottom:calc(var(--grid-row-gap) * .5)}.mod_article.more-margin{margin-bottom:6rem}.double-margin{margin-bottom:var(--grid-row-gap)}.mod_article.double-margin{margin-bottom:8rem}.no-margin-top{margin-top:calc(var(--grid-row-gap) * -1)}.mod_article.no-margin-top{margin-top:-4rem}.less-margin-top{margin-top:calc(var(--grid-row-gap) * -.5)}.mod_article.less-margin-top{margin-top:-2rem}.more-margin-top{margin-top:calc(var(--grid-row-gap) * .5)}.mod_article.more-margin-top{margin-top:2rem}.double-margin-top{margin-top:var(--grid-row-gap)}.mod_article.double-margin-top{margin-top:4rem}.button-container{display:flex;gap:1rem 3rem}@media (max-width:30rem){.button-container{flex-direction:column}.button-container a{width:100%}}@layer base{.format-tile a{display:block;position:relative;z-index:0;perspective:none}.format-tile a .text,.format-tile a figure{transition-property:transform;transition-duration:1s;transition-timing-function:cubic-bezier(.67,.01,0,1);backface-visibility:hidden;border:2px solid var(--color1);border-radius:1rem;width:calc(100% - .25px);height:calc(100% - .25px)}.format-tile a figure{overflow:clip}.format-tile a .text{position:absolute;top:0;left:0;transform:rotateY(180deg);background:var(--color-white-dark);color:var(--color-black-dark);padding:2rem 1rem}.format-tile a .text .h1,.format-tile a .text .h1 strong,.format-tile a .text .h2,.format-tile a .text .h2 strong,.format-tile a .text .h3,.format-tile a .text .h3 strong,.format-tile a .text .h4,.format-tile a .text .h4 strong,.format-tile a .text .h5,.format-tile a .text .h5 strong,.format-tile a .text .h6,.format-tile a .text .h6 strong,.format-tile a .text h1,.format-tile a .text h1 strong,.format-tile a .text h2,.format-tile a .text h2 strong,.format-tile a .text h3,.format-tile a .text h3 strong,.format-tile a .text h4,.format-tile a .text h4 strong,.format-tile a .text h5,.format-tile a .text h5 strong,.format-tile a .text h6,.format-tile a .text h6 strong{color:var(--color1)}.format-tile a .text .h2{font-size:calc(var(--fontsize-h2) * .8)}.format-tile a .text .smaller-text{font-size:calc(var(--fontsize-smaller) * .8)}.format-tile a .more{transition-property:background-color,border-color,color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);display:inline-block;padding:.25em 1.5em;border-radius:2rem;background-color:var(--color1-bg);color:var(--color-white-inverted);border:1px solid var(--color1);cursor:pointer;text-transform:uppercase;position:relative;overflow:clip}.format-tile a .more .hover,.format-tile a .more .main{display:flex;justify-content:center}.format-tile a .more .hover span,.format-tile a .more .main span{display:inline-block;transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.format-tile a .more .hover{position:absolute;top:.25em;left:0;width:100%}.format-tile a .more .hover span{transform:translateY(-100%)}.format-tile a .more svg{fill:var(--color-white-inverted);transition-property:fill;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.format-tile a .more{position:absolute;bottom:0;right:0;z-index:1}.format-tile a:before{transition-property:background-color,border-color,color;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1);display:inline-block;padding:.25em 1.5em;border-radius:2rem;background-color:var(--color1-bg);color:var(--color-white-inverted);border:1px solid var(--color1);cursor:pointer;text-transform:uppercase;position:relative;overflow:clip}.format-tile a:before .hover,.format-tile a:before .main{display:flex;justify-content:center}.format-tile a:before .hover span,.format-tile a:before .main span{display:inline-block;transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.format-tile a:before .hover{position:absolute;top:.25em;left:0;width:100%}.format-tile a:before .hover span{transform:translateY(-100%)}.format-tile a:before svg{fill:var(--color-white-inverted);transition-property:fill;transition-duration:.6s;transition-timing-function:cubic-bezier(.67,.01,0,1)}.format-tile a:before{position:absolute;bottom:0;right:0;z-index:1;content:"Weitere Infos";display:block;padding:.75em 2em;background:var(--color-white);border-radius:2rem 0 0 0;border-bottom:none;border-right:none;border-width:2px}@media (min-width:64rem){.format-tile a:focus figure,.format-tile a:hover figure{transform:rotateY(-180deg)}.format-tile a:focus .text,.format-tile a:hover .text{transform:rotateY(0)}.format-tile a:focus .more,.format-tile a:hover .more{background-color:var(--color-white-dark);border-color:var(--color1);color:var(--color1)}.format-tile a:focus .more .main span,.format-tile a:hover .more .main span{transform:translateY(100%)}.format-tile a:focus .more .hover span,.format-tile a:hover .more .hover span{transform:translateY(0)}.format-tile a:focus .more svg,.format-tile a:hover .more svg{fill:var(--color1)}}}.svg-headline{display:flex;justify-content:center}.philmo-gallery{padding-top:200px;position:relative}.philmo-gallery .list-container{max-width:var(--page-width);display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;margin:0 auto}.philmo-gallery .list-container li:nth-child(12n+1){grid-column:1/span 5;grid-row:span 5}.philmo-gallery .list-container li:nth-child(12n+2){grid-column:8/span 4;grid-row:span 5}.philmo-gallery .list-container li:nth-child(12n+3){grid-column:2/span 4;grid-row:span 9}.philmo-gallery .list-container li:nth-child(12n+4){grid-column:6/span 5;grid-row:span 5}.philmo-gallery .list-container li:nth-child(12n+5){grid-column:-5/span 4;grid-row:span 6}.philmo-gallery .list-container li:nth-child(12n+6){grid-column:3/span 6;grid-row:span 5}.philmo-gallery .list-container li:nth-child(12n+7){grid-column:1/span 4;grid-row:span 7}.philmo-gallery .list-container li:nth-child(12n+8){grid-column:6/span 5;grid-row:span 5}.philmo-gallery .list-container li:nth-child(12n+9){grid-column:-6/span 5;grid-row:span 7}.philmo-gallery .list-container li:nth-child(12n+10){grid-column:3/span 5;grid-row:span 5}.philmo-gallery .list-container li:nth-child(12n+11){grid-column:1/span 5;grid-row:span 7}.philmo-gallery .list-container li:nth-child(12n){grid-column:6/span 6;grid-row:span 5}.philmo-gallery .list-container li:nth-child(2){grid-row:2/span 5}.philmo-gallery .list-container li .image,.philmo-gallery .list-container li img{width:100%}.philmo-gallery .list-container li .image{border-radius:1rem}@media (max-width:47.9375rem){.philmo-gallery .list-container{gap:1rem}.philmo-gallery .list-container li .image{border-radius:.5rem}}.philmo-gallery .background{position:absolute;top:0;left:0;width:calc(100% + var(--page-padding-left-outer) + var(--page-padding-right-outer));height:100%;z-index:-1}.philmo-gallery .background.tiles svg{fill:var(--color1);opacity:.4}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.philmo-gallery .background.tiles svg path{animation:rotate 40s infinite linear;transform-origin:center;transform-box:fill-box}.philmo-gallery .background.tiles svg path:nth-child(2n){animation-direction:reverse;animation-duration:50s}.philmo-gallery .background.lines .svg-container{position:relative}.philmo-gallery .background.lines .svg-container .placeholder{opacity:0}.philmo-gallery .background.lines .svg-container .line{position:absolute;left:0}.philmo-gallery .background.lines .svg-container .line-1{top:1.5%}.philmo-gallery .background.lines .svg-container .line-2{top:20.1%}.philmo-gallery .background.lines .svg-container .line-3{top:65.6%}.philmo-gallery .background.lines .svg-container .line-4{top:72.4%}.philmo-gallery .background.lines svg{fill:none;stroke:var(--color1);stroke-width:4px;stroke-linecap:round}@media (max-width:47.9375rem){.philmo-gallery .background.lines svg{stroke-width:8px}}body.on-scroll-active #header{position:fixed;top:0;left:0;width:100vw}body.on-scroll-active #header+*{padding-top:var(--header-height)}body.on-scroll #header{border-color:var(--color1)}}}