html {
    height: 100%;
}
body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    background: #fff;

}

@media screen and (min-width:0) and (min-resolution: +72dpi) { .selector { property:value; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    body {
        display: inherit;
        flex-direction: inherit;
    }
}

#contentwrap {
    margin-top: 0;
    padding-top: 110px;
    /*
    margin-top: 140px;
    overflow: hidden;
    */
    min-width: 55%;

}
.blau h1 {
    color:#fff;
}
/*.blau {*/
/*    min-height: 150px;*/
/*    padding: 0 !important;*/
/*    background: #7e9fb5;*/
/*    color:#fff;*/
/* }*/
#verdienen > div, #besuchertausch > div {
    padding-top:2em;
}

/*.blau:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    display: block;*/
/*    min-height: 150px !important;*/
/*    background: #7e9fb5;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    z-index: -1;*/
/*}*/

.blue {
    min-height: 150px;
}
/*.blue:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    display: block;*/
/*    min-height: 150px !important;*/
/*    background: #7e9fb5;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    z-index: -1;*/

/*    padding-bottom: 0;*/

/*}*/
.blau:before, .blau:after {
    min-height: inherit !important;
}
.blue:before, .blue:after {
    min-height: inherit !important;
}

#logo_footer {
    display: inline-block;
    background: url('/images/logo_mini.png');
    background-repeat: no-repeat;
    background-position-x: -40px;
    text-indent: 175px;
    line-height: 34px;
    background-size: 210px;
}

#main {
    width: auto;
    max-width: none;

}
#breadcrumb {
    position: absolute;
    left: 0;
    top:92px;
    width: 100%;
    border: 0 !important;
    font-family: arial;
    font-size: 1em !important;
}

/* Header Modify*/


#header, #over_header {
    background: none;
    max-width: none;
    width: 100%;
    /*Fix for Blog*/
    overflow: initial;
}
#over_header {
    background: #6a889c;
    top: 0;
    color:#fff;
    padding-bottom: 9px;
    padding-top: 6px;
    height: inherit;
    width: 100%;
}
#over_header a, .inactivelanguage {
    color: #fff !important;
}
#nav {
    top:0;
    font-family: 'Oxygen' !important;
    font-size: 1em;
    padding-bottom: 0;
}
#header_links, #header_rechts, #header_logo, #nav_links, #nav_rechts {
    display: none;
}
.hlist {
    background: #7e9fb5;
    height: auto;
}
.hlist  #logo {
    background: url('/images/logo_mini.png') #7e9fb5;
    width: 50px;
    height: 42px;
    position: absolute;
    margin: .7em;
    background-size: 250px !important;
    background-repeat: no-repeat !important;

}
.hlist #tabs li {
    background: none;
    border-top:4px solid #6a889c; /*#;*/
    line-height: 60px;
    height: 60px;
}
.hlist #tabs li.active {
    background: none;
    border-top:4px solid #507188;

}
.hlist #tabs li:hover{
    border-top:4px solid #507188;

}
.hlist #tabs li:active{
    border-top:4px solid #507188;

}

.hlist #tabs li {
    /*text-transform: uppercase;*/
    /*margin-top: -4px;*/
}
.hlist a, .hlist #tabs li strong {
    font-size: 1.2em !important;
}
.hlist #tabs li a:focus, .hlist #tabs li a:hover, .hlist #tabs li a:active {
    background: #507188;
    color:#fff;
}


#nav_sub {
    padding: 1px;
    height: auto;
    background: #ecf3f7;
}


.sf-menu a, #myTab > ul > li > a, #myTabBootstrap.navbar-nav > li > a {
    color: #5a798e !important;
    font-size: 12px !important;
    font-weight: normal !important;
}
#myTabBootstrap > li.activClick, #myTabBootstrap.navbar-nav > li > a:hover {
    border-radius: 0 !important;
    cursor: pointer;

}
.sf-menu > li:hover, .sf-menu > li.sfHover, #myTabBootstrap.navbar-nav > li > a:hover {
    color: #fff !important;
    border-radius: 0 !important;
}
.sf-menu > li:hover > a {
    color: #fff !important;

}
.sf-menu li {
    padding: 1px 3px 1px 3px;
    margin-right: 0 !important;
}

#myTabBootstrap.navbar-nav > .activClick > a {
    border-radius: 0 !important;
    color:#fff !important;
    background: #688FA7;
    text-shadow: 0px 0px 0px #000;
}
#myTabBootstrap.navbar-nav > li > a:hover {
    text-shadow: 0px 0px 0px #000 !important;
}

#myTabBootstrap li.active {
    border-radius: 0 !important;
    font-weight: normal !important;
}
/* header modify end*/

#contentwrap {
    flex: 1;
}

#header {

    top:0px;
    max-height: 86px;
    /* commented out to fix errors in blog: height: auto; */
}
#header, #contentwrap, #breadcrumb a:first-of-type  {
    border-radius: 0 !important;

}

#footer {

    min-height: 200px;
    padding: 30px;
    border: 0;
    background: #3c3f41;
    color: #bbbbbb;
    font-size: 1em;
}
#footer a:link, #footer a:visited,
#footer .fa-facebook-square,
#footer .fa-twitter-square,
#footer .fa-youtube-square {
    color: #888;
    margin: 0;
}
#footer > div > a {
    line-height: 1.6em;
}
.spliter {
    color: #888;
    padding-left:.3em ;
    padding-right:.3em ;
}
#footer a:hover, #footer a:hover .fa-facebook-square,
#footer a:hover .fa-twitter-square,
#footer a:hover .fa-youtube-square {
    color:#aaa;
}
#werbung {
    display: none;
}


#footer > .whitelink {
    color: #aaa !important;

}
#footer .col-sm-12 {
    min-height: 160px !important;
    margin: 0 !important;
}


@media (max-width: 992px) {
    .bb {
        border-bottom: 1px solid #282828;
        padding-bottom: 1em;
    }

    .bt {

        padding-top: 1em;
        border-top: 1px solid #555555;
    }
}
@media (min-width: 1400px)  {

    .hlist  #logo {
        width: 290px !important;
    }
}

@media (min-width: 1100px) {
    #footer {
        padding: 40px;
    }
    .br {

        border-right: 1px solid #282828;
    }
    .bl {

        border-left: 1px solid #555555;
    }

}

.webmoney {
    -webkit-filter: grayscale(100%) invert(1) opacity(.5); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) invert(1) opacity(.7);
    margin-top: -1.2em;
    margin-left: .65em;
    color:#fff;
}
a:hover .webmoney {
    filter: grayscale(100%) invert(1) opacity(1);
}
.big-choice > div {
    min-width: 220px;

}
.big-choice label > span {
    white-space: normal !important;
}
.big-choice input[name*=inputtype]:checked + label, .big-choice input[name*=campaigntype]:checked + label, .big-choice input[name*=ISPFilter]:checked + label  {
    border: 1px solid transparent;
}

tr {
    display: table-row !important;
}

tr.filtered{
    display: none !important;
}


#breadcrumb a:last-of-type {
    background: #688FA7 !important;
}
#breadcrumb a:last-of-type:before {
    border-color: #688FA7 !important;
    border-left-color: transparent !important;
}
#breadcrumb a:last-of-type:after {
    border-left-color: #688FA7 !important;
}


.fa-google-plus-square {
    color: #ce1616;
}
.fa-twitter-square {
    color: #00aced;
}
.fa-facebook-square {
    color: #3b5998;
}
.fa-odnoklassniki-square {
    color: #ff8300;
}
.fa-vk {
    color: #245c9b;
}
.fa-pinterest-square {
    color: #BC272D;
}
/*Line height fix style chosen*/
.search-field > .default {
    min-height: 2em;
}

h1 > .user_info {
    font-size: .75em !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.yform {
     border: 0;
     background: none;
 }

table.grayedtable tr:nth-child(even) {
    background: #EFEFEF;
}
div.bootstrap .modal {
    background: rgba(0, 0, 0, 0.7);
}

.cc_container .cc_btn {
    background-color: #e4e4e4 !important; /* Farbe des Buttons */
    color: #000 !important; /* Textfarbe des Buttons */
}


.cc_container {
    font-size: 1.1em !important;
    background: rgba(0,0,0,1) !important; /* Hintergrundfarbe des gesamten Bereichs */
    color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
    height: 66px !important;
}

.cc_container a {
    color: #7e9fb5 !important; /* Textlink-Farbe "Mehr Infos" */
}

@media (max-width: 399px) {
    .cc_message {
        font-size: 1em !important;
    }

    .cc_container {
        height: 146px !important;
    }

    .cc_btn {
        font-size: 1em !important;
    }
}

@media (min-width: 400px) {
    .cc_message {
        font-size: 1em !important;
    }

    .cc_container {
        height: 126px !important;
    }

    .cc_btn {
        font-size: 1em !important;
    }
}

@media screen and (min-width: 500px) {
    .cc_message {
        font-size: 1em !important;
    }

    .cc_container {
        height: 106px !important;
    }

    .cc_btn {
        font-size: 1em !important;
    }
}

@media screen and (min-width: 760px) {
    #contentwrap {
       width: 100% !important;
        max-width: 100% !important;
    }
    .blau {
        font-size: .9em !important;
    }

    .cc_message {
        font-size: 1em !important;
        line-height: 1.5em !important;
    }

    .cc_container {
        height: 76px !important;
    }

    .cc_btn {
        font-size: 1em !important;
    }
}

.mailstat {
    width: 100%;
}

.cookie-banner {
    display: flex;
    position: static;
    padding: 20px;
    background-color: #002e6d;
    color: white;
}

.cookie-link {
    color: #97bed9 !important;
}

.cookie-row {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 3em;
    flex-wrap: wrap;
}

.cookie-row > img {
    max-height: 110px;
}

.cookie-text {
    max-width: 40%;
    text-align: justify;
}

.cookie-buttons {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.cookie-btn {
    padding: 10px;
    width: 220px;
    border: none;
    border-radius: 25px;
}

.cookie-btn-accept-selected {
    background-color: #002251;
    color: #84ace3 !important;
}

.cookie-btn-accept-all {
    background-color: #34b502;
}

.font-white {
    color: white !important;
}

@media only screen and (max-width: 767px) {
    .cookie-row > img {
        display: none;
    }

    .cookie-text {
        max-width: 100%
    }
}