/* MTH IT Service - Modernisierungs-Patch
   Ergänzt css/layout.css. Keine Änderung am Original. */

/* --- Index: Textüberlauf in Kacheln verhindern ---------------------- */
/* Wichtig: KEIN box-sizing-Wechsel, sonst verschieben sich die
   Spaltenbreiten gegenüber dem Original-Layout (content-box mit
   width + padding = Außenmaß). */
.sn_double_box,
.sn_single_box,
.sn_box_expert {
    overflow: hidden;
}

.sn_double_box .sn_double_box_top,
.sn_single_box .sn_single_box_top,
.sn_single_box .sn_single_box_bottom {
    overflow: hidden;
}

/* News-Kachel: 50px war zu groß und ließ den Text aus der Box laufen.
   Original layout.css uebersteuert mit hoher Spezifitaet
   (#page_body #page #start_navigation #umzug0 ... strong { 39px })
   -> hier mit !important erzwingen. */
.sn_double_box_top p.News {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
    color: #fff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.sn_double_box_top p.News strong {
    font-size: 26px !important;
    line-height: 1.3 !important;
    display: inline-block;
    font-weight: 600;
    color: #fff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
}

.sn_double_box_top p.lesson_news {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 6px 0;
    color: #fff;
}
.sn_double_box_top p.lesson_news_text {
    margin: 0;
}
.sn_double_box_top p.lesson_news_text a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: underline;
    word-break: break-word;
}

/* umzug2: Original-Look (weißer Hintergrund, graue Schrift) beibehalten,
   aber Schriftgröße so reduzieren, dass die E-Mail-Adresse in die Box passt. */
#umzug2 .lesson_news {
    background-color: #fff !important;
    color: #999 !important;
    padding: 5px !important;
    font-size: 18px !important;
    margin: 0 !important;
    font-weight: normal !important;
}
#umzug2 .lesson_news_text {
    background-color: #fff !important;
    color: #999 !important;
    padding-bottom: 8px !important;
    
    margin-top: 8px !important;
    font-weight: bold !important;
    word-break: break-all;
    overflow-wrap: break-word;
}
#umzug2 .lesson_news_text a {
    color: #999 !important;
    font-size: 28px !important;
    text-decoration: underline;
    word-break: break-all;
}

/* Single-Box Inhalt darf nicht überlaufen */
.sn_single_box .content h3 {
    font-size: 14px;
    line-height: 1.25;
    margin: 0 0 4px 0;
    font-weight: 600;
}
.sn_single_box .content p,
.sn_single_box .content p.default {
    font-size: 12px;
    line-height: 1.3;
    margin: 4px 0 0 0;
    font-weight: 400;
}
.sn_single_box .content {
    width: auto;
    margin: 8px 0 0 0;
    padding: 0 4px;
}
.sn_single_box .content.margin {
    width: auto;
    margin: 8px 4px 0 4px;
}

/* Expert-Box (Cloud/KI): Wolken-Icon links, Text rechts daneben (nicht darunter).
   Per Flexbox auf dem Container, damit das robust gegen die Original-Regeln
   in layout.css (.logo-wide{float:left}, .content.wide{width:370px}) ist. */
.sn_box_expert .sn_single_box_bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 4px 8px 0 4px;
}
.sn_box_expert .logo-wide {
    float: none !important;
    flex: 0 0 auto;
    width: 56px !important;
    margin: 0 !important;
    text-align: center;
}
.sn_box_expert .logo-wide > i {
    font-size: 40px !important;
    line-height: 1;
}
.sn_box_expert .content.wide {
    flex: 1 1 auto;
    width: auto !important;
    margin: 0 !important;
}
.sn_box_expert .clearer {
    display: none !important; /* Flex regelt das, der alte Clearfix ist hinderlich */
}
.sn_box_expert h1 {
    font-size: 14px !important;
    margin: 0;
}
.sn_box_expert h3 {
    font-size: 15px !important;
    line-height: 1.25;
    margin: 0;
}
.sn_box_expert p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4;
}

/* CTA-Link am Ende der Expert-Box */
.sn_box_expert a.cta {
    display: inline-block;
    font-size: 16px;
    margin: 16px 0 0 16px;
    padding: 10px 18px;
    background: #ffffff;
    color: #222;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
}
.sn_box_expert a.cta:hover {
    background: #f0f0f0;
}

/* Kontaktbox bei Mailto-Link in Doppelbox */
.sn_double_box a {
    color: #ffffff;
    text-decoration: underline;
}

/* Dezenter Retro-Hinweis im Footer */
.retro-hint {
    font-size: 10px;
    color: #888;
    margin: 4px 0 0 0;
    font-style: italic;
    line-height: 1.3;
}
.retro-hint a {
    color: #888;
    text-decoration: underline;
}

/* Schulung: Originale 35px-Headline ist mit dem laengeren Text
   (Praxisnahe Schulungen & Coaching ...) zu gross fuer die Box. */
.training_main_box_center h1 {
    font-size: 26px !important;
    line-height: 1.2;
    margin: 0 0 8px 0;
}

/* --- Detailseiten: Listen lesbar halten ----------------------------- */
/* Original setzt fixe height: 250px – mit den neuen Stichpunkt-Listen
   reicht das nicht. Höhe flexibilisieren, Mindesthöhe behalten,
   Hintergrundbild strecken und Floats korrekt einschließen. */
.consulting_detail_box,
.develop_detail_box,
.training_detail_box,
.care_detail_box {
    height: auto !important;
    min-height: 250px;
    padding-bottom: 20px;
    overflow: hidden;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.consulting_detail_box::after,
.develop_detail_box::after,
.training_detail_box::after,
.care_detail_box::after {
    content: "";
    display: block;
    clear: both;
}
.consulting_detail_box ul,
.develop_detail_box ul,
.training_detail_box ul,
.care_detail_box ul {
    margin: 6px 0 12px 18px;
    padding: 0;
}
.consulting_detail_box li,
.develop_detail_box li,
.training_detail_box li,
.care_detail_box li {
    margin: 4px 0;
    line-height: 1.35;
}

/* --- GitHub Social-Icon ------------------------------------------- */
.social.github {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.1.79-.25.79-.56 0-.27-.01-1.16-.02-2.11-3.2.69-3.87-1.36-3.87-1.36-.52-1.33-1.27-1.69-1.27-1.69-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.75 2.69 1.24 3.34.95.1-.74.4-1.24.72-1.53-2.55-.29-5.24-1.27-5.24-5.66 0-1.25.45-2.27 1.18-3.07-.12-.29-.51-1.46.11-3.04 0 0 .96-.31 3.16 1.17.92-.26 1.9-.39 2.88-.39.98 0 1.96.13 2.88.39 2.2-1.49 3.16-1.17 3.16-1.17.63 1.58.23 2.75.11 3.04.74.8 1.18 1.82 1.18 3.07 0 4.4-2.69 5.36-5.25 5.65.41.35.78 1.05.78 2.12 0 1.53-.01 2.76-.01 3.13 0 .31.21.67.8.55C20.22 21.38 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5z'/></svg>");
    background-size: 14px 14px;
    background-position: left center;
}

/* --- Honeypot ------------------------------------------------------- */
.mth-hp {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* --- Reduce-Motion / a11y ------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}