@charset "UTF-8";/* Park Eckersbach */

@font-face {src: url('https://www.parkeckersbach.de/templates/introxnova/fonts/RobotoSlab-Regular.woff2')
           format('embedded-opentype'),
      url('https://www.parkeckersbach.de/templates/introxnova/fonts/RobotoSlab-Regular.woff')
           format('woff'),
      url('https://www.parkeckersbach.de/templates/introxnova/fonts/RobotoSlab-Regular.ttf')
           format('truetype'); font-family: 'Roboto Slab'; font-display: swap}
@font-face {src: url('https://www.parkeckersbach.de/templates/introxnova/fonts/RobotoSlab-Bold.woff2')
           format('embedded-opentype'),
      url('https://www.parkeckersbach.de/templates/introxnova/fonts/RobotoSlab-Bold.woff')
           format('woff'),
      url('https://www.parkeckersbach.de/templates/introxnova/fonts/RobotoSlab-Bold.ttf')
           format('truetype'); font-family: 'Roboto Slab bold'; font-style: bold; font-display: swap}

* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Slab', Sans-serif !important;
    font-size: 16px;
    line-height: 1.35;
    -webkit-text-size-adjust: 100%; /* 2 */
    font-weight: normal;
    color: #821B02;
    text-decoration: none;
}

/* Layout */
.over {
    width: 100%;
}

.inner {
    max-width: 1200px;
    margin: 0 auto;
}

main.inner, #Down.inner, #Copy.inner  {
    max-width: calc(1200px - 4rem);
}
.mobil, .mobil2, .item-136, .item-137, .item-138, .item-139, .item-140 {
    display: none;
}

.desk {
}

#Top {
    background: #ffffff;
    height: 90px;
    position: sticky;
    top: 0;
    z-index: 100000;
}

header {
}

#Logo {
    width: 254px;
    height: 60px;
    left: 0;
    margin-top: 15px;
    margin-left: 2rem;
    float: left;
}

#Menu {
}

#Pict {
    background: #197627;
}

#Hero {
    position: relative;
}

#Hero img {
    display: block;
    width: 100%;
}

#Middle {
    clear: right;
    background: #FEF6C2;
}

#Hg {
    background: #feef94;
}

main {
    padding: 0 2rem;
    margin: 2rem 0;
    float: left;
    max-width: calc(100% - 416px);
    min-height: 420px;
}

aside {
    float: right;
    padding: 1rem 2rem 0 2rem;
    margin: 2rem 0;
    border-left: 2px solid #197627;
    max-width:;
}

footer {
    background: #FEF6C2;
}

#Down {
    background: #821B02;
    padding: 2rem;
    clear: both;
    height: 60px;
}

#FLogo img {
    display: block;
}

#FLogo {
    float: left;
}

#FMenu {}

#Copy {
    background: #821B02;
    padding: 0 2rem 3rem 2rem;
    font-size: 0.8rem;
    clear: both;
}

.copy {
    float: left;
}

#Copy p {
    color: #feef94;
    font-size: .8rem;
}
/* Content */
b, strong {
    font-weight: bold;
}

h1, h1.h1 {
    font-size: 2.5rem !important;
    color: #197627 !important;
    margin-bottom: 1rem !important;
    margin-top: -8px;
    hyphens: auto;
    hyphenate-limit-chars: 8 3 3;
}

h2 {
    font-size: 1.75rem;
    margin-bottom: .75rem;
    hyphens: auto;
    hyphenate-limit-chars: 8 3 3;
}

p ~ h2, ul ~ h2, ul ~ p {
    margin-top: 1rem;
}

h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: .5rem 0;
}

p ~ h3 {
    margin-top: 0;
}

p {
    hyphens: auto;
    hyphenate-limit-chars: 8 3 3;
}

p, li, ul, td {
    margin: 0 0 .5rem 0;
}

table {
    max-width: 320px;
    display: block;
}

td.t1 {
    width: 65px;
}

td.t2 {
}

main ul {
    margin-left: 2rem;
}
main li {
    list-style-image: url('https://www.parkeckersbach.de/templates/introxnova/images/liste.svg');
    list-style-position: outside;
}

main a, aside a {
    border-bottom: 2px solid #197627;
    padding-bottom: 2px;
}

main a::before, aside a::before {
    content: url('https://www.parkeckersbach.de/templates/introxnova/images/link.svg');
}

main a:hover, main a:focus, aside a:hover, aside a:focus {
    border-bottom: 2px dotted #821B02;
    color: #197627;
}

.mobil3, .desk3 {
    color: #feef94;
    font-size: .8rem;
}

img.dehoga {
    float: right;
    margin-left: 1rem;
    height: 80px;
    width: calc(115px / 2);
}

main a.buchung, aside a.buchung {
    border-bottom: none;
}

main a.buchung::before, aside a.buchung::before {
    content: none;
}

hr {
    border: 1px solid #197627 !important;
    margin: 1rem 0;
}

img.inhalt {
    width: 100%;
    height: auto;
    display: block;
    margin: 12px 0 18px 0;
}

img.float-start {
    float: left;
    width: calc(50% - .75rem);
    height: auto;
    margin: .75rem 0;
}

img.float-end {
    float: right;
    width: calc(50% - .75rem);
    height: auto;
    margin: .75rem 0;
}

/* Menus desk */
#Menu {
    float: right;
}

#Menu ul {
    margin-top: 39px;
    margin-right: 2rem;
}

#Menu li {
    font-size: 1.25px;
    list-style: none;
    float: left;
    margin-left: 40px;
}

#Menu li:first-child {
    margin-left: 0;
}

@media screen and (min-width: 1201px) {
    #Menu li.active {
        margin-left: 40px;
        border-bottom: 4px solid #197627;
    }

    #Menu a:hover, #Menu a:focus {
        color: #197627;
        border-bottom: 4px solid #197627;
    }
}
#FMenu {
    float: right;
}

#FMenu ul {
}

#FMenu li {
    font-size: 1.25px;
    list-style: none;
    float: left;
    margin-left: 40px;
}

#FMenu li:first-child {
    margin-left: 0;
}

#FMenu li.active {
    border-bottom: 2px solid #feef94;
}

#FMenu a {
    color: #feef94;
}

#FMenu a:hover, #FMenu a:focus {
    border-bottom: 2px solid #feef94;
}

/* Menu toogle */
#hamburger {
    width: 30px;
    height: 30px;
    margin: 0 0 0 2rem;
    background-image: url('https://www.parkeckersbach.de/templates/introxnova/images/menu-n.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

#hamburger:hover {
    background-image: url('https://www.parkeckersbach.de/templates/introxnova/images/menu-h.svg') !important;
}

/* Form */
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0;
}

#cf_1 {
    max-width: 100% !important;
    background-color: #feef94 !important;
}

.convertforms .cf-input {
    border-color: #197627;
}

.cf-control-input button, button,
#redim-cookiehint .cookiebuttons .btn {
    background-color: #197627 !important;
    border: 2px solid #197627 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    height: 48px !important;
    border-radius: 24px !important;
    padding: 12px 60px 14px !important;
}

aside button {
    padding: 12px 30px 14px !important;
}

button .cf-btn-text {
    color: #ffffff !important;
    font-weight: bold !important;
}

.cf-control-input button:hover, button:hover,
#redim-cookiehint .cookiebuttons .btn:hover {
    background-color: #ffffff !important;
    color: #197627 !important;
}

button:hover .cf-btn-text {
    color: #197627 !important;
}

.convertforms .cf-label {
    color: #821B02;
}

.convertforms .cf-one-third:nth-child(10),
.convertforms .cf-one-third:nth-child(12) {
    width: 43% !important;
}

.convertforms .cf-one-third:nth-child(11) {
    width: 14% !important;
}

.convertforms div.cf-control-group.cf-one-half {
    width: 50%;
}

.convertforms div.cf-control-group.cf-one-third {
    width: 33.3333%;
}

@media screen and (max-width: 980px) {
    .convertforms .cf-control-group {
        width: 100% !important;
    }

    .convertforms .cf-one-third:nth-child(10) {
        width: 100% !important;
    }

    .convertforms .cf-one-third:nth-child(11) {
        width: 30% !important;
    }

    .convertforms .cf-one-third:nth-child(12) {
        width: 70% !important;
    }
}

@media screen and (max-width: 480px) {
    .convertforms .cf-one-third:nth-child(11), .convertforms .cf-one-third:nth-child(12) {
        width: 100% !important;
    }
}

/* Cookie Banner
#redim-cookiehint .cookiehead .headline::before {
    width: 0px;
    height: 0px;
    background-image: none;
}

#redim-cookiehint .cookiehead .headline {
    color: #821B02;
}

#redim-cookiehint .cookiecontent {
    font-size: 1rem;
    line-height: 1.2rem;
    color: #821B02;
}*/

/* Mobil */
@media screen and (max-width: 1200px) {
    .desk {
        display: none;
    }

    .mobil {
        display: block;
    }

    #Menu {
        clear: right;
        float: left;
    }

    #xmenu {
        display: none;
    }

    #Logo {
        clear: left;
        float: right;
        margin-left: 0;
        margin-right: 2rem;
    }

    #Menu {
        position: absolute;
        top: 2rem;
        z-index: 10000;
    }
    #Menu ul {
        margin-top: 28px;
        margin-right: 0;
        background: #ffffff;
        width: 320px;
    }

    #Menu li {
        font-size: 1.25px;
        list-style: none;
        float: none;
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 2rem;
        padding-top: 0,
        background: #ffffff;
        border-bottom: 1px solid #821B02;
    }

    #Menu li.item-117 {
        border-bottom: none;
    }

    #Menu li:first-child {
        margin-left: 0;
        padding-left: 2rem;
        border-top: 1px solid #821B02;
    }

    #Menu li.active {
        padding-left: 22px;
        border-left: 10px solid #197627;
    }

    #Menu li a {
        display: block;
        width: 300px;
        padding: .5rem 2rem .5rem 0;
    }

    #Menu a:hover {
        color: #197627;
    }

}

@media screen and (max-width: 900px) {
    .desk2 {
        display: none;
    }

    .item-136, .item-137, .item-138, .item-139, .item-140 {
        display: block;
    }

    #Menu li.item-117 {
        border-bottom: 1px solid #821B02;
    }

    #Menu li:last-child {
        border-bottom: none;
    }

    .copy {
        text-align: center;
        float: none;
    }

    #Down {
        height: 0;
        padding: 0;
    }

    #Copy {
        padding: 1rem 0 2rem 0;
    }
}

@media screen and (max-width: 767px) {
    aside {
        display: none;
    }

    main {
        float: none;
        border-right: none;
        max-width: calc(100% - 4rem);
        margin: 0;
        padding: 2rem;
    }
}
@media screen and (max-width: 730px) {
    img.float-start, img.float-end {
        float: none;
        width: 100%;
        height: auto;
        margin: .75rem 0;
    }
}

@media screen and (max-width: 600px) {
    .desk3 {
        display: none;
    }

    .mobil2 {
        display: block;
    }

    p.copy {
        margin: 0 !important;
        line-height: .5;
    }

    .mobil3 {
        color: #feef94;
        font-size: .8rem;
        display: inline-block;
        line-height: .3;
    }
}

@media screen and (max-width: 400px) {
    #Logo {
        margin-top: 29px;
    }

    #Logo a img {
        float: right;
        max-width: 75%;
    }

    main {
        padding: 1rem;
        max-width: calc(100% - 2rem);
    }
}