.container-fluid {
    max-width: 900px !important;
}

/******************************************************
******************** NOTIE ************************
*******************************************************/

/******************************************************
******************** ALLGEMEIN ************************
*******************************************************/
html {
    margin: 0;
    padding: 0;
    font-size: 13px;
    overflow-y: scroll;
}

body {
    background-color: #FFFFFF;
    color: #222222;
    font-family: Arial, Verdana, Geneva, sans-serif;
}

.display-none {
    display: none;
}


/******************************************************
************************ LINKS ************************
*******************************************************/
a, a:visited, a:focus, a:hover {
    color: inherit;
    text-decoration: none;
}

.abmelde-link, .abmelde-link:visited, .abmelde-link:focus, .abmelde-link:hover {
    color: #FFFFFF;
!important;
    cursor: pointer;
}

#headingLinien a, #headingTouren a {
    background-color: #FF0000;
    color: #FFFFFF !important;
    display: block;
    padding: .8rem;
    font-size: 1.4rem;
    font-weight: bold;
}

#collapseLinien .card-header a, #collapseTouren .card-header a {
    font-weight: bold;
    display: block;
    padding: 1rem 0 1rem .8rem;
}

/******************************************************
***************** ÜBERSCHRIFTEN ***********************
*******************************************************/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    color: inherit;
}

h1, .h1 {
    font-size: 1.9rem;
}

h2, .h2 {
    font-size: 1.5rem;
}

h3, .h3 {
    font-size: 1.3rem;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-size: 70%;
}


/******************************************************
********************* BUTTONS *************************
*******************************************************/
.btn {
    cursor: pointer;
}

.btn-danger {
    background-color: #FF0000;
}


/******************************************************
*********************** LAYOUT ************************
*******************************************************/
.container-fluid {
    max-width: 900px;
    margin-bottom: 100px; /* wegen fixed Speichern-Button */
    padding: 0 1rem;
}

.container-fluid-lg {
    max-width: 1200px !important;
}

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.content-wrapper {
    margin-top: 100px;
}


div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.card {
    border: none;
    border-radius: 0 !important;
}

.card-header {
    background-color: #E0E0E0;
    border-radius: 0 !important;
}

#headingLinien, #headingTouren {
    background-color: #FFFFFF;
    padding: 0;
    border-color: #FFFFFF;
}

.card-body {
    padding: 0.5rem;
}

#collapseLinien .card-body, #collapseTouren .card-body {
    padding: 0;
}

#LinienAccordion .card-body, #TourenAccordion .card-body {
    padding: 1rem;
    background-color: #F5F5F5;
}

.navbar-brand img {
    height: 50px;
}


#collapseLinien .card-header, #collapseTouren .card-header {
    padding: 0;
}


#collapseLinien .card-header .icon-col, #collapseTouren .card-header .icon-col {
    padding-top: .8rem;
}

.dropdown :hover {
    cursor: pointer;
}

.dropdown-menu {
    color: #E8E8E8;
    background-color: #343A40;
    margin-top: 10px;
    padding: 0;
}

.dropdown-item:hover {

    color: #343A40;
    background-color: #E8E8E8;

}


.stpcollapse {

    border: 5px solid #E8E8E8;
}

.table th, .table td, .table thead th {
    vertical-align: middle;
}

.table thead {
    color: #FFFFFF;
    background-color: #FF0000;
}

/******************************************************
******************** FORMULARE ************************
*******************************************************/
.form-control {
    min-height: 35px;
}

/* PLACEHOLDER */
.form-control::-moz-placeholder {
    color: #CCCCCC !important;
}

.form-control:-ms-input-placeholder {
    color: #CCCCCC !important;
}

.form-control::-webkit-input-placeholder {
    color: #CCCCCC !important;
}


/* RADIOS & CHECKBOXEN */
.custom-control-input:focus, .custom-control-input:checked ~ .custom-control-label::before {
    color: #FFFFFF;
    background-color: #FF0000 !important;
}

.custom-checkbox {
    cursor: pointer;
}

.custom-control-description {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.col-12 a:hover {
    color: #0000EE;
    text-decoration: underline;
}

.bg-danger-light {
    background-color: #F8D7DA !important;
}

.bg-success-light {
    background-color: #D4EDDA !important;
}

/******************************************************
/* Footer
*******************************************************/

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 50px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 20px;
    background-color: #343A40;
    color: white;
}

.footer .container-fluid {
    margin-top: 10px !important;
    margin-bottom: 0px !important
}

.footer a {
    color: white;
    text-decoration: none;
}

.footer a:hover {
    color: white;
    text-decoration: underline;
}

/******************************************************
********************** COOKIE **************************
*******************************************************/

.optanon-alert-box-wrapper {
    background-color: #FFFFFF !important;
}

#optanon, #optanon *, #optanon div, #optanon span, #optanon ul, #optanon li, #optanon a, #optanon p, .optanon-alert-box-wrapper *, .optanon-alert-box-body {
    color: #222222;
    font-family: Arial, Verdana, Geneva, sans-serif !important;
    font-weight: 400 !important;
}

.optanon-alert-box-wrapper .optanon-alert-box-button-middle button {
    font-weight: bold !important;
    padding: .375rem .75rem;
!important;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.accept-cookie-container button, .optanon-alert-box-wrapper *, #optanon #optanon-popup-wrapper .optanon-button-wrapper button {
    border-radius: .25rem !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#optanon #optanon-menu li .preference-menu-item button, #optanon #optanon-menu li .preference-menu-item a {
    color: #000000 !important;
    font-weight: bold !important;
}

#optanon .fieldset input:checked + label, #optanon #optanon-popup-more-info-bar p {
    font-weight: bold !important;
}

#optanon #optanon-popup-bottom-logo::before, #optanon #optanon-popup-bottom-logo::after {
    font-size: 11px !important;
}

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button::before {
    content: '\276F';
    font-size: 1.1em;
    font-weight: normal;
    padding-right: 5px;
    color: #000000;
    position: absolute;
    left: -10px !important;
    top: 4px !important;

}


/******************************************************
********************** MEDIA **************************
*******************************************************/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .content-wrapper {
        margin-top: 150px;
    }

    .navbar-brand img {
        height: 70px;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    html {
        font-size: 15px;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}