.cms_div_um_alles {background-image: url("/individuell/bilder/Hintergrundbild_Logo KiCux_web.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center;}

div, p, li, input, a {font-family: 'Comfortaa', sans-serif; font-size: 1rem; line-height: 1.8rem;}
p {margin: 8px 0;}
a {color: #792f61; font-weight: bold;}
a:hover {text-decoration: underline;}



/*------------------------- Kopfbereich ---------------------------*/
#bilderleiste {height: 40vh;}



/*------------------------- Navigation ---------------------------*/
#navi_mobile_2020 {background-color: #792f61d4;}
#navi_mobile_2020 #navi_mobile_2020_burgermenu {height: 5vh;}
#navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: #792f61d4;}


#navigation {background-color: transparent; height: 45px; transition: 0.2s;}
#navigation.scrolled_down {background-color: #792f61;}
#navigation ul {width: auto;}
#navigation ul li {display: flex; flex-direction: column; position: relative; padding: 0 10px;}
#navigation ul li a {height: auto; color: #dfdfdf; position: relative; transition: 0.4s; padding: 8px 16px;}
#navigation ul li ul {background: #792f61e8; position: absolute; top: 41px; min-width: 70%; box-shadow: 0 5px 5px gray; padding: 5%; right: unset;}
#navigation ul li ul li a {animation: none; color: #dfdfdf; padding: 10px 0; height: auto; min-height: unset;}
#navigation ul li ul li a:hover {color: white;}
#navigation ul li ul li a:before {background: white;}
#navigation ul li ul li a:hover:before {background: white;}
#navigation ul li ul li a.aktiv {color: white;}
#navigation ul li ul li a.aktiv:before {background: white;}
#navigation ul li ul li a.aktiv:hover {color: white;}
#navigation ul li a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 0; background: white; height: 5px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#navigation ul li a:hover:before {left: 0; right: 0;}
#navigation ul li a:hover {color: white;}
#navigation ul li a.aktiv {color: white;}
#navigation ul li a.aktiv:before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: white; height: 5px;}
#navigation ul li a.aktiv:hover {color: white;}
#navigation ul li ul {margin-right: 0; display: flex; flex-direction: column; position: absolute; padding: 0 15px;}




/*------------------------- Inhalt ---------------------------*/
#inhalt {background-color: #ffffffab; border-radius: 10px; padding: 5%; width: calc(1200px - 10%); margin: 10px 0 20px 0;}
#inhalt h1 {color: #792f61; font-family: 'Comfortaa', sans-serif; margin: 20px 0 8px 0;}
#inhalt h2 {color: #792f61; font-family: 'Comfortaa', sans-serif; margin: 20px 0 8px 0;}
#inhalt #content {padding-right: 5% !important;}

@media screen and (max-width: 1320px) {
 #inhalt {width: 85%; padding: 4%;}
 #inhalt h1 {font-size: 1.6rem; line-height: 2.2rem;}
}



.kurztext_global {background-color: #ffffff9e; border-radius: 5px; padding: 20px 30px; margin: 20px 0;}
.kurztext_global h3 {font-family: 'Comfortaa', sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: bold; color: #792f61; margin: 15px 0 5px 0;}
.kurztext_global .kurztext_text_div p {font-family: 'Comfortaa', sans-serif; font-size: 0.85rem; line-height: 1.35rem;}



.nurtext_global {margin: 0; padding: 0;}
.nurtext_global h1 {margin-top: 50px !important;}



.newsletter_abo_button {background-color: #792f61c2; width: 100% !important;}
.newsletter_abo_button:hover {background-color: #792f61;}



#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global {background-color: #ffffff9e;}
#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global h3 {font-family: 'Comfortaa', sans-serif; font-size: 1rem; line-height: 1.8rem; font-weight: bold; color: #792f61; margin: 0 0 5px 0;}



.textblock {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#facebook_button {background-image: url("/individuell/bilder/f_logo_RGB-White_72.png"); height: 30px; width: 30px; background-size: contain; transition: 0.3s;}
#facebook_button:hover {background-image: url("/individuell/bilder/f_logo_RGB-Black_72.png");}



#back_to_top_btn {background-color: #29204bd4; border: 2px solid #ffffff9e;}


.datei_download_multi {background-color: #ffffff9e; border-radius: 5px; padding: 20px 30px; margin: 20px 0;}
.datei_download_multi h3 {font-family: 'Comfortaa', sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: bold; color: #792f61;}
.datei_download_multi .download_beschreibung p {font-family: 'Comfortaa', sans-serif; font-size: 1rem; line-height: 1.8rem;}
.datei_download_multi a {color: #792f61;}








/*------------------------- News ---------------------------*/
#inhalt #bausteinbereiche_bausteine_3 .news_ausgabe .kurztext_global {background-color: #ffffff9e; position: relative;}
#inhalt #bausteinbereiche_bausteine_3 .news_ausgabe .kurztext_global:hover h3 {padding-left: 15px;}
#inhalt #bausteinbereiche_bausteine_3 .news_ausgabe .kurztext_global h3 {font-family: 'Comfortaa', sans-serif; font-size: 1.4rem; line-height: 2rem; color: #792f61; transition: 0.3s;}
#inhalt #bausteinbereiche_bausteine_3 .news_ausgabe .kurztext_global .kurztext_text_div_mehr_zeigen {position: absolute; height: 100%; width: 100%; display: flex; top: 0; left: 0; color: transparent;}







/*------------------------- Kontaktformular ---------------------------*/
#kontaktformular fieldset {background-color: rgb(255 255 255 / 56%);}
#kontaktformular fieldset legend {background-color: #792f61;}
#kontaktformular #kontaktform_senden input[value="Anfrage senden"] {background-color: #792f61;}






/*------------------------- Seminare Kurzausgabe Baustein ---------------------------*/
.baustein_aktuelle_seminare .baustein_aktuelle_seminare_link {border-bottom-color: #792f61; padding: 12px 0;}
.baustein_aktuelle_seminare .baustein_aktuelle_seminare_link:hover {background-color: transparent; padding: 12px 0; text-decoration: none;}
.baustein_aktuelle_seminare .ausgabe_baustein_aktuelle_seminare {width: 92%; padding: 4%; display: flex; flex-wrap: wrap; background-color: #ffffff9e; border-radius: 5px; transition: 0.3s;}
.baustein_aktuelle_seminare .ausgabe_baustein_aktuelle_seminare:hover {padding: 6% 4%}
.baustein_aktuelle_seminare .ausgabe_baustein_aktuelle_seminare h3 {color: #792f61; font-size: 1rem; line-height: 1.5rem;}
.baustein_aktuelle_seminare .ausgabe_baustein_aktuelle_seminare h4 {color: #792f61; font-size: 0.8rem; line-height: 1.1rem;}







/*------------------------- Seminare Kurzausgabe Termin ---------------------------*/
#m_sem_datumswahl {background-color: transparent; padding: 1% 0;}
#m_sem_datumswahl .m_sem_zeile input[type="submit"] {background-color: #792f61; font-size: 0.8rem; line-height: 1.4rem;}


.m-sem_seminar_kurz {width: 92%; padding: 4%; display: flex; flex-wrap: wrap; background-color: #ffffff9e; border-radius: 5px; transition: 0.3s;}
#inhalt .m-sem_seminar_kurz .sem_kurz_beschreibung h1 {color: #792f61; font-size: 1.6rem; line-height: 2rem; margin: 15px 0 0 0;}
.m-sem_seminar_kurz .sem_kurz_beschreibung h1 a {color: #792f61; font-size: 1.6rem; line-height: 2rem;}
#inhalt .m-sem_seminar_kurz .sem_kurz_beschreibung h1 a:hover {text-decoration: none;}
#inhalt .m-sem_seminar_kurz .sem_kurz_beschreibung h2 {color: #a1a1a1 !important; font-size: 1.2rem; line-height: 1.8rem; margin: 4px 0 0 0;}


.m-sem_seminar_kurz .sem_btn_weitere_infos input[type="submit"] {font-size: 0.8rem; line-height: 1.4rem; color: white; background-color: #792f61;}
.m-sem_seminar_kurz .sem_btn_weitere_infos input[type="submit"]:hover {background-color: white; color: #792f61;}
.m-sem_seminar_kurz .online_buchen input[type="submit"] {font-size: 0.8rem; line-height: 1.4rem; color: white; background-color: #792f61;}
.m-sem_seminar_kurz .online_buchen input[type="submit"]:hover {background-color: white; color: #792f61;}
.m-sem_seminar_kurz .m_sem_button input[type="submit"] {font-size: 0.8rem; line-height: 1.4rem; background-color: white; color: #792f61;}
.m-sem_seminar_kurz .m_sem_button input[type="submit"]:hover {color: white; background-color: #792f61;}


.m-sem_seminar_kurz .auf_merkliste input[type="submit"] {font-family: 'Comfortaa', sans-serif; font-size: 0.8rem; line-height: 1.3rem; background-color: #8c8c8c;}







/*------------------------- Seminare buchen ---------------------------*/
#m_sem_buchungsseite .m-sem_seminar_kurz .sem_kurz_bild {display: none;}
#m_sem_anmeldung #sem_buchen_menue .sem_buchen_button, #m_sem_anmeldung #sem_buchen_menue .sem_buchen_button_aktiv {background-color: #ffffff9e;}
#m_sem_anmeldung #sem_buchen_menue .sem_buchen_button_aktiv {color: white; background-color: #792f61;}
#m_sem_anmeldung #sem_buchen_menue .m_sem_buchen_pfeil_aktiv {border-color: transparent transparent transparent #792f61;}

#m_sem_anmeldung fieldset {border-color: #792f61;}
#m_sem_anmeldung fieldset legend {border-color: #792f61;}

#m_sem_anmeldung input[type="submit"], #m_sem_anmeldung .m_sem_wie_input_submit {border-color: #792f61; background-color: #792f61;}

#m_sem_zusammenfassung_buchung h3 {background-color: #792f61;}
#m_sem_zusammenfassung_buchung {border-color: #792f61;}
#m_sem_zusammenfassung_buchung h4 {border-color: #792f61; color: #792f61;}








/*------------------------- Angebote nach Anbietern ---------------------------*/
form._200_userregistrierung input, select, textarea {font-family: 'Comfortaa', sans-serif;}
#m_sem_submit_auswahl_anbieter {font-size: 0.8rem; line-height: 1.3rem; background-color: #792f61; border: none; border-radius: 5px; padding: 3px 8px; color: white; transition: 0.3s;}
#m_sem_submit_auswahl_anbieter:hover {background-color: white; color: black;}
.m_sem_anzahl_seminare {background-color: #ffffff9e; border-radius: 5px; font-size: 0.8rem; line-height: 1.3rem;}
input[name="m_sem_anbieter_auch_vergangene_senden"] {font-size: 0.8rem; line-height: 1.3rem; background-color: #792f61; border: none; border-radius: 5px; padding: 3px 8px; color: white; transition: 0.3s;}
input[name="m_sem_anbieter_auch_vergangene_senden"]:hover {background-color: white; color: black;}

#m_sem_semuebersicht h2.rubrikname {background-color: #792f61;}
.m_sem_seminare_einer_kategorie .m-sem_seminar_kurz .sem_btn_weitere_infos input[type="submit"] {font-size: 0.8rem; line-height: 1.4rem; color: white; background-color: #792f61;}
.m_sem_seminare_einer_kategorie .m-sem_seminar_kurz .sem_btn_weitere_infos input[type="submit"]:hover {background-color: white; color: #792f61;}




/*------------------------- Angebote Langausgabe ---------------------------*/
#inhalt .m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_ausgabe_lang_termine .seminartermine_kurz .m_sem_ausgabe_semort_in_semlang h2 {color: #792f61;}

#inhalt .m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_ausgabe_lang_anbieter #m_sem_anbieter_in_semlang #liste_anbieter_bereiche #liste_anbieter_kurzinfo #anbieterliste_link_detailseite, #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 #liste_anbieter_kurzinfo #anbieterliste_link_detailseite {font-size: 0.8rem; line-height: 1.4rem; color: white; background-color: #792f61;}
#inhalt .m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_ausgabe_lang_anbieter #m_sem_anbieter_in_semlang #liste_anbieter_bereiche #liste_anbieter_kurzinfo #anbieterliste_link_detailseite:hover, #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 #liste_anbieter_kurzinfo #anbieterliste_link_detailseite:hover {background-color: white; color: black; text-decoration: none;}

#inhalt .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: #792f61;}
#inhalt .m_sem_seminar_lang #m_sem_lang_inhalt_steckbrief a {color: #792f61;}



/*------------------------- Seminare Langausgabe ---------------------------*/
#inhalt .m_sem_seminar_lang h1 {color: #792f61;}
#inhalt .m_sem_seminar_lang h2 {color: #a1a1a1;}
#inhalt .m_sem_seminar_lang #m_sem_terminausgabe_lang_menue div {background-color: #792f61;}
#inhalt .m_sem_seminar_lang #m_sem_terminausgabe_lang_menue div:hover {background-color: #a44284;}
#inhalt .m_sem_seminar_lang #m_sem_terminausgabe_lang_menue div.m_sem_ausgabe_lang_reiter_aktiv {background-color: #ffffff9e; color: #792f61; border-color: #792f61; border-bottom-color: #ffffff9e;}
#inhalt .m_sem_seminar_lang #m_sem_terminausgabe_lang_menue div.m_sem_ausgabe_lang_reiter_aktiv:hover {background-color: #ffffff9e; color: #792f61; border-color: #792f61;}
#inhalt .m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt, #inhalt .m_sem_seminar_lang #m_sem_ausgabe_lang_haupt {border-color: #792f61; background-color: #ffffff9e;}
#m_sem_ausgabe_datum_lang_ort .m_sem_ausgabe_semort_in_semterminlang h4 {background-color: #792f61;}

#inhalt .m_sem_seminar_lang .auf_merkliste input[type="submit"], #inhalt .m_sem_seminar_lang .von_merkliste input[type="submit"] {font-family: 'Comfortaa', sans-serif; font-size: 0.8rem; line-height: 1.3rem; background-color: #8c8c8c;}

#inhalt .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"] {font-size: 0.8rem; line-height: 1.4rem; color: white; background-color: #792f61;}
#inhalt .m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt .online_buchen input[type="submit"]:hover, #inhalt .m_sem_seminar_lang .online_buchen input[type="submit"]:hover {background-color: white; color: #792f61;}

#inhalt .m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt #m_sem_teilnehmerzugang_form input[type="submit"], #inhalt .m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_teilnehmerzugang_form input[type="submit"] {font-size: 0.8rem; line-height: 1.4rem; background-color: white; color: #792f61;}
#inhalt .m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt #m_sem_teilnehmerzugang_form input[type="submit"]:hover, #inhalt .m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_teilnehmerzugang_form input[type="submit"]:hover {color: white; background-color: #792f61;}


#inhalt .m_sem_seminar_lang #m_sem_lang_inhalt_steckbrief .bezeichner {width: auto; margin-right: 8px;}








/*------------------------- intuitive Vorlage ---------------------------*/
#vorl200_sprungmarken_bausteinbereiche li a {background-color: #792f61; border-radius: 5px;}
#vorl200_sprungmarken_bausteinbereiche li a:hover {text-decoration: none;}











/*------------------------- Fuß ---------------------------*/
#fuss {background-color: #792f61d4; padding: 2%; width: calc(100% - 4%);}
#fuss a {padding: 0 14px; color: white;}
#fuss a:hover {text-decoration: underline;}
#fuss #facebook_button {padding: 0; margin: 0 14px;}
#fuss #login_link {width: 100%; text-align: center; margin-top: 10px; font-size: 0.8rem; color: #bfbfbf;}










/*------------------------- Comfortaa Font ---------------------------*/
/* comfortaa-300 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/comfortaa-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v34-latin-300.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/comfortaa-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v34-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-500 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/comfortaa-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v34-latin-500.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-600 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/comfortaa-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v34-latin-600.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-700 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/comfortaa-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v34-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
}