/*
 Theme Name:   Divi Child
 Theme URI:    http://www.elegantthemes.com
 Description:  Divi Child Theme
 Author:       Sabrina Schulz
 Author URI:   https://infratouch.de/
 Template:     Divi
 Version:      1.0
*/





/* Global */
:root {
    --cyan: #006c71; /* color: var(--cyan)*/
    --headline:  'Aleo';
    --bodyfont:  'Wix Madefor Display';
    --handfont:  'Caveat';
  }


.mfp-content {vertical-align: bottom!important}
body{overflow-x:hidden}

/* FONTS */
.et_pb_module {font-family: var(--bodyfont)}
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, 
.et_pb_module h4, .et_pb_module h5, .et_pb_module h6, .subline {font-family:var(--headline)!important}

.hand{font-family: var(--handfont)!important;font-size:calc(20px + (24 - 20)*((100vw - 300px)/(1600 - 300)))}
.hand.head{font-size:calc(40px + (80 - 40)*((100vw - 300px)/(1600 - 300))); line-height:1.2em!important}
.subline{text-transform:uppercase; font-weight:300}
.lust h3{font-size:calc(16px + (24 - 16)*((100vw - 300px)/(1600 - 300)))!important}

.et_pb_module h1{font-size:calc(40px + (60 - 40)*((100vw - 300px)/(1600 - 300)));font-weight:900}
.et_pb_module h2{font-size:calc(20px + (34 - 20)*((100vw - 300px)/(1600 - 300)));font-weight:800; margin-bottom:15px}
.et_pb_module h3{font-size:calc(16px + (24 - 16)*((100vw - 300px)/(1600 - 300)))}
.et_pb_module h4,.subline{font-size:calc(16px + (18 - 16)*((100vw - 300px)/(1600 - 300)))}
.et_pb_module h5{font-size:calc(14px + (16 - 14)*((100vw - 300px)/(1600 - 300)));font-weight:900}
.et_pb_module h6{font-size:calc(12px + (14 - 12)*((100vw - 300px)/(1600 - 300)))}

.et_pb_button{font-size:calc(14px + (18 - 14)*((100vw - 300px)/(1600 - 300)))!important}



/* Flex-Rules*/
.headerflexrow {display:flex;justify-content: center;justify-content: space-evenly}
.flex-container{display:flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap;gap: 5px}
.flex-wrap{display:flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap}

.flex-ausstattung{display: flex;flex-wrap: wrap;gap: 20px; justify-content: center}
.flex-ausstattung .et_pb_module {flex: 1 1 calc(50% - 20px); box-sizing: border-box}
@media (max-width: 768px) {.flex-ausstattung .et_pb_module {flex: 1 1 100%}}

/*Menu*/
#menu-main {justify-content: space-between}
#menu-main .et_pb_menu__logo-wrap, #menu-main .et_pb_menu__logo-slot{background-color:#333}
#menu-main .et_pb_menu__logo-wrap{padding: 0;margin-top: 80px}
#menu-main .et_pb_menu__logo-slot{padding:0!important; max-width:250px}
#menu-main .et_pb_menu__logo {padding:0px 20px}
#menu-main .menu-item {min-width:150px;justify-content: center}
.sub-menu li a {padding: 0!important}
#menu-main .et_pb_menu_page_id-94 {order:1}
#menu-main .et_pb_menu_page_id-14 {order:2}
#menu-main .et_pb_menu__logo-slot {order:3}
#menu-main .et_pb_menu_page_id-17 {order:4}
#menu-main .et_pb_menu_page_id-19 {order:5}
#menu-main .menu-item.wetterwidget {order:6}
.et_pb_sticky #menu-main .et_pb_menu__logo-wrap{margin-top:30px; transition: margin-top 0.5s ease}
#menu-main .et_pb_menu__logo-wrap{transition: margin-top 0.5s ease}

@media (min-width: 981px) and (max-width: 1300px) {#menu-main .menu-item {min-width:100px}}

@media (max-width: 980px) {
.mainmenu .et_pb_menu_inner_container {display:flex;flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center}
.mainmenu .et_pb_menu__logo-wrap{margin-bottom:0!important}}


/* Bilder */
@media (min-width: 585px) {.fleximage{display:flex;flex-direction:row;flex-wrap:nowrap; }}
#main-content {overflow-x:hidden}

/* Bilderrahmen */
.imgframe .et_pb_image_wrap, .frame {border:4px solid #fff;box-shadow: 0 0 10px rgba(40, 40, 40, .1)}


.et_pb_column.frame {min-width:250px}
.row-unterkunft {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Footer */
@media (min-width: 981px) {.footermiddlemenu{ display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;margin:0 auto!important}}

#rechtliches .menu-footer2-container ul {display: flex}
#rechtliches .menu-footer2-container li {margin-right: 20px}
#rechtliches .menu-footer2-container li:last-child {margin-right: 0}
#nav_menu-3, #nav_menu-4 {margin:0; width:100%}

@media (max-width: 980px) {	.logorow{display:flex;   flex-direction: row; justify-content: center; }.footermenu{max-width:300px}}


/* FAQ */
#faq ul.et_pb_tabs_controls {display: flex;justify-content: flex-start;gap: 5px;align-items: center;background-color: transparent; overflow-x: auto;scrollbar-width: auto;position: relative;margin-bottom: 25px;white-space: nowrap; padding-bottom:10px!important}
#faq ul.et_pb_tabs_controls li {flex: 0 0 auto; white-space: nowrap}
#faq ul.et_pb_tabs_controls::-webkit-scrollbar {height: 10px; background-color: #E3E3E3}
#faq ul.et_pb_tabs_controls::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #E3E3E3}
#faq ul.et_pb_tabs_controls::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .6);background-color: #4D4D4D}
#faq ul.et_pb_tabs_controls:after {border: none}

@media (max-width: 980px){#faq .et_pb_tab, #faq .et_pb_toggle {padding-left: 0; padding-right:0}#faq h2, #faq .et_pb_module.et_pb_text {padding-bottom:0; margin-bottom:0}}
#faq .et_pb_tabs_controls li a {padding: 4px 25px!important}

/*Navigation*/
.footernavigation  {display:flex;   flex-wrap: nowrap;align-items: center;justify-content: space-between}
.footernavigation .et_pb_button {font-size:calc(18px + (20 - 18)*((100vw - 300px)/(1600 - 300))); font-weight:600; text-transform:uppercase}
.footerlast{display:flex; flex-wrap: wrap}
@media (max-width: 980px) {.footernavigation {justify-content: center}}

.btnflex{display:flex;flex-wrap: nowrap;align-items: center;justify-content: flex-end;gap: 20px}
.btnflex .et_pb_button_module_wrapper{max-width:200px}

.features .et_pb_blurb_container{vertical-align: middle}
.features {margin-bottom:5px!important}

/* Jobs */
.jobs-template-default .job-post {padding-top:100px}
.position_title .jobs-row-input {font-family:var(--headline)!important}
.job-pdf-export {color:#333}
.job-content .jobs-row-label span{border:none!important}
.job-post svg {display:none}
.job-listing .job-preview .job-cta .apply-btn{text-transform:lowercase!important}

.kulinarisch .et_pb_blurb_description p{font-family:var(--headline); font-weight:300}
.kulinarisch .et_pb_main_blurb_image{margin-bottom:0}

/*Kontaktfomular*/
.contact-form {display: flex;flex-direction: column;gap: 1rem}
.contact-form input,.contact-form textarea {padding: 0.8rem;font-size: 1rem;border: 1px solid #ccc;border-radius: 0px}
.contact-form input:focus,.contact-form textarea:focus {outline: none;border-color: #4d4d4d}
.form-row.twocolumn {display: flex; gap: 1em}
.form-row.twocolumn .form-column input{width:100%!important}
.contact-form textarea {width: 100%; min-height: 150px;padding: 0.8rem;font-size: 1rem;border: 1px solid #ccc;border-radius: 0;resize: vertical}
.contact-form input[type="submit"] {background-color: #4d4d4d;color: #fff; border: none; border-radius: 0; padding: 10px;cursor: pointer; transition: background-color 0.3s}
.contact-form input[type="submit"]:hover {background-color: #333}

/*Unterkünfte Detail*/
.et_pb_gallery .et_pb_gallery_image a {pointer-events: none}
.unterkunftdetails *{line-height:1em}

.unterkunftdetails .subdetail {font-size: 14px; min-height: 100px}

.unterkunftdetails table, .unterkunftdetails tr, .unterkunftdetails td, .unterkunftdetails tbody {border: none!important}
.unterkunftdetails .table{border-collapse: collapse; width: 100%; padding: 0px; margin: 0px}
.rubrik{line-height:20px; font-size:15px}
.unterkunftdetails .unterkunfttable td{padding: 0px; margin: 0px; border: none; height: 24px}
.unterkunftdetails tr{padding: 10px 0}
.unterkunfttable td.left {width:35%}
.unterkunfttable td.right{width:65%; text-align:right}
.btn-unterkunft{display:flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap}
.btn-unterkunft a{color:#fff}
.virtuelletour{width:50%; margin-right:5px}
.onlinbuchen{width:50%;margin-left:5px; cursor: pointer}
.row-unterkunft .fewobtn{color:#fff; width: 100%; height: 36px; background-color: #666; color: #fff; border: none; font-size: 14px; font-weight: 600; cursor: pointer; padding:5px }

.kennenlernpreis {}

.virtuelletour, .onlinbuchen,  .onlinbuchen .fewobtn {font-size:14px;padding: 5px;color:#fff;text-align:center;background-color:#666666}

.ditty-item .fewobtn {background: none;border: none;padding: 0; font-weight: 700;color: #ffffff;text-decoration: none; cursor: pointer; font-size: inherit}


.old-price {text-decoration: line-through; color: #888888;margin-right: 0.3em; font-size:80%}
.new-price {font-weight: bold;}


.kennenlernpreis .et_pb_gallery:before {
    content: "❄️ WINTERSPECIAL";
    background-color: #343333;
    color: #f0ebe1;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    padding: 5px 10px;
    z-index: 10;
    font-size: .8rem;
    letter-spacing: 1.5px;
    display: inline-block;
}



/* Instagram */
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a{border-radius:0!important}

/* Navigation im Footer */
.navzeilefooter{}

/*Ruppiner Seenland Bulletpoint*/
#seenland ul {padding-bottom: 0}

/* Acessibility */
@media (max-width: 768px) {#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{font-size: 18px;padding:5px}}


p:not(.has-background):last-of-type {padding-bottom: 1em}