html, body {scroll-behavior: smooth;}

.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: #bbc8d4; 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; }
.meldung {background-color: #fff; width: 700px; height: auto; clear: both; margin: 10px auto; padding: 5px; border: solid 2px #900; }
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: #bbc8d4; background-image: none; background-repeat: no-repeat; background-position: center; border: solid 1px #6c9aad; outline-style: none; outline-width: 0; }
.cms_button:hover { background-color: #6c9aad; background-image: none; border: solid 1px #969696; outline-style: none; outline-width: 0; }
.cms_button_aktiv { background-color: #6c9aad; background-image: none; background-repeat: no-repeat; background-position: center; border: solid 1px #d9e6f2; outline-style: none; outline-width: 0; }
.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; }
.cms_btn_eigenes_bild:hover { border: solid 1px #5a4a42; }
.cms_button_neu {background-color: #bbc8d4; background-repeat: no-repeat; background-position: center; border: solid 1px #6c9aad; 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 #6C9AAD; 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;}
.baustein_oben_plus_button input[type="submit"] {background-color: #656565; color: white; font-size: 10pt; border-radius: 8px; border-style: none; box-shadow: 0 0 10px gray; transition: 0.3s; z-index: 2; position: absolute; padding: 8px 12px;}
.baustein_oben_plus_button input[type="submit"]:hover {box-shadow: 0 0 3px black; 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 {min-height: 110px;}

.intuitives_bearbeiten #intuitiver_baustein_name {position: absolute; left: 0; top: -8px; background-color: black; color: white; padding: 7px 15px; 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.3s; 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%;}
.intuitives_bearbeiten #baustein_bearbeiten_buttons {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.intuitives_bearbeiten #baustein_bearbeiten_buttons form {background-color: #656565; height: 70px; width: 70px; border-radius: 35px; box-shadow: 0 0 10px gray; margin: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: 0.3s; border: 1px solid white;}
.intuitives_bearbeiten #baustein_bearbeiten_buttons form:hover {box-shadow: 0 0 3px black; cursor: pointer; background-color: black;}
.intuitives_bearbeiten #baustein_bearbeiten_buttons form input[type="image"] {width: 55%;}

.intuitives_bearbeiten #baustein_verschieben {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #656565; height: 70px; width: 70px; border-radius: 35px; box-shadow: 0 0 10px gray; margin: 10px; transition: 0.3s; border: 1px solid white;}
.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 {margin: 6px 0 -8px 0; color: white; font-size: 8pt;}
.intuitives_bearbeiten #baustein_verschieben input[type="text"] {padding: 2px 4px; margin: 0 10px; width: 50%; border-radius: 5px; border: 1px solid lightgray; font-size: 8pt;}
.intuitives_bearbeiten #baustein_verschieben input[type="submit"] {margin: 3px 0 3px 0; font-size: 8pt; padding: 2px 4px; border-radius: 3px; border-style: none; background-color: #d2d2d2; transition: 0.3s;}
.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;}
.baustein_plus_button:hover {}
.baustein_plus_button .plus_baustein_hier {background-color: #656565; color: white; font-size: 10pt; border-radius: 8px; padding: 8px 12px; border-style: none; box-shadow: 0 0 10px gray; 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 3px black; 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;}