:root {
  --hauptfarbe: #bccf02;
  --hauptfarbe_alternativ: #4caf50; /* hellere Version des mediamor rot */
  --hauptfarbe_hellhinterg: #f1f5c9; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #92966d; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: black;
}

* { scrollbar-color: var(--hauptfarbe_alternativ) var(--hellgrau);}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar-track {background: var(--hauptfarbe_alternativ);}
*::-webkit-scrollbar-thumb {background-color: var(--hellgrau); border-radius: 20px; border: 3px solid var(--hauptfarbe_alternativ);}

body {background-color: var(--hauptfarbe_hellhinterg)}
#bilderleiste {display: none}

#navigation {justify-content: flex-start}
#navigation #logo_in_navi {margin-right: 3rem;}

#inhalt p a {border-bottom: 0 solid var(--hauptfarbe_alternativ); color: var(--hauptfarbe_alternativ); font-weight: 500;}
#sohle {border-top: 1px solid var(--hauptfarbe); background-color: white; width: calc(100% - 10px)}


/*CSS anpassung für Seminare*/
.seminar_btn {background-color: var(--hauptfarbe_alternativ); border: 2px solid var(--hauptfarbe_alternativ);}
.seminar_btn:hover {border: 2px inset var(--hauptfarbe_alternativ);}

.m-sem_seminar_kurz .sem_kurz_beschreibung h1 a {color: var(--hauptfarbe_alternativ)}
.m-sem_seminar_kurz .sem_btn_weitere_infos input[type="submit"] {background-color: var(--hauptfarbe_alternativ); border: 2px solid var(--hauptfarbe_alternativ);}
.m-sem_seminar_kurz .m_sem_button input[type="submit"] {box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;}

.m-sem_seminar_kurz .online_buchen {left: 225px;}
.m-sem_seminar_kurz .online_buchen input[type="submit"] {background-color: var(--hauptfarbe_alternativ); border: 2px solid var(--hauptfarbe_alternativ);}

.m_sem_seminar_lang h1 {color: var(--zweitfarbe) !important}
.m_sem_seminar_lang #m_sem_bearbeiten input[type="submit"] {background-color: var(--hauptfarbe_alternativ) !important; border: 2px solid var(--hauptfarbe_alternativ) !important;}
.m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt .online_buchen input[type="submit"], #inhalt .m_sem_seminar_lang .online_buchen input[type="submit"] {background-color: var(--hauptfarbe_alternativ); border: 2px solid var(--hauptfarbe_alternativ);}
.m_sem_seminar_lang #m_sem_terminausgabe_lang_menue div.m_sem_ausgabe_lang_reiter_aktiv {color: var(--zweitfarbe) !important;}
.m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_ausgabe_lang_anbieter #m_sem_anbieter_in_semlang #liste_anbieter_kontakt a, #inhalt .m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt #m_sem_ausgabe_datum_lang_anbieter #m_sem_anbieter_in_semlang #liste_anbieter_kontakt a {color: var(--hauptfarbe_alternativ) !important}
.m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_ausgabe_lang_anbieter #m_sem_anbieter_in_semlang #liste_anbieter_bereiche, #inhalt .m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt #m_sem_ausgabe_datum_lang_anbieter #m_sem_anbieter_in_semlang #liste_anbieter_bereiche { margin-top: 10px;}
.m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_ausgabe_lang_termine .seminartermine_kurz li {border-bottom: 3px solid var(--hauptfarbe_alternativ) !important;}
.m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt .online_buchen input[type="submit"], #inhalt .m_sem_seminar_lang .online_buchen input[type="submit"] { background-color: var(--hauptfarbe_alternativ) !important; border: 2px solid var(--hauptfarbe_alternativ) !important;}

#m_sem_ausgabe_datum_lang_ort .m_sem_ausgabe_semort_in_semterminlang h4 {background-color: var(--hauptfarbe_alternativ)}
#m_sem_ausgabe_datum_lang_ort .m_sem_ausgabe_semort_in_semterminlang h2 { color: var(--zweitfarbe)}

#m_sem_lokal_rollstuhlgerecht{display: none}

#m_sem_zusammenfassung_buchung h4 {color: var(--zweitfarbe); border-bottom: 2px solid var(--hauptfarbe_alternativ);}

#m_sem_anmeldung input[type="submit"],#m_sem_anmeldung .m_sem_wie_input_submit {background-color: var(--hauptfarbe_alternativ); border: 2px solid var(--hauptfarbe_alternativ);}

.m_sem_ausgabe_datum_lang_termin_bezeichung {color: var(--hauptfarbe_alternativ) !important}

/*Vertrag Druckansicht*/

#indiv_sbs_vertag {padding-left: 4%; padding-right: 4%; font-family: Arial, Helvetica, sans-serif; position: relative; display: grid; grid-template-rows: 27% 66%; grid-row-gap: 10rem;}
#indiv_sbs_vertag p {margin: 0.4rem 0 0.4rem 0;}

#indiv_sbs_vertag .indiv_sbs_logo_und_firma {display: grid; justify-content: end; justify-items: end;}
#indiv_sbs_vertag .indiv_sbs_logo_und_firma p {margin: 0.4rem 0;}
#indiv_sbs_vertag .indiv_sbs_logo_und_firma img {width: 47%;}

#indiv_sbs_vertag .indiv_sbs_kunde {position: absolute;  top: 5cm; left:1.5cm; width: 9cm; padding: 0.5rem; z-index: -3; max-height: 4.5cm;}
#indiv_sbs_vertag .indiv_sbs_kunde p {font-size: 10pt; margin-bottom: 0.2rem; margin-top: 0;}
#indiv_sbs_vertag .indiv_sbs_vertragspartner_bez {position: absolute; top:-4rem; margin-bottom: 0.5rem; font-size: 10pt; line-height: 10pt;}
#indiv_sbs_vertag .indiv_sbs_kunde .indiv_sbs_kunde_persoenliche_daten {margin-top: 4.5rem}

#indiv_sbs_vertag .indiv_sbs_unterschrift {display: flex; border-top: 1px solid black; width: 40%; margin-top: 40px; justify-content: space-between;}
#indiv_sbs_vertag .indiv_sbs_vertragsbedigungen p {font-size: 10pt; line-height: 10pt;}


@media print {
  @page {size: A4 portrait; margin: 5mm;}

  #indiv_sbs_vertag .indiv_sbs_unterschrift {margin-top: 50px; width: 500px; padding: 0 0 0 3%;}
  #indiv_sbs_vertag .indiv_sbs_logo_und_firma img {width: 41%;}

  #sem_buchung_drucken .sem_drucken_steuer_leiste {display: none;}
}