.blog_pw_center{text-align:center}.passwort_eingabe{display:inline-block;text-align:left;margin:50px;border-radius:10px;padding:36px;background-color:#f6f6f6}.passwort_eingabe .fehlermeldung{padding:12px;color:#5d0a0a}.passwort_eingabe input{margin-top:20px;height:18px;border-radius:5px;padding:8px;border:1px solid #999}.blog_menu{margin-left:10%;margin-right:10%;padding-bottom:24px;border-bottom:3px solid #f7f7f7}.blog_menu .kat{display:inline-block;padding:20px;border-radius:8px;margin:6px;background-color:#e8e8e8;border:2px solid #e1e1e1;cursor:pointer;transition:all .2s}.blog_menu .verfassermenu{display:inline-block;float:right;border-radius:8px;padding:8px;margin:4px;background-color:#e8e8e8;border:2px solid #e1e1e1}.blog_menu .kat.kategorie_entfernt{background-color:#ffeaea;color:#949494;border:2px solid #e1d0d0}.blog_menu .kat:hover{background-color:#c2c2c2}.blog_menu .kat.kategorie_entfernt:hover{background-color:#fcdddd;color:#8b7e7e;border:2px solid #c6adad}.blogzusatzkat input{width:20px;height:20px;vertical-align:middle}.blogzusatzkat label{font-size:15px;vertical-align:middle}div#blogauflistung{text-align:center;display:none;padding-left:10%;padding-right:10%}#blogauflistung .blogkarte{display:flex;padding:8px;margin:10px;text-align:left;flex-wrap:wrap;gap:30px;background-color:#f5f5f5;border-radius:20px;align-items:center}#blogauflistung .blogkarte .head{display:inline-block;width:30%}#blogauflistung .blogkarte .inhalte{display:inline-block;width:40%}#blogauflistung .blogkarte .optionen{display:inline-block;width:25%}#blogauflistung .blogkarte .optionen .ersteller{background-color:#d4d4d4;display:block;border-radius:8px;padding:8px}#blogauflistung .blogkarte .bthumbnail:hover{outline:4px solid #77b6d0;cursor:pointer}#blogauflistung .blogkarte .bthumbnail .edit{opacity:0;font-size:100px;transition:all 0.3s;padding-top:95px;color:#618c8e}#blogauflistung .blogkarte .bthumbnail:hover .edit{opacity:1}#blogauflistung .blogkarte .titel{font-size:20px;display:inline-block;vertical-align:middle}#blogauflistung .blogkarte .knoepfe{text-align:center}#blogauflistung .blogkarte .knopfbereich:hover{background-color:#4d3888;color:#fff;cursor:pointer}#blogauflistung .blogkarte .knopfbereich{font-size:34px;color:#4d3888;display:inline-block;padding:4px;margin:4px;border-radius:8px;transition:all 0.3s}#blogauflistung .blogkarte .status{font-size:28px;cursor:default}input#blogsuche{width:calc(100% - 152px);padding:20px 64px;background-image:url(../../img/lupe.png);background-size:36px;background-repeat:no-repeat;background-position:16px center;font-size:24px;border-radius:14px;margin-top:24px;color:#6b6b6b}.blogsuche_container{padding-left:10%;padding-right:10%}.blogkarte.kat{width:250px;display:inline-block;vertical-align:top;padding:16px;margin:8px;transition:all .3s;border-radius:8px;box-shadow:rgb(0 0 0 / 16%) 2px 4px 20px 0}.blogkarte.kat.klein{width:calc(20% - 64px);min-width:115px}.blogkarte.kat:hover{transform:scale(1.05)}.blogkarte.kat.klein .bthumbnail{height:125px}.blogkarte .titel{font-weight:700}.blogkarte .indikator{padding:8px;margin:8px 0 8px 0;vertical-align:top;text-align:center}.blogkarte .indikator img{height:36px;vertical-align:middle}.blogkarte .datum{display:block;font-size:15px;text-align:right}.blogkarte .keywords{color:#454545;font-size:15px}.blogkarte .anzeige_datum{padding:4px 0 4px 0;text-align:center;color:#000}.blogkarte .thumbnail{width:100%;height:150px;border-radius:4px;margin:0;padding:0;border:none}.blogkarte .thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:4px}.details .beschreibung{color:#5c5c5c;font-size:87%;overflow:hidden}a.blog_element{box-shadow:0 0 8px 0 #0d0d0d21;display:block;border-radius:8px;background-color:#fff;transition:transform 0.2s}a.blog_element:hover{transform:scale(1.03)}a.blog_element.contain .blogkarte .bild img{object-fit:contain}.blog_zeile{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin:0 0 0 0;text-align:left;padding:16px}.blog_zeile .bild{flex-basis:calc(20% - 8px)}.blog_zeile .bild img{width:100%;object-fit:cover;height:100%;border-radius:4px}.blog_zeile .details{display:inline-flex;flex-direction:column;align-items:flex-start;flex-basis:calc(75% - 8px);flex-grow:1;justify-content:center}.blog_zeile .details .beschreibung{height:unset}.blog_zeile .details .titel{font-weight:700}a.blog_element .bereich_drunter{margin-bottom:16px;background-color:#ededed;padding:12px 16px;text-align:left;border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between}a.blog_element .bereich_drunter span.blog_datum{color:#000;font-size:80%}a.blog_element .bereich_drunter .blog_kategorien{margin:0;text-align:left}a.blog_element .kategorien_anzeige{padding:4px 8px;margin:4px;font-size:80%;background-color:#dbdbdb;color:#444;border-radius:6px;vertical-align:middle;display:inline-block}a.blog_element .kategorien_anzeige.haupt{font-weight:700}a.blog_element:has(.blogkarte) .bereich_drunter{display:inline-block;margin-bottom:0}a.blog_element:has(.blogkarte){display:inline-flex;flex-direction:column;width:250px;margin:6px}a.blog_element:has(.blogkarte) .blog_kategorien{height:64px;overflow:hidden;position:relative}a.blog_element:has(.blogkarte) a.blog_element .bereich_drunter span.blog_datum{color:#6c6c6c;display:block;text-align:right;margin-top:8px}.blogkarte{display:inline-block;vertical-align:top;padding:16px;margin:8px;transition:all .3s;border-radius:8px;background-color:#fff}.blogkarte .bild{width:100%;height:200px;border-radius:8px;outline:0;transition:all .3s;text-align:center;align-items:center}.blogkarte .bild img{width:100%;height:100%;border-radius:8px;object-fit:cover}.blogkarte .details{text-align:left;padding-top:8px;vertical-align:middle}.blogkarte .details .titel{font-weight:700;word-break:break-word;color:var(--firmenfarbe)}.blogkarte .details .beschreibung{font-size:90%;max-height:80px;color:#5c5c5c;overflow:hidden}.blogkarte .details .beschreibung.verlauf{background:-webkit-linear-gradient(#5c5c5c,#fff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}#blogauflistung .blogkarte .bthumbnail{background-size:cover;background-position:center center;height:285px}.bthumbnail{width:100%;height:200px;outline:0;transition:all .3s;text-align:center;align-items:center}.bthumbnail img{object-fit:cover;width:100%;height:100%;border-radius:8px}.overlay .bthumbnail{background-size:contain;background-repeat:no-repeat}.datenbox .datenboxinhalt .bthumbnail{height:105px;width:125px;background-repeat:no-repeat;background-size:contain}.overlayform .bthumbnail img{width:270px}h2.blog_kategorie{font-size:24px}.halbe.spalte.paywall{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:center}.halbe.spalte.paywall .paywall_richtung_anzeige{writing-mode:vertical-rl;text-orientation:mixed;text-align:right;padding:6px;color:#9a9a9a}.layout_paywall:first-of-type{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #9c9c9c}.layout.paywall_anzeige{margin:20px 0 60px 0}.layout_paywall_auswaehlen{margin-left:20px;margin-top:10px;display:inline-block;padding:4px 8px;background-color:var(--firmenfarbe);color:var(--firmenfarbe_text);border-radius:4px}.layout_paywall_auswaehlen:hover{background-color:var(--firmenfarbe_heller);cursor:pointer}.overlay_inhalt.sichtbar .blog_paywall.ausgewaehlt{background-color:#f9fff8;padding:8px 0;margin:10px 0;border-radius:8px}.blog_paywall.ausgewaehlt .layout_paywall_auswaehlen{background-color:darkred}.blog_paywall.ausgewaehlt .layout_paywall_auswaehlen:hover{background-color:#ac1414}.blog_kategorien .kategorie{display:inline-block}.layout.blog_verfasser .spalte_1{border-top:4px solid var(--firmenfarbe);padding-top:30px}.layout.blog_verfasser .block.ersteller{padding:0 16px;text-align:center;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.layout.blog_verfasser .block.ersteller .blog_profilbild{background-position:center center;background-size:cover;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:18px}.layout.blog_verfasser .block.ersteller .ersteller_text{display:inline-block;vertical-align:middle;text-align:right;padding-left:18px;border-left:2px solid var(--firmenfarbe_dunkler)}.layout.blog_verfasser .block.ersteller .ersteller_text a{font-size:125%}.layout.blog_verfasser .block.ersteller .ersteller_text p.rolle{display:inline-block;padding:2px 6px;background-color:#e4e4e4;color:#000;border-radius:4px}.block.share{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}.block.share .share_knopf{display:inline-block;font-size:125%;background-color:#222;color:#f4f4f4;padding:12px;border-radius:8px;outline:0 solid #fff;transition:all .3s}.block.share .share_knopf:hover{outline:2px solid #000;color:#222;background-color:#f4f4f4;cursor:pointer}.block.share .share_knopf span:last-of-type{vertical-align:middle}.block_blog_chrono{overflow:auto}.block_blog_chrono .blogkarte.kat.links{float:left}.block_blog_chrono .blogkarte.kat.rechts{float:right}.blog_kategorien{text-align:center;margin-bottom:32px}.blog_kategorien .kategorie.haupt{margin-bottom:16px;display:block}.blog_kategorien .kategorie.haupt a{padding:10px 18px;display:inline-block;background-color:var(--firmenfarbe_dunkler);color:var(--firmenfarbe_text);font-size:20px;transition:all .3s;border-radius:8px;margin-top:4px;vertical-align:middle}.blog_kategorien .kategorie.haupt a:hover{filter:brightness(1.5)}.blog_kategorien .kategorie a{padding:10px 18px;display:inline-block;background-color:var(--firmenfarbe);color:var(--firmenfarbe_text);font-size:13px;transition:all .3s;border-radius:8px;margin-top:4px;vertical-align:middle}.blog_kategorien .kategorie a:hover{filter:brightness(1.5)}.blog .block{padding-top:5px;padding-bottom:5px}.fakebild{width:100%;min-height:250px;height:100%;background-color:#c2c2c2}.kategorie_liste .eintrag{position:relative;display:grid;gap:10px;padding:12px;background-color:#ededed;border-radius:8px;justify-items:center;margin:16px 0}.kategorie_liste .eintrag .bild img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.kategorie_liste .eintrag .bild{width:100%;height:200px}.kategorie_liste .eintrag .titel{width:100%;font-size:20px;font-weight:700;color:#363636}.kategorie_liste .eintrag .beschreibung{width:100%;opacity:.8}.kategorie_liste .eintrag .abonniert_anzeige{position:absolute;right:25px;top:25px}.kategorie_liste .eintrag .abonniert_anzeige span.cmsicon{font-size:42px;color:#339e45;background-color:#b6edbf;border-radius:50%;padding:8px;border:3px solid #339e45}.blog_kat_abonnieren_hintergrund{position:fixed;width:100vw;height:100vh;background-color:rgb(0 0 0 / 35%);backdrop-filter:blur(4px);z-index:10;left:0;top:0;opacity:0;transition:opacity 0.5s}.blog_kat_abonnieren_hintergrund.aktiv{opacity:1}.kategorie_abonnieren_overlay{transition:opacity 0.5s;opacity:0}.kategorie_abonnieren_overlay:not(.aktiv){display:none}.kategorie_abonnieren_overlay.aktiv{position:fixed;display:flex;z-index:11;left:20%;top:15%;width:60vw;background-color:#fff;padding:16px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around;box-shadow:0 0 19px rgb(0 0 0 / 25%)}.kategorie_abonnieren_overlay .kasten_links{flex-grow:0;flex-basis:calc(50% - 32px)}.kategorie_abonnieren_overlay .kasten_links .kategorie_bild{aspect-ratio:1/1;max-height:300px;width:100%;object-fit:cover;border-radius:6px}.kategorie_abonnieren_overlay .kasten_rechts{flex-grow:0;flex-basis:calc(50% - 32px);padding:16px;text-align:left}.kategorie_abonnieren_overlay .kat_titel{font-size:20px;font-weight:bolder}.kategorie_abonnieren_overlay .kasten_darueber,.kasten_darunter{flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 32px);padding:16px 0;display:inline-flex;flex-direction:row;justify-content:center;align-items:center}.kategorie_abonnieren_overlay .kasten_darueber{justify-content:space-between}.kategorie_abonnieren_overlay .kasten_darueber span.cmsicon:hover{font-weight:700;opacity:1;border-width:2px;padding:7px;cursor:pointer}.kategorie_abonnieren_overlay .kasten_darueber span.cmsicon{border:1px solid;padding:8px;border-radius:6px;color:var(--firmenfarbe);opacity:.2;transition:opacity .3s}.kategorie_abonnieren_overlay .kasten_abschluss{display:none;flex-grow:0;font-size:110%;flex-basis:100%;color:var(--firmenfarbe_dunkler)}.kategorie_abonnieren_overlay .kasten_abschluss .cmsicon{font-size:36px;color:var(--firmenfarbe)}.kategorie_abonnieren_overlay .kat_abo_knopf{font-size:14px;vertical-align:middle;flex-grow:1;padding:10px 0;color:var(--firmenfarbe_text);background-color:var(--firmenfarbe);transition:all .3s}.kategorie_abonnieren_overlay .kat_abo_knopf:hover{background-color:var(--firmenfarbe_heller);cursor:pointer}.kategorie_abonnieren_overlay input.kat_abo_input{padding:8px;font-size:14px;flex-basis:250px;flex-grow:3;font-family:monospace}.kategorie_abonnieren_overlay input.kat_abo_input.inkorrekt{border:1px solid #d12424;background-color:#fff8f8}@media screen and (max-width:1050px){#blogauflistung .blogkarte{gap:30px;flex-direction:column}div#blogauflistung{padding-left:8px;padding-right:8px}#blogauflistung .blogkarte .head{width:100%}#blogauflistung .blogkarte .inhalte{width:100%}#blogauflistung .blogkarte .optionen{width:100%}.blog_menu .kat{display:block}.details .beschreibung{height:auto}.details .beschreibung.zulang:hover{height:auto}div#teilen{margin-top:10px;border-radius:10px;transform:scale(.6)}div#teilen:hover{border-radius:14px}.verfasser_anzeige{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.blog_zeile{padding:8px}}@media screen and (max-width:600px){.layout:not(:has(.spalte)) .blog_zeile .bild img{width:100%;object-fit:cover;height:unset;aspect-ratio:1/1}}