/* vt9 / 9.5 / 2021-04-06 */


@font-face {
    font-family: 'wildy_sansregular';
    src: url('/fileadmin/es_template/fonts/Wild/wildy_sans-webfont.woff2') format('woff2'),
         url('/fileadmin/es_template/fonts/Wild/wildy_sans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensans_regular';
    src: url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff2'),
    url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('woff'),
    url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Regular-webfont.svg#opensans_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans_bold';
    src: url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Bold-webfont.eot');
    src: url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff2'),
    url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('woff'),
    url('/fileadmin/es_template/fonts/OpenSans/OpenSans-Bold-webfont.svg#opensans_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}



@media screen and (max-width:991px) {

    .navbar {
        padding-top: 1rem;
        padding-right: 1rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
    }
/*
    .container_x{
        margin-top: -0.5rem;
        min-height: 130px;
    }
*/
}





html {
    background-color: #547278;
}
body {
    color:#333;
    padding: 0px 0 0px 0;
    background-color:#547278;
    background-image: none;
    font-family:opensans_regular;

    font-family: "Segoe UI", "San Francisco", sans-serif;


    font-size: 1.0rem;
}



@media only screen and (max-width: 800px) {
    body {
        padding: 0px 0 0px 0;
        font-size:1.0rem;
    }
}
@media only screen and (min-width: 800px) {
    body {
        padding: 0px 0 0px 0;
        font-size:1.0rem;
    }
}
/*
@media only screen and (min-width: 991px) {
    body {
        padding: 0px 0 0px 0;
        font-size:1rem;
    }
}
*/

.wrapper {
    background-color: #A9DBD0;
    background-color: #8bb3c2;
    background-color: #9FC0CF;
    background-color: #DFF3FC;

    /*background-image: url("/fileadmin/styles/page_bg_jp40.jpg");
    */
    background-image: url("/fileadmin/styles/page_bg_v1480_jp70.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    /*
    max-width: 1260px;
    max-width: 1460px;
    max-width: 1660px;
    */
    max-width: 1270px;
/*  max-width: 1960px;*/

    margin: auto;
    margin-top: auto;
    margin-bottom: 37px;
    overflow: hidden;

}

@media only screen and (min-width: 991px) {
    .wrapper {
        border: 0px solid #777;
        margin-top: 0px;
        margin-bottom: 37px;
        border-radius: 0px;
        width: 100%;
        box-shadow: 0px 15px 39px -13px rgba(0, 0, 0, 0.5);
    }
}


#main{
    /*
    background-image: url("/fileadmin/styles/head_o-bild.jpg");
    background-image: url("/fileadmin/styles/head-main.jpg");
    */
    background-image: url("/fileadmin/styles/head-main_v1480.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

#main > .container {
    max-width: 986px;
    max-width: 1149px;
    margin: 0 auto;
    margin-left: auto;
    /*
    margin-left: 140px;
    */
    /*
    background: #fff url("/fileadmin/styles/main_bg_laufend.jpg") repeat-y 0px 0px;
    */
    background: #fff url("/fileadmin/styles/page_bg_laufend_v1480.png") ;

    /*
    border:1px dashed #555;
    */
}


#main A,
#main A:link,
#main A:visited,
#main A.textlink {
    font-weight: 600;
    color: #b22222;
    text-decoration: underline;
}



UL {
    margin-top:1em;
    margin-left:13px;
    line-height:140%;
    padding:0 0 1em 0;
}


ol,ul{
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
}

P {
    line-height:150%;
}

H1,
.h1 {
    color: #035c88;
    margin: 0 0px 10px 0;
    font-size: 1.4rem;
    font-weight:bold;
}
h1 a,
h1 a:hover, h1 a:visited {
    color:#035c88;
}
h2, .h2,
h2 a, h2 a:hover, h2 a:visited {
    color:#035c88;
    font-size: 1.2rem;
    font-weight:bold !important;
}
H3, .h3{
    color:#035c88;
    font-weight: bold;
    margin-bottom:3px;
    font-size: 1.1rem;
}
H4 {
    color:#444;
}
H5 {
    color:#444;
    font-weight: bold;
}


header{
    margin-bottom:20px;
}



.csc-frame-frame1{
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    padding:8px !important;
    margin-bottom:23px;
}








#main {
    min-height: 200px;
    padding-left: 0px;
    /*
    padding-right: 40px;
    */
    padding-top:260px;
    padding-bottom:0px;
    /*
    max-width: 1300px;
    */
    max-width: 14800px;
    margin: 0 auto;
}






/* HAUPTSPALTEN */


.col-md-4.mi,
.col-md-8.re2{
    background-color:#fff;
    border-radius:8px;
    padding-top:15px;
    padding-bottom:30px;
}

@media only screen and (max-width: 768px) {
    main > .container{
        margin-top:90px;
    }
}



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

    .col-md-4.li {
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%;
    }
    .col-md-4.mi {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        background-color:#fff;
        border-radius:8px;
        padding-top:15px;
        margin-bottom: 40px;
    }
    .col-md-4.re {
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%;
    }


    .col-md-4.li2 {
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%;
    }
    .col-md-8.re2 {
        -ms-flex: 0 0 73%;
        flex: 0 0 73%;
        max-width: 73%;
        background-color:#fff;
        border-radius:8px;
        margin-bottom: 40px;
    }

    .col-md-8.li2 {
        -ms-flex: 0 0 71%;
        flex: 0 0 71%;
        max-width: 71%;
    }
    .col-md-4.re2 {
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        max-width: 29%;
    }
}
/* /HAUPTSPALTEN */




/* ------------------------------------- */
.navbar.bg-light {
    background-color: #ffffff !important;
}
/* ------------------------------------- */
/* NAV MITTIG - NAV MITTIG - NAV MITTIG  */
/*
ul.nav.navbar-nav.mr-auto {
    margin:0 auto !important;
}
*/

#navbarNavDropdown li a.active {
    background-color: #5E6172;
    background-color: #808186;
    color:#fff
}



@media only screen and (max-width: 991px) {

    #navbarNavDropdown li {
        border-bottom:0px solid #ccc;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    #navbarNavDropdown li:last-child {
        border-bottom:none;
    }

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 7px;
        font-size:1.0rem;
    }


    .dropdown-menu {
        min-width: 10rem;
        padding: 0rem 0;
        margin: 0 0 0 0;
        font-size: 1rem;
        color: #212529;
        background-color: #fff;
        border: 0px solid rgba(0, 0, 0, .15);
        border-radius: 0rem;
    }

    .navbar-nav.sm-collapsible .has-submenu {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /*
    #navbarNavDropdown li ul li a.active {
        font-style: italic;
        background-color: #ffffff;
        color: #000;
    }
    */


}


/* ------------------------------------- */


@media only screen and (min-width: 991px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        box-shadow: -6px 10px 12px -6px rgba(0, 0, 0, 1);
        border: 1px solid #777;
        font-size: 14px;
        font-weight: bold;
    }
}



/* FOOTER ZEILE */
#c2{
    margin-bottom:20px;
    padding: 0 60px;
}

#c637 img{
    max-height: 193px;
    width: auto;
}



@media only screen and (min-width: 769px) {
    ul.rootline {
        padding-left: 33px;
    }
}


.navbar{
    padding-top:0 !important;
}
.navbar UL.nav {
    margin-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

#main .detail A,
#main .detail A:link,
#main .detail A:visited,
#main .detail A.textlink {
    font-weight: 500;
}
/*
.container_x {
    text-align:center;
    max-width:100%;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    background-color: #FDEB07;
    background-color: #fff;

    border-bottom: 0px solid #ccc;
    padding-bottom: 0px;
}
*/
.container_x > .container{
    padding-left: 0;
    padding-right: 0;
}
.topimg {
    text-align:center;
    max-width:100%;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    padding: 0 15px 0 15px;
    padding: 0;

    display:none;
}






/* NEWS */

/* --- TT_NEWS PREV-NEXT ---------------  */
.news-single-item div.prev_article,
.news-single-item div.next_article {
    font-size:80%;
    position:relative;
    width:45%;
    display:inline-block;
}
.news-single-item div.prev_article {
    float:left;
    display:inline-block;
}
.news-single-item div.next_article {
    float:right;
    display:inline-block;
}
.tt_clearer {
    clear: both;
}
.news-single-item div.prev_article a,
.news-single-item div.next_article a {
    color:#567;
    font-weight: normal;
    text-decoration: none;
}
/* ---/TT_NEWS PREV-NEXT ---------------  */
.es_back {
    margin-top:30px;
}








/* --- news ----------------------------------------- */
.news-latest-item h2 {
    background-color: transparent;
    margin-top:0;
}
.news-latest-item a p {
    text-decoration: none;
    background-color: transparent;
    color:#333;
    font-weight: normal;
}
.news-latest-item a {
    text-decoration:none !important;
}


.news-latest-date {
    /* display:none; */
    display:block;
    margin:0;
    padding:0;
    padding-top:14px;
    color:#777;
    text-align:right;
}


/* --- list --- */
.news-list-item h2 {
    background-color:transparent;
    margin-top:0;
}
.news-list-item h2 a {
    text-decoration: none;
}
.news-list-morelink a {
    display:block;
}

/* --- single --- */
.news-single-rightbox {
    display:none;
}
.news-single-item .content {
    width:99%;
    border-right:none;
}
.news-single-item h1 {
    margin-top:18px;
}






/* --- news-archive --- */
.news-latest-gotoarchive
{
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    margin-top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    background-color: transparent;
}

/*  ---- /news -------------------------------------- */


/* --- List -------------------------------------- */

.news-list-date {
    font-size:.8em;
    color:#333;
    /*
    display:none;
    */
}
.news-list-item {
    border-bottom:1px solid #ccc;
    margin:0 40px 10px 0;
    padding:0;
}
.news-list-item h2 a {
    text-decoration: none !important;
}


.news-list-morelink {
    padding-left:1.8em;
    font-weight:400;
}
.news-list-morelink a {
    font-weight:400;
}
.news-list-item hr.clearer {
    display:none;
}
.news-single-item {
    border-bottom: 0px solid #ccc;
    margin:0 40px 10px 0;
    padding:0;
}
.news-single-item hr.cl-right {
    display:none;
}
.news-single-backlink{
    margin-top:30px;
}

/* LATEST ---------------------------------------- */
div.news-latest-gotoarchive {
    display:none;
}
.news-latest-container {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 22px;
    padding-left: 10px;
}
div.news-latest-item {
    display:inline-block;
}
.news-latest-container {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 22px;
    padding-left: 0px;
}


.news-latest-item hr {
    display: none;
}
.news-latest-item a img {
    display:none;
}
.news-latest-item h2 {
    font-size:1.0em;
    line-height:120%;
}
.news-latest-item p {
    /*  font-size:1.1em; */
    line-height:120%;
}

/* --- /NEWS ------------------------------------- */
/* --- /NEWS ------------------------------------- */
/* --- /NEWS ------------------------------------- */




/* ACC ---------------------------------------------------- */
/* PLUS MINUS SVG */
ul.tinyaccordion h4{
    background: url('/fileadmin/styles/plus.svg') no-repeat 0 7px;
    background-size: 18px;
    border-bottom:0px solid #ccc;
}
ul.tinyaccordion h4:hover {
    /*
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
    */
}


ul.tinyaccordion h4.acc-selected {
    background: url('/fileadmin/styles/minus.svg') no-repeat 0 7px;
    background-size: 18px;
    border-bottom:0px solid #ccc;
}
ul.tinyaccordion h4.acc-selected:hover {
    /*
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
    */
}
/* /PLUS MINUS SVG */


.acc-selected+.acc-section{
    border:1px solid #ddd;
    padding:10px;
    margin-bottom:10px;
}



.tx-tinyaccordion-pi1 ul{
    list-style-image: none;
    margin-left: 0px;
}


/*
li.acc-li a:hover,
li.acc-li a:active,
li.acc-li a:focus{
    background-color: #eee;
}
*/



ul.tinyaccordion h4.acc-selected {
    background-position-x: 0px;
    background-position-y: 7px;
    background-position: right;
    color: #333;
}
ul.tinyaccordion h4 {
    color: #ffffff;
    font-weight:600;
    font-size:120%;
    margin: 0 10px 0 0;
    padding: 18px 18px 18px 0px;
    cursor: pointer;
    background-position: right;
    list-style-type: none;
}
ul.tinyaccordion h4:hover {
    color: #000;
    text-decoration:none;
}
ul.tinyaccordion h3 {
    padding-left:0px;
    color:#000;
}
.tx-tinyaccordion-pi1{
    border:0px solid #fff;
}
ul.tinyaccordion li {
    padding-left: 10px;
    border: 0px solid #fff;
    margin-top: -1px;
    margin-bottom: 0px;
}
ul.tinyaccordion li:nth-child(even){
    background-color: #ffffff !important
}
ul.tinyaccordion li:nth-child(odd){
    background-color: #ffffff !important
}

ul.tinyaccordion li p {
    padding:0;
    margin-bottom:8px;
    padding-left:20px;
}
ul.tinyaccordion p:nth-last-child(1) {
    padding-bottom:15px;
}
/*
ul.tinyaccordion h4.acc-selected,
.acc-section{
    background-color:#fff;
}
*/
/* ACC -------------------------------------------------- */






/* FLUID ACC.  */

.fe-accordion-body H2{
    display:none;
}



#main h4 a.accordion-title-link{
    text-decoration:none !important;
    font-size:1.1rem !important;
    color: #225e9b;
    width: 100%;
    display: inline-block;
}
.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion .card {
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
}

.accordion .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}



.accordion .card-header {

    padding: .75rem 1.25rem;
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0px solid rgba(0,0,0,.125);
    border-top: 1px solid rgba(0,0,0,.125);
}
.accordion .card-body {
    padding-top: 0;
}


.accordion-title-link{
    padding: .85rem 1.25rem .75rem 1.25rem;
    background: url('/fileadmin/es_template/icon/pfeil_akk_auf.svg') no-repeat -15px -0px;
    background-size: 50px;
    padding-left:36px;
    margin-top:6px;
}
.accordion-title-link.collapsed{
    background: url('/fileadmin/es_template/icon/pfeil_akk_zu.svg') no-repeat -15px -0px;
    background-size: 50px;
}


.accordion-title-link{
    padding: .85rem 1.25rem .75rem 1.25rem;
    padding: .85rem 1.25rem .75rem 1.25rem;
    background: url('/fileadmin/es_template/icon/pfeil_akk_auf_mod.svg') no-repeat 0px 13px;
    background-size: 90px;
    /**/
    padding-left:36px;
    margin-top:6px;
    /**/
}
.accordion-title-link.collapsed{
    background: url('/fileadmin/es_template/icon/pfeil_akk_zu_mod.svg') no-repeat 0px 11px;
    background-size: 90px;
}


.fe-accordion-body{
    padding-left:36px;
}



/* ------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {
    /*
        #main .col-md-8{
            border: 0px solid #ccc;
            flex: 0 0 99.9%;
            max-width: 99.9%;
            padding-bottom:40px;
        }
        #main .col-md-4{
            border: 0px solid #ccc;
            flex: 0 0 99.9%;
            max-width: 99.9%;
            padding-bottom:20px;
        }
    */
    #main{
        padding-bottom: 0px;
        padding-left:0px;
        padding-right:0px;
    }
}
/* -------------------------------------------------------------------- */

.tx-powermail .btn-primary {
    color: #fff;
    background-color: #DC9B36;
    border-color: #DC9B36;
}
.tx-powermail .btn-primary:hover,
.tx-powermail .btn-primary:focus,
.tx-powermail .btn-primary:active{
    color: #fff;
    background-color: #c88d32;
    border-color: #c88d32;
}



/*
@media only screen and (max-width: 500px) {
    #main .container{
        width: 100%;
    }
    #main  .container .col-md-12{
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 760px) {
    #main .container{
        width: 100%;
    }
    #main .container .col-md-12{
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 991px) {
    #main .container{
        width: 95%;
    }
}
@media only screen and (min-width: 992px) {
    #main .container {
        width: 100%;
    }
}
*/

.container {
    max-width: 1460px;
    max-width: 1160px;
    max-width: 1960px;
}



.navbar-light .navbar-nav .nav-link {
    color: rgba(59, 59, 59, 0.9);
    background-color: #eee;
    margin-right: 3px;
    margin-bottom: 3px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.85);
    background-color: #ddd;

}
.navbar UL.nav {
    margin: 1em auto 0.5em auto !important;
}


ul.rootline{
    display:none;
}

.submenu{
    background-color: transparent;
}

.submenu ul{
    padding:0;
    margin:0;
}
.submenu ul li{
    padding:5px 8px;
    padding:0;
    /*
    margin: 0 0 10px 0;
    */
    list-style-type:none;
    background-color:transparent;
    border-bottom: 1px solid #A9DBD0;
}


#main .submenu ul li a{
    padding:5px 8px;
    background-color:transparent;
    text-decoration:none;
    font-size:1.0rem;
    font-weight:normal;
    color:#000;
    /*
    padding:10px 10px 4px 10px;
    */

    display:block;
    /*
    font-family: wildy_sansregular;
    text-transform: lowercase;
    font-size:2.0rem;
    letter-spacing: -2.5px;
    */
}
#main .submenu ul li a:hover,
#main .submenu ul li a:focus,
#main .submenu ul li a:active {
    background-color: #fff;
}
#main .submenu ul li.act a{
    background-color:#fff;
}








@media only screen and (max-width: 1100px) {
    .navbar-light .navbar-nav .nav-link {
        color: rgba(59, 59, 59, 1);
        background-color: #eee;
        margin-right: 3px;
        margin-bottom: 3px;
        font-size: 24px;
    }
}




.footercontent {
    background-color: #CBE9E4;
    background-color: #DDF2EF;
    background-color: #ECF7F5;
    padding:15px 40px;
    color: #000 !important;

    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 3rem;

    text-align:left;
    max-width: 1149px;
}
@media only screen and (max-width: 768px) {

    #main {
        padding-top: 80px;
        padding-top: 150px;
    }

    .footercontent {
        padding:15px 15px;
    }
}



.footercontent a{
    text-decoration:none;
/*    border-bottom: 0px dashed #333;*/
    font-weight:600;
    color: #006583 !important;
    color: #31677b  !important;
}
.footercontent a:hover{
/*    border-bottom: 1px dashed #333;*/
    text-decoration: underline !important;
}

#c417 p{
    text-align:center;
    margin-top:16px;
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/*
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    transition: position 0.5s;
    transition: top 0.5s;
}

.sticky + div + div + div.container.maincontent{
    padding-top: 130px !important;
    transition: padding-top 0.5s;
}

#mainnav_wrap.sticky{
    border-bottom: 1px solid #e7dfce;
    left: 0;
    z-index: 3000;
    background: #fff;

    -webkit-box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow:    0px 12px 12px 0px rgba(0,0,0,0.25);
    box-shadow:         0px 12px 12px 0px rgba(0,0,0,0.25);
}
.sticky .navbar {
    padding: 0.1rem 1rem;
}
.sticky .navbar UL.nav {
     margin: 0.5em auto 0em auto !important;
     padding-bottom:0;
 }
*/
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/



/*####################################################################*/
#myBtn:hover {
    background-color: rgb(138, 138, 138);
}
#myBtn {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.9s linear;
    /*display: none; */
    position: fixed;
    bottom: 50px;
    right: 28px;
    z-index: 99;
    font-size: 40px;
    border: none;
    outline: none;
    background-color: rgba(155,155,155,0.8);
    color: white;
    cursor: pointer;
    padding: 0px 13px 8px 13px;
    border-radius: 30px;
    width: 60px;
    height: 60px;
}
/*####################################################################*/

.tx-powermail label.control-label.col-sm-2 {
    -ms-flex: 0 0 83.33% !important;
    flex:     0 0 83.33% !important;
    max-width:    83.33% !important;
    width:    83.33% !important;
}



/* VIDEOS */
@media screen and (min-width:250px){
    iframe.es_iframe{width:220px !important; height:180px !important; border:0px solid #ccc; }
}
@media screen and (min-width:300px){
    iframe.es_iframe{width:270px !important; height:180px !important; border:0px solid #ccc; }
}
@media screen and (min-width:350px){
    iframe.es_iframe{width:320px !important; height:210px !important; border:0px solid #ccc; }
}
@media screen and (min-width:500px){
    iframe.es_iframe{width:470px !important; height:300px !important; border:0px solid #ccc; }
}
@media screen and (min-width:600px){
    iframe.es_iframe{width:560px !important; height:350px !important; border:0px solid #ccc; }
}
@media screen and (min-width:800px){
    iframe.es_iframe{width:700px !important; height:460px !important; border:0px solid #ccc; }
}

footer.py-5.bg-dark{
    display:none;
    background-color: #394573 !important;
}


/* MAN NAV DROPDOWN  */
.container.topnav{
    text-align:right;
}


.sidelogo{
    /*
    margin-top:8px;
    padding: 0 15px 0 15px;
    position: absolute;
    z-index: 10;
    max-width: 200px;
    max-width: 13vw;
    min-width: 150px;
    right: 30px;
    */
    display: none;
}





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

    #navbarNavDropdown {
        background-color: transparent;
        margin-top: 0px;
    }
    .navbar-brand_x {
        position: absolute;
        z-index: 200;
        margin: 16px 0 0 20px;
        border: 0px solid red;
    }
    .navbar-brand_x img {
        padding: 60px 15px 0 15px;
        width: 220px;
    }
    .navbar {
        padding: 0;
    }
    .navbar-brand_x{
        display:none;
    }
}




    /* =========================== */
.navbar-toggler[type="button"] {
    border: 1px solid #444;
    background-color:#fff;
    float: right;
    position: absolute;
    z-index: 20000;
    right: 20px;

    top: 30px;
}



.bildleiste{
    position: absolute;
    top: 123px;
    margin-left: 452px;
}
.bildleiste img{
    max-width: 100%;
    width:auto !important;
    max-height: 112px;
    height: 112px;
    margin-right: 8px;
}



.ce-center [data-ce-columns="5"] .ce-column,
.ce-right [data-ce-columns="5"] .ce-column,
.ce-left [data-ce-columns="5"] .ce-column {
    margin-right: 0;
    width: auto;
}
.ce-center [data-ce-columns="4"] .ce-column,
.ce-right [data-ce-columns="4"] .ce-column,
.ce-left [data-ce-columns="4"] .ce-column {
    margin-right: 0%;
    width: auto;
}










/* ===================================================== */
.topleiste{
    max-width:1149px;
    width:100%;
    display:block;
    border:0px solid red;
    margin:0 auto;
    margin-bottom:-35px;

    padding-top: 35px;
}
.maintitle{
    float:left;
    color:#fff;
    font-size: 24px;
    padding-top:5px;
    padding-left:36px;
}
.topnav{
    float:right;
    color:#fff;
    font-size:1rem;
    padding-top:14px;
    padding-right:15px;
}
.topnav a{
    color:#fff;
}
@media only screen and (max-width: 768px) {
    .maintitle{
        float:left;
        color:#fff;
        font-size: 20px;
        padding-top:5px;
        padding-left:36px;

        display:none;
    }
    .topnav{
        display:none;
    }
    .topimg {
        display: none;
    }

    #main {
        background-size: 100%;
    }

}

/* ===================================================== */









#c633,
#c667{
    margin-top:18px;
    margin-bottom: 30px;
}

#c633 .frame,
#c667 .frame{
    padding: 10px 10px 10px 5px; ;
    margin:0px 0px 0 0;
    border:0px solid #ccc;
}




#c606 {
    margin-top:10px !important;
    margin-left:5px !important;
    max-width:193px;
    text-align: center;
    color: #b22222;
    font-weight: bold;
    padding: 7px;
    border: 1px solid #777;
    font-size: 16px;
    background-color: #fff;
    border-radius: 5px;
    border:1px solid #888 !important;
}

/*
@media screen and (max-width:991px) {
    .navbar {
        padding-top: 0rem;
        padding-right: 1rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
    }
}
*/

nav > .container {
    padding-right: 0px;
    padding-left: 0px;
}



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

    .navbar UL.nav {
        margin: -50px 0 0 0 !important;
        padding-bottom: 0 !important;
        position: absolute;
        right: 0;
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(59, 59, 59, 0.9);
        background-color: #eee;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;

        padding: 3px 5px 0 5px;
        font-size:1.6rem !important;
        line-height: 100%;
    }

}


.footercontent .container {
    padding:0;
}


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.wrapper,
.container{
    max-width: 1500px;
    max-width: 1300px;
    max-width: 1270px;
    max-width: 1480px;
    max-width: 1430px;
}





/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





@media screen and (max-width:991px) {
    /*
    #main{
        padding-top:110px;
    }
    */
    /*
    .img-fluid {
        max-width: 100%;
        height: auto;
        max-width: 140px;
        margin-top: 50px;
        margin-top: 7vw;
        margin-left: 20px;
        position: absolute;
    }
    .navbar {
        padding-bottom: 0rem;
    }
    */
}



@media screen and (max-width:500px) {
    .img-fluid {
        height: auto;
        max-width: 190px;
        margin-top: .5rem;
        margin-left: 0px;
        position: absolute;
        left: 10px;
    }
}





/* MAINMENU  =================== */
@media screen and (min-width:768px) {
    /* MAINMENU TOP */
    /*
    li.nav-item.nav_16,
    li.nav-item.nav_17,
    li.nav-item.nav_18,
    li.nav-item.nav_19 {
        display: inline-block;
    }
    li.nav-item {
        display: none;
    }
    */
}
/* MAINMENU ===================== */

/* SUBMENU LI =================== */
/*
.submenu li#sub_16,
.submenu li#sub_17,
.submenu li#sub_18,
.submenu li#sub_19 {
    display: none;
}
*/
@media screen and (max-width:767px) {
    .submenu {
        display: none;
    }
}
/* /SUBMENU LI =================== */








.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
    color: #333;
    background-color: #fff;
    font-size:1.0rem;
    font-weight:600;
    margin: 0 10px 10px 0;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #000;
    background-color: #eee;
}
#navbarNavDropdown li a.active {
    color: #000;
    background-color: #eee;

}

@media screen and (max-width:767px) {
    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link {
        margin: 0 0px 0px 0;
        border-bottom: 1px solid #ccc;
        padding:12px 0 9px 5px;
        letter-spacing: 0.5px;
    }
    #navbarNavDropdown li {
        padding-top: 0px;
        padding-bottom: 0px;
    }





    .navbar-toggler {
        margin-top: 0px;
    }
    /*
    .navbar {
        background-color: #ffffff !important;
        margin-top: 24px;
    }
    */
}

@media screen and (min-width:767px) {
    #navbarNavDropdown{
        display:none !important;
    }
}


/*
.container_x { border: 1px solid pink; }
#mainnav_wrap { border: 1px solid red; }
.navbar-brand_x { border: 1px solid green; }
.navbar-brand_x img { border: 1px solid orange; }
*/


a.nav-link{
    font-size: 1.4rem;
    font-weight: 500;
}


/* FARBEN */
/*
h1{color:#333}
h2{color:#333}
h3{color:#333}
b {color:#333}
*/
/* ##cr RTE */
.text_grau {color:#9d9e8e;margin-bottom: 0;}
.text_rot {color:#81425a;}
.text_dunkelgruen {color:#2e5b4a;}
.text_braun {color:#4c3c3c;}
/* / ##cr RTE */



UL {
    margin-top: 0em;
    padding: 0 3px 0 0.3em;
}


#c454{
    margin-top:24px;
    background-color:#fff;
    padding:10px;
    border-radius:8px;
}




/* TABLET ======================================================= */
@media screen and (min-width:767px) and (max-width:1100px) {
    .footercontent .col-md-4:nth-child(1) {
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
    }

    .footercontent .col-md-4:nth-child(2) {
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
    }

    .footercontent .col-md-4:nth-child(3) {
        -ms-flex: 0 0 383%;
        flex: 0 0 38%;
        max-width: 38%;
    }
    .footercontent{
        margin-bottom: 0.3rem;
    }

    .maintitle {
        padding-left:24px;
    }

    .bildleiste {
        top: 90px;
        margin-left: 280px;
    }
    .bildleiste img{
        max-width: 100%;
        width:auto !important;
        max-height:105px;
        height:105px;
    }

    body{
        margin-top:-24px;
    }

    #main {
        /*
        background-image: url("/fileadmin/styles/head_o-bild.jpg");
        background-image: url("/fileadmin/styles/head-main.jpg");
        */
        padding-top: 240px;
        background-image: url("/fileadmin/styles/head-main_v1480.jpg");
        background-repeat: no-repeat;
        background-position: 50% 4px;
        background-size: 100%;
    }
    .col-md-8.re2 {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
    }

}
/* /TABLET ====================================================== */


/* /TABLET ====================================================== */
@media screen and (min-width:768px) and (max-width:991px) {
    #main {
        padding-top: 218px;
    }
    .bildleiste {
        top: 68px;
        margin-left: 208px;
    }
    .bildleiste img {
        max-width: 100%;
        width: auto !important;
        max-height: 93px;
        height: 93px;
    }
}
/* /TABLET ====================================================== */









.col-md-8.re2{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.footercontent {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* SYSTEM */
.ce-border img,
.ce-border iframe {
    border: 0;
    padding: 0px;
}


/* REFERENZEN */
.page_67 #main .col-md-8.re2 > div {
    border-bottom:1px solid #ccc;
    padding-bottom:8px;
    margin-bottom:18px;
}
/* REFERENZEN */


/* OBERBELÄGE */
.page_69 .ce-column figure.image {
    padding: 0 12px 0px 0;
}
.page_69 .ce-gallery figcaption {
    padding-bottom: 20px;
    line-height: 115%;
}
/* OBERBELÄGE */


@media screen and (min-width:400px) and (max-width:649px) {
    #main {
        padding-top: 180px;
    }
    .navbar {
        padding-bottom: 0rem;
    }
    .bildleiste {
        position: absolute;
        top: 98px;
        margin-left: 36px;
    }
    .bildleiste img {
        max-height: 60px;
        height: 60px;
        margin-right: 6px;
    }
}

@media screen and (min-width:650px) and (max-width:767px) {
    #main {
        padding-top: 180px;
    }
    .navbar {
        padding-bottom: 0rem;
    }
    .bildleiste {
        position: absolute;
        top: 78px;
        margin-left: 220px;
    }
    .bildleiste img {
        max-height: 80px;
        height: 80px;
        margin-right: 8px;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .wrapper, .container {
        width: 768px;
    }
}



hr {
    border-top: 1px solid rgb(169, 219, 208);
}

.tx-indexedsearch-info{
    display:none;
}



.tx-powermail .col-md-6 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}





/* === */
.cc-window .powered-by,
.cc-window-config .powered-by{
    display:none;
}

.cc-window,
#cookieconsent{
    border: 1px solid #95b9b2 !important;
    background-color: #d9ece8 !important;
}
.cc-message{
    color: #333;
}

.cc-compliance .cc-w-100,
.cc-compliance .cc-btn {
    width: calc(33.3% - 6px) !important;
    white-space: normal !important;
    background-color: #87b7b1 !important;
    background-color: #557c78 !important;
    color:#fff;
    font-weight: normal;
    padding: 5px 6% !important;
    margin:3px !important;
}
.cc-compliance .cc-btn:nth-child(2){
    margin:3px 0 !important;
}

a.cc-btn{
    color:#fff;
    line-height:120%;
    font-weight:normal;
    font-size:16px !important;
}
a.cc-btn:hover,
a.cc-btn:active,
a.cc-btn:focus {
    background-color: #87b7b1 !important;
    text-decoration: none;
}
.cc-revoke.dp--revoke{
     background-color: rgb(99, 130, 135) !important;
}
a.cc-link{
    font-weight:normal;
    color:#333;
}
/* === */

/* 20250617 */
main > .container{
    background-color:#557c78;
}
.li2, .re2{
    background-color:#fff;
}


#c641 p{
    background-color: #034c79;
}

#c642 p {
    background-color: #024c79;
}