/*Fonts*/
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Lato'), local('Lato'), url('/src/fonts/Lato-Regular.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lobster Two';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Lobster Two'), local('Lobster Two'), url('/src/fonts/LobsterTwo-italic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Lobster Two';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lobster Two'), local('Lobster Two'), url('/src/fonts/LobsterTwo-Regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Lobster Two';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lobster Two'), local('Lobster Two'), url('/src/fonts/LobsterTwo-Bold.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*Modal*/
#myModal{
    z-index: 999999;
}

#myModal.fade:not(.show){
    opacity: 1;
}

.modal-dialog{
    top: 30%;
}

#myModal .modal-content{
    background-color: #f1efe5;
}

#myModal .modal-header h4{
    font-weight: 700;
    font-family: 'Lobster Two', italic, cursive;
}

#myModal .modal-header, #myModal .modal-footer .btn{
    background-color: #e0805245;
    color: #1b1e21;
}

#myModal .modal-footer{
    border-top: 1px solid #ebd1ba;
}

body {
    font-family: Lato, sans-serif;
}

.info-header{
    background-color: #de7752;
    height: 2.3rem;
    color: #0f0f0f;
    text-transform: uppercase;
    text-align: center;
    padding: 0.3rem 0;
    font-weight: 500;
}

p, h3 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.img-width {
    width: 100%;
}

body a {
    color: #b64b25;
}

body a:hover {
    text-decoration: none;
    color: #ffae1b;
}

.insta-icon {
    position: fixed;
    width: 3rem;
    background-color: #42733e;
    border-radius: 0.4rem;
    padding: 0.3rem;
    bottom: 2rem;
    right: 3rem;
    z-index: 10;
    -webkit-box-shadow: 0 0 4px -1px rgba(61, 186, 102, 0.33);
    -moz-box-shadow: 0 0 4px -1px rgba(61, 186, 102, 0.33);
    box-shadow: 0 0 4px -1px rgba(61, 186, 102, 0.33);
}

.insta-icon:hover {
    background-color: #649760;
}

.pagePadding {
    padding: 75px 0;
}

.header img {
    width: 19rem;
    margin: 1.5rem;
    position: absolute;
}

.break-xs {
    display: none;
}

.seite1 {
    font-family: Lobster Two, italic, cursive;
    background-image: url(images/bg.png);
    background-size: 100%
}

.seite1 .pagePadding {
    padding: 13rem 0 19rem 0;
}

.seite1 .text-block {
    text-align: center;
}

.seite1 h1 {
    font-family: 'Lobster Two', italic, cursive;
    font-size: 4.5rem;
    color: #f4eed4;
    font-weight: 400;
}

.seite1 p {
    font-family: 'Lato Light', sans-serif;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.7rem;
    color: #d6d6d6;
    font-weight: 300;
    padding: 0 11rem;
}

.seite1 .btn, .seite2 .btn {
    border-radius: 0;
    font-size: 1.6rem;
    color: #f4eed4;
    font-weight: 300;
    border-color: #f4eed4;
    margin-right: 10px;
    margin-top: 6px;
}

.call-link {
    display: block;
    margin-left: -8rem;
    margin-top: 0.3rem;
    color: #fffae3;
    font-family: "Lato Light", sans-serif;
}

.seite1 .btn:active, .seite1 .btn:focus, .seite1 .btn:hover, .red .btn:hover, .seite1 .btn:hover:visited, .red .btn:active, .red .btn:focus, .red .btn:visited, .btn-outline-primary:active, .btn-outline-primary:hover, .btn-outline-primary:focus {
    color: #ffcd9c !important;
    border-color: #ffcd9c !important;
    background: transparent !important;
}

.red .btn {
    color: #de7752 !important;
    border-color: #de7752 !important;
}

.seite1 .text-block {
    margin-top: 40px;
}

/*!*SEITE2*!*/
.seite2 {
    background-color: #294027;
    font-family: 'Lato Light', sans-serif;
}

.seite2 h3 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin-top: 7px;
    color: #fffae3;
    font-weight: 200;
}

#pdf-ico {
    width: 1.5rem;
    display: inline-block;
    margin-top: -0.5rem;
    margin-bottom: 0;
    margin-left: 0;
}

.seite2 img {
    width: 81%;
    margin-top: -14rem;
    display: inline-block;
}

.seite2 a {
    color: #fef9e3;
    font-weight: 600;
}

/*SEITE3*/
.seite3 {
    background-color: #fffae3;
    background-image: url(images/bg2.png);
    font-family: 'Lato Light', sans-serif;
    font-size: 1.5rem;
    line-height: 1.7rem;
}

.seite3 .center-img {
    text-align: center;
    max-width: 45%;
}

.seite3 img {
    width: 95%;
}

.seite3 h2 {
    font-family: 'Lobster Two', cursive;
    font-size: 2.9rem;
    color: #212121;
    font-weight: 400;
}

.seite3 h3 {
    font-family: 'Lobster Two', cursive;
    font-size: 2.2rem;
    color: #212121;
    font-weight: 400;
}

.seite3 span {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 200;
    font-size: 1.5rem;
    line-height: 1.7rem;
    color: #212121;
}

.seite3 .text-block {
    display: inline-block;
    padding: 1.5rem 0 1.5rem 1rem;
}

.seite4 iframe{
    border: 1px solid #f5f0ec;
}

.map-screen{
    width: 100%;
}

.seite4 .maps-sec span{
    background-color: #657348;
    color: #fff;
    padding: 0.2rem;
    position: absolute;
}

.map {
    /*filter: invert(1) brightness(2.2) hue-rotate(215deg);*/
    /*-webkit-filter: invert(1) brightness(2.2) hue-rotate(215deg);*/
    margin-bottom: -6px;
    filter: sepia(0.4);
    border: 1px solid #f5f0ec;
}

#map{
    outline: none;
}

.map .small, small, small a {
    font-size: 80%;
    font-weight: 400;
    position: absolute;
    left: 1rem;
    display: block;
    z-index: 1000;
    color: #ffae1b;
    width: 150px;
}

/*!*FOOTER*!*/
.footer {
    background-color: #3a5a38;
    color: #fefae5;
}

.footer a {
    margin-right: 1rem;
    display: inline-block;
    color: #f8ae3f;
}

.footer a:hover {
    color: #ce8c4a;
}

.footer.pagePadding {
    padding: 1rem 0;
}

.social-ico {
    width: 1.6rem;
    margin-right: -0.2rem;
}

.footer .inline-block-a {
    display: inline-block;
}

.social-ico:hover {
    opacity: 0.8;
}

.footer span {
    font-family: 'Lobster Two', cursive;
    font-size: 1.3rem;
}

/*404*/
.site-wrapper-404 {
    background-image: url(images/bg.png);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-size: cover;
    color: #fffae3;
    padding-top: 10rem;
}

.site-wrapper-404 .jumbotron {
    background-color: transparent;
    width: 32rem;
}

.site-wrapper-404 h1, .site-wrapper-404 h2 {
    font-family: 'Lobster Two', cursive;
    color: #fffae3;
}

.site-wrapper-404 h1 {
    font-size: 5rem;
}

.site-wrapper-404 h2 {
    font-size: 2.7rem;
}

.site-wrapper-404 p {
    font-family: "Lato Light", sans-serif;
    font-size: 1.5rem;
}

.site-wrapper-404 a {
    color: #87b384;
}

/*Legal*/
.legal-background {
    background-image: url(images/bg.png);
    background-size: 100%;
}

.legal-site {
    color: #fffae3;
    padding: 14rem 0 5rem 8rem;
    width: auto;
    font-family: "Lato Light", sans-serif;
    overflow-x: hidden;
}

.legal-site a {
    color: #fffae3;
    font-family: "Lato Light", sans-serif;
}

.impressumsText {
    margin-top: 2rem;
}

.legal-site h1, .legal-site h2, .legal-site h3, .legal-site b {
    font-family: 'Lobster Two', cursive;
    font-size: 1.2rem;
}

.legal-footer {
    position: relative;
    width: 100%;
    bottom: 0;
}

/*!*MEDIAQUERIES*!*/
@media (max-width: 1200px) {

    .call-link {
        display: none;
    }

    .seite1 {
        background-size: cover;
        background-position: 32% 0;
    }

    .seite1 h1 {
        font-size: 3.5rem;
    }

    .seite1 h2 {
        font-size: 2.3rem;
    }

    .seite1 p {
        font-size: 1.8rem;
        line-height: 2rem;
        padding: 0 4rem;
    }

    .seite2 h3 {
        font-size: 1.6rem;
        margin-top: 0;
    }

    .seite2 img {
        width: 105%;
        margin-top: -207px;
        margin-bottom: -75px;
    }

    .seite3 .text-block {
        max-width: 50%;
        display: inline-block;
        margin-top: 15px;
        margin-left: -32px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {

    .break-xs {
        display: block;
    }

    .seite1 h1 {
        font-size: 3rem;
        margin-bottom: 0;
    }

    .seite1 h2 {
        font-size: 2.2rem;
        line-height: 2.2rem;
    }

    .seite1 p {
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 0;
    }

    .seite1 .btn {
        font-size: 1.2rem;
    }

    .img-width {
        width: 100%;
        margin-top: -9px;
    }

    .seite2 .pagePadding {
        padding: 46px 0;
    }

    .seite2 img {
        width: 100%;
        margin-top: -221px;
        margin-bottom: -16rem;
    }

    .seite3 .text-block {
        max-width: 100%;
        margin-top: 0;
    }

    .seite3 img {
        width: 100%;
        margin-left: -28px;
    }
}

@media (max-width: 767px) {

    .info-header{
        height: 3.7rem;
    }

    .header img {
        height: 250px;
        left: 50%;
        margin-top: 0;
        margin-left: -125px;
        position: absolute;
        top: 0;
        width: 250px;
    }

    .seite1 .text-block {
        margin-top: 8rem;
        padding-top: 3rem;
        border-top: 1px solid #f4eed461;
    }

    .seite1 .pagePadding {
        padding: 30px 25px;
    }

    .seite1 h1 {
        font-size: 3.5rem;
    }

    .seite1 h2 {
        font-size: 2.7rem;
    }

    .seite1 p {
        font-size: 1.6rem;
        line-height: 1.8rem;
        padding: .5rem;
    }

    .seite1 .btn {
        font-size: 1.9rem;
        margin-top: 20px;
    }

    .seite1 .pagePadding {
        padding: 30px 25px 90px 25px;
    }

    .seite2 img {
        width: 50%;
        margin-top: -25rem;
        margin-left: -6rem;
        display: block;
        margin-bottom: 0;
    }

    .seite2 h3 {
        font-size: 1.8rem;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }

    .seite3 .center-img {
        text-align: center;
        max-width: 100%;
    }

    .seite3 img {
        width: 100%;
    }

    .seite3 .text-block {
        max-width: 100%;
        display: inline-block;
        margin-top: 3rem;
        margin-left: 0;
        padding: 1.5rem;
    }

    .seite3 h2 {
        font-size: 3.3rem;
    }

    .seite3 p {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 2.3rem;
        font-weight: 200;
        line-height: 2.4rem;
        color: #f4eed4;
    }

    .footer a {
        margin-right: 1rem;
        font-size: 2rem;
        display: block;
    }

    .social-ico {
        width: 3rem;
    }

    .footer span {
        font-size: 2rem;
        line-height: 2.1rem;
        display: block;
        margin-top: 1rem;
        border-top: 1px solid #fef9e3;
        padding-top: 1.3rem;
    }

}

@media (max-width: 680px) {

    .info-header{
        height: 5.7rem;
    }

    .header img {
        top: 26px;
    }

    .insta-icon {
        display: none;
    }

    .legal-site {
        color: #fffae3;
        padding: 14rem 0 4rem 2rem;
        font-family: "Lato Light", sans-serif;
    }

    .legal-footer {
        position: relative;
        width: 100%;
        bottom: 0;
    }

    /*404*/
    .site-wrapper-404 {
        padding: 1rem;
    }

    .site-wrapper-404 .jumbotron {
        padding: 0;
        width: 100%;
    }
}