/* default styles for webtemplate */
/* add custom styles in mandator folder css/styles.css */

/* Globals */

* {
    box-sizing: border-box;
    margin: 0;
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
    text-decoration: none;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

/* search */

.search-container {
    max-width: 10em;
    min-width: 6em;
}

.site-search {
    background: var(--search-bg);
    padding: 1em;
}

.site-search input[type=search] {
    color: var(--search-bg);
}

.site-search input[type=submit] {
    color: var(--search-bg);
}

/*header*/


/* Navigation */

nav {
    padding-left: 2em !important;
}

.navbar {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: var(--nav-bg-color);
}

ul.navbar-nav {
    flex-wrap: nowrap; /* todo */
    width: 100%;
}

ul.navbar-nav li {
    margin-left: auto;
    margin-right: auto;
}

.nav-link, .nav-pills a {
    white-space: nowrap;
    padding: 0.5em 0.5em 0.5em 0.5em !important;
}

a.navbar-brand {
    display: none;
}

.nav-pills a {
    color: var(--menu-item-color) !important;
}

.nav-pills a.active, .nav-pills [aria-current] {
    color: var(--menu-item-hover-color) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills [aria-current] {
    background-color: var(--menu-item-active-bg);
    /*border: 1px solid rgba(255,255,255,0);*/
}

.nav-pills [aria-current] {
    border-radius: .25rem;
}

@media screen and (min-width: 992px) {

    nav .collapse ul li {
        list-style: none;
    }

}

@media (max-width: 991.98px) {

    ul.navbar-nav {
        padding-top: 0.2em;
    }

    ul.navbar-nav li {
        padding-top: 0.3em;
        margin-left: 0; /* align nav items
        /*margin-right: 0;*/
    }

}

/* Content */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.8em;
}

h1 a {
    text-decoration: none;
}

h1 a:hover {
    text-decoration: none;
    color: var(--font-color);
}

@media (max-width: 991.98px) {
    /* avoid long words cutting on phone  */
    h1 {
        font-size: 1.9rem;
    }

}

/* restrict bootstrap container width */
.site-content {
    max-width: 1024px;
}

article, section {
    background: var(--section-bg-color);
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

main > section {
    background: unset !important;
}

@media (max-width: 991.98px) {

    article, section {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .header-content-wrap section {
        padding: 0.5em;
    }

}

/* Sidebar */


i.icon-ubahn {
    background: url("../img/icons/u-bahn.png") no-repeat;
    background-size: 1em auto;
    background-position: left center;
    padding: 0 1.5em 0 0;
    margin: 0;
}

i.icon-bus {
    background: url("../img/icons/bus.png") no-repeat;
    background-size: 1em auto;
    background-position: left center;
    padding: 0 1.5em 0 0;
    margin: 0;
}

/* Footer */

footer {
    padding-top: 2em;
    padding-bottom: 2em;
}

footer {
    background: var(--footer-bg-color);
}

footer .wp-block-columns {
    margin-bottom: 1em;
}

/*--------------------- start additional styles for modules -----------------------*/

/*Bootstrap */

pre {
    color: var(--font-color);
}

/* navbar movement */
/*Logo*/
.logo-container {
    padding-top: 0em;
    padding-bottom: 0em;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background-color: var(--logo-bg-color);
}

.logo-container-expand {
    padding-top: 1em;
    padding-bottom: 1em;
}

img.logo {
    width: var(--logo-width);
}

/*video*/

.playpause {
    font-size: 6em;
    width: 35%;
    height: 35%;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    z-index: 1;
    color: var(--video-button-color);
}

/* avoid ios play overlay*/
video::-webkit-media-controls-start-playback-button {
    display: none;
}

/* slick */

.slick-dots {
    bottom: 50px;
}

header .slick-prev {
    left: 100px;
    /* position: absolute; */
    z-index: 1;
}

header .slick-next {
    right: 40px;
    /* position: absolute; */
    z-index: 1;
}

.slick-prev, .slick-next {
    width: 50px;
    height: 45px;
}

/* slickslider arrow overwrite */
.slick-prev:before, .slick-next:before {
    font-size: 50px;
}

header .slick-prev {
    left: 30px;
}

/* sticky side nav custom module */
/* will be overwriten by settings in WP */
/*.ssb-container {*/
/*    background-color: var(--ssn-background-color);*/
/*    box-shadow: 4px 4px 8px var(--ssn-shadow);*/
/*    padding: 0.3em;*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    right: 0px;*/
/*    width: 2.4em;*/
/*    height: auto;*/
/*    z-index: 9999;*/
/*    transition: width 1s ease-in-out;*/
/*    border-top-left-radius: 20px 20px;*/
/*    border-bottom-left-radius: 20px 20px;*/
/*}*/

/*.ssb-container:hover {*/
/*    width: var(--ssn-width);*/
/*    transition: width 1s ease-in-out;*/
/*}*/

/*.ssb-container-button {*/
/*    margin-bottom: 0.2em;*/
/*}*/

/*.ssb-container-button .btn {*/
/*    text-align: left !important;*/
/*}*/

/*.ssb-container a {*/
/*    width: calc(var(--ssn-width) - 10px);*/
/*    color: var(--menu-item-color);*/
/*}*/

/*.ssb-container a:hover {*/
/*    color: var(--font-color-contrast);*/
/*}*/

/*.ssb-container i {*/
/*    margin-right: 0.5em;*/
/*}*/

/*!* remove ssn, ssb container on phone *!*/
/*@media (max-width: 991.98px) {*/

/*    #ssb-container {*/
/*        display: none;*/
/*    }*/

/*}*/

/* wp additional styles
/* wp table */
figure table {
    border: 1px solid var(--line-color);
}

figure table td {
    padding: 0.5em;
    border: 1px solid var(--line-color);
    vertical-align: top;
}

/* img "flow around"  */
img.alignleft {
    float: left;
    margin-right: 2em;
}

p {
    clear: both;
}