html, body,
.ui-page-theme-c,
.ui-overlay-c {
    background-image:none;
    background-color: var(--erocms-site-bg-color);
    color: var(--erocms-color);
}

h1 {
    font-family: var(--erocms-h1-font-family);
    font-size: 1.1rem;
    font-weight:bold;
}

h2 {
    font-family: var(--erocms-h1-font-family);
    font-size: 0.9rem;
    font-weight:bold;
}

h3 {
    font-family: var(--erocms-h1-font-family);
    font-size: 0.8rem;
    font-weight:bold;
}

h4 {
    font-family: var(--erocms-h1-font-family);
    font-size: 0.8rem;
}

h5 {
    font-family: var(--erocms-h1-font-family);
    font-size: 0.8rem;
}

h6 {
    font-family: var(--erocms-h1-font-family);
    font-size: 0.8rem;
}

.ui-mobile .ui-page {
    max-width: 700px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.ui-mobile label, div.ui-controlgroup-label {
    font-size: 0.9rem;
}

body, input, select, textarea, button {
    font-family: var(--erocms-font-family);
    font-size:1rem;
}

.ui-btn,
label.ui-btn {
    font-weight: normal;
    font-size:0.8rem;
}

.ui-btn-icon-left {
    padding-left:2.3rem;
}

div, p, td, th, .ui-widget {
    font-family: var(--erocms-font-family);
    font-size: 0.8rem;
    letter-spacing: 0.5px;
}

.ui-overlay-c, .ui-page-theme-c, .ui-page-theme-c .ui-panel-wrapper {
    text-shadow: none;
}

a {text-decoration:none;}
/* p {padding:0; margin:0;} */

.shariff li {width:90px !important;}

#startseite {max-width:1024px;}

#head_menu {
    padding:0;
    margin:0;
    border:none;
    position: sticky;
    left: 0;
    right: 0;
    z-index: 1;
    top:0;
}

#head_menu .ui-btn-left,
#head_menu .ui-btn-right {
    top:0;
    left:0;
    position:initial;
    padding: 0;
    margin: 0;
}

#head_menu .ui-btn-left {float:left;}
#head_menu .ui-btn-right {text-align: right;}

#head_menu .ui-btn-left .ui-btn.ui-first-child {border-radius: unset;}
#head_menu .ui-btn-right .ui-btn.ui-last-child {
    -webkit-border-top-right-radius: unset;
    border-top-right-radius: unset;
    -webkit-border-bottom-right-radius: unset;
    border-bottom-right-radius: unset;
}

.footer {
    margin-top: 30px;
    font-weight: normal;
    text-align:center;
}

.footer,
.footer a {
    color: #777777 !important;
}

.footer div {
    margin-top: 10px;
    text-align:center;
}

.footer_logo {
    width: 80%;
    margin: 5px auto;
    display: block;
}



/**
*   Navigation Menu (Sitebar)
**********************************************************************************/


ul.navi {
    list-style-type:none;
    margin:0 0 10px 0;
}

ul.navi li {
    margin-left: -40px;
}

ul.navi li ul {
    list-style: none;
}

ul.navi li.sub_sites {
    padding-left: 15px;
}

ul.navi li a {
    padding:5px 10px;
    display: block;
}

ul.navi li.navi_main_site a {
    font-weight:bold !important;
}

ul.navi li.navi_main_site a,
ul.navi li.navi_sub_site a {
    text-decoration:none;
}

ul.navi li.navi_main_site:hover a,
ul.navi li.navi_sub_site:hover a,
ul.navi li a.activelink {

}




.material-icons.md-23 { font-size: 23px; }

.error_box {
    background-color: #ffecec;
    border: 1px solid #d60000;
    color: #d60000;
}

.success_box {
    border: 1px solid #0a6300;
    background: #96f784;
    color: #0a6300;
}

.ui-mobile .ui-page-active {
    overflow: visible;
}

#menu .ui-panel-inner,
#login .ui-panel-inner {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100vh;
    box-sizing: border-box;
}

#login a {
    color: #333;
}

#menu .ui-panel-inner {
    padding:0;    
}

#menu .ui-panel-inner a {
    display: block;
    padding: 5px 20px;
    font-weight: normal;
    color:#333333;
}

#menu .ui-panel-inner a:hover {
    background-color:#e0e0e0;
}

/** Kommentarbox
*******************************/
.comment_box {
    width:100%;
    margin-top:5px;
    display:table;
}

.comment_box div {display:table-cell;}
.comment_box div:first-child {width:auto;}
.comment_box div:last-child {
    vertical-align: bottom;
    display: table-cell;
    width: 50px;
    text-align: right;
    position: relative;
}

.comment_box div textarea {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding:3px;
    font-size:1rem;
    width:100%;
    height:28px;
    box-sizing: border-box;
    margin:0;
}

.comment_box div #send_comment {
    text-align: center;
    height: 40px;
    width: 40px;
    background-color: #43a047;
    color: #C0C0C0;
    font-size: 1.2rem;
    text-shadow: none;
    bottom: 0;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    right: 0;
    position: absolute;
}

.comment_box #send_comment span {
    color: #ffffff;
    font-size: 1.2rem;
    padding-left: 3px;
    padding-top: 10px;
}

.kommentar_info {
    border-left: none;
    border-right: none;
    padding: 5px 0 2px 0;
    font-size: 0.9em;
    text-align: center;
}

.count_kommentare_box {
    padding:5px 5px 2px 5px;
    margin-top:8px;
    border-left:none;
    border-right:none;
}

/* EroCMS Builder
*************************/
.movie_of_the_day .title {
    font-size: 0.8rem;
    padding: 0.5rem 0.5rem;
}


.ui-widget-header {
    background-color: var(--erocms-widget-header-bgcolor);
    border: 1px solid var(--erocms-widget-header-borderc);
    color: var(--erocms-widget-header-fontc);
    padding:5px;
    box-sizing: border-box;
}

.ui-widget-content {
    background-color: var(--erocms-widget-content-bgcolor);
    border: 1px solid var(--erocms-widget-content-borderc);
    color: var(--erocms-widget-content-fontc);
    box-sizing: border-box;
}


.ui-page-theme-c a, 
.ui-page-theme-c a:visited,

.erocms_layout_builder_container a,
.ui-widget-content a,
.ui-widget-header a {
    color: var(--erocms-widget-content-fontc);
    text-decoration:none;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a:hover {
    box-shadow: inset 0 0 0.8em var(--erocms-widget-content-borderc);
    color: var(--erocms-widget-content-fontc);
}