/* styles.css */
 #container{
    padding-top:40px;
    padding-bottom:40px
}
.content-gallery img {
    margin-top: 30px;
}
.weiss.begrenzt{
    width:100%;
    height:auto;
    display:inline-block;
    margin-bottom:-6px;
    padding-top:40px;
    padding-bottom:30px;
    background-color:#fff
}
.weiss.begrenzt .inside{
    max-width:1400px;
    margin-right:auto;
    margin-left:auto
}
#gruenerbutton{
    display:block;
    margin-bottom:30px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#063
}
#main #gruenerbutton h2{
    font-size:1.8rem;
    color:#fff
}
#main h1{
    font-size:1.8rem;
    font-weight: 500
}
.grau.begrenzt{
    width:100%;
    height:auto;
    display:inline-block;
    margin-bottom:-6px;
    padding-top:20px;
    padding-bottom:20px;
    background-color:#878787
}
.grau.begrenzt .inside{
    max-width:1400px;
    margin-right:auto;
    margin-left:auto
}
.grau.begrenzt h3{
    color:#fff
}
#logomitte img{
    max-width:200px;
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle
}
.unterseite #header{
    border-bottom:36px solid #063
}
.unterseite h1{
}
.unterseite #main img{
    border:1px solid #3c3c3b
}
.unterseite #main .inside{
    max-width:1400px;
    margin-right:auto;
    margin-left:auto
}
#main h2{
    font-size:1.6rem;
    font-weight: 500
}
#main p,#main ul,#main ol{
    font-size:1.1rem;
    line-height:1.8rem
}
#main h3{
    font-size:1.4rem;
    font-weight: 500
}
#rahmen img{
    border:1px solid #3c3c3b
}
.zeile-seitenfuss{
    width:100%;
    height:auto;
    display:inline-block;
    margin-bottom:-5px;
    background-color:#3c3c3b;
    font-size:.8rem
}
.adresse-seitenfuss{
    width:100%;
    height:auto;
    display:inline-block;
    padding-top:40px;
    padding-bottom:10px
}
.sloganbild{
    position:relative
}
.sloganbild h1{
    top:10px;
    position:absolute;
    margin-right:30px;
    margin-left:30px;
    padding:20px 40px;
    background-color:rgba(51,51,50,.8);
    font-size:1.4rem;
    color:#fff;
    font-weight: 500
}
#main .sloganbild h2{
    bottom:30px;
    right:20px;
    position:absolute;
    margin-top:0;
    margin-bottom:0
}
#main .sloganbild h2 a{
    padding:10px 30px;
    background-color:#147243;
    font-size:1.4rem;
    text-decoration:none;
    color:#fff;
    font-weight: 500
}
#main .sloganbild h2 a:hover{
    background-color:rgba(60,60,59,.8);
    color:#fffc2e
}
.socialmedialogos{
    margin-bottom:18px
}
body{
    background-color:#fff;
    font-family:'Nunito Sans',sans-serif;
}
#offcanvasmenu{
    width:70px;
    height:45px;
    left:0;
    top:10px;
    position:fixed;
    display:block;
    box-sizing: border-box;
    z-index: 4
}
.logo-im-seitenkopf{
    margin:17px 54px
}
.logo-im-seitenkopf img{
    max-width:450px;
    margin-right:auto;
    margin-left:auto
}
.zeile-header{
    width:100%;
    display:none;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#3c3c3b
}
.zeile-header .inside{
    max-width:1400px;
    margin-right:auto;
    margin-left:auto
}
.zeile-header ul{
    margin-top:0;
    margin-bottom:0;
    padding-left:0
}
.zeile-header ul li{
    display:inline-block;
    margin-right:40px;
    font-size:.9rem;
    color:#fff;
    list-style-type:none
}
.zeile-header ul li.last{
    margin-right:0
}
.zeile-header ul li a{
    text-decoration:none;
    color:#fff
}
.zeile-header ul li a:hover{
    color:#878787
}
.zeile-header .mod_customnav ul li{
    display:inline-block;
    margin-right:0;
    margin-left:14px;
    font-size:.9rem;
    color:#fff;
    list-style-type:none
}
.zeile-header .mod_customnav ul li.first{
    margin-left:0
}
#header{
    width:100%;
    display:inline-block
}
#header .inside{
    max-width:1400px;
    position:relative;
    margin-right:auto;
    margin-left:auto
}
.socialmedialogos ul{
    margin-top:0;
    margin-bottom:0;
    padding-left:0;
    text-align:center
}
.socialmedialogos ul li{
    display:inline-block;
    margin-right:4px;
    margin-left:4px;
    list-style-type:none
}
.socialmedialogos ul li.facebook a{
    width:40px;
    height:40px;
    display:inline-block;
    background-image:url("../../files/elemente/005-facebook-logo.png");
    background-size: cover;
    text-indent: -9999px
}
.socialmedialogos ul li.whatsapp a{
    width:40px;
    height:40px;
    display:inline-block;
    background-image:url("../../files/elemente/003-whatsapp.png");
    background-size: cover;
    text-indent: -9999px
}
.socialmedialogos ul li.youtube a{
    width:40px;
    height:40px;
    display:inline-block;
    background-image:url("../../files/elemente/006-youtube.png");
    background-size: cover;
    text-indent: -9999px
}
.socialmedialogos ul li.instragram a{
    width:40px;
    height:40px;
    display:inline-block;
    background-image:url("../../files/elemente/004-instagram.png");
    background-size: cover;
    text-indent: -9999px
}
#header .mod_navigation{
    display:none
}
#header .mod_navigation ul{
    margin-top:0;
    margin-bottom:0;
    padding-left:0
}
#header .mod_navigation ul li{
    display:inline-block;
    margin-right:26px;
    text-transform:uppercase;
    list-style-type:none
}
#header .mod_navigation ul li a{
    font-size:1.05rem;
    text-decoration:none;
    color:#3c3c3b;
    font-weight: 600
}
#header .mod_navigation ul li a:hover{
    color:#063
}
#header .mod_navigation ul li.active{
    display:inline-block;
    margin-right:26px;
    font-size:1.05rem;
    font-weight:normal;
    color:#063;
    text-transform:uppercase;
    list-style-type:none;
    font-weight:600
}
.breit img{
    width:100%
}
#wrapper{
}
#container{
}
#footer{
    width:100%;
    display:inline-block;
    background-color:#063;
    color:#fff
}
#footer .ce_text, #footer .mod_navigation, #footer .mod_customnav{
    line-height:1.8rem
}
#footer .content-text {
    line-height:1.8rem
}
#footer .ce_text p.telefon, #footer .content-text p.telefon{
    height:50px;
    background-image:url("../../files/elemente/007-phone-call-1.png");
    background-position:left center;
    background-repeat:no-repeat;
    background-size: 50px 50px
}
#footer .ce_text p.mail, #footer .content-text p.mail{
    background-image:url("../../files/elemente/009-email-1.png");
    background-position:left center;
    background-repeat:no-repeat;
    background-size: 50px 50px
}
#footer .mod_navigation ul{
    padding-left:0
}
#footer .mod_navigation ul li{
    padding-left:30px;
    background-image:url("../../files/elemente/pfeil-weiss.svg");
    background-position:left center;
    background-repeat:no-repeat;
    list-style-type:none;
    background-size: 10px 14px
}
#footer .mod_navigation ul li.active{
    text-transform:uppercase
}
#footer .mod_navigation a{
    text-decoration:none;
    color:#fff;
    text-transform:uppercase
}
#footer .mod_navigation a:hover{
    color:#878787
}
#footer .ce_text p.adresse,#footer .ce_text p.telefon,#footer .ce_text p.mail{
    padding-left:60px
}
#footer .content-text p.adresse,#footer .content-text p.telefon,#footer .content-text p.mail{
    padding-left:60px
}
#footer .ce_text a, #footer .content-text a{
    text-decoration:none;
    color:#fff
}
#footer .ce_text a:hover, #footer .content-text a:hover{
    color:#878787
}
#footer .mod_customnav ul{
    padding-left:0
}
#footer .mod_customnav ul li{
    list-style-type:none
}
#footer .mod_customnav ul li a{
    font-size:.9rem;
    text-decoration:none;
    color:#fff
}
#footer .mod_customnav ul li a:hover{
    color:#878787
}
#footer .mod_customnav ul{
    padding-left:60px
}
.adresse-seitenfuss .inside{
    width:100%;
    max-width:1400px;
    position:relative;
    margin-right:auto;
    margin-left:auto
}
.zeile-seitenfuss .inside{
    width:100%;
    max-width:1400px;
    position:relative;
    margin-right:auto;
    margin-left:auto
}
img{
    height:auto;
    max-width:100%;
    display:block;
    vertical-align:bottom
}
.image_container{
    margin:0
}
.ce_download img,.ce_downloads img{
    display:inline-block
}
.ce_downloads ul{
    margin-top:0;
    margin-bottom:0;
    padding-left:0
}
.ce_downloads ul li{
    list-style-type:none
}
.mod_navigation .nichtimmenu{
    display:none
}
.invisible{
    display:none
}
.pagination p{
    display:inline-block;
    margin-right:30px
}
.pagination ul{
    display:inline-block;
    padding-left:0
}
.pagination ul li{
    display:inline-block;
    list-style-type:none
}
table.minicalendar{
    background-color:#a0103e;
    border:1px solid #7f7f7f;
    border-radius:4px;
    border-spacing:5px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc')
}
.minicalendar td{
    width:58px;
    height:32px;
    vertical-align:top;
    background-color:#e3e4e6;
    font-size:.9em;
    font-weight: 400
}
.minicalendar td.active a{
    display:block;
    text-decoration:none;
    color:#fff;
    font-weight: 600
}
.minicalendar td.active,.minicalendar td.active.weekend{
    background-color:#3aaa35;
    color:#fff
}
.minicalendar td.active:hover,.minicalendar td.active.weekend:hover,.minicalendar td.active:active,.minicalendar td.active.weekend:active{
    background-color:#248c1b;
    color:#fff
}
.minicalendar .head,.minicalendar .label{
    font-size:.9em;
    color:#fff;
    font-weight: 600
}
.minicalendar .head.previous a{
    width:100%;
    height:21px;
    display:block;
    background-repeat:no-repeat;
    text-indent:-9999px;
    background-image:url("../../files/XXXXXX/elemente/Pfeile.png");
    background-position: left -74px
}
.minicalendar .head.previous a:hover,.minicalendar .head.previous a:active{
    background-position: left -26px
}
.dlh_googlemap{
    max-width:100%
}
.dlh_googlemap form{
    margin-top:0;
    margin-bottom:0
}
.dlh_googlemap form input.text{
    width:160px;
    margin-top:4px;
    margin-right:4px;
    margin-bottom:4px;
    padding:2px 4px
}
.minicalendar .head.next a{
    width:100%;
    height:21px;
    display:block;
    background-position:right center;
    background-repeat:no-repeat;
    text-indent:-9999px;
    background-image:url("../../files/XXXXXX/elemente/Pfeile.png");
    background-position: right -50px
}
.minicalendar .head.next a:hover,.minicalendar .head.next a:active{
    background-position: right -2px
}
.pagination{
    padding-right:15px;
    padding-left:15px
}
.pagination p{
    display:inline-block
}
.pagination ul,#main .pagination ul{
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    margin-left:40px;
    padding-left:0
}
.unterseite #main a,.startseite #main a{
    color:#063
}
.unterseite #main a:hover,.startseite #main a:hover{
    color:#878787
}
.pagination ul li{
    display:inline-block;
    margin-right:4px;
    margin-left:4px;
    list-style-type:none
}
.flexslider .slides img{
    -moz-user-select: none
}
.mt-10{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-30{
    margin-top:30px
}
.mt-40{
    margin-top:40px
}
.mb-10{
    margin-bottom:10px
}
.mb-20{
    margin-bottom:20px
}
.mb-30{
    margin-bottom:30px
}
.mb-40{
    margin-bottom:40px
}
.mt-mb-10{
    margin-top:10px;
    margin-bottom:10px
}
.mt-mb-20{
    margin-top:20px;
    margin-bottom:20px
}
.mt-mb-30{
    margin-top:30px;
    margin-bottom:30px
}
.mt-mb-40{
    margin-top:40px;
    margin-bottom:40px
}
.ce_youtube{
    width:100%;
    height:auto;
    position:relative;
    padding-bottom:56.25%
}
.ce_youtube iframe{
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    width: 100% !important;
    height: 100% !important
}