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: #a2a2a2ba; 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; z-index: 1000; justify-content: center; align-items: center; background-color: #0000008f; animation: fadeEffect 1s;}
#cookie_hinweis {font-size: 1.2rem;	line-height: 2rem;	width: 70%; background-color: white; 	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); padding: 3%; max-height: 80vh; overflow: auto;}
#cookie_hinweis h4 {font-size: 1.4rem; color: #003068; 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: #eaeaea; 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.2rem; color: #003068; 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 5px 0; font-size: 0.85rem; color: #484848;}
#cookie_hinweis #cookie_bestaetigung ul li p {margin: 0; font-size: 0.8rem; line-height: 1.15rem; color: #484848;}

#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: #fff;	background-color: #003068;	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: #0a4488; 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;}


/*---- 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: #25558c;}

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

/* 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 {
 margin: 0 auto;
 position: fixed;
 z-index:1000;
 left: 0;
 right: 0;
}


/*---- Cookie Hinweis -----------------------------------------------------------*/
#cookie_hintergrund {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 z-index: 1000;
 justify-content: center;
 align-items: center;
 background-color: #0000008f;
 animation: fadeEffect 1s;
}

#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;
}

/* #cookie_hinweis_verwaltung h4 {
 font-size: 1.4rem;
 color: #003068;
 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: #eaeaea;
 border-radius: 5px;
 margin: 10px 10px 10px 0;
 flex: 1;
 min-width: 200px;
 transition: 0.3s;
 padding: 20px 20px 20px 35px;
 position: relative;
}

#cookie_hinweis_verwaltung #cookie_verwaltung_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_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.2rem;
 color: #003068;
 font-weight: normal;
 margin: 10px 0 0 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;
 color: #484848;
}

#cookie_hinweis_verwaltung #cookie_verwaltung_bestaetigung ul li p {
 margin: 0;
 font-size: 0.8rem;
 line-height: 1.15rem;
 color: #484848;
}

#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: #fff;
 background-color: #003068;
 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: #0a4488;
 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: #25558c;
}

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

/* 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 div
{
 margin-right: 14px; 
}

.cookie_verwendungs_verwaltung_google_maps_erlauben_ablehnen{
 width: 197px;
}

#datenschutz_auswahl_bestaetigungs_dialog, #datenschutz_nur_notwendige_bestaetigungs_dialog{
 position: fixed;
 z-index: 999;
 display: flex;
 width: 100%;
 background-color: white;
 margin: 0;
 left: 0;
 text-align: center;
 height: 182px;
 top: 25vh;
 padding-top: 40px;
 box-shadow: 0px 5px 15px 6px #919191;
 display: none;
}

#datenschutz_auswahl_bestaetigungs_dialog_inhalt, #datenschutz_nur_notwendige_bestaetigungs_dialog_inhalt{
 margin: 0 auto;
}

#cookie_hinweis_verwaltung {
 /* margin: 0 auto;
 position: fixed;
 z-index: 999;
 left: 0;
 right: 0; */
}

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

#google_maps_zustimmung_ablehnung_wiederrufen_dialog{
 background-color: #ddd;
 border-radius: 5px;
 padding: 25px;
}
#datenschutz_zustimmungs_verwaltung_google_maps{
 background-color: #eaeaea;
 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: #fff; 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: #fff; 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: #fff; 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: #fff; 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; }

.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; transition: 0.2s; 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: 125px; 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: #eaeaea; 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: #eaeaea; 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;
}