@charset "UTF-8";
/*
 * ATT – Brücke zum neuen Design (Stand 10/2026)
 * Wird als LETZTES Stylesheet geladen und überschreibt nur Farben, Schriften,
 * Buttons und Menü. Aufbau, Kopfbild (Banner) und Fries bleiben unverändert.
 * Entfernen = eine <link>-Zeile pro Seite löschen.
 * Schriften selbst gehostet (SIL OFL), keine Google-Anfragen.
 */
@font-face{font-family:"Marcellus";font-weight:400;font-display:swap;src:url(fonts/marcellus-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}
/* Fett (700) wird bewusst mit dem Halbfett-Schnitt (600) dargestellt – wirkt weicher, wie im Menü */
@font-face{font-family:"Source Sans 3";font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}

:root{
  --att-maroon:#6e1414;      /* Hausfarbe dunkel (bisher #660000) */
  --att-maroon-ink:#4a0c0c;
  --att-red:#c0261b;         /* Hervorhebungen, z. B. Preise (bisher #DD0000) */
  --att-saffron:#ec8a22;     /* Akzent (bisher #FF7F00, etwas ruhiger) */
  --att-saffron-text:#c45f00;/* Orange für Text auf Weiß (lesbar) */
  --att-saffron-light:#ffad5c;/* Orange für Text auf Dunkelrot */
  --att-saffron-soft:#fde3c6;
  --att-apricot:#efcaa0;     /* Seitenhintergrund: Sandstein-Apricot (bisher #FCB36B, gedeckter) */
  --att-ink:#4a2216;         /* Fließtext: warmes Dunkelbraun-Rot (nah am alten #660000, aber ruhiger) */
  --att-rust:#a8401a;        /* Zwischenüberschriften: Rost/Terrakotta wie Rajasthans Sandstein */
  --att-muted:#76665c;
  --att-line:#e6dbcf;
  --att-card:#fbf0e1;        /* Inhalt: helles Sandbeige statt Weiß – ruhiger fürs Auge */
}

@media screen, projection {
  /* Grundfläche: Apricot bleibt, nur ruhiger; Inhalt als helle Karte */
  body{background:var(--att-apricot) !important;color:var(--att-ink);
       font-family:"Source Sans 3",Arial,Helvetica,sans-serif;font-size:90% !important;
       -webkit-font-smoothing:antialiased}
  #main{background:var(--att-card) !important}
  .page_margins .page{box-shadow:0 6px 24px rgba(74,12,12,.10)}

  /* Text */
  p,li,dd,td,th{color:var(--att-ink)}
  p{line-height:1.6}
  ul li{color:var(--att-ink)}
  ul li::marker{color:var(--att-saffron)}
  .text_braun,p.text_braun{color:var(--att-maroon)}
  /* Inline gesetzte Alt-Schriften (Trebuchet/Arial) auf die neue Textschrift */
  #main [style*="font-family"]{font-family:"Source Sans 3",Arial,sans-serif !important}

  /* Überschriften halbfett in Source Sans 3 (wie das Menü) */
  h1,h2,h3,h4,h5,h6,.priceconv{color:var(--att-maroon);line-height:1.25}
  h1.tlink,h2.tlink,h3.tlink,h4.tlink,h5.tlink{color:var(--att-saffron-text) !important}
  h1.redlink,h2.redlink,h3.redlink,h4.redlink,h5.redlink{color:var(--att-red) !important}
  h1{font-family:"Source Sans 3",Arial,sans-serif !important;font-weight:700 !important;font-size:120% !important;color:var(--att-maroon) !important;line-height:1.25;margin-top:0 !important}
  h2,h3,h4,h5,h6,.priceconv{font-family:"Source Sans 3",Arial,sans-serif !important;font-weight:700 !important}
  #col3_content h2,#col3_content h3{color:var(--att-rust)}
  #col3_content h2{padding-bottom:3px;border-bottom:2px solid rgba(236,138,34,.35)}
  /* H1 im rechten Inhaltsbereich (z. B. AGB) wie Zwischenüberschrift – Marcellus nur für den Seitentitel links */
  #col3_content h1{font-family:"Source Sans 3",Arial,sans-serif !important;font-weight:700 !important;font-size:112% !important;color:var(--att-maroon) !important;letter-spacing:0}
  h2,.priceconv{font-size:112% !important}
  h3{font-size:106% !important}
  /* Unterzeile in der H1 der Tourseiten: klein in Textschrift, damit nichts in die Galerie ragt */
  h1 + h2{font-family:"Source Sans 3",Arial,sans-serif !important;font-size:13px !important;font-weight:700 !important;letter-spacing:0;color:var(--att-saffron-text) !important;margin-top:.2em !important}
  #gallery{margin-top:8px}
  h1 span{font-family:"Source Sans 3",Arial,sans-serif !important;font-size:13px !important;font-weight:700;letter-spacing:0}

  /* Links */
  a,a:visited{color:var(--att-saffron-text)}
  a:hover,a:focus{color:var(--att-maroon-ink);text-decoration:underline}
  .tlink,.tlink:visited,.tlink:hover,.tlink:active{color:var(--att-saffron-text)}
  .redlink,.redlink:visited,.redlink:hover,.redlink:active{color:var(--att-red)}

  /* Signalrot (#DD0000) -> Hausfarbe, Orange -> ruhigeres Safran */
  [style*="#DD0000"],[style*="#dd0000"],[style*="color:red"],[style*="color: red"],font[color="#DD0000"],font[color="#dd0000"],font[color="red"]{color:var(--att-red) !important}
  [style*="#FF7F00"],[style*="#ff7f00"],font[color="#FF7F00"],font[color="#ff7f00"]{color:var(--att-saffron-text) !important}
  [style*="#FCB36B"],[style*="#fcb36b"]{border-color:var(--att-saffron) !important}

  /* Buttons wie im neuen Formular */
  .detail_button,.quote_button,a.quote_button,a.detail_button{
       background:var(--att-maroon) !important;color:#fff !important;border:0 !important;border-radius:999px !important;
       padding:9px 22px !important;font:600 1em/1.2 "Source Sans 3",Arial,sans-serif !important;
       box-shadow:none !important;text-shadow:none !important;text-decoration:none !important;color:#fde3c6 !important}
  .detail_button:hover,.quote_button:hover{background:var(--att-saffron) !important;color:#fff !important}
  .detail_button,.quote_button,.detail_button:hover,.quote_button:hover,.detail_button:active,.quote_button:active,.detail_button:focus,.quote_button:focus{text-shadow:none !important;box-shadow:none !important}

  /* Menü (QuickMenu): flaches Dunkelrot statt Verlaufsgrafik */
  #qm0{background:linear-gradient(180deg,#7c2216 0%,#4a0c0c 100%) !important}
  #qm0 a{font-family:"Source Sans 3",Arial,sans-serif !important;font-size:14px !important;font-weight:600;
         color:var(--att-saffron-light) !important;border-color:rgba(0,0,0,.35) !important;height:auto !important;padding:6px 20px 6px 12px !important}
  #qm0 a:hover,#qm0 li:hover>a,body #qm0 .qmactive{background:var(--att-saffron) !important;background-image:none !important;color:#fff !important}
  #qm0 div,#qm0 ul{background:var(--att-saffron-soft) !important;border:1px solid #e9b98a !important;border-radius:8px;
         box-shadow:0 8px 24px rgba(74,12,12,.15);padding:6px !important}
  #qm0 div a,#qm0 ul a{color:var(--att-maroon) !important;font-weight:400;font-size:14px !important;padding:5px 10px !important;border-radius:6px}
  #qm0 div a:hover,#qm0 ul li:hover>a{background:var(--att-saffron) !important;color:#fff !important}

  /* Bisheriges Buchungsformular (YAML-Formular .yform) */
  .yform label{color:var(--att-ink) !important;font-family:"Source Sans 3",Arial,sans-serif !important}
  .yform input[type=text],.yform input[type=email],.yform input[type=tel],.yform select,.yform textarea{
       font:15px/1.3 "Source Sans 3",Arial,sans-serif !important;color:var(--att-ink) !important;background:#fff !important;
       border:1px solid #d9c6b4 !important;border-radius:6px !important;padding:4px 7px !important;box-shadow:none !important;height:auto !important;min-height:30px;box-sizing:border-box !important}
  .yform .fcolumn_left,.yform .fcolumn_right,.yform .fcolumn_left_s,.yform .fcolumn_right_s{height:66px !important}
  .yform .fcolumn_left,.yform .fcolumn_left_s{clear:left}
  .yform input:focus,.yform select:focus,.yform textarea:focus{border-color:var(--att-saffron) !important;outline:2px solid rgba(232,137,44,.25) !important}
  .yform .type-button input,.yform input[type=submit],.yform input[type=reset],.yform button{
       background:var(--att-maroon) !important;color:#fff !important;border:0 !important;border-radius:999px !important;
       padding:9px 24px !important;font:600 15px "Source Sans 3",Arial,sans-serif !important;cursor:pointer;color:#fde3c6 !important;text-shadow:none !important;box-shadow:none !important}
  .yform input[type=reset]{background:#fff !important;color:var(--att-maroon) !important;border:1px solid var(--att-line) !important}

  /* Gästebuch (Lazarus): Verdana -> Textschrift */
  .font1,.font2,.font3,.select,.input,.gbsearch{font-family:"Source Sans 3",Arial,sans-serif !important;color:var(--att-ink) !important}
  .font1 b,.font1 strong,.font3{color:var(--att-maroon) !important}
  .font2{color:var(--att-rust) !important}
  .font1{font-size:15px !important;line-height:1.55 !important}
  .font2{font-size:13.5px !important;line-height:1.5 !important}
  .font3{font-size:12.5px !important}

  /* Link „Entfernungen & Fahrzeiten“ auf der Karte: von oben platzieren, damit größere Schrift nicht an den Rand stößt */
  #dist{bottom:auto !important;top:10px !important;right:12px !important;line-height:1.25 !important;text-align:right}

  /* Trennlinien und Rahmen in Safran */
  #tour_desc,#film{border-top-color:var(--att-saffron) !important}
  .divider_daytour,.threepix{background:var(--att-saffron) !important}

  /* Startseite: Borte als transparente Grafik (vorher mit eingebranntem Alt-Apricot), Orange-Balken etwas gedeckter */
  #fries_start{background:url(/images/start/fries_big_v2.png) repeat-x !important}
  #orange_bar{filter:saturate(.82) brightness(.96)}
  #topnav{background:transparent !important}
  /* Sprach-/Kontaktlinks oben auf dem Apricot: Hausrot statt Orange, gut lesbar */
  #topnav,#topnav a,#topnav a:visited{color:var(--att-maroon) !important;font-weight:600}
  #topnav a:hover{color:var(--att-maroon-ink) !important;text-decoration:underline}

  /* Fuß */
  #footer{background:linear-gradient(180deg,#7c2216 0%,#4a0c0c 100%) !important;border-top:3px solid var(--att-saffron) !important;color:var(--att-saffron-light) !important}
  #footer a,.flink,.flink:visited{color:var(--att-saffron-light) !important}

  /* Bilder bleiben eckig: Karten und Galerie haben eingebaute Rahmen, runde Ecken schnitten diese an */
}