/* CSS Document */


:root {
    --stb-orange: #fe553c;
    --stb-braun: #AE251B;
}

body, .page-footer p {
    font-size: 14px;
    color: #ffffff;
}

.gme-info-window {
    color: #000000;
}

body, #page {
    background: #7a746b;
}

#topcontrol {
    background-image: url(../images/go-top.svg) !important;
    
}

.table, .ce-table {
    background: none;
    --bs-table-bg: none;
    --bs-table-border-color: #000000;
}

.ce-content img {
    border-radius: 0px 0px 30px 0px !important;
}




/* ########### FE-LOGIN ########### */ 

.frame-type-felogin_login .ce-content h3, 
#c2180 .ce-content p, #c2185 .ce-content p, 
.frame-type-felogin_login .ce-content fieldset legend {
    display: none;
}



/* ########### FOTOS ########### */ 

figure.effect picture {
    background: var(--stb-orange) !important;
}

#c2081 {
    width: 70%;
}




/* ########### TYPO ########### */ 

h1 {
    font-size: 48px;
}

h2, h3, h4, h5 {
    font-size: 24px;
}

.subheadline {
    color: var(--stb-orange);
    font-size: 24px;
}

a {
    color: var(--stb-orange);
    text-decoration: none;
}

.ce-header {
    margin-bottom: 1rem;
}

.ce-icon svg {
    fill: var(--stb-orange); 
}

.page-content h2::before, .page-content .news h3::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    top: -3px;
    left: 0px;
    margin-right: 10px;
    background: var(--stb-orange); 
}

.ce-icon-inframe h2:before {
    display: none;
}

@media only screen and (max-width : 500px) { 
body, .page-footer p {
    font-size: 16px;
}
h1, h2, h3 {
    font-size: 28px;
}
h4, h5 {
    font-size: 24px;
}
.hero h1, .hero .h1, .hero h2, .hero .h2 {
    font-size: 1.6rem;
}
}


/* ########### HEADER ########### */ 

.page-header {
    background-color: transparent;
    --bs-page-header-bg: rgba(255, 255, 255, 0);
    height: 270px;
    box-shadow: none !important;
}

.page-header__top {
    display: inline-block !important;
    width: 100%;
}

.page-header__bottom {
    display: none !important;
}

.navbar-brand {
    background:none;
    display: inline-block !important;
    position: relative;
    top: 0px;
    left: calc(50% - 150px);
    margin-right: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 40px !important;
    padding-left: 0px !important;       
}

.navbar-brand img {
    width: 300px;
    height: auto;
    max-width: none;
    max-height: none;
}

.sticky-top {
    position: static;
}

@media only screen and (max-width : 500px) { 
.page-header {
    height: 250px;
}
.navbar-brand {
    display: inline-block !important;
    width: 270px;
    position: relative;
    top: 0px;
    left: calc(50% - 190px);
    margin-right: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 40px !important;
    padding-left: 80px !important;       
}

.navbar-brand img {
    width: 220px;
}
}




/* ########### NAV ########### */ 

.navbar-main.navbar-expand-lg {
    width: 400px;
}

ul#nav-main li a {
    color: #ffffff;
    padding-left: 0.4rem;
    padding-right: 30px;
}

.navbar-meta {
    display: flex !important;
    justify-content: center;
}

ul.nav.nav-language li {
    display: block;
}

ul.nav.nav-language {
    align-items: center;
    justify-content: center;
}

.nav.nav-language a {
    color: #ffffff;
    font-size: 18px;
}





/* ########### NAV-mobile ########### */ 

.mm-navbar__title {
    display: none;
}

.nav.nav-function-buttons {
    position: absolute;
    top: 10px;  
    right: 0px;  
    width: 50px;
}

.navbar-toggler {
    border: 0px;
    padding-right: 0px;
}

.navbar-toggler-icon {
    background: url(../images/nilo-toggle.svg) no-repeat;
    background-size: 40px auto;
    width: 40px;
    margin-top: 7px;
}

#mobile-menu li {
    border: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#mobile-menu li a {
    font-weight: 700;
    font-size: 18px;
}

.mm-menu .mm-listitem__text.active {
    background: none;
}

.mm-listitem:after {
    border-color: #dddddd;
}

#mobile-menu .mm-navbar__title, .mm-navbars--bottom {
    xdisplay: none;
}

#mobile-menu .mm-navbar {
    background: url(../images/logo-niloamna2.svg) no-repeat;
    background-size: 150px auto;
    background-position: center center;
    height: 150px;
}

#mobile-menu li a.current:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    top: -1px;
    left: 0px;
    margin-right: 10px;
    background: var(--stb-orange);
}

#mobile-footer .nav.nav-language a {
    color: #000000;
    font-size: 16px;
}

.mm-navbars--bottom .mm-navbar {
    background: none !important;
}




/* ########### HERO ########### */ 

.hero {
    z-index: auto;
    width: 98%;
    margin-left: 1%;
    margin-top: -185px;
    border-radius: 0px 0px 50px 0px;
    background: #641006;
    background: linear-gradient(130deg, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 70%, rgba(237, 81, 58, 1) 97%);
}

.hero.hero--size-small {
    background: linear-gradient(130deg,rgba(100, 16, 6, 1) 10%, rgba(237, 81, 58, 1) 90%);
}

.hero-content.container {
    padding-left: 0px;
}




/* ########### START ########### */ 

/*News-List*/
.stb-news-home {
    xposition: relative;
    xz-index: 1000;
    xmargin-top: -140px;
    background: #f5f5f5;
    border-radius: 0px 0px 30px 0px !important;  
}

/*Öffnungszeiten*/
#c1924 {
    background: linear-gradient(130deg,rgba(100, 16, 6, 1) 10%, rgba(237, 81, 58, 1) 90%);
    color: #ffffff;
    border-radius: 0px 0px 30px 0px !important;  
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
}
#c1924 .table {
    width: 60%;
    margin-left: 0%;
    --bs-table-border-color: var(--stb-orange);
    --bs-table-color: #ffffff !important;
    color: #ffffff !important;
}
#c1924 .ce-icon svg {
    color: #ffffff;
    fill: #ffffff;
}
#c1924 .ce-icon-size-sm {
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem;
    max-height: 2.5rem;
}
#c1924 .ce-content {
    margin-left: 40px;
}
@media (max-width: 1400px) {
#c1924 .table {
    width: 80%;
}
}
@media (max-width: 1200px) {
#c1924 .table {
    width: 95%;
}
#c1924 .ce-content {
    margin-left: 15px;
}
}





/* ########### CARDS ########### */ 

/*Home*/
.stb-news-home .news-card {
    width: 76%;
    margin-left: 12%;
    border: 1px !important;
    border-radius: 0px 0px 30px 0px !important;    
}

@media (max-width: 992px) {
.stb-news-home .news-card {
    width: 90%;
    margin-left: 5%;    
}
}




/* ########### NEWS ########### */ 

.news .list-group-item {
    background: none;
}

.news .lead {
    font-size: 14px;
    font-weight: 400;
}

.news .card-body {
    padding-left: 0px;
}

.stb-news-date {
    display: inline-block;
    width: 45px;
    padding: 5px;    
    float: left;
    text-align: center;
    background: var(--stb-orange);      
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
}

.stb-news-listbody {
    display: inline-block;
    width: calc(100% - 45px);
    margin-left: 0px;    
    padding: 30px;    
}

.card-title {
    text-transform: uppercase;
}

a.stb-allnews {
    background: none;
    border: 1px solid #000000 !important;
    border-radius: 0px;
    color: #000000;
}

a.stb-allnews:hover {
    color: #ffffff;  
    border: 1px solid var(--stb-orange) !important; 
}

@media (max-width: 1400px) {
.news .card-body {
    padding-right: 3px;    
}
.stb-news-listbody {
    padding-left: 10px;
    padding-right: 0px;    
}
}





/* ########### GRID ########### */ 

@media (max-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 95% !important;
    }
}

@media (max-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 95%;
    }
}





/* ########### BUTTONS ########### */ 

.btn-group {
    margin-top: 30px;   
}

.btn-group li {
    margin-right: 30px;   
}

.btn-group a:before {
    margin-top: 4px;
    padding-right: 5px;
}

.btn {
    background: linear-gradient(165deg,rgba(237, 81, 58, 1) 40%,rgba(138, 41, 26, 1) 100%);    
    border: none; 
    border-radius: 0px;
    color: #ffffff; 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;    
}

.btn:hover {
    background: linear-gradient(165deg,rgba(138, 41, 26, 1) 10%,rgba(237, 81, 58, 1) 100%);        
    border: none; 
    border-radius: 0px;
    color: #ffffff; 
}

.btn .icon {
    margin-top: 2px;
    margin-right: 5px;
}

.btn .icon svg {
    width: 20px;
}

#c2041 a, #c2117 a {
    width: 330px;
}






/* ########### GOOGLE-MAPS ########### */ 






/* ########### FOOTER ########### */ 

.page-footer {
    display: none;
}