@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

*{
--color-primary: #0D0D0D;
--color-secondary: #505947;
--color-text: #D9D9D9;
--color-accent: #68735D;
}

html{
    -ms-overflow-style: scrollbar;
}
body {
    font-family: 'Libre Baskerville';
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
	color: var(--color-primary);
}
a {
    color: var(--color-accent);
    text-decoration: none;
}
.header .balkentransparent {
    margin-bottom: 25px;
    background: rgba(255,255,255,0.6);
}
/*nach onlinestellung anpassen, wegen Kontaktformular*/
.red {
    color: #a94442 !important;
    font-weight: 600;
    display: inline-block;
    font-size: 20px;
}

.marginauto {
    margin-left: auto;
    margin-right: auto;
}
.margintop25 {
    margin-top: 25px;
}
.mt40 {margin-top: 40px}
.mb40{margin-bottom: 40px}
.content{
	    background: #fff;
    padding: 30px 0;
}
h1 {
    color: var(--color-secondary);
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 100%;
}

h1 small {
    color:  var(--color-accent);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}

h2 {
    color: var(--color-accent);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 100%;
}
h2 small {
    color:  var(--color-accent);
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
}

h3 {
    color: var(--color-accent);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 100%;
}
h3 small {
    color:  var(--color-accent);
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 16px;
}

h4 {
    color: var(--color-accent);
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 100%;
}
h4 small {
    color:  var(--color-accent);
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 16px;
}

.imginhalt {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); 
    border: 4px solid #fff;
    border-radius: 2px;
}

.content .bigger {
    font-size: 20px;
}

.backgrounddarkgreen h3 {
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.backgrounddarkgreen h4 {
    color: #fff;
}

.content .backgrounddarkgreen h2 {
    color: #fff;
}

.content .backgrounddarkgreen text-center {
    text-align: center;
}

.content a {
    color: var(--color-accent);
    font-weight: 700;
}

.content .backgrounddarkgreen a {
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
}

.content .backgrounddarkgreen h2 small {
    color: #000;
}

.content .backgrounddarkgreen .texthinterlegt p {
    width: 100%;
    height: auto;
    background: #e4e4e4;
    color: var(--color-secondary);
    padding: 10px;
    text-align: center;
}

.content .backgrounddarkgreen .texthinterlegt a {
    color: var(--color-accent);
}

.content .backgrounddarkgreen .linkhinterlegt {
    display: block;
    background: var(--color-primary);
    color: #fff;
    padding: 10px;
    text-align: center;
    line-height: 180%;
}

.content .backgrounddarkgreen .linkhinterlegt:hover,
.content .backgrounddarkgreen .linkhinterlegt:focus {
    text-decoration: none;
    background: var(--color-primary);
}

.zahl {
    display: block;
    color: var(--color-secondary);
    font-weight: 600;
    font-size: 19px;
}

.handysrich {
    display: inline-block;
    float: right;
}

.embed-responsive {
    border: 2px solid var(--color-secondary);
    border-radius: 2px;
}
/**************************************
 *      DATENSCHUTZ und IMPRESSUM
 ***************************************/

.datenschutz .menulink,
.impressum .menulink {
    display: block;
    width: 100%;
    text-align: left;
    background: var(--color-secondary);
    color: #fff;
    padding: 4px;
    font-size: 13px;
    margin-bottom: 3px;
    margin-top: 3px;
}
.datenschutz .menulink:hover,
.datenschutz .menulink:focus,
.impressum .menulink:hover, 
.impressum .menulink:focus {
    background: #e4e4e4;
    color: var(--color-secondary);
    text-decoration: none;
}
.datenschutz .stoererbalken,
.impressum .stoererbalken {
    display: block;
    background: var(--color-secondary);
    color: #fff;
    padding: 15px;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 40px;
}
.datenschutz .headlineimpress,
.impressum .headlineimpress {
    display: block;
    color: var(--color-secondary);
    font-size: 22px;
    margin-top: 20px;
}
.datenschutz .headlineklein,
.impressum .headlineklein {
    display: inline-block;
    color: var(--color-secondary);
    font-weight: bold;
}
.datenschutz .hinweisloeschen,
.impressum .hinweisloeschen {
    display: block;
    color: #ac2925;
    font-size: 35px;
}
.datenschutz .hinweisloeschen small,
.impressum .hinweisloeschen small {
    color: #262626;
    font-size: 16px;
}

/**************************************
 *              Navi
 ***************************************/
.navi-platzhalter {
    min-height: 67px;
    background: #fff;
}
.affix .navi-platzhalter {
    background: transparent;
}
.navbar {
    margin-bottom: 0;
}
.navbar-header {
    float: none;
}
.navbar-default {
    border: none;
    box-shadow: none;
    background: rgba(255, 255, 255, .8);
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
    color: var(--color-secondary);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
}
.navbar-brand, 
.navbar-nav > li > a {
    text-shadow: none;
}
.navbar-brand {
    padding-right: 0;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
    color: var(--color-accent);
    background: transparent;
    box-shadow: none;
    border-bottom: 5px solid var(--color-secondary);
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
    color: var(--color-accent);
}
.navbar-default .navbar-nav .glyphicon {
    margin-right:5px;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border: none;
}
.navbar .navbar-nav .open .dropdown-menu > .active > a, 
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus, 
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
    background:var(--color-secondary);
    color: #fff;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    background:var(--color-secondary);
    color: #fff;
}

/**************************************
 *           Mobile Infobox
 ***************************************/
.mobileinfobox {
    font-size:16px;
    margin-bottom: 20px;
    background: #fff;
    border:2px solid #ccc;
    color:#333;
    padding-top:0;
}
.mobileinfobox-page {
    padding:15px;
}
.mobileinfobox .close {
    font-size:45px;
    font-weight: 700;
    color:#000;
    text-shadow: none;
    padding:5px 0 5px 5px;
}
.mobileinfobox .logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
}
.mobileinfobox .btn-phone,
.mobileinfobox .btn-vcard {
    margin:10px 0 0 0;
    padding:10px 12px;
    width:100%;
    font-weight:bold;
    font-size:1em;
}
.mobileinfobox .btn-phone .glyphicon,
.mobileinfobox .btn-vcard .glyphicon {
    top:2px;
}
.mobileinfobox .box-mobile {
    margin:10px 0 0 0;
    padding:10px;
    border:1px solid #ccc;
    line-height:1.75em;
}
.mobileinfobox .box-mobile .glyphicon {
    display:inline-block;
    vertical-align:top;
    top:5px;
    font-size:1.2em;
}
.mobileinfobox .box-mobile .box-mobile-content {
    display:inline-block;
    position:relative;
}
.mobileinfobox .box-mobile-zeiten .title {
    font-weight:bold;
    margin-bottom:0.5em;
}
.mobileinfobox .box-mobile-zeiten label {
    min-width:80px;
}
.mobileinfobox .box-mobile-zeiten .box-mobile-content span {
    min-width:130px;
    text-align:right;
    display:inline-block;
}

/**************************************
 *           Kontakt-Popup
 ***************************************/
.kontaktformular-popup ul li,
.kontaktformular ul li {
    color: inherit;
}
.kontaktformular-popup,
.nav li.item-kontakt-gruppe {
    display:none;
}
#recaptcha1,
#recaptcha2,
#recaptcha3 {
    margin-top: 5px;
}

/**************************************
*               News
***************************************/
.news {
    margin:0 0 20px 0;
    border: 1px solid #000;
    padding: 10px;
}
.news-readmore {
    display:block;
    margin-top: 8px;
}
.news-title {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
}
.news-text {
    min-height: 200px;
}
.news .blogteaserimg img {
    max-height: 200px;
}

.piwik {
    width:100%;
    border:none;
    min-height:400px;
}
.anker {
    display:block;
    position:relative;
    top:-145px;
    visibility:hidden;
}
.googlemap {
    width:100%;
    min-height:450px;
    border:none;
}
.space-kontakt {
    min-width:65px;
    display:inline-block;
    font-weight:600;
}

/**************************************
 *              Popup
 ***************************************/
.popup {
    max-height: 100%;
    width: 100%;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    z-index: 6000;
}
#pop-up-content {
    border: 2px solid #333;
    border-radius: 5px;
    padding: 20px;
    height: 100%;
    width: auto;
    background: #e4e4e4;
    position: relative;
    margin: 30px 80px 30px 80px;
    font-size: 13px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.39);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.39);
}

#closepopup {
    float: right;
    cursor: pointer;
}

.stylebutton {
    background: #e4e4e4;
    display: block;
    border:1px solid #333;
    border-radius:3px;
    padding:10px;
    font-size:14px;
    font-weight:600;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    width: 100%;
}


/**************************************
 *              Header
 ***************************************/
.balkengreen {
    background: var(--color-accent);
    padding:4px 0px 0px 0px;
}
.balkentransparent {
    background: rgba(255, 255, 255, .8);
    padding:0px 0px 0px 0px;
    margin-bottom: 25px;
}
.telefon, .mail, .sprechzeiten, .seitenuebersicht, .pdf, .map {
    font-size: 11px;
    display: inline-block;
    color: #fff;
    margin-top: 5px;
    padding-left: 25px;
}

.fragezeichen {
    font-size: 15px;
    display: inline-block;
    color: #fff;
    margin-top: 5px;
    padding-left: 25px;
    font-weight:600;
}

.mail, .sprechzeiten {
    margin-left: 10px;
    padding-left: 35px;
}
.sprechzeiten {
    padding-left: 28px;
}
.seitenuebersicht {
    padding-left: 33px;
}
.telefon {
    background: url('../img/telefon.png') no-repeat left center;
}
.mail {
    background: url('../img/brief.png') no-repeat left center;
}
.sprechzeiten {
    background: url('../img/uhr.png') no-repeat left center;
}
.seitenuebersicht {
    background: url('../img/seitenuebersicht.png') no-repeat left center;
}
.pdf {
    background: url('../img/pdf.png') no-repeat left center;
}
.map {
    background: url('../img/map.png') no-repeat left center;
}
.fragezeichen {
    background: url('../img/fragezeichen.png') no-repeat left center;
}
.footer .telefon {
    font-size: 22px;
    margin-top: 17px;
    padding-bottom: 5px;
    text-transform: uppercase;
    color: var(--color-secondary);
}
.footer .sprechzeiten {
    margin-left: 30px;
    font-size: 22px;
    margin-top: 17px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.footer .seitenuebersicht {
    font-size: 22px;
    margin-top: 17px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.footer .telefon:hover,
.footer .telefon:focus,
.footer .sprechzeiten:hover,
.footer .sprechzeiten:focus,
.footer .seitenuebersicht:hover,
.footer .seitenuebersicht:focus,
.footer .impressschutzlink:hover,
.footer .impressschutzlink:focus{
    color: var(--color-secondary);
    text-decoration: none;
}

.footer hr {
    margin-top: 5px;
    margin-bottom: 15px;
}

.footer p {
    font-size: 13px;
    line-height: 120%;
}

.balkenheadline {
    display: block;
    color: var(--color-secondary);
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 25px;
}
.headlink {
    display: block;
    background: rgba(255, 255, 255, .8);
    height: 100%;
    width: 100%;
    text-align: center;
    color: var(--color-secondary);
    text-transform: uppercase;
    font-size: 18px;
    padding: 4px 0px 5px 0px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); 
}
.headlink:hover,
headlink:focus {
    background: var(--color-secondary);
    color: #fff;
    text-decoration: none;
    box-shadow: none;
}
.zindexup {
    position: relative;
    z-index: 1000;
}
.headlineheader {
    display: block;
    color: var(--color-secondary);
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.42857143;
}
.headlineheader small {
    display: block;
    color:  var(--color-accent);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}
.headlinelinie {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--color-primary)+0,ffffff+84,ffffff+100 */
   /* background: var(--color-accent); 
    background: -moz-linear-gradient(left, var(--color-accent) 0%, #ffffff 84%, #ffffff 100%); 
    background: -webkit-linear-gradient(left, var(--color-accent) 0%,#ffffff 84%,#ffffff 100%); 
    background: linear-gradient(to right, var(--color-accent) 0%,#ffffff 84%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-accent)', endColorstr='#ffffff',GradientType=1 );
    height: 3px;
    width: 100%;*/
    margin: 10px 0px 15px 0px;
}
.content p {
    color: var(--color-primary);
    line-height: 31px;
    font-size: 16px;
}
.doctor {
    display: block;
    margin-top: 15px;
    color: var(--color-accent);
    font-style: initial;
    font-weight: 600;
    font-size: 35px;
}
.content .backgrounddarkgreen {
    background: var(--color-accent);
    color: #fff;
    padding:5px;
}
.content .backgrounddarkgreen p {
    color: #fff;
}
.content .headline {
    padding: 10px 30px 10px 30px;
    display: block;
    text-transform: uppercase;
}
.content .backgroundgreylink {
    background: #f6f6f6;
    display: block;
    color: var(--color-secondary);
    font-weight: 400;
    font-size: 26px;
    line-height: 120%;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); 
}
.content .backgroundgreylink:hover,
.content .backgroundgreylink:focus {
    text-decoration: none;
    color: var(--color-accent);
    background: var(--color-secondary);
    color: #fff;
    box-shadow: none;
}

.backgroundlightgreen {
    background: transparent;
	padding: 30px 0;
}

.footer {
    z-index: 20;
    position: relative;
    background: linear-gradient(180deg, #fff 49%, var( --color-text ) 100%);
    color: var(--color-secondary);
}
.bildleft {
    float: left;
    margin-top: 5px;
    margin-right: 8px;
}
.footer .impressschutzlink {
    margin-top: 3px;
    display: block;
    color: var(--color-secondary);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 10px;
}
.logobereich {
    padding: 5px;
    padding-bottom: 30px;
    margin-bottom: -15px;
    z-index: 10;
    position: relative;
    max-width: 250px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); 
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.uppercasefont {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
}
.footerlink {
    display: block;
    width: 100%;
    color: var(--color-secondary);
    font-size: 13px;
    line-height: 120%;
}
.footerlink:hover,
.footerlink:focus {
    color: var(--color-accent);
    text-decoration: none;
}
.marginbottom25 {
    margin-bottom: 25px;
}
.marginbottom10 {
    margin-bottom: 10px;
}
.affix {
    position: relative;
}
.abstandunterseite {
    margin-top: 307px;
}

.minwidth {
    min-width: 150px;
}

.margintophandy {
    margin-top: 30px;
}    

.kontaktlinknavi {
    visibility: hidden;
}
.navbar-default .navbar-nav > .item-kontaktaffix {
    display: block;
}

.content ul li {
    line-height: 27px;
    height: auto;
}

.content ul {
    list-style: url('../img/listenpunkt.png');
    margin-left: -15px;
} 

.content .backgrounddarkgreen ul {
    list-style: url('../img/listenpunkt_weiss.png');
} 

.content .backgrounddarkgreen .text-left {
    text-align: left;
}

/* ab Tablet (sm md lg) */
@media (min-width:768px){

    .content .backgrounddarkgreen {
        padding:40px;
    }
    .footer .impressschutzlink {
        margin-bottom: 0px;
    }
    .footer .seitenuebersicht {
        margin-left: 30px;
    }
    .headlineheader {
        font-size: 35px;
    }
    .headlineheader small {
        font-size: 20px;
    }

    h1 {
        font-size: 30px;
    }
    h1 small {
        font-size: 20px;
    }   
    h2 {
        font-size: 27px;
    }
    h2 small {
        font-size: 20px;
    }
    h3 {
        font-size: 24px;
    }
    h3 small {
        font-size: 20px;
    }
    h4 {
        font-size: 22px;
    }
    h4 small {
        font-size: 20px;
    }
    .margintophandy {
        margin-top: 0px;
    }

    .tinynav  {
        display:none;
    }
    .epatin_module a,
    .epatin_rubriken a {
        display:block;
        padding:4px 0;
    }
    .epatin_module .active,
    .epatin_rubriken .active {
        font-weight:bold;
    }

    .marginrundum {
        margin: 10px;
    }
    .affix {
        position: fixed;
        width: 100%;
        top: 0px;
        z-index: 1000;
    }

    .kontaktlinknavi {
        visibility: hidden;
    }

    .affix .kontaktlinknavi {
        visibility: visible;
    }

    .kontaktlinknavi {
        text-align: center;
        display: block;
        background: #e4e4e4;
        padding: 5px;
        color: var(--color-secondary);
        text-transform: uppercase;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        width: 100%;
        height: 30px;
    }

    .kontaktlinknavi:hover,
    .kontaktlinknavi:focus {
        background: var(--color-secondary);
        color: #fff;
        text-decoration: none;
    }

    .navbar-default .navbar-nav > .item-kontaktaffix {
        display: none;
    }

    .balkenheadline {
        font-size: 20px;
    }
    .headlink {
        font-size: 15px;
    }



    /**************************************
     *                Navi
     ***************************************/
    .navbar-default .navbar-nav > .item-handykontakt,
    .navbar-default .navbar-nav > .item-kontakt2  {
        display: none;
    }
    .nav li.item-kontakt-gruppe {
        display: block;
    }
    .item-kontakt-gruppe .dropdown-menu {
        left:auto;
        right:0;
    }
    .item-kontakt-gruppe .btn-kontakt {
        width:90%;
        margin:10px auto 0 auto;
        padding:5px 10px;
    }

    /**************************************
     *           Kontakt-Popup
     ***************************************/
    .kontaktformular-popup {
        display: block;
        min-width:300px;
        padding:15px;
        top:34px;
        left:45px;
        background:#fff;
        padding:15px;
        z-index:3000;
        text-align:left;
        font-size:0.9em;
    }
    .kontaktformular-popup .alert ul {
        padding-left:15px;
    }
    .kontaktformular-popup.open {
        display:block;
    }
    .kontaktformular-popup .form-control {
        font-size:12px;
    }
    .kontaktformular-popup .help-block {
        font-size:0.8em;
    }
    .kontaktformular-popup .important {
        color: var(--color-secondary);
    }
    .kontaktformular-popup .alert-success {
        margin-bottom:0;
    }

    .piwik {
        min-height:300px;
    }
    .animate-in-left,
    .animate-in-right{
        display:block;
        visibility: hidden;
        -vendor-animation-duration: 1s;
        -vendor-animation-delay: 0s;
        animation-duration: 1s;
        animation-delay: 0s;
    }
    .animate-in-center{
        display:block;
        visibility: hidden;
        -vendor-animation-duration: 1.5s;
        -vendor-animation-delay: 0s;
        animation-duration: 1.5s;
        animation-delay: 0s;
    }
    .slideindownlogo {
        background: rgba(255, 255, 255, .9);
        padding: 20px;
        -webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.28);
        -moz-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.28);
        box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.28);
    }
    .slideinup,
    .slideindownlogo {
        display:block;
        visibility: hidden;
        -vendor-animation-duration: 3.5s;
        -vendor-animation-delay: 0s;
        animation-duration: 2.5s;
        animation-delay: 0s;
    }

    #parallaxBox {
        position: relative;
        margin: 0 auto;
        width: auto;
        background: transparent;
        overflow: hidden;
        z-index: 2;
        border:none;
        height: auto;
        margin-top: 25px;
    }
    .parallaxImg {
        background-repeat: repeat;
        background-attachment: fixed;
        background-size: 100% auto;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
        min-height: 500px;
    }
    .parallax1 {
        background-image: url('../img/parallax/bg1.jpg');
    }
    .parallax2 {
        background-image: url('../img/parallax/bg4.jpg');
    }
    .parallax3 {
        background-image: url('../img/parallax/bg5.jpg');
    }
    .parallax4 {
        background-image: url('../img/parallax/bg7.jpg');
    }
    .abstandheader {
        margin-top: 408px;
    }

    .content .backgrounddarkgreen .texthinterlegt p {
        height: 580px;
    }
    .backgrounddarkgreen h3 {
        height: 80px;
    }

    .logofooter {
        float: left;
        max-width:100px;
    }

    .unterseite {
        background: url('../img/headbild/headbild_tablet.jpg') no-repeat top center;
    }

}

/* ab Desktop (md lg) */
@media (min-width: 992px){
    .unterseite {
        background: url('../img/headbild/headbild.jpg') no-repeat top center;
    }

    .abstandunterseite {
        margin-top: 400px;
    }

    .kontaktlinknavi {
        padding: 15px 10px 10px 10px;
        font-size: 16px;
        height: 60px;
    }

    .content .backgrounddarkgreen .texthinterlegt p {
        height: 385px;
    }
    .container {
        width:970px;
    }
    .balkenheadline {
    font-size: 23px;
    line-height: 35px;
}
    .headlink {
        font-size: 18px;
    }
    .abstandheader {
        margin-top: 386px;
    }
}

/* ab großer Desktop (lg) */
@media (min-width: 1200px){
    .container {
        width:1170px;
    }
    .content .backgrounddarkgreen .texthinterlegt p {
        height: 330px;
    }
    .backgrounddarkgreen h3 {
        height: 50px;
    }
    .abstandheader {
        margin-top: 336px;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
}

@media print {
    .container {
        width: auto;
    }

    a[href]:after {
        content: "";
    }
}