@charset "utf-8";
/* CSS Document */

.dunkelgruen {color: #4b7e3b;}

.hgeins{
    padding:30px 0px;
    background-color:orange;

}

.card {
    border-radius: 0;
}

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

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #666;
}
.navbar-dark .navbar-nav .nav-link {
    color:#7db84a;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color:#666;
}


@media screen and (max-width: 1200px) and (min-width: 992px) {
    .navilink{ /*border-left:1px solid #e0e0e0;*/}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right:5px;
        padding-left:5px;
    }
}

.topup{ margin-top: 100px;}

.bg-primary {
    background-color: #4b7e3b !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #4b7e3b !important;
}

.navbar-dark .navbar-toggler {
    color:#000;
    border-color:#7db84a;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right:0px!important;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.btn-primary {
    color: #fff;
    background-color: #7db84a;
    border-color: #7db84a;

}
.btn-primary:hover {
    color: #fff;
    background-color: #4b7e3b;
    border-color: #4b7e3b;
}


.btn-action {
    color: #fff;
    background-color: #7db84a;
    border-color: #7db84a;
    padding-right: 65px!important;
    background-image: url(../../neuneu/image/../image/btn.jpg);
    background-repeat: no-repeat;
    background-position: center right;
}
.btn-action:hover {
    color: #fff;
    background-color: #4b7e3b;
    border-color: #4b7e3b;
    background-image: url(../../neuneu/img/../image/btnhover.jpg);
    background-repeat: no-repeat;
    background-position: center right;
}
.jumbotron {
    padding:20px 0px;
    margin-bottom: 40px;

    border-radius:0px;
    text-align: center;

    background-color: #e8e8e8; color: #000!important;
}
.contactup{color: #000!important; font-weight: 300; margin-bottom: 25px; margin-top: 25px; }
.btn{padding:7px 25px;
     transition: none; }


.headerbildtext{ width: 100%; height: auto; background-image:url(../../image/1920x800start.jpg); background-size: cover; background-repeat: no-repeat; color:#fff}
.headercontent {}
.headercontent h3{ }
.headercontent p { }
.headerbutton {  color: #fff; font-weight: 300; }

.headercontentohnebild{background-image: url(../image/knopf.png); background-repeat: no-repeat; background-position: right bottom;
                       height: 130px;}

.hzwei {font-weight: 400; color: #7db84a; font-size: 28px;}
.hzweiWohnung { font-weight: 400; color: white; font-size: 28px; padding-top: 20px;}
.hdrei{font-size: 28px;  color: #7db84a; margin-bottom: 20px; font-weight: 300}
.hueberuns {font-size: 24px;  color: #675a45; margin-bottom: 20px; font-weight: 300}

.teameins{ margin-top:80px; margin-bottom: 80px;}
.teamzwei{margin-bottom: 60px;}

.lineueberschrift{ background-color: #fff; padding:0 40px 0 40px; display: inline;}
.hzweilinie{ text-align: center; width: 100%; background-image: url(../../neuneu/img/linie.jpg); background-repeat: repeat-x; background-position: center;}

.willkommen{margin-top:80px; margin-bottom: 50px;}
.gruenFerienwohnung{margin-top:80px; margin-bottom: 50px;}
.gruenKontakt{margin-top:80px; margin-bottom: 50px;}
.leftmore{padding-left:50px; padding-right: 50px;}
.modernezeitarbeit{margin-top:40px; margin-bottom: 50px;}
.gruenFerienwohnung{background-color: #7db84a; color: #fff; margin: 40px 0 40px 0; padding: 0 0 0px 0; }
.gruenKontakt{background-color: #7db84a; color: #fff; margin: 40px 0 40px 0; padding: 0 0 0px 0; }
.knopf{ text-align: left}
.gruenFerienwohnung h3{ font-weight: 300; color: #fff!important; margin-top: 0.5em; margin-bottom: 0.5em;}
.gruenKontakt h3{ font-weight: 300; color: #fff!important; margin-top: 0.5em;}

.bilderFerienwohnung {
    border: 15px solid #fff;
    max-width: 100%;
    height: auto;
    margin-left: -15px;
}

footer.container-fluid.gruenFooter {
    background-color: #7db84a;
    color: #fff;
    padding: 0 0 0px 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: sticky;
    max-width: 100% !important;
}

#footerColor>a {
    color: #fff;
}

#footerColor>a:hover {
    color: #fff;
}

.imgzentriert {
    display: block;
    width:100%;
    text-align: center;
}

.imgListe::marker {
    color: #7db84a;
}


.imgListe {
    /*padding-left: 5px;*/
    list-style-position: inside;
}

.imgListe2 {
    padding-left: 18px;
}

.abstand {
    padding-right: 40px !important;
    padding-bottom: 20px !important;
}

.imgListe1 {
    padding-left: 18px;
}

.col-md-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px !important;
}

.gruenFerienwohnung p {
    margin-bottom: 0rem;
}

.gruenKontakt p {
    margin-bottom: 1rem;
}


.footerknopful{ list-style-type: none; padding: 0; margin: 0;}

.gruenFerienwohnung li {
    line-height: 30px;
    font-size: 16px;
    /*text-indent: 0em;
    margin-left: 1em;*/
}

.gruenFerienwohnung li:first-line {
    /*text-indent: 0em;*/
    /*margin-left: 1em;*/
}

.gruenKontakt li{ line-height: 30px; font-size: 16px;text-indent: 1em;}

.gruenKontakt li:first-line {
    text-indent: 0em;
}
.gruenFerienwohnung p {}
.gruenKontakt p {}
.glyphicon-earphone:before{color: #fff; font-size: 30px}
.glyphicon-phone-alt:before{color: #fff; font-size: 30px}
.glyphicon-envelope:before{color: #fff; font-size: 30px}
.glyphicon-menu-right:before{ color: #e34b50; font-size: 12px; font-weight: bold}
.telefon{ font-size: 28px;}
.gruenFerienwohnung a { color: #fff;}
.gruenFerienwohnung a:hover {color:#000;}

.gruenKontakt a { color: #fff;}
.gruenKontakt a:hover {color:#000;}

.footer a { color: #000; text-decoration: underline;}
.footer a:hover { color: #7db84a; text-decoration: underline;}
.headerohnebild{ width: 100%; height: auto;   color: #000!important;}

.headerohnebild h1{ font-size:36px; font-weight: 300; padding-top: 40px; padding-bottom: 20px; color: #675a45}


.listevorteile{background-color: #e8e8e8;  margin: 10px 0 40px 0; padding: 20px 40px 40px 40px;}
.listevorteile ul{ list-style-type: none; padding: 0; margin: 0;}
.listevorteile li{font-size: 16px; margin-bottom:15px; color:#74b735}
.listevorteile .glyphicon-ok:before{ color: #74b735; font-size: 12px; font-weight:lighter}

.bewerber{margin-top:30px; margin-bottom: 50px;}
.zweispaltig{ margin-top: 5px;}

.leistungeins{ padding:25px;background-color: #f3f0eb; border: 5px solid #fff;}
.leistungzwei{ padding:25px;background-color: #7db84a; color: #fff ; border: 5px solid #fff;}
.leistungzwei .glyphicon-ok:before, .leistungeins .glyphicon-ok:before{ font-size: 24px;}

.leistungen {margin-top:40px; margin-bottom: 70px; }

.responsive_map {
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
}

.responsive_map iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.schmaler{ padding-right:80px; text-align:justify

}

.zweispaltig a{color:#7db84a; text-decoration:none;}
.zweispaltig a:hover{text-decoration:underline;}

.shoplink{ color:#fff!important; background-color:#7db84a ;}
.rot{ background-color:#7db84a }

a:hover {
    color: #7db84a;
    text-decoration: underline;
}

a {
    color: #7db84a;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.standorticon { background-image: url(../image/standorticon.png); background-repeat: no-repeat; margin-top: 30px; }
.standorticon p { margin-left: 50px; }

.telefonicon { background-image: url(../image/../image/telefonicon.png); background-repeat: no-repeat; margin-top: 30px; }
.telefonicon p { margin-left: 50px; }

.emailicon { background-image: url(../image/../image/../image/brieficon.png); background-repeat: no-repeat; margin-top: 30px; }
.emailicon p { margin-left: 50px; }

.ausflugsziel {min-height: 80px;}
.ausflugsziel p{padding: 20px; }
.ausflugsziel a .well, .ausflugsziel a {
    color: #333;
    text-decoration: none;
    background-color:#E7E7E7;

}
.ausflugsziel a:hover .well, .ausflugsziel a:hover {
    color: #fff!important;
    text-decoration: none;
    background-color:#4b7e3b;

}

.graueinfobox{ padding: 0px; background-color:transparent; margin-left:0;}

.btn{
    border-radius:0!important;
}

.zimmerabstand{ margin-bottom: 50px;}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (min-width: 290px) {
    .headerbildtext{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headerbildtextpreise{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800preise.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headerbildtextdoppelzimmer{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800doppelzimmer.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}

    .headerbildtextsuite{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800suite.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headerbildtextfamily{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800family.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}


    .headercontent h3{ font-size: 18px; font-weight: 600; padding-top: 10px; padding-bottom: 10px; line-height: 22px;background-color: rgba(0,0,0,0.61);color:#fff!important;}
    .headercontent p { font-size: 11px; font-weight:600; padding:5px 5px 5px 5px;background-color: rgba(0,0,0,0.61);color:#fff!important;}
    .btn-header {margin-top: 20px; }
    .topup{ margin-top: 180px;}
    .contactup{font-size: 18px;}
    .leftmore{padding-left:15px; padding-right: 15px;}
    .graueinfobox{ padding: 30px 30px 30px 50px; background-color:#e8e8e8;  margin-left:0;}
    .graueinfoboxlinks{ padding: 30px 30px 30px 50px; background-color:#e8e8e8;  margin-left:0;}
    .bildergalerieAbstand {padding-bottom: 15px;}

    #galerieEinsA {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieEinsB {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieEinsC {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiA {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiB {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiC {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }
}

@media (min-width: 375px) {
    .headerbildtext{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800.jpg); padding:150px  10px 100px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headerbildtextpreise{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800preise.jpg); padding:150px  10px 100px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headerbildtextdoppelzimmer{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800doppelzimmer.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headercontent h3{ font-size: 18px; font-weight: 600; padding: 10px; line-height: 22px;color: rgba(0,0,0,0);}
    .headercontent p { font-size: 11px; font-weight:600; padding:5px;color: rgba(0,0,0,0);}
    .btn-header { margin-top: 20px; }
    .topup{ margin-top: 080px;}
    .contactup{font-size: 18px;}
    .leftmore{padding-left:15px; padding-right: 15px;}
    .graueinfobox{ padding: 30px 30px 30px 50px; background-color:#e8e8e8;  margin-left:0;}
    .graueinfoboxlinks{ padding: 30px 30px 30px 50px; background-color:#e8e8e8;  margin-left:0;}
    .headerbildtextsuite{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800suite.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headerbildtextfamily{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800family.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .bildergalerieAbstand {padding-bottom: 15px;}

    #galerieEinsA {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieEinsB {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieEinsC {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiA {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiB {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiC {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }
}



@media (min-width: 576px) {
    .headerbildtext{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800.jpg); padding:70px  50px 150px 50px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextpreise{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800preise.jpg); padding:70px  50px 150px 50px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextdoppelzimmer{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800doppelzimmer.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headercontent h3{ font-size: 18px; font-weight: 600; padding-top: 50px; line-height: 72px; color: rgba(0,0,0,0);}
    .headercontent p { font-size: 14px; font-weight: 600; padding-top:30px;color: rgba(0,0,0,0);}
    .btn-header { margin-top: 20px; }
    .topup{ margin-top: 179px;}
    .contactup{font-size: 28px;}
    .leftmore{padding-left:15px; padding-right: 15px;}
    .graueinfobox{ padding: 30px 30px 30px 50px; background-color:#e8e8e8;  margin-left:0;}
    .graueinfoboxlinks{ padding: 30px 30px 30px 50px; background-color:#e8e8e8;  margin-left:0;}
    .headerbildtextsuite{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800suite.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}
    .headerbildtextfamily{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800family.jpg); padding:50px  10px 50px 0px; background-size: cover; background-repeat: no-repeat; color:#fff;}

    #galerieEinsA {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieEinsB {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieEinsC {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiA {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiB {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }

    #galerieZweiC {
        max-width: 100% !important;
        height: auto !important;
        box-shadow: 10px 10px 10px #757575;
    }
}

@media (min-width: 768px) {
    .headerbildtext{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800.jpg);padding:100px  50px 100px 50px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextpreise{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800preise.jpg);padding:100px  50px 100px 50px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextdoppelzimmer{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800doppelzimmer.jpg); padding:300px  0px 200px 0px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headercontent h3{ font-size: 38px; font-weight: 300; padding: 15px 30px; line-height: 42px;background-color: rgba(0,0,0,0.61);color:#fff!important;}
    .headercontent p { font-size: 24px; font-weight: 300; padding: 15px 30px;background-color: rgba(0,0,0,0.61);color:#fff!important;}
    .btn-header { margin-top: 20px; }
    .topup{ margin-top: 175px;}
    .contactup{font-size: 28px;}
    .leftmore{padding-left:15px; padding-right: 15px;}
    .graueinfobox{ padding: 30px 30px 30px 50px; background-color:#e8e8e8;  margin-left:0;}
    .graueinfoboxlinks{ padding: 30px 30px 30px 50px; background-color:#e8e8e8;  margin-left:0;}
    .headerbildtextsuite{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800suite.jpg); padding:100px  50px 100px 50px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextfamily{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800family.jpg); padding:100px  50px 100px 50px; background-size: cover; background-repeat: no-repeat; color:#fff}

    #galerieEinsA {
        max-width: 100%;
        height: auto;
        transform: rotate(-4deg);
        position: relative;
        z-index: 1;
        box-shadow: 10px 10px 15px #757575;
    }

    #galerieEinsB {
        max-width: 100%;
        height: auto;
        transform: rotate(7deg);
        margin-left: -20px;
        box-shadow: 10px 10px 15px #757575;
    }

    #galerieEinsC {
        max-width: 100%;
        height: auto;
        transform: rotate(-3deg);
        position: relative;
        z-index: 0;
        margin-left: -55px;
        box-shadow: 10px 10px 15px #757575;
    }


    #galerieZweiA {
        max-width: 100%;
        height: auto;
        transform: rotate(5deg);
        position: relative;
        z-index: 0;
        box-shadow: 10px 10px 15px #757575;
        margin-left: 10px;
    }

    #galerieZweiB {
        max-width: 100%;
        height: auto;
        transform: rotate(-5deg);
        margin-left: -20px;
        box-shadow: 0px 10px 15px #757575;
        margin-top: -25px;
    }

    #galerieZweiC {
        max-width: 100%;
        height: auto;
        transform: rotate(5deg);
        position: relative;
        z-index: -1;
        margin-left: -62px;
        box-shadow: 10px 10px 15px #757575;
    }

    #hintergrundbildPunkte {
        width: 48%;
        height: auto;
        background-image: url(../../images/g2098.png);
        padding: 0px 0 157px 0;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        margin-top: -98px;
        margin-left: -25px;
    }
}

@media (min-width: 992px) {
    .headerbildtext{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800l.jpg); padding:300px  50px 200px 50px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextpreise{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800preise.jpg); padding:300px  50px 200px 50px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextdoppelzimmer{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800doppelzimmer.jpg); padding:300px  0px 200px 0px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headercontent h3{ font-size: 38px; font-weight: 600; padding-top: 30px; line-height: 42px;background-color: rgba(0,0,0,0.61);color:#fff!important;}
    .headercontent p { font-size: 24px; font-weight: 300; padding-top:10px;background-color: rgba(0,0,0,0.61);color:#fff!important;}
    .btn-header { margin-top: 20px; }
    .topup{ margin-top: 175px;}
    .leftmore{padding-left:50px; padding-right: 50px;}
    .graueinfobox{ padding: 30px 30px 30px 50px; background-color:#e8e8e8; margin-left:-100px; width:460px!important; margin-top: 60px; border-left: 4px solid #7db84a;}
    .graueinfoboxlinks{ padding: 30px 50px 30px 30px; background-color:#e8e8e8; margin-right:-100px; width:460px!important; margin-top: 60px; border-right: 4px solid #7db84a;}
    .zimmerabstand{ margin-bottom: 150px;}

    .headerbildtextsuite{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800suite.jpg); padding:250px 0 300px 0; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextfamily{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800family.jpg); padding:250px 0 300px 0; background-size: cover; background-repeat: no-repeat; color:#fff}

    div > nav > #headerbildnav {
        width: 100%;
        height: auto;
        background-image:url(../../images/header2.png);
        padding:0 0 0 0;
        background-size: cover;
        background-repeat: no-repeat;
        color:#fff
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 6em;
    }

    #galerieEinsA {
        max-width: 100%;
        height: auto;
        transform: rotate(-4deg);
        position: relative;
        z-index: 1;
        box-shadow: 10px 10px 15px #757575;
    }

    #galerieEinsB {
        max-width: 100%;
        height: auto;
        transform: rotate(7deg);
        margin-left: -20px;
        box-shadow: 10px 10px 15px #757575;
    }

    #galerieEinsC {
        max-width: 100%;
        height: auto;
        transform: rotate(-3deg);
        position: relative;
        z-index: 0;
        margin-left: -55px;
        box-shadow: 10px 10px 15px #757575;
    }


    #galerieZweiA {
        max-width: 100%;
        height: auto;
        transform: rotate(5deg);
        position: relative;
        z-index: 0;
        box-shadow: 10px 10px 15px #757575;
        margin-left: 30px;
    }

    #galerieZweiB {
        max-width: 100%;
        height: auto;
        transform: rotate(-5deg);
        margin-left: -20px;
        box-shadow: 0px 10px 15px #757575;
        margin-top: -25px;
    }

    #galerieZweiC {
        max-width: 100%;
        height: auto;
        transform: rotate(5deg);
        position: relative;
        z-index: -1;
        margin-left: -62px;
        box-shadow: 10px 10px 15px #757575;
    }

    #hintergrundbildPunkte {
        width: 39%;
        height: auto;
        background-image: url(../../images/g2098.png);
        padding: 0px 0 232px 0;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        margin-top: -140px;
        margin-left: 25px;
    }

    .menuFont {
        font-size: 1rem !important;
    }
}

@media (min-width: 1200px) {
    .headerbildtext{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800.jpg); padding:250px 0 300px 0; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextpreise{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800preise.jpg); padding:250px 0 300px 0; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextdoppelzimmer{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800doppelzimmer.jpg);  padding:300px  0px 200px 0px; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headercontent h3{ font-size: 44px; font-weight: 600; padding: 15px 30px; line-height: 72px; background-color: rgba(0,0,0,0.61); display: inline-block;  text-align: center;color:#fff!important;}
    .headercontent p
    { font-size: 24px; font-weight: 300; padding: 15px 30px;background-color: rgba(0,0,0,0.61); margin-top: 10px!important;display: inline-block}
    .btn-header { margin-top: 20px; ;color:#fff!important;}
    .topup{ margin-top: 175px;}
    .contactup{font-size: 28px;}
    .leftmore{padding-left:50px; padding-right: 50px;}
    .headerbildtextsuite{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800suite.jpg); padding:300px 0 200px 0; background-size: cover; background-repeat: no-repeat; color:#fff}
    .headerbildtextfamily{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800family.jpg); padding:300px 0 200px 0; background-size: cover; background-repeat: no-repeat; color:#fff}

    div > nav > #headerbildnav {
        width: 100%;
        height: auto;
        background-image:url(../../images/header2.png);
        padding:0 0 0 0;
        background-size: cover;
        background-repeat: no-repeat;
        color:#fff
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 6em;
    }

    #galerieEinsA {
        max-width: 100%;
        height: auto;
        transform: rotate(-4deg);
        position: relative;
        z-index: 1;
        box-shadow: 10px 10px 15px #757575;
    }

    #galerieEinsB {
        max-width: 100%;
        height: auto;
        transform: rotate(7deg);
        margin-left: -20px;
        box-shadow: 10px 10px 15px #757575;
    }

    #galerieEinsC {
        max-width: 100%;
        height: auto;
        transform: rotate(-3deg);
        position: relative;
        z-index: 0;
        margin-left: -55px;
        box-shadow: 10px 10px 15px #757575;
    }


    #galerieZweiA {
        max-width: 100%;
        height: auto;
        transform: rotate(5deg);
        position: relative;
        z-index: 0;
        box-shadow: 10px 10px 15px #757575;
        margin-left: 30px;
        margin-left: -10px;
    }

    #galerieZweiB {
        max-width: 100%;
        height: auto;
        transform: rotate(-5deg);
        margin-left: -20px;
        box-shadow: 0px 10px 15px #757575;
        margin-top: -25px;
    }

    #galerieZweiC {
        max-width: 100%;
        height: auto;
        transform: rotate(5deg);
        position: relative;
        z-index: -1;
        margin-left: -62px;
        box-shadow: 10px 10px 15px #757575;
    }

    #hintergrundbildPunkte {
        width: 39%;
        height: auto;
        background-image: url(../../images/g2098.png);
        padding: 0px 0 232px 0;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        margin-top: -122px;
        margin-left: -20px;
    }

    .menuFont {
        font-size: 1rem !important;
    }
	.container {
    max-width: 1640px;
}
}

@media (min-width: 1600px) {
    .headerbildtext{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800.jpg); padding:300px  0px 200px 0px; background-size: cover; background-repeat: no-repeat; color:#fff}

    .headerbildtextpreise{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800preise.jpg); padding:300px  0px 200px 0px; background-size: cover; background-repeat: no-repeat; color:#fff}

    .headerbildtextdoppelzimmer{ width: 100%; height: auto; background-image:url(../../neuneu/image/1920x800doppelzimmer.jpg); padding:300px  0px 200px 0px; background-size: cover; background-repeat: no-repeat; color:#fff}

    .headercontent h3{ font-size: 44px; font-weight: 600; padding: 15px 30px; line-height: 72px; background-color: rgba(0,0,0,0.61); display: inline-block;  text-align: center}
    .headercontent p
    { font-size: 24px; font-weight: 300; padding: 15px 30px;background-color: rgba(0,0,0,0.61); margin-top: 10px!important;display: inline-block}
    .btn-header { margin-top: 20px; }
    .topup{ margin-top: 175px;}
    .contactup{font-size: 28px;}
    .leftmore{padding-left:50px; padding-right: 50px;}

    div > nav > #headerbildnav {
        width: 100%;
        height: auto;
        background-image:url(../../images/header2.png);
        padding:0 0 0 0;
        background-size: cover;
        background-repeat: no-repeat;
        color:#fff
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 6em;
    }

    #galerieEinsA {
        max-width: 100%;
        height: auto;
        transform: rotate(-4deg);
        position: relative;
        z-index: 1;
        box-shadow: 10px 10px 15px #757575;
    }

    #galerieEinsB {
        max-width: 100%;
        height: auto;
        transform: rotate(7deg);
        margin-left: -20px;
        box-shadow: 10px 10px 15px #757575;
    }

    #galerieEinsC {
        max-width: 100%;
        height: auto;
        transform: rotate(-3deg);
        position: relative;
        z-index: 0;
        margin-left: -55px;
        box-shadow: 10px 10px 15px #757575;
    }


    #galerieZweiA {
        max-width: 100%;
        height: auto;
        transform: rotate(5deg);
        position: relative;
        z-index: 0;
        box-shadow: 10px 10px 15px #757575;
        margin-left: 0px;
    }

    #galerieZweiB {
        max-width: 100%;
        height: auto;
        transform: rotate(-5deg);
        margin-left: -20px;
        box-shadow: 0px 10px 15px #757575;
        margin-top: -25px;
    }

    #galerieZweiC {
        max-width: 100%;
        height: auto;
        transform: rotate(5deg);
        position: relative;
        z-index: -1;
        margin-left: -62px;
        box-shadow: 10px 10px 15px #757575;
    } 

    #hintergrundbildPunkte {
        width: 39%;
        height: auto;
        background-image: url(../../images/g2098.png);
        padding: 0px 0 232px 0;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        margin-top: -140px;
    }

    .menuFont {
        font-size: 1rem !important;
    }
}

ul-custom li::marker { 
    color: #fff;
}

ul li::marker {
    color: #7db84a;
}

.gruenFerienwohnung {
    background-color: #7db84a;
    color: #fff;
    margin-top: 40px !important;
    margin-right: 0px !important;
    margin-bottom: 40px !important;
    margin-left: 0px !important;
    padding: 0 0 0px 0;
    max-width: 100% !important;
}

.gruenKontakt {
    background-color: #7db84a;
    color: #fff;
    margin-top: 40px !important;
    margin-right: 0px !important;
    margin-bottom: 40px !important;
    margin-left: 0px !important;
    padding: 0 0 0px 0;
    max-width: 100% !important;
}

.containerLage{
    margin: 40px 0 40px 0;
    padding: 0 0 0px 0;
}


@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 0px !important;
    }
}

.anker {visibility: hidden; height: 0px !important; position: absolute; margin: -170px;}

.container-fluid.bilderreihe {
}

.container-fluid {
    width: 100%;
    max-width: 1920px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(125, 184, 74, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/*.row {
    margin-right: 15px !important;
    margin-left: 15px !important;
}*/

.navbar-dark .navbar-brand {
    color: #fff;
    padding-left: 20px !important;
}

.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

@media (min-width:1050px) {
    .menuFont {
        font-size: 1.1rem !important;
    }
}

@media (min-width:1080px) {
    .menuFont {
        font-size: 1.15rem !important;
    }
}

@media (min-width:1145px) {
    .menuFont {
        font-size: 1.2rem !important;
    }
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: revert;
   /* float: left;*/
}