/**
 * Contao 3.5.x
 *
 * (de) Stylesheet kundenspezifische Einstellungen
 *
 * @copyright       Copyright 2015, Dieter Dringenberg
 * @link            http://www.baecker-stolzenberger.de
 * @lastmodified    $Date:2016-02-01 18:00:00  (Mon, 01. Feb. 2016) $
 */

/*     -- icon-font
------------------------------------------------- */
    @font-face {font-family: 'icons';
    src: url("../font/icons.eot");
    src: url("../font/icons.eot?#iefix") format('embedded-opentype'),
         url("../font/icons.woff") format('woff'),
         url("../font/icons.ttf") format('truetype'),
         url("../font/icons.svg#icons") format('svg');
    font-weight: normal;
    font-style: normal;
}

* {                         /* Text markieren ermoeglichen */
    user-select: text;
    -ms-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
}

/*     -- body
------------------------------------------------- */
/* font-size: 100% = 16px, 93.75% = 15px, 112,5% = 18px */
/* Open+Sans:300italic,400italic,400,300,700|Marcellus|Tangerine:400,700
        Marcellus - Überschriften, Text etc.
        Tangerine - 'Schöne Aussicht'
*/
body {font-family: 'Ubuntu', sans-serif; font-size:100%; color:#1b1313; line-height:1.5;letter-spacing:.05em;}
body{
    background:#fff;
}

h1, h2, h3, h4, h5, h6, p, ul, ol a {font-family: 'Ubuntu', sans-serif; font-size:18px;line-height:1.5;font-weight: 300;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4{color:#1b1313;}
h1 {font-size: 30px;color:#d22824;font-weight:400; border-bottom: 1px solid transparent; padding: 0 0 0.1em 0;margin-bottom: 0.4em;}
h2 {font-size: 24px;}
h3 {font-size: 22px;color:#d22824;font-weight:400;}
h4 {font-size: 20px;}
h5 {font-size: 18px;padding: .2em 0;}
h6 {font-size: 16px;}

p, ul, ol, td, a{
    -moz-hyphens: auto;             /* autom. Silbentrennung */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}

.fett{
    font-weight:bold;
}
fieldset.fett{
    border: 2px solid #ddd;
}
a{
    color: #D22824;
    text-decoration: none;
    border-bottom: 1px dashed #D22824;
    padding:1px 2px 1px 1px;
    margin:0;

    -webkit-transition: .3s ease-in-out;
    -moz-transition:    .3s ease-in-out;
    -o-transition:      .3s ease-in-out;
    -ms-transition:     .3s ease-in-out;
    transition:         .3s ease-in-out;
}
a:hover{ color: #fff!important;background: #D22824;border-bottom: 1px solid transparent; }
a img{
    color: transparent!important;
    text-decoration: none;
    border-bottom: 0 none transparent;

    -webkit-transition: .3s ease-in-out;
    -moz-transition:    .3s ease-in-out;
    -o-transition:      .3s ease-in-out;
    -ms-transition:     .3s ease-in-out;
    transition:         .3s ease-in-out;
}

.button, input[type="submit"], input.submit{
    color:#fff!important;
    font-weight:normal;
    background: #d22824;
    border:0 none transparent!important;

    -webkit-transition: .5s ease-in-out;
    -moz-transition:    .5s ease-in-out;
    -o-transition:      .5s ease-in-out;
    -ms-transition:     .5s ease-in-out;
    transition:         .5s ease-in-out;
}
.button a:hover,
 a.button:hover{
    color: #ddd;
    border:0 none transparent;
    opacity: 0.85;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

/* Bilder-Links ohne padding */
figure a{
    padding:0!important;
}
figure a:hover{
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

hr {
    width:80%!important;
    margin:1.5em 10%!important;
}
#container #main a.essko,       /* Impressum */
#container #main a.essko:hover{
    color:transparent;
    text-decoration: none;
    background: transparent;
    border-bottom:0 none transparent;
}
a.essko,                /* Link im Impressum */
a.essko:hover{
    text-decoration:none;
    background:transparent;
    border:1px dashed transparent!important;
}
a.essko img:hover {
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/*     --list icons
------------------------------------------------- */
.ce_list.type11 ul li:before, .ce_text.type11 ul li:before  {content:'\e935';color:#d22824;}    /* Häkchen, klein */
.ce_list.type12 ul li:before, .ce_text.type12 ul li:before  {content:'\25b6';color:#d22824;}      /* icon-play - Dreieck n. rechts */
.ce_list.type13 ul li:before, .ce_text.type13 ul li:before  {content:'\2b';  color:#d22824;;}      /* '+' */
.ce_list.type14 ul li:before, .ce_text.type14 ul li:before  {content:'\25b6';color:#1b1313;}      /* icon-play - Dreieck n. rechts */


/* ============================================================================= */
/* Allgemein (Module)                                                            */
/* ============================================================================= */

/*     --page-width
------------------------------------------------- */
#top-container .inside, #header .inside, #container-inside, #footer .inside  {width: 1140px; margin: 0 auto;}

/*     --page-shadow
------------------------------------------------- */
#top-container, #container, #footer, .no_header #mainmenu, #header .ce_image, .home #header .inside, .welcome-line, .page-title {
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

/*     -- #top-container
------------------------------------------------- */
#top-container{
    height:150px;
}
#top-container .inside{
    height:150px;
}

#top{
    height:150px;
}


/*     -- Default: Navigation im Top-Bereich (Anfahrt, Kontakt etc.)
------------------------------------------------- */
#stdNaviTop {
    position:relative;
    float:right;
    top:5px;
    height:20px;
    background:transparent;
}
#stdNaviTopInner {
    height:100%;
    font-weight:normal;
    vertical-align: middle;
}
#stdNaviTop a {
    color:#1b1313;
    font-weight:300;
    text-decoration:none;
    border:0 none transparent;
    padding:0 3px;
    margin:0 7px;
}


/*     -- Logo Top
------------------------------------------------- */
#bstLogoTop {               /* 1. Container */
    position:relative;
    top:20px;
    max-width:1100px!important;
    max-height:110px!important;
    height:auto;
    margin-left:40px;
}
#bstLogoTopInner {          /* 2. Logo */
    position:relative;
    max-width:100%!important;
    max-height:110px!important;
    height:auto;
}

#bstLogoTop img{
    max-width:100%!important;
    max-height:110px!important;
    height:auto;
}
#bstLogoTop a{
    border:0 none transparent;
    padding:0;
    margin:0;
}
#bstLogoTop a:hover{
    background: transparent;
    border: 0 none transparent;
}


/*     --mmenu - Link zur mobilen Navi
------------------------------------------------- */
.mobmmenu{                  /* Link zur mobilen Navi */
    position: fixed;
    top:10px;               /* innerhalb vom BS (von oben) für Test */
    left:10px;              /* innerhalb vom BS (von links) für Test */
    top:-100px;             /* außerhalb vom BS (von oben) */
    left:-100px;            /* außerhalb vom BS (von links) */
    width:46px;
    width:auto;
    height:2em;
    background: transparent;
    cursor: pointer;

    -webkit-transition: all .6s ease-in-out;
    -moz-transition:    all .6s ease-in-out;
    -o-transition:      all .6s ease-in-out;
    -ms-transition:     all .6s ease-in-out;
    transition:         all .6s ease-in-out;
}
.mobmmenu a {
    display: block;
    height: 100%;
    width: 100%;
    color: #1b1313;
    font-size:.9em;
    vertical-align: middle;
    border:0 none transparent;
}
.mobmmenu a:before {
    display: inline-block;
    font-family: "icons";
    color: #fff;
    font-size: 2em;
    font-weight:300;
    content: "\f0c9";
    font-style: normal;
    line-height:1;
    background-color: #d22824;
    padding:.25em;
    margin-right:.25em;

    -webkit-transition: all .4s ease-in-out;
    -moz-transition:    all .4s ease-in-out;
    -o-transition:      all .4s ease-in-out;
    -ms-transition:     all .4s ease-in-out;
    transition:         all .4s ease-in-out;
}
.mobmmenu a:hover{
    color:#1b1313!important;
    background: transparent;
}
.mobmmenu a:hover:before{
    color:#d22824;
    background-color:#ddd;
}

#mobmmenu li:before{         /* die mobile Navi selber */
    content: "";
    width: 0!important;
    margin-left:0!important;
}
#mobmmenu a{
    color:#1b1313;
    border-bottom:1px solid #1b1313;
}
#mobmmenu a:hover{
    color: #fff!important;
    background: #d22824;

    border-bottom:1px solid #1b1313;
}
nav#mobmmenu a:before,
nav#mobmmenu span:before {content:"";}

nav#mobmmenu em.mm-counter{
    color: rgba(27, 19, 19, 1)!important; /* #1b1313 */
}
nav#mobmmenu em.mm-counter:hover{
    color: #fff!important;
}

/*     --submenue (left / right)
------------------------------------------------- */
nav#submenu ul.level_1{
    border-top:1px solid #ddd;
    padding-top:2px;
}
/* 1. Ebene */
nav#submenu ul.level_1 a{
    color: #1b1313;
    font-size:16px;
    font-weight: normal;
    background: #fff;
    border-bottom:1px solid #ddd;
    padding: 8px 0 8px 10px;

    -webkit-transition: .6s ease-in-out;
    -moz-transition:    .6s ease-in-out;
    -o-transition:      .6s ease-in-out;
    -ms-transition:     .6s ease-in-out;
    transition:         .6s ease-in-out;
}
nav#submenu ul.level_1 li a:hover{
    color:#fff!important;
    text-shadow: 1px 1px #1b1313;
    background: #d22824;
}
nav#submenu ul.level_1 li a.active{
    color:#fff!important;
    text-shadow: 0 0 transparent;
    background: #d22824;
}
nav#submenu ul.level_1 li a.active:hover{
    color:#fff!important;
}
nav#submenu ul.level_1 li a:hover,
nav#submenu ul.level_1 li a.active {padding: 8px 0 8px 16px;}


/*     --sidebar_both
------------------------------------------------- */
body.sidebar_both #main {overflow: hidden; width:59%; float:left; position:relative;}
body.sidebar_both #right {overflow: hidden; margin-left: 1%; width:21%; float:left; position:relative;}
body.sidebar_both #right .inside {padding-left: 6%; border-left: 0px solid #ddd;}
body.sidebar_both #left {overflow: hidden; margin-right: 1%; width:18%; float:left; position:relative;}
body.sidebar_both #left .inside {padding-right: 10%; border-right: 0px solid #ddd; padding-bottom: 0;}


/*     --main - left - right
------------------------------------------------- */
body #left .inside,
body #main .inside,
body #right .inside{
    min-height:500px;
}


/*     --Std.-Tabelle
------------------------------------------------- */
table{
    width:90%;
    border-bottom:0 none transparent;
    margin:.5em auto 0;
}
table td{
    font-size:14px;
    padding:.25em;
    border-top:0 none transparent;
}


/*     --ZB rechts
------------------------------------------------- */
#right h5{
    font-family: 'Shadows Into Light Two', cursive;
    font-size:16px;
    color:#fff;
    font-weight:700;
    text-align:center;
    font-style:italic;
    letter-spacing: .05em;
    line-height:2;
    background: #d22824;
    border:1px solid #fff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
#right #bstZBrechts p{
    font-size:14px;
}
#right #bstZBrechts figure,
#right #bstZBrechts img{
    width:100px;
    margin:.5em auto 0;
}


/*     --ZB linkss
------------------------------------------------- */
#left h5{
    font-family: 'Shadows Into Light Two', cursive;
    font-size:18px;
    color:#d22824;
    font-weight:700;
    text-align:center;
    font-style:italic;
    letter-spacing: .05em;
    line-height:2;
    border:1px solid #fff;
}
#left #bstZBlinks p{
    font-size:14px;
}


/*     --ce_accordion
------------------------------------------------- */
.ce_accordion {
    background:#ddd;
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    margin-bottom:.5em;
}
.ce_accordion .toggler {
    text-shadow: 0 0 0 transparent; 
    background:#fff;
    border:0 none transparent;
    padding: 8px 7.69231% 8px 5%;

    -webkit-transition: .4s ease-in-out;
    -moz-transition:    .4s ease-in-out;
    -o-transition:      .4s ease-in-out;
    -ms-transition:     .4s ease-in-out;
    transition:         .4s ease-in-out;

    cursor: pointer;
}
.ce_accordion .toggler:after { font-family: "icons"; content: "\e914"; text-indent: 0; position: absolute; left: 2%; top: 50%; display:block;}
.ce_accordion .toggler:hover {color:#fff;background:#d22824;}
.ce_accordion .toggler.ui-state-active,
.ce_accordion .toggler.active {color:#fff; font-weight:normal; background:#d22824;border-right:1px solid #999;}
.ce_accordion .toggler.ui-state-active:hover,
.ce_accordion .toggler.active:hover {color:#1b1313; font-weight:normal;  background:#ffe4dd;}
.ce_accordion .toggler.ui-state-active:after {font-family: "icons"; content: "\e911";}
.ce_accordion .toggler.ui-state-active.ui-state-hover:after {font-family: "icons"; content: "\e912";}

.ce_accordion .accordion {border:0 none transparent; padding: 12px 10px 0;}
.ce_accordion .accordion.ui-accordion-content-active{
    border-right:1px solid #999;
}


/*     --mod_sitemap
------------------------------------------------- */
.mod_sitemap li{
    padding:2px 0;
}
.mod_sitemap li:before{
    color:#d22824;
}
.mod_sitemap a{
    color:#1b1313;
    border-top: 0 none transparent;
    border-bottom: 0 none  transparent;
    margin-left: 10px;
}
.mod_sitemap a:hover{
    color: #fff;
    text-decoration: none;
    background:#d22824;
}


/*     --footer
------------------------------------------------- */
#footer{
    padding-bottom: 3em;
    margin-bottom:3em;
}
#footer .inside{
    padding: 0;
}
#footer .one_fifth {overflow: hidden; margin-left: 5.00%; width:16%; float:left; position:relative;} /* Original */
#footer .one_fifth {overflow: hidden; margin-left: 1.25%; width:19%; float:left; position:relative;} /* mod. */


#footer .footertext figure{
    margin-bottom:0;
}
#footer .footertext p{
    width:100%;
    background: #d22824;
    padding:5px 0;
}
#footer .footertext a{
    color:#fff;
    background: #d22824;
}
#footer .footertext a:hover{
    font-weight:500;
}

#footer table {
}
#footer td {
}

#footer table#tblSocBookMark {
    width:100%;
    width:20%;
    border-spacing:0;
    border:0 none transparent;
    margin:1em 0 0;
}

#footer td.tdSocBookMark {
    width:25%;
    font-size:14px;
    line-height:1.2;
    border:0 none transparent;
    padding:.25em;
}

#footer td.tdSocBookMark a {
    border:0 none transparent;
    padding:0;
    margin:0;
}
#footer td.tdSocBookMark a:hover {
    background:transparent;
    margin:0;
    padding:0;
}

#footer .footerslogan{
    position:relative;
    width:100%;
    margin:1em 0 0 0;
}
#footer .footerslogan p{
    float:right;
    font-size:40px;
    color:#d22824;
    font-weight:300;
    margin-right:10px;
}
#footer .footerslogan figure{
    width:48px;
    padding-top:10px;
    margin:0!important;
}


/*     --Top-Link im Footer m.H. jQuery-Script,
         und Fallback ohne Javascript (V.3)
------------------------------------------------- */
#back-top {
    position: fixed;
    bottom: 5px;
    right:5px;
    width:auto;
    text-align: center;
    background: transparent;
    padding: 1.5em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    z-index: 9999;

    -webkit-transition: .4s ease-in-out;
    -moz-transition:    .4s ease-in-out;
    -o-transition:      .4s ease-in-out;
    -ms-transition:     .4s ease-in-out;
    transition:         .4s ease-in-out;
}
#back-top:hover {
    background: #aaa;
    background: rgba(170, 170, 170, .5);
}
#back-top a {
    background: transparent;
    color: #1b1313;
    text-decoration: none;
    border:0 none transparent;
}
#back-top a i:before {
    font-family: "icons";
    font-size:36px;
    content: "\e75f";
    font-style: normal;
    line-height:1;
    padding:0 4px;
}
#back-top a:hover {
    color: #fff;
    text-decoration: none;
    border:0 none transparent;
    background: transparent;
}


/*     --cookiebar
------------------------------------------------- */
.cookiebar{
    max-width:100%;
    line-height:1.5!important;
    background: rgba(210,40,36,.7)!important; /* #d22824 */
    border-top: 1px solid #1b1313;
}
.cookiebar span{
    /*display:block;*/
    font-size:.8rem;
    padding:0 0 .25rem;
    margin:0;
}
.cookiebar a{
    color:#fff!important;
    font-size:.8rem;
    text-decoration:none!important;
    border-bottom:1px dotted #fff!important;
    margin-bottom:1.25rem!important;
}
.cookiebar a:hover{
    color:#343031!important;
    background: #fff;
    border-top:1px dotted transparent;
    border-bottom:1px dotted transparent;
}
.cookiebar button{
    color:#fff;
    font-weight:normal!important;
    font-size:.8rem;
    background: #8a0125;
    padding:.3em .9em;
    margin-top:.5rem;

    -webkit-transition: .4s ease-in-out;
    -moz-transition:    .4s ease-in-out;
    -o-transition:      .4s ease-in-out;
    -ms-transition:     .4s ease-in-out;
    transition:         .4s ease-in-out;
}
.cookiebar button:hover{
    background: #5e5e5e;
}


/* ============================================================================= */
/* Seiten                                                                        */
/* ============================================================================= */

/*     -- Seite "404"
------------------------------------------------- */
#id-404 h1 {font-size: 120px; text-align: center; text-shadow: -3px -3px 3px #999, -1px -1px 1px #e9e9e9; color: #ccc; border: 0; margin: 0;}
#id-404 p {text-transform: uppercase; font-size: 20px; line-height:40px; vertical-align:middle; text-align: center;}
#id-404 p a {color:#fff!important; text-transform: none; margin: 0;}


/*     -- Startseite - Bild-Link
------------------------------------------------- */


/*     -- Seite "Kontakt" - Formular
------------------------------------------------- */
#container #main #kontakt .ce_form label{font-size:1em;}
#container #main #kontakt .ce_form input,
#container #main #kontakt .ce_form select{font-size:.9em;background:#fff;}
#container #main #kontakt .ce_form textarea{height:120px;background:#fff;}
#container #main #kontakt .ce_form input:focus,
#container #main #kontakt .ce_form select:focus,
#container #main #kontakt .ce_form textarea:focus,
#container #main #kontakt .ce_form input:hover,
#container #main #kontakt .ce_form select:hover,
#container #main #kontakt .ce_form textarea:hover{background:#e9e9e9;}
#container #main #kontakt .ce_form .explanation{font-size:1em;padding-top:1em;}
#container #main #kontakt .ce_form .zwei{margin-top:1.5em;}
#container #main #kontakt .ce_form span.mandatory{color:#d22824;padding-left:.2em;}
/* 2018-06-11 Anfang */
#container #main #kontakt .ce_form .radio_container legend{
    color:#fff;
    font-size:.95rem;
    background: #999;
    padding:3px;
}
#container #main #kontakt .ce_form .checkbox_container.one_half{
    width:100%
}
#container #main #kontakt .ce_form .checkbox_container legend{
    color:#fff;
    font-size:.95rem;
    background: #999;
    padding:3px;
}
/* 2018-06-11 Ende */

#container #main #kontakt .ce_form .captcha-container {background: #ffe4dd; text-shadow: 1px 1px 1px white;border:1px solid #ccc;padding:1% 1% 0;margin-top:1.5em;}
#container #main #kontakt .ce_form .captcha-container label {width: 90%;}
#container #main #kontakt .ce_form .captcha-container .captcha {width: 90%;}
#container #main #kontakt .ce_form .captcha-container .captcha_text {width: 90%;}
#container #main #kontakt .ce_form .captcha-container .captcha_text{font-size:1em;}
#container #main #kontakt .ce_form p.error{font-size:.9em;}
#container #main #kontakt .ce_form .submit {width: 99.9%!important;color:#fff;font-weight:bold;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a0125+0,db2959+100 */
    background: rgb(138,1,37); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(138,1,37,1) 0%, rgba(219,41,89,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(138,1,37,1)), color-stop(100%,rgba(219,41,89,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(138,1,37,1) 0%,rgba(219,41,89,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(138,1,37,1) 0%,rgba(219,41,89,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(138,1,37,1) 0%,rgba(219,41,89,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(138,1,37,1) 0%,rgba(219,41,89,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0125', endColorstr='#db2959',GradientType=0 ); /* IE6-9 */

    padding:.6em;    
    -webkit-transition: .4s ease-in-out;
    -moz-transition:    .4s ease-in-out;
    -o-transition:      .4s ease-in-out;
    -ms-transition:     .4s ease-in-out;
    transition:         .4s ease-in-out;
}
#container #main #kontakt .ce_form .submit:hover,
#container #main #kontakt .ce_form .submit:focus {color:#1b1313!important;background:#ccc;}


/*     -- Seite "Lageplan" - Google Map
------------------------------------------------- */
.dlh_googlemap{
    width: 99.5% !important; /* responsiv */
    height:540px!important;  /* responsiv */
    border:1px solid #ccc;
    background: transparent;
    margin:0 auto;
}
.dlh_googlemap p,                   /* Adresse in der Textblase */
.dlh_googlemap .gmnoprint a,        /* Google-Text im Fuss ("Nutzungsbed...") */
.dlh_googlemap .gmnoprint label {   /* Google-Text im Top ("Beschriftung / Gelände") */
    color:#1b1313;
    font-size:11px;
    line-height:1.3;
    border:0 none transparent;
}
.dlh_googlemap .gmnoprint a:hover{  /* Google-Text im Fuss "Nutzungsbedingungen" */
     background: transparent; color:#1b1313; padding: 0;          /*  und "Kartendaten" */
}
.dlh_googlemap .gm-style-cc a {     /* Google-Text im Fuss "Fehler melden" */
    color:#1b1313;
    font-size:11px;
    line-height:1.3;
    border:0 none transparent;
}
.dlh_googlemap .gm-style-cc a:hover {
    color:#1b1313;
    background:transparent;
}
.dlh_googlemap .gm-style-iw{        /* Text in der Sprechblase */
    /*text-align: center;*/
    margin-left:1em;
}
.dlh_googlemap .gm-style-iw p{      /* Abstand Adresse - Link */
    font-size:12px;
}
.dlh_googlemap .gm-style-iw a{      /* evtl. vorh. Link in Adresse (Telefon-Nr.) */
    font-size:12px;
    margin-bottom:5px;
}
.dlh_googlemap .gm-style-iw .routinglink{       /* Link "Routenplanung" */
    color:#1b1313;
    font-size:12px;
    line-height:1.5;
}
.dlh_googlemap .gm-style-iw a{
    color: #d22824;
}
.dlh_googlemap .gm-style-iw .routinglink a {
    color: #d22824;
    font-size:12px;
    font-weight:bold;
    padding:1px 3px;
}
.dlh_googlemap .gm-style-iw .routinglink a:hover {
    color:#fff;
    background:#d22824;
}
.dlh_googlemap .routinglink form input.text{    /* Adresse Routenplanung */
    margin:3px 5px 0 0;
    padding:2px 3px;
    font-size:12px;
    width:150px;
}
.dlh_googlemap .routinglink form input.submit{  /* Adresse absenden */
    padding:3px;
}
.dlh_googlemap .routinglink form input.submit{
    width:40px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    background:#d22824;
    border:1px solid #aaa;
}
.dlh_googlemap .routinglink form input.submit:hover{
    width:40px;
    color: #d22824;
    background:#ccc;
    border:1px solid #d22824;
}


/*     --Seite 'Datenschutz'
------------------------------------------------- */
@media only screen and (min-width: 980px) {       /* nur Desktop */

    #container #main #datenschutz .column2{

        width:100%;
        background-color: rgba(255,255,255,0.4);
        padding:.5em;
        /*max-width:800px;*/
        -moz-column-width: 350px;
        -webkit-column-width: 350px;
        column-width: 350px;

        -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
        -moz-column-gap:    30px; /* Firefox */
        column-gap:         30px;

        -webkit-column-rule: 2px outset #fff; /* Chrome, Safari, Opera */
        -moz-column-rule:    2px outset #fff; /* Firefox */
        column-rule:         2px outset #fff;
    }

}

#container #main #datenschutz h2{
    font-size:20px;
}
#container #main #datenschutz p,
#container #main #datenschutz ul{
    text-align: justify;
        font-size:.9rem;
}



/* ============================================================================= */
/* Devices - Media-Queries                                                       */
/* ============================================================================= */

/* ----------------------------------------------------------------------------- */
/* Media-Queries - Desktop */
/* ----------------------------------------------------------------------------- */
@media only screen and (min-width: 1141px) {


    body{
    }


}



/* ----------------------------------------------------------------------------- */
/* Media-Queries - tablets                                                       */
/* ----------------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {

/* Allgemein                                                                     */
    h1 {font-size: 24px;}
    h2 {font-size: 22px;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
    h5 {font-size: 17px;}
    h6 {font-size: 16px;}


/* ============================================================================= */
/* Allgemein (Module)                                                            */
/* ============================================================================= */

body{
    
}

/*     --page-width
------------------------------------------------- */
    #top-container .inside, #header .inside, #container-inside, #footer .inside, .welcome-line  {width: 100%;}


    /*     -- #top-container
    ------------------------------------------------- */
    #top-container{
        height:140px;
    }
    #top-container .inside{
        height:140px;
    }

    #top{
        height:140px;
    }


    /*     -- Logo Top
    ------------------------------------------------- */
    #bstLogoTop {               /* 1. Container */
        position:relative;
        bottom:10px;
        max-width:1100px!important;
        height:auto;
        margin-left:40px;
    }
    #bstLogoTopInner {          /* 2. Logo */
        position:relative;
        max-width:100%!important;
        height:auto;
    }

    #bstLogoTop img{
        max-width:100%!important;
        height:auto;
    }
    #bstLogoTop a{
        border:0 none transparent;
        padding:0;
        margin:0;
    }
    #bstLogoTop a:hover{
        background: transparent;
        border: 0 none transparent;
    }


/*     -- menu + mobilemenu
------------------------------------------------- */
    #mainmenu {display: none;}
    #left #submenu {display: none;}
    #mobnav, .selectnav {display: inline-block;}
    .selectnav {width: 60%; margin: 15px 20% 0;}       /* Mobile Navi (Select-Menü) height:35px */
    .selectnav {display:none!important;}

    .mobmmenu{                  /* Link zur mobilen Navi */
        top:10px;
        left:10px;
        display: inline-block;
    }

/*     -- header
------------------------------------------------- */
    #header{
        /*display:none;*/
    }

/*     --container
------------------------------------------------- */
    #container {width:100%!important;}
    #container-inside {width: 100%!important; padding: 0 20px;}

/*     -- main
------------------------------------------------- */
   #main {
        width: 100%;
        padding:0!important;
    }
    /*     --ZB rechts
    ------------------------------------------------- */
    #right h5{
        font-size:13px;
    }
    #right #bstZBrechts p{
        font-size:10px;
    }
    #right #bstZBrechts table{
        width:90%;
        border-bottom:0 none transparent;
        margin:.5em auto 0;
    }
    #right #bstZBrechts td{
        font-size:10px;
        padding:.15em;
        border-top:0 none transparent;
    }
    #right #bstZBrechts figure,
    #right #bstZBrechts img{
        width:100px;
        margin:.5em auto 0;
    }


    /*     --ZB linkss
    ------------------------------------------------- */
    #left h5{
        font-family: 'Shadows Into Light Two', cursive;
        font-size:18px;
        color:#d22824;
        font-weight:700;
        text-align:center;
        font-style:italic;
        letter-spacing: .05em;
        line-height:2;
        border:1px solid #fff;
    }
    #left #bstZBlinks p{
        font-size:12px;
    }
    #left #bstZBlinks table{
        width:90%;
        border-bottom:0 none transparent;
        margin:.5em auto 0;
    }
    #left #bstZBlinks td{
        font-size:12px;
        padding:.25em;
        border-top:0 none transparent;
    }

/*     -- footer
------------------------------------------------- */
    #footer{
        width: 100%!important;
    }
    #footer p,
    #footer a{
        font-size:13px;
    }

/*     --cookiebar
------------------------------------------------- */
#cookiebar{
    padding:8px 0!important;
}
#cookiebar span{
    margin:0 .5em!important;
}
#cookiebar button{
    display:block;
    margin:0 auto;
}
#cookiebar a{
    display:inline-block;
}

}



/* ----------------------------------------------------------------------------- */
/* Media-Queries - phones                                                        */
/* ----------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

/* Allgemein                                                                     */
    h1 {font-size: 20px;}
    h2 {font-size: 19px;}
    h3 {font-size: 18px;}
    h4 {font-size: 17px;}
    h5 {font-size: 16px;}
    h6 {font-size: 16px;}


/* ============================================================================= */
/* Allgemein (Module)                                                            */
/* ============================================================================= */

body{
    
}

/*     --page-width
------------------------------------------------- */
    #top-container .inside, #header .inside, #container-inside, #footer .inside, .welcome-line  {width: 100%;}


    /*     -- #top-container
    ------------------------------------------------- */
    #top-container{
        height:100px;
    }
    #top-container .inside{
        height:100px;
    }

    #top{
        height:100px;
    }


/*     -- Default: Navigation im Top-Bereich (Anfahrt, Kontakt etc.)
------------------------------------------------- */
#stdNaviTop {
    display:none;
}


/*     -- Logo Top
------------------------------------------------- */
#bstLogoTop {               /* 1. Container */
    position:relative;
    top:30px;
    max-width:1100px!important;
    max-height:130px!important;
    height:auto;
    margin-left:40px;
}
#bstLogoTopInner {          /* 2. Logo */
    position:relative;
    max-width:100%!important;
    max-height:130px!important;
    height:auto;
}

#bstLogoTop img{
    max-width:100%!important;
    max-height:130px!important;
    height:auto;
}
#bstLogoTop a{
    border:0 none transparent;
    padding:0;
    margin:0;
}
#bstLogoTop a:hover{
    background: transparent;
    border: 0 none transparent;
}


/*     -- menu + mobilemenu
------------------------------------------------- */
    #mainmenu {display: none;}
    #left #submenu {display: none;}
    #mobnav, .selectnav {display: inline-block;}
    .selectnav {width: 60%; margin: 15px 20% 0;}       /* Mobile Navi (Select-Menü) height:35px */
    .selectnav {display:none!important;}

    .mobmmenu{                  /* Link zur mobilen Navi */
        top:10px;
        left:10px;
        display: inline-block;
    }

/*     -- header
------------------------------------------------- */
    #header{
        /*display:none;*/
    }
    .ce_revolutionslider{
        margin:0;
    }
/*     --container
------------------------------------------------- */
    #container {width:100%!important;}
    #container-inside {width: 100%!important; padding: 0 20px;}


    /*     -- main
------------------------------------------------- */
    body.sidebar_both #left {
        display:none!important;
    }

    body.sidebar_both #main {
        width: 100%;
        height:auto;
    }
    body.sidebar_both #right {
        width: 60%;
        height:auto;
        border:0 none transparent;
        margin: 0 0 0 2%;;
    }

/*     -- footer
------------------------------------------------- */
    #footer{
        width: 100%!important;
    }
    #footer p,
    #footer a{
        font-size:13px;
    }
    #footer .mstFooterBild{
        display:none;
    }

    #footer .footerslogan p{
        float:right;
        font-size:32px;
        color:#d22824;
        font-weight:300;
        margin-right:10px;
    }
    #footer .footerslogan figure{
        width:40px;
        padding-top:10px;
        margin:0!important;
    }


/*     --cookiebar
------------------------------------------------- */
#cookiebar{
    padding:8px 0!important;
}
#cookiebar span{
    margin:0 .5em!important;
}
#cookiebar button{
    display:block;
    margin:0 auto;
}
#cookiebar a{
    display:inline-block;
}


}