/* ############################################# layout ############################################# */
body {font-family: 'Corbel', sans-serif;}

h1 {font-family: 'Corbel', sans-serif;}
h2 {font-family: 'Corbel', sans-serif;}
p {margin-bottom: 5px;}
iframe {width: 100%; height: 600px;}
.fab {
font-family: FontAwesome !important;
}
.bg-accent {background-color: #006ac6;}
p a {color: #006ac6; text-decoration: underline;}
p a:hover {text-decoration: none;}

.ce_hyperlink a, a.btn {background: #006ac6; border-color: #006ac6;}
.ce_divider_extended.version4 span {background: #006ac6;}
.newsteaser_v3 .news-overlay i {background-color: #006ac6;}
.ce_gallery .content {background: #006ac6;}
.ce_gallery li:hover .content {opacity: 0.5;}
.ce_iconbox_v3 .ce_iconbox_v3_inside.bg-accent {background-color: #006ac6;}
.cookiebar {background: #006ac6;}
#nav-open-btn::before {background: #006ac6 !important;}

.bg-lightgray {background-color: #fff !important;}

.header .mod_search {display: none;}


/* ############################################# boxen ############################################# */
.ce_linkbox.version5 .ce_linkbox_overlay {
	background: rgba(0,0,0,0.9);}


/* ############################################# header ############################################# */
#top, .body_top {background-color: #fff; z-index: 0;}
#top a, .body_top a {color: #2c5c99;}
.fa-cart-plus:before, .fa-facebook:before, .fa-instagram:before {color: #2c5c99;}

#header {background-color: #9b9ea2; z-index: 9999999;}
#header .logo {height: 210px; top: -75px; position: absolute;}
#header .logo a {background-image: url(../img/layout/logo-startseite.png);}
#stickyheader .header .logo a {background-image: url(../img/layout/logo-startseite.png); background-size: 34%; text-align: center; background-position: center;}
.meta-nav, #top .mod_top_mail a, .body_top .mod_top_mail a {color: #2c5c99;}
#top .mod_socials a i, .body_top .mod_socials a i {color: #fff;}

#top .mod_socials a, .body_top .mod_socials a {margin-left: 20px;}
.header {line-height: unset; margin-top: 50px;}
#stickyheader .header {margin-top: 0px;}
#titelbilder {max-width: 1800px !important; padding-top: 0px !important;}
#slider {
	min-height: 130px !important;}
#fix-wrapper {
position: absolute;
left: 0;
top: 39px;
background-color: #fff;
padding-bottom: 30px;
}



/* ############################################# startseite ############################################# */
#article-10836 .image_container img {width: 100%;}

/* ############################################# navigation ############################################# */
.mod_navigation.mainmenu ul li {text-transform: uppercase;}
.mod_navigation.mainmenu ul li a {color: #2c5c99; text-transform: uppercase;}
#stickyheader .mod_navigation.mainmenu ul li a {color: #006ac6; text-transform: uppercase;}
.header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.active span {color: #006ac6 !important; border-bottom: 1px solid #006ac6 !important; padding-bottom: 5px;}
.header.original .mainmenu ul li a.active {color: #2c5c99 !important;}
.mainmenu ul li a:hover {color: #feea00;}
.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active {color: #2c5c99;}

#stickyheader .mod_navigation.mainmenu ul li a span:hover {border-bottom: 1px solid #006ac6; padding-bottom: 5px;}

/* ############################################# timeline ############################################# */

.ce_timeline .timeline-item .timeline-item-title {background: transparent; color: #006ac6;}
.timeline-item-text .ce_textarea {background: rgb(152,152,152); padding: 20px; color: #fff;}
.ce_timeline .timeline-item i {background-color: #006ac6 !important;}
.ce_timeline .timeline-item .timeline-item-title::before {background-color: #006ac6 !important;}
.timeline-item-image .image_container {margin-top: 20px;}
.ce_timeline .timeline-item img {border-radius: 0px;}

/* ############################################# footer ############################################# */
.totop {display: none;}
#footer .block.one_fourth {width: 33%;}
.ce_iconbox.version3.xsmall {float: left; width: 30%;}
#footer a:hover, #bottom .inside a:hover {color: #006ac6;}


/* ############################################# slider ############################################# */
#linkToContent {display: none;}
.offcanvas-trigger {display: none;}
#slider .ce_revolutionslider .ce_text p {background-color: rgb(255,255,255,0.5); background-color: rgba(255,255,255,0.5); font-size: 46.2px !important; line-height: 60px; padding: 15px; font-weight: bold;}
#slider .ce_revolutionslider_text {background-color: rgb(0,92,188,0.5) !important; background-color: rgba(0,92,188,0.5) !important; padding: 15px; font-weight: bold; font-size: 87px !important;}
#slider .slide_0 .ce_text p {background-color: rgba(0,92,188,0.5) !important; color: #fff; margin-bottom: 0px;} 

/* ############################################# links ############################################# */
body.links #main .ce_text table tr td {padding-right: 50px; border-bottom: 1px solid #555; line-height: 50px;}
body.links #main .ce_text table tr td a {color: #006ac6; text-decoration: underline;}
body.links #main .ce_text table tr td a:hover {color: #006ac6; text-decoration: none;}

/* ############################################# news ############################################# */
.newsteaser_v3 {padding-bottom: 10px; margin-bottom: 40px;}
.mod_newslist {
display: flex;
flex-wrap: wrap;
}

/* ############################################# angebote ############################################# */
.ce_gallery li img {padding: 10px;}

/* ############################################# kontaktformular ############################################# */
textarea, input {font-family: 'Corbel', sans-serif; color: #999 !important;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999 !important;}


@media (max-width: 768px) {
.ce_iconbox.version3.xsmall {float: left; width: 100%;}
}

@media (max-width: 768px) {
#header .logo {height: 80px !important;}
.header .mod_langswitcher {display: none !important;}
#stickyheader .header .logo a {background-position: left;}

#slider .ce_revolutionslider .ce_text p {font-size: 30px !important; line-height: 32px !important; margin-left: 40px;}
#slider .ce_revolutionslider_text {font-size: 34px !important; line-height: 38px !important; margin-left: 40px;}
#slider .slide_1 .ce_text {top: 162px !important;}

}

@media (min-width: 769px) and (max-width: 1150px) {
.smartmenu {display: block;}
.mainmenu, #top .mod_top_phone, .body_top .mod_top_phone {display: none;}

#slider .ce_revolutionslider .ce_text p {font-size: 30px !important; line-height: 32px !important; margin-left: 40px;}
#slider .ce_revolutionslider_text {font-size: 34px !important; line-height: 38px !important; margin-left: 40px;}
#slider .slide_0 .ce_text {top: 155px !important;}
#slider .slide_1 .ce_text {top: 120px !important;}

}

.ce_iconbox.version3.xsmall {
    width: 100% !important;
}

@media (min-width: 769px) and (max-width: 1235px) {
.ce_iconbox.version3.xsmall {float: left; width: 100%;}
}


.body_top {
    position: relative;
    z-index: 1100;
    font-size: 0.93rem;
    line-height: 2.5rem;
    display: block;
    height: 38px;
    padding: 0 calc((100% - 1160px)/2);
}
.body_top .mod_socials {
    overflow: hidden;
    float: right;
    margin-left: 15px;
}
.body_top .mod_socials:last-child img {
    position: relative;
    top: 4px;
}
.body_top .mod_top_phone {
    float: right;
    margin-left: 15px;
}
.body_top .mod_top_mail {
    float: right;
}
.body_top .fa {
    margin-right: 5px;
}
@media (max-width: 1238px) {
    .body_top {
        padding: 0 40px;
    }
    #header .inside {
        height: 100px;
    }
    .smartmenu {
        position: absolute;
        right: 40px;
    }
}

@media (max-width: 768px) {
    #top-wrapper {
        background: #fff;
    }
    .mod_top_mail {
        display: none;
    }
    .body_top {
        display: flex;
        justify-content: center;
    }
    .mod_socials, .mod_socials a:first-child {
        margin-left: 0 !important;
    }
    #header .inside {
        height: 60px;
    }
    #header .inside .logo {
        margin-top: 0px;
        height: 60px !important;
    }
    #header .inside .logo a {
        visibility: visible;
        width: 42px;
    }
    #nav-open-btn {
        visibility: visible;
    }
}
@media (max-width: 1150px) {
    .mainmenu, #top .mod_top_phone, .body_top .mod_top_phone {
        display: none;
    }
}

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

}