html, body {scroll-behavior: smooth; }


#back_to_top_btn {display: none; position: fixed; right: 4vw; bottom: 4vh; z-index: 1000; font-size: 0.8rem; border: none; outline: none; background-color: var(--hellgrau); color: white; cursor: pointer; padding: 16px 12px; border-radius: 50%; transition: 0.3s; animation: fadeEffect 0.8s; }
#back_to_top_btn img {width: 22px; transform: rotate(180deg); }




/*---- Cookie Hinweis -----------------------------------------------------------*/
#cookie_hintergrund {display: flex; flex-wrap: wrap; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; justify-content: center; align-items: center; background-color: #0000008f; animation: fadeEffect 1s;}
#cookie_hinweis {position: fixed; margin: auto; z-index: 1000; font-size: 1rem; line-height: 1.6rem; width: 85vw; min-width: 300px; max-width: 900px; background-color: var(--hellgrau); display: flex; flex-direction: column; font-weight: 400; letter-spacing: 0.03rem; border-radius: 5px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.22), 0px 10px 25px 0px rgba(0, 0, 0, 0.30); max-height: 80vh; height: min-content; overflow: auto; top: 0; bottom: 0; left: 0; right: 0; }


#cookie_hinweis input[type="submit"] {padding: 5px 10px; margin: 8px;}
#cookie_hinweis input[type="submit"].cookie_verwendungs_verwaltung_alle_cookies_akzeptieren {padding: 10px 15px; flex-basis: 100%; text-transform: uppercase; letter-spacing: 1px;}

#cookie_hinweis h4 {font-size: 1.4rem; line-height: 1.8rem; color:  var(--hauptfarbe); font-weight: normal; text-align: center; }

#cookie_hinweis #cookie_bestaetigung {display: flex; flex-wrap: wrap; justify-content: center; }

#cookie_hinweis #cookie_bestaetigung div {display: flex; flex-wrap: wrap; }
#cookie_hinweis #cookie_bestaetigung div label {display: flex; flex-direction: column; background-color: var(--mittelgrau); border-radius: 5px; margin: 10px; flex: 1; min-width: 200px; transition: 0.3s; padding: 20px 20px 20px 35px; position: relative; }
#cookie_hinweis #cookie_bestaetigung div label:hover {box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.22), 0px 3px 10px 0px rgba(0, 0, 0, 0.30); cursor: pointer; }

#cookie_hinweis #cookie_bestaetigung div label.disabled:hover {box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0); cursor: default; }

#cookie_hinweis #cookie_bestaetigung div label input[type="checkbox"] {margin: 0; }
#cookie_hinweis #cookie_bestaetigung div label h5 {font-size: 1.1rem; line-height: 1.5rem; color:  var(--hauptfarbe); font-weight: normal; margin: 10px 0 0 0; line-height: normal; }


#cookie_hinweis #cookie_bestaetigung ul {list-style: none; margin: 0; padding: 0; }
#cookie_hinweis #cookie_bestaetigung ul li h6 {margin: 10px 0 4px 0; font-size: 0.85rem; color:  var(--dunkelgrau); }
#cookie_hinweis #cookie_bestaetigung ul li p {margin: 0; font-size: 0.8rem; line-height: 1.15rem; color:  var(--dunkelgrau); }

#cookie_hinweis #cookie_bestaetigung #cookie_verwendung_alle_cookies_akzeptieren {box-shadow: 0 0 5px rgba(0, 0, 0, 0.22); transition: 0.3s; padding: 10px 20px 10px 20px; color:  var(--hell); background-color:  var(--hauptfarbe); border-radius: 6px; border: none; text-transform: uppercase; margin: 10px; letter-spacing: 1px; font-size: 0.85rem; }
#cookie_hinweis #cookie_bestaetigung #cookie_verwendung_alle_cookies_akzeptieren:hover {cursor: pointer; background-color:  var(--hauptfarbe); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.22), 0px 3px 10px 0px rgba(0, 0, 0, 0.30); }

#cookie_hinweis #cookie_bestaetigung #cookie_verwendung_cookies_auswahl_akzeptieren {border: none; font-size: 0.85rem; background-color: white; }
#cookie_hinweis #cookie_bestaetigung #cookie_verwendung_cookies_auswahl_akzeptieren:hover {cursor: pointer; text-decoration: underline; }

.textkasten-kurztext-bearbeiten {width: 100%; max-width: 450px; }


/*---- Cookie Hinweis - indiv. Checkboxes ---------------*/

/* The container */
/* #cookie_hinweis #cookie_bestaetigung div label */

/* Hide the browser's default checkbox */
#cookie_hinweis #cookie_bestaetigung div label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.cookie_indiv_checkbox {position: absolute; top: 0; left: 0; height: 25px; width: 25px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; }

.cookie_indiv_checkbox.disabled {background-color: var(--grau) !important; }
/* On mouse-over, add a grey background color */
#cookie_hinweis #cookie_bestaetigung div label:hover input ~ .cookie_indiv_checkbox {background-color:  var(--hauptfarbe); }

/* When the checkbox is checked, add a blue background */
#cookie_hinweis #cookie_bestaetigung div label input:checked ~ .cookie_indiv_checkbox {background-color:  var(--hauptfarbe); }

/* Create the checkmark/indicator (hidden when not checked) */
#cookie_hinweis #cookie_bestaetigung div label .cookie_indiv_checkbox:after {content: ""; position: absolute; display: none; left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Show the checkmark when checked */
#cookie_hinweis #cookie_bestaetigung div label input:checked ~ .cookie_indiv_checkbox:after {display: block; }



/*---- Cookie Hinweis -----------------------------------------------------------*/


#cookie_hinweis_verwaltung {font-size: 1.2rem; line-height: 2rem; background-color: white; display: flex; flex-direction: column; font-weight: 400; letter-spacing: 0.03rem; padding: 3%;}

/* #cookie_hinweis_verwaltung h4 {font-size: 1.4rem; color:  var(--hauptfarbe); font-weight: normal; text-align: center; } */

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung {display: flex; flex-wrap: wrap; }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div {display: flex; flex-wrap: wrap; }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label {display: flex; flex-direction: column; background-color:  var(--hellgrau); border-radius: 5px; margin: 10px; flex: 1; min-width: 180px; transition: 0.1s; padding: 15px; position: relative; }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label:hover {box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.65); cursor: pointer; }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label.disabled:hover {box-shadow: 0px 0px 0px 0px; cursor: default; }

/* #cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label input[type="checkbox"] {margin: 0; } */
#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label .cookie_verwaltung_input {margin: 0; }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label h5 {font-size: 1.1rem; line-height: 1.5rem; color:  var(--hauptfarbe); font-weight: normal; margin: 15px 0 3px 0; line-height: normal; }


#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung ul {list-style: none; margin: 0; padding: 0; }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung ul li h6 {margin: 10px 0 5px 0; font-size: 0.85rem; line-height: 1.1rem; color:  var(--dunkelgrau); }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung ul li p {margin: 0; font-size: 0.75rem; line-height: 1rem; color:  var(--dunkelgrau); }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung #cookie_verwendung_alle_cookies_akzeptieren {box-shadow: 0 0 5px rgba(0, 0, 0, 0.22); transition: 0.3s; padding: 10px 20px 10px 20px; color:  var(--hell); background-color:  var(--hauptfarbe); border-radius: 6px; border: none; text-transform: uppercase; margin: 10px; letter-spacing: 1px; font-size: 0.85rem; }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung #cookie_verwendung_alle_cookies_akzeptieren:hover {cursor: pointer; background-color:  var(--hauptfarbe); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.22), 0px 3px 10px 0px rgba(0, 0, 0, 0.30); }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung #cookie_verwendung_cookies_auswahl_akzeptieren {border: none; font-size: 0.85rem; background-color: white; }

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung #cookie_verwendung_cookies_auswahl_akzeptieren:hover {cursor: pointer; text-decoration: underline; }

/* Hide the browser's default checkbox */
#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label .cookie_verwaltung_input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.cookie_indiv_checkbox {position: absolute; top: 0; left: 0; height: 25px; width: 25px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; }

/* On mouse-over, add a grey background color */
#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label:hover input~.cookie_indiv_checkbox {background-color:  var(--hauptfarbe); }

/* When the checkbox is checked, add a blue background */
#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label input:checked~.cookie_indiv_checkbox {background-color:  var(--hauptfarbe); }

/* Create the checkmark/indicator (hidden when not checked) */
#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label .cookie_indiv_checkbox:after {content: ""; position: absolute; display: none; left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Show the checkmark when checked */
#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung div label input:checked~.cookie_indiv_checkbox:after {display: block; }

#cookie_verwaltung_bestaetigung_aktionen {position: sticky; bottom: 0; background-color: var(--hell); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.cookie_verwendungs_verwaltung_google_maps_erlauben_ablehnen {width: 197px; }

#datenschutz_auswahl_bestaetigungs_dialog, #datenschutz_nur_notwendige_bestaetigungs_dialog {position: fixed; z-index: 999; max-width: 100%; background-color: white; margin: auto; left: 0; text-align: center; height: min-content; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0px 5px 15px -5px black; display: none;}

#datenschutz_auswahl_bestaetigungs_dialog_inhalt, #datenschutz_nur_notwendige_bestaetigungs_dialog_inhalt {margin: auto; padding: 20px; }






#cookie_hinweis_verwaltung #fremdinhalte_liste li div input {margin-right: 15px; }

#google_maps_zustimmung_ablehnung_wiederrufen_dialog, .fremdinhalt_zustimmungs_dialog {background-color: #ddd; border-radius: 5px; padding: 25px; }

#openstreet_map_zustimmung_ablehnung_wiederrufen_dialog {background-color: #ddd; border-radius: 5px; padding: 25px; width: 100%; }

#datenschutz_zustimmungs_verwaltung_google_maps {background-color:  var(--hellgrau); padding: 10px; border-radius: 5px; margin-bottom: 20px; }
#fremdinhalte_cookies_anzeige {display: flex; flex-direction: column; padding-top: 5px; padding-right: 5px; }

.fremdinhalte_cookies_separator {width: 100%; color: #e7eff7; }

#fremdinhalte_cookies_anzeige span {display: flex; justify-content: space-between; padding-bottom: 5px; }

#fremdinhalte_cookies_anzeige input {border: none; background-color: rgba(0, 0, 0, 0); width: 100%; }

.grundeinstellungen_kasten.fremdinhalte_cookies {/* height: 288px !important; */

}

#system_fremdinhalte_zustimmungen {display: flex; flex-direction: column; }

#cookie_kategorie_auswahl_aktualisieren_submit {float:right; }

#system_fremdinhalte_zustimmungen h4, #fremdinhalte_cookies_anzeige h4 , #cookie_kategorie_auswahl h4 {margin-bottom: 0; }
.fremdinhalte_beschreibungs_text {margin-bottom:15px; }

#fremdinhalt_cookie_hinzufuegen_form {padding: 15px; border-radius:15px; background-color: #ffffff59; }

#modul_einstellungs_container hr {color: #94b6c652; }

#fremdinhalt_cookie_hinzufuegen_form .eine_zeile_formular_submit {display: flex; justify-content: end; width: 100%; align-items: initial; /* margin: 15px 0; */
}
#fremdinhalt_cookie_hinzufuegen_form .eine_zeile {display:flex; margin-bottom: 11px; }
#fremdinhalt_cookie_hinzufuegen_form .eine_zeile label {width:126px; }
#fremdinhalt_cookie_hinzufuegen_form .eine_zeile input {width:100%; }
#fremdinhalte_cookies_anzeige_submit {display: flex; justify-content: end; margin: 4px; }

#fremdinhalte_cookies_aktualisieren {width: 104px; height: 26px; right: 5px; bottom: 3px; position: absolute; }


.fremdinhalt_cookie_entfernen {background-image: url(/bilder/buttons/btn_schatten_102x24.png) !important; width: 104px; height: 26px; }
.anweisung {color: red; font-size: 12px; font-family: Candara, arial, tahoma, helvetica; font-weight: normal; }
.h1_input {font-size: 1.2em; font-weight: bold; width: 20em; }
#cms_steuerung {background-image: url(/bilder/hintergrund_cms_leiste.gif); position: fixed; top: 0; left: 0; width: 100%; /*height: 22px; */ z-index: 300; margin-right: 0; margin-left: 0; }
#cms_steuerung input {color: #000; font-size: 9pt; font-family: Candara, arial, tahoma, helvetica; background-color: transparent; text-decoration: none; height: 22px; float: left; margin: 0; padding: 0 5px; border-style: none; border-width: 0; }
#cms_steuerung .steuerung_aktiv {color: #000; font-size: 9pt; font-family: Candara, arial, tahoma, helvetica; background-color: var(--hauptfarbe_verwaltung_dunkelhinterg); text-decoration: none; height: 22px; float: left; margin: 0; padding: 0 5px; border-style: none; border-width: 0; }
#cms_steuerung input:hover {color: white; background-color: #00c; }

input.anweisung {padding: 0; }
.cms_bildbox {font-size: 13px; font-family: Candara, arial, tahoma, helvetica; background-color: #eee; border: solid 1px #000; position: relative; margin-bottom: 10px; }
.cms_bildbox_oben {text-align: center; background-color: #eee; position: relative; margin: 4px; border: solid 1px #000; /*max-width:450px; */ 
}

/**
 * vorlagen/ein_bild_in_vorlage.php
 */
    .cms_bildbox_oben form {/*max-width:450px; max-height:350px; */
        margin: 0px; padding: 0px; position:relative; }

    .cms_bildbox_oben form input[name="bild_aendern"] {/* max-width:450px; max-height:350px; */
    }


.bildbox_galerie_zwei {position: relative; height: 300px; width:  250px; overflow: hidden; }
 .galerie_zwei_form {position: absolute; width: 250px; top: 150px; }
.galerie_zwei_reihe_titel {position: absolute; top: 5px; width: 200px; }
.galerie_zwei_textarea {position: absolute; top: 65px; }
.galerie_zwei_ok {position: absolute; top: 35px; right: 5px; }
.cms_bildhinweis {color: #900; font-size: 11px; font-family: Candara, arial, tahoma, helvetica; position: absolute; top: 5px; left: 5px; background-color: #ffffffc4; }
.cms_bildbox form {margin: 0; padding: 0; }
.cms_bildbox_oben form {font-family: Candara, arial, tahoma, helvetica; color: #000; font-size: 15px; line-height: 18px; padding: 0; }
textarea.cms {bottom: 3px; width: 450px; height: auto; overflow: auto; }
.mceExternalToolbar {position: absolute; top: 50px; left: 50px; z-index: 5; visibility: visible; }

.cms-system {background-color: #cc6; }
#seiteneigenschaften {font-family: Candara, arial, tahoma, helvetica; background-color:  var(--hell); position: relative; width: 40em; height: 30em; margin: 5em auto auto; padding: 1em; border: solid 2px #808080; }
#bildereigenschaften {font-family: Candara, arial, tahoma, helvetica; background-color:  var(--hell); position: relative; width: 700px; height: 780px; overflow: auto; margin: 1em auto auto; padding: 0 1em 1em; border: solid 2px #808080; }
/*#logobereiche_eigenschaften {font-family: Candara, arial, tahoma, helvetica; background-color:  var(--hell); margin: 0; padding: 0 1em 1em; position: relative; width: 700px; height: auto; overflow: auto; border: solid 2px #808080; }*/
#farbwahl {font-family: Candara, arial, tahoma, helvetica; background-color:  var(--hell); margin: 5em auto auto; padding: 1em; position: relative; width: 40em; height: 30em; z-index: 22; border: solid 2px #808080; }
#seiteneigenschaften label {width: 11em; float: left; }

#seiteneigenschaften_fremdinhalte_form {}
#seiteneigenschaften_fremdinhalte_form .eine_zeile {display:flex; margin-bottom: 10px; }
#seiteneigenschaften_fremdinhalte_form .eine_zeile label {width: 187px; }
#seiteneigenschaften_fremdinhalte_form .eine_zeile textarea {width: 546px; min-height: 100px; }
#seiteneigenschaften_fremdinhalte_form .eine_zeile select {width: fit-content; }

.farben {float: left; }
.farbfeld {font-size: 1em; line-height: 1em; width:1em; height: 1em; float:left; margin: 0 1px; padding: 0; border-style: none; border-width: 0; outline-width: 0; }
.farbmuster {width: 6em; height: 1.5em; float: left; margin-right: 1em; border: solid 1px #000; }
.box_12em {width: 12em; float: left; }
input.nur_text {color: #693; font-weight: bolder; font-style: italic; background-color: transparent; background-image: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
input.nur_text_markiert {color: #693; font-style: italic; font-weight: bolder; background-color: blue; background-image: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
input.nur_text:hover {color: #006ab3; }
div.bilder_bearb {padding: 10px; border: 2px dotted gray; }




/*--- BUTTON ------*/
.cms_button {background-color: var(--hauptfarbe_verwaltung_dunkelhinterg); background-image: none; background-repeat: no-repeat; background-position: center; border: solid 1px var(--hauptfarbe_verwaltung); outline-style: none; outline-width: 0; padding: 2px 5px; font-size: 0.8rem; line-height: 1.1rem; border-radius: 3px; margin-left: 3px; }
.cms_button:hover {background-color: var(--hauptfarbe_verwaltung); background-image: none; color: var(--hell); }
.cms_button_aktiv {background-color: var(--hauptfarbe_verwaltung); background-image: none; background-repeat: no-repeat; background-position: center; border: solid 1px #d9e6f2; outline-style: none; outline-width: 0; color: var(--hell); }
.cms_btn_eigenes_bild {background-color: transparent; background-repeat: no-repeat; background-position: center; outline-style: none; outline-width: 0; background-image: none; margin: 0; padding: 0; border-style: none; border-width: 0; transition: 0.2s; }
.cms_btn_eigenes_bild:hover {border: solid 1px #5a4a42; }
.cms_button_neu {background-color: var(--hauptfarbe_verwaltung_dunkelhinterg); background-repeat: no-repeat; background-position: center; border: solid 1px var(--hauptfarbe_verwaltung); outline-style: none; outline-width: 0; background-image: url(/bilder/buttons/btn_schatten_90x24.png); margin:2px; width: 92px; height: 26px; }
.schriftart {font-family: Candara, arial, tahoma, helvetica; } 

.cms_system_info_texte {color: black; font-size: 12px; font-family: Candara, arial, tahoma, helvetica; text-align: left; }
.cms_system_info_box {background-color:#D9E6F2; border: solid 2px var(--hauptfarbe_verwaltung); padding-left: 4px; }

input.looks_like_link {font-weight: bolder; background-color: transparent; background-image: none; padding: 0; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
input.looks_like_link:hover {font-weight: bolder; background-color: transparent; background-image: none; text-decoration: underline; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }

a.looks_like_link {font-weight: bolder; background-color: transparent; background-image: none; padding: 0; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
a.looks_like_link:hover {font-weight: bolder; background-color: transparent; background-image: none; text-decoration: underline; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
#news_einstellungen_formular {background-color: #DDDDEE; padding: 15px; font-size: 13px; }
#news_einstellungen_formular label {display: inline-block; width: 220px; }
#news_einstellungen_formular label {display: inline-block; }

/* Vorlage 660 Bearbeitungsmodus */





/*--------------- Bearbeitungsmodus intuitive Bausteinbearbeitung -----------------*/
.baustein_oben_plus_button {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 50px; opacity: 0.2; transition: 0.2s; }
.baustein_oben_plus_button:hover {opacity: 1; }
.baustein_oben_plus_button input[type="submit"] {background-color: #656565; color: white; font-size: 10pt; border-radius: 8px; border-style: none; transition: 0.3s; z-index: 2; position: absolute; padding: 8px 12px; }
.baustein_oben_plus_button input[type="submit"]:hover {box-shadow: 0 0 5px gray; cursor: pointer; background-color: black; }
.baustein_oben_plus_button #linie_button_plus {height: 4px; width: 80%; background-color: black; }


#vorlage11801_profilseite_seminaranbieter .div_bs_bearbeitungs_btns, #vorlage200 .div_bs_bearbeitungs_btns {min-height: 115px; min-width: 200px; width: 100%; }


.intuitives_bearbeiten #intuitiver_baustein_name {position: absolute; left: 0; top: -18px; background-color: black; color: white; padding: 4px 8px; font-size: 10pt; text-transform: uppercase; letter-spacing: 1pt; font-family: sans-serif; }


.intuitives_bearbeiten {position: absolute; z-index: 1; background-color: rgba(255,255,255,0.20); opacity: 0; height: 100%; width: 100%; transition: 0.2s; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 110px; }
.intuitives_bearbeiten:hover {opacity: 1; }
.intuitives_bearbeiten .intuitiver_baustein_rahmen {border: 2px solid black; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; width: 100%; background-color: #00000021; }
.intuitives_bearbeiten #baustein_bearbeiten_buttons {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #00000075; border-radius: 5px; width: 158px; height: 85px; }
.intuitives_bearbeiten #baustein_bearbeiten_buttons form {height: 30px; width: 30px; margin: 3px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: 0.2s; border: 1px solid white; border-radius: 3px; position: relative; }
.intuitives_bearbeiten #baustein_bearbeiten_buttons form:hover {cursor: pointer; background-color: black; }
.intuitives_bearbeiten #baustein_bearbeiten_buttons form input[type="image"] {width: 70%; height: 70%; object-fit: contain; }



.intuitives_bearbeiten #baustein_bearbeiten_buttons form .tooltip_intuitive_btns {opacity: 0; visibility: hidden; transition: 0.2s; display: flex; position: absolute; background-color:  var(--hellgrau); padding: 3px 6px; border-radius: 3px; bottom: 40px; width: max-content; border: 1px solid white; font-size: 0.75rem; line-height: 1rem; }
.intuitives_bearbeiten #baustein_bearbeiten_buttons form:hover .tooltip_intuitive_btns {opacity: 1; visibility: visible; }

.intuitives_bearbeiten #baustein_bearbeiten_buttons div {position: relative; }
.intuitives_bearbeiten #baustein_bearbeiten_buttons div .tooltip_intuitive_btns {opacity: 0; visibility: hidden; transition: 0.2s; display: flex; position: absolute; background-color:  var(--hellgrau); padding: 3px 6px; border-radius: 3px; top: 40px; width: max-content; border: 1px solid white; font-size: 0.75rem; line-height: 1rem; }
.intuitives_bearbeiten #baustein_bearbeiten_buttons div:hover .tooltip_intuitive_btns {opacity: 1; visibility: visible; }



.intuitives_bearbeiten #baustein_verschieben {display: flex; justify-content: center; align-items: center; height: 30px; width: 100px; margin: 3px; transition: 0.3s; border: 1px solid white; border-radius: 3px; padding: 0 5px; }
.intuitives_bearbeiten #baustein_verschieben:hover {background-color: black; }
.intuitives_bearbeiten #baustein_verschieben .form_position_intuitiver_baustein {background-color: transparent; height: auto; width: auto; border-radius: 0; box-shadow: none; margin: 0; border: none; }
.intuitives_bearbeiten #baustein_verschieben .form_position_intuitiver_baustein:hover {background-color: transparent; box-shadow: none; cursor: auto; }
.intuitives_bearbeiten #baustein_verschieben p {color: white; font-size: 8pt; line-height: 8pt; }
.intuitives_bearbeiten #baustein_verschieben input[type="text"] {padding: 1px 3px; margin: 0 3px; width: 50%; border-radius: 5px; border: 1px solid lightgray; font-size: 8pt; flex: 1; line-height: 1rem; }
.intuitives_bearbeiten #baustein_verschieben input[type="submit"] {margin: 3px 0; padding: 0 3px; border-radius: 3px; border-style: none; background-color: #d2d2d2; transition: 0.3s; font-size: 8pt; line-height: 8pt; }
.intuitives_bearbeiten #baustein_verschieben input[type="submit"]:hover {cursor: pointer; background-color: white; }


.baustein_plus_button {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 50px; transition: 0.25s; z-index: 2; margin: -20px 0; opacity: 0; position: relative; }
.baustein_plus_button:hover {opacity: 1; }
.baustein_plus_button .plus_baustein_hier {background-color: #656565; color: white; font-size: 10pt; border-radius: 8px; padding: 4px 8px; border-style: none; transition: 0.3s; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; }
.baustein_plus_button .plus_baustein_hier:hover {box-shadow: 0 0 5px gray; cursor: pointer; background-color: black; }
.baustein_plus_button .linie_button_plus {height: 4px; width: 100%; background-color: black; }


.cl_plus_baustein_hier_auswahl {display: none; width: 100%; height: 50px; bottom: 0; background-color: black; align-items: center; justify-content: center; color: white; border-bottom: 2px solid white; border-top: 2px solid white; }
.cl_plus_baustein_hier_auswahl img {height: 15px; margin: 0 10px 0 0; }
.cl_plus_baustein_hier_auswahl img:hover {cursor: pointer; }
.cl_plus_baustein_hier_auswahl form {padding: 10px; flex: 1; display: flex; align-items: center; justify-content: space-around; }
.cl_plus_baustein_hier_auswahl form select {flex: 1; margin: 0 10px; padding: 4px 8px; border-radius: 5px; }
.cl_plus_baustein_hier_auswahl form input[type="text"] {font-size: 0.75rem !important; padding: 4px 8px; border-radius: 5px; }
.cl_plus_baustein_hier_auswahl form .cms_button {font-size: 0.85rem; padding: 4px 8px; border-radius: 5px; background-color: gray; color: white !important; border: white; transition: 0.3s; }
.cl_plus_baustein_hier_auswahl form .cms_button:hover {cursor: pointer; background-color: white; color: black !important; border: gray; }




/*--------- ANIMATIONS -----------------------------------------------------------------*/

@-webkit-keyframes fadeEffect {from {opacity: 0; }
  to {opacity: 1; }
}

@keyframes fadeEffect {from {opacity: 0; }
  to {opacity: 1; }
}





#socialmedia_share_container {width: auto; padding: 25px; display: flex; flex-wrap: wrap; }
#socialmedia_share_container p {width: 100%; text-align: center; color: #0B0B61; font-weight: bold; }
#socialmedia_share_container #social_buttons {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 50px; }
#socialmedia_share_container #social_buttons a {display: flex; align-items: center; }
#socialmedia_share_container #social_buttons a img {width: 40px; margin: 0 10px; transition: width 0.2s; }
#socialmedia_share_container #social_buttons a img:hover {cursor: pointer; width: 50px; }



.hidden {display: none; }

#sohle {order: 5; width: calc(100% - 20px); display: flex; justify-content: center; align-items: center; padding: 5px; color: var(--hauptfarbe); }
#sohle a {padding: 0 5px; color: var(--hauptfarbe); transition: 0.2s; }
#sohle a:hover {color: var(--hauptfarbe_alternativ); }