/* styles.css */
 .navigation-login{
    left:4px;
    top:0;
    position:absolute;
    display:inline-block;
    z-index: 2000;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease
}
.navigation-login ul{
    margin-top:0;
    margin-bottom:0;
    padding-left:0;
    text-align:center
}
.navigation-login li.schloss{
    display:inline-block;
    margin-right:12px;
    margin-left:4px;
    list-style-type:none
}
#main .slogan h1 .unten{
    display:block;
    margin-top:14px
}
.unterseite #main{
    margin-top:40px;
    margin-bottom:60px
}
.unterseite #main .inside{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px
}
.unterseite #main h2{
    margin-top:24px;
    margin-bottom:30px;
    padding-bottom:28px;
    background-image:url("../../files/elemente/steifen_rot.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    font-size:1.6rem;
    color:#2f2f32;
    text-transform:uppercase;
    font-weight: 600
}
.unterseite #main p a{
    text-decoration:none;
    color:#7c2627
}
.unterseite #main p a:hover{
    text-decoration:underline;
    color:#2f2f32
}
.unterseite #main h3{
    font-size:1.2rem;
    font-weight: 600
}
.sloganbild{
    position:relative
}
.sloganbild .sloganaufbild{
    width:100%;
    bottom:0;
    position:absolute
}
.sloganbild .sloganaufbild .inside{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px
}
.sloganbild .sloganaufbild .ce_text img, .sloganbild .sloganaufbild .content-text img  {
    width:200px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom: -14px
}
.sloganbild .sloganaufbild h2{
    text-align:center;
    font-weight: 600;
    text-shadow: 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white,0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white
}
body{
    font-family:Open Sans,Arial,sans-serif,Helvetica;
}
#wrapper{
}
#container{
}
#main{
    color:#2f2f32
}
#main h1{
    margin-top:6px;
    margin-bottom:6px;
    font-size:1.6rem;
    text-transform:uppercase;
    font-weight: 300
}
#main .slogan{
    margin-top:24px;
    margin-bottom:30px;
    padding-bottom:28px;
    background-image:url("../../files/elemente/steifen_rot.png");
    background-position:center bottom;
    background-repeat:no-repeat
}
#main .slogan h1.oben{
    margin-bottom:0;
    font-size:2rem;
    font-weight: 500
}
#main .kontakthead{
    margin-top:24px;
    margin-bottom:30px;
    padding-bottom:28px;
    background-image:url("../../files/elemente/steifen_rot.png");
    background-position:center bottom;
    background-repeat:no-repeat
}
#main .kontakthead h2{
    margin-top:6px;
    margin-bottom:6px;
    font-size:1.6rem;
    text-transform:uppercase;
    font-weight: 300
}
#main .kontakthead h2.oben{
    margin-bottom:0;
    font-size:2rem;
    font-weight: 500
}
#main p,#main ul,#main ol{
    font-size:1rem;
    line-height:1.4rem
}
.slogan,#leistungen,#service,#philosophie,#kontakt{
    width:100%;
    display:inline-block
}
#leistungen{
    margin-bottom:-5px;
    padding-top:24px;
    padding-bottom:30px;
    background-color:#e5e5e5;
    border-top:1px solid #2f2f32;
    border-bottom:1px solid #2f2f32
}
#leistungen .inside{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto
}
#leistungen h2{
    font-size:1.6rem;
    color:#7c2627;
    text-transform:uppercase;
    font-weight: 600
}
#service{
    margin-bottom:-5px;
    padding-top:24px;
    padding-bottom:30px;
    background-color:#fff;
    border-top:1px solid #2f2f32
}
#service .inside{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto
}
#service h2{
    margin-top:24px;
    margin-bottom:30px;
    padding-bottom:28px;
    background-image:url("../../files/elemente/steifen_rot.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    font-size:1.6rem;
    color:#2f2f32;
    text-transform:uppercase;
    font-weight: 600
}
#service .icon{
    margin-top:18px;
    margin-bottom:12px
}
#service .icon img{
    margin-right:auto;
    margin-left:auto
}
#service .icon img:hover{
    opacity: 0.6
}
#service .icon p a{
    font-size:1.6rem;
    text-decoration:none;
    color:#7c2627;
    font-weight: 600
}
#service .icon p a:hover{
    color:#2f2f32
}
#philosophie{
    margin-bottom:-5px;
    padding-top:24px;
    padding-bottom:30px;
    background-color:#e5e5e5;
    border-top:1px solid #2f2f32;
    border-bottom:1px solid #2f2f32
}
#philosophie .inside{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto
}
#philosophie h2{
    margin-top:24px;
    margin-bottom:30px;
    padding-bottom:28px;
    background-image:url("../../files/elemente/steifen_rot.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    font-size:1.6rem;
    text-transform:uppercase;
    font-weight: 600
}
#kontakt{
    margin-bottom:-5px;
    padding-top:24px;
    padding-bottom:30px;
    background-color:#fff;
    border-top:1px solid #2f2f32
}
#kontakt .inside{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto
}
#kontakt .kontaktblock{
    margin-bottom:20px
}
#kontakt .kontaktblock h2{
    font-size:1.8rem;
    font-weight: 500
}
#kontakt .kontaktblock p{
    font-size:1.0rem
}
#kontakt .kontaktblock p strong{
    font-weight: 600
}
#kontakt .kontaktblock p a{
    text-decoration:none;
    color:#7c2627
}
#kontakt .kontaktblock p a:hover{
    color:#2f2f32
}
#footer{
    background-color:#7c2627;
    color:#fff
}
#footer a{
    text-decoration:none;
    color:#fff
}
#footer a:hover{
    color:#e5e5e5
}
#footer .infos-im-seitenfuss{
    width:100%;
    display:inline-block;
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid #fff;
    font-size:.9rem
}
.infos-im-seitenfuss img {
    margin-right: 10px;
}
#footer .infos-im-seitenfuss .ce_text, #footer .infos-im-seitenfuss .content-text{
    margin-top:10px;
    margin-bottom:10px
}
#footer .infos-im-seitenfuss .inside{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px
}
#footer .infos-im-seitenfuss p{
    margin-top:6px;
    margin-bottom:0
}
#footer .navigation-unten{
    width:100%;
    display:inline-block;
    font-size:.9rem
}
#footer .navigation-unten .inside{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto
}
#footer .navigation-unten .nav ul{
    margin-top:10px;
    margin-bottom:0;
    padding-left:0
}
#footer .navigation-unten .nav ul li{
    display:inline-block;
    margin-right:24px;
    list-style-type:none
}
#footer .navigation-unten .design p{
    margin-top:10px;
    margin-bottom:10px;
    text-align:left
}
#header.sticky{
    width:100%;
    top:0;
    position:fixed;
    z-index:990
}
.unterseite #header.sticky{
    width:100%;
    top:0;
    position:relative;
    z-index:990
}
#header.sticky .logo-im-seitenkopf img{
    width:160px
}
.logo-im-seitenkopf{
    max-width:1176px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    padding-top:30px;
    background-color:#fff
}
.logo-im-seitenkopf img{
    margin-right:auto;
    margin-left:auto;
    z-index: 1000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.navigation-oben{
    width:100%;
    margin-top:0;
    background-color:#fff;
    border-top:1px solid #2f2f32;
    border-bottom:1px solid #2f2f32
}
.navigation-oben .ce_text, .navigation-oben .content-text{
    max-width:1176px;
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px
}
.navigation-oben ul{
    margin-top:0;
    margin-bottom:0;
    padding-left:0;
    text-align:center
}
.navigation-oben ul li{
    display:inline-block;
    margin-right:4px;
    margin-left:4px;
    list-style-type:none
}
.navigation-oben ul li.start{
    display:none
}
.navigation-oben ul li a{
    display:block;
    margin-top:0;
    padding-top:6px;
    padding-bottom:10px;
    border-top:3px solid #fff;
    text-decoration:none;
    color:#2f2f32
}
.navigation-oben ul li a:hover{
    border-top:3px solid #7c2627;
    color:#7c2627
}
.navigation-login li.schloss a{
    display:block;
    margin-top:0;
    padding-top:6px;
    padding-bottom:10px;
    border-top:3px solid #fff;
    text-decoration:none;
    color:#2f2f32
}
.navigation-login li.schloss a{
    padding-top:8px;
    padding-left:20px;
    background-image:url("../../files/elemente/login_schloss.png");
    background-repeat:no-repeat;
    font-size:.9rem;
    font-weight:bold;
    color:#7c2627;
    background-position: 0px 6px
}
.navigation-login li.schloss a:hover{
    border-top:3px solid #7c2627;
    color:#7c2627
}
.navigation-login li.schloss.brief a{
    padding-left:26px;
    background-image:url("../../files/elemente/brief.png");
    background-repeat:no-repeat;
    font-weight:bold;
    color:#7c2627;
    background-position: 0px 6px
}
.bildbreit img{
    width:100%
}
img{
    height:auto;
    max-width:100%;
    display:block;
    vertical-align:bottom
}
.img{
    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
}
.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
}