.nachhilfe-original a{color:#12677b}
.nachhilfe-original a:hover{text-decoration:none}
.nachhilfe-original a:focus-visible, .nachhilfe-original button:focus-visible, .nachhilfe-original input:focus-visible, .nachhilfe-original textarea:focus-visible, .nachhilfe-original select:focus-visible{outline:3px solid #ef9d43;outline-offset:3px}
.nachhilfe-original .wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.nachhilfe-original .narrow{max-width:780px}
.nachhilfe-original .site-header{background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #e5ebef}
.nachhilfe-original .head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nachhilfe-original .brand{display:flex;align-items:center;gap:10px;color:#18364a;font-weight:800;text-decoration:none;font-size:1.1rem;line-height:1.1}
.nachhilfe-original .brand img{width:52px;height:52px;object-fit:contain}
.nachhilfe-original .accent{display:block;color:#16829a}
.nachhilfe-original .head nav{display:flex;gap:25px}
.nachhilfe-original .head nav a{text-decoration:none;color:#263f51;font-weight:650}
.nachhilfe-original .head nav a:hover{color:#137e95}
.nachhilfe-original .menu{display:none}
.nachhilfe-original .skip{position:absolute;top:-60px;left:12px;background:#fff;padding:8px;z-index:10}
.nachhilfe-original .skip:focus{top:10px}
.nachhilfe-original .hero{background:linear-gradient(120deg,#eff9fc,#f6faf9);padding:78px 0}
.nachhilfe-original .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.nachhilfe-original .hero-img{width:100%;max-height:450px;object-fit:cover;border-radius:24px;box-shadow:0 20px 50px #143f5a22}
.nachhilfe-original h1, .nachhilfe-original h2, .nachhilfe-original h3{line-height:1.2;color:#18364a}
.nachhilfe-original h1{font-size:clamp(2.3rem,4.8vw,4.1rem);letter-spacing:-.045em;margin:10px 0 22px}
.nachhilfe-original h2{font-size:clamp(1.8rem,3.2vw,2.7rem);letter-spacing:-.03em;margin:8px 0 30px}
.nachhilfe-original h3{font-size:1.28rem;margin:12px 0}
.nachhilfe-original .eyebrow{color:#137e95;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.8rem}
.nachhilfe-original .lead{font-size:1.18rem;max-width:600px}
.nachhilfe-original .actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.nachhilfe-original .btn{display:inline-block;padding:12px 22px;border-radius:9px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer;border:2px solid #137e95}
.nachhilfe-original .primary{background:#137e95;color:white}
.nachhilfe-original .primary:hover{background:#0b6376}
.nachhilfe-original .secondary{background:white;color:#137e95}
.nachhilfe-original .secondary:hover{background:#eaf8fb}
.nachhilfe-original .small{font-size:.88rem;color:#576a78}
.nachhilfe-original .section{padding:78px 0;scroll-margin-top:85px}
.nachhilfe-original .soft{background:#f1f7f9}
.nachhilfe-original .cards{display:grid;gap:22px}
.nachhilfe-original .three{grid-template-columns:repeat(3,1fr)}
.nachhilfe-original .two{grid-template-columns:repeat(2,1fr)}
.nachhilfe-original .card{background:white;padding:28px;border:1px solid #dfe9ed;border-radius:16px;box-shadow:0 8px 22px #193d4c09}
.nachhilfe-original .step{display:inline-block;color:#137e95;font-weight:850;font-size:1.3rem}
.nachhilfe-original .card ul{padding-left:20px}
.nachhilfe-original .notice{border-left:5px solid #137e95;background:#eff9fc;padding:18px 22px;margin:25px 0}
.nachhilfe-original .notice p{margin:4px 0}
.nachhilfe-original .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}
.nachhilfe-original .contact-grid .card{height:100%}
.nachhilfe-original label{display:block;font-weight:700;margin-top:14px;margin-bottom:5px}
.nachhilfe-original input, .nachhilfe-original select, .nachhilfe-original textarea{display:block;width:100%;padding:11px 12px;border:1px solid #9fb4bf;border-radius:8px;background:#fff;color:#203044;font:inherit}
.nachhilfe-original textarea{resize:vertical}
.nachhilfe-original form button{margin-top:8px}
.nachhilfe-original footer{background:#18364a;color:#fff;padding:28px 0}
.nachhilfe-original .foot{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
.nachhilfe-original footer a{color:#d2f2f9}
@media(max-width:800px){.nachhilfe-original .hero-grid, .nachhilfe-original .contact-grid{grid-template-columns:1fr}
.nachhilfe-original .three{grid-template-columns:1fr}
.nachhilfe-original .hero{padding:45px 0}
.nachhilfe-original .hero-img{max-height:300px}
.nachhilfe-original .menu{display:block;border:1px solid #bfd4db;background:#fff;border-radius:8px;padding:9px 13px;font:inherit}
.nachhilfe-original .head{flex-wrap:wrap;padding:10px 0}
.nachhilfe-original .head nav{display:none;width:100%;flex-direction:column;gap:0;padding-bottom:12px}
.nachhilfe-original .head nav.open{display:flex}
.nachhilfe-original .head nav a{padding:10px 0}
.nachhilfe-original .section{padding:55px 0}}
@media(max-width:520px){.nachhilfe-original .two{grid-template-columns:1fr}
.nachhilfe-original .wrap{width:min(100% - 28px,1120px)}
.nachhilfe-original .card{padding:21px}
.nachhilfe-original .brand{font-size:.96rem}}
@media(prefers-reduced-motion:reduce){}
.nachhilfe-original{margin-top:32px;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#203044;background:#fff;border-radius:16px;overflow:hidden}
.nachhilfe-original .hero{background:linear-gradient(120deg,#eff9fc,#f6faf9)}
.nachhilfe-original .btn.primary{background:#137e95;color:#fff}
.nachhilfe-original .btn.secondary{background:#fff;color:#137e95;border:2px solid #137e95}
.nachhilfe-original .card{display:block;text-decoration:none;color:#203044}
.nachhilfe-original .section{padding:65px 0}
.nachhilfe-original .section h2{color:#18364a}
.nachhilfe-original a{color:#12677b}
.nachhilfe-original .btn.primary{color:white}
.nachhilfe-original .hero-grid{display:grid}
@media(max-width:800px){.nachhilfe-original .hero-grid{grid-template-columns:1fr}}

/* Kontrastkorrektur: Einleitungstext auf hellem Nachhilfe-Hintergrund */
.nachhilfe-original .hero .lead{color:#233e50;font-weight:500;line-height:1.65;}

/* Drei bebilderte Ablaufkarten */
.nachhilfe-original #nh-ablauf {background:#f0eff7;}
.nachhilfe-original #nh-ablauf h2 {text-align:center;color:#587d85;font-size:clamp(2rem,4.2vw,3.6rem);font-weight:500;margin-bottom:32px;}
.nachhilfe-original #nh-ablauf .cards.three {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;}
.nachhilfe-original #nh-ablauf .card {padding:0;overflow:hidden;border:0;border-radius:24px;background:#fff;box-shadow:none;}
.nachhilfe-original #nh-ablauf .ablauf-bild {width:100%;height:255px;display:block;object-fit:cover;object-position:center;background:white;}
.nachhilfe-original #nh-ablauf .ablauf-inhalt {padding:24px 26px 32px;}
.nachhilfe-original #nh-ablauf .ablauf-inhalt h3 {color:#5b929e;font-size:1.65rem;margin:0 0 12px;}
.nachhilfe-original #nh-ablauf .ablauf-inhalt p {color:#5b7f89;line-height:1.5;margin:0;}
@media(max-width:850px){.nachhilfe-original #nh-ablauf .cards.three{grid-template-columns:1fr;max-width:540px;margin:auto}.nachhilfe-original #nh-ablauf .ablauf-bild{height:290px}}

/* Nur die Ueberschrift der Nachhilfe-Startseite an Ablauf-Ueberschrift anpassen */
.nachhilfe-original #nh-start h1 {font-size:clamp(2rem,4.2vw,3.6rem);font-weight:500;letter-spacing:normal;}

/* Nur die Farbe der Nachhilfe-Hauptueberschrift angepasst */
.nachhilfe-original #nh-start h1 {color:#587d85;}

/* Nur Bildposition: Oberkante des Lernbildes auf die Oberkante der Hauptueberschrift setzen */
.nachhilfe-original #nh-start .hero-grid{align-items:start;}
.nachhilfe-original #nh-start .hero-img{margin-top:var(--lernfoto-offset, 0px);}
@media(max-width:800px){.nachhilfe-original #nh-start .hero-img{margin-top:0;}}
