/*
Theme Name: Design
Theme URI: 
Author: marketing teamwork
Author URI: https://www.marketing-teamwork.de
Description: Wordpress-Theme
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */


/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url('fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

* {outline:none}
body {margin:0; padding:0;font-family: 'Lato', sans-serif;font-weight: 400; font-size:16px;line-height:1.5; background:url(/wp-content/uploads/bg.jpg) no-repeat top center; background-size:100%; color:#523A4D}



h1 {font-size:40px}
h2 {font-size:30px}
h3 {font-size:22px}
h4 {font-size:18px}


@media (max-width: 1024px) {
body {font-size:15px;}
h1 {font-size:30px}
h2 {font-size:24px}
h3 {font-size:20px}
}

@media (max-width: 768px) {
body {font-size:14px;}
h1 {font-size:22px}
h2 {font-size:18px}
h3 {font-size:16px}
}


a, a:visited, a:focus,a:active {color:#9C7593; text-decoration:none}
a:hover {color:inherit}

p {margin-top:0}
strong {font-weight:600}
::placeholder {opacity: 1!Important; font-family: 'Lato', sans-serif!important}

input:focus, textarea:focus {box-shadow:none!important; border-bottom:1px solid rgba(255,255,255,1.0)!important}

input:required {box-shadow:none}

.rechtliches h2 {color:#523A4D; margin-bottom:0; font-weight:400}
.rechtliches h3 { margin-bottom:0;font-weight:400}
.rechtliches h4 { margin-bottom:0;font-weight:700}
.rechtliches h3 + p,.rechtliches h2 + p, .rechtliches h4 + p  { margin-top:0}


.icons {width:100px!important;}
.icons .elementor-icon-list-item {}
.icons .elementor-icon-list-item:hover {}


.about img {width:250px; height:auto; float:left; margin-right:45px; }
.about .button {margin-top:40px;}
.about .button a {border:1px solid #fff; padding:15px 22px; transition: all 0.5s ease; color:#20304A; background:#fff}
.about .button a:before {content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right: 15px;}
.about .button a:hover {border:1px solid #fff; background:transparent; color:#fff }



.isStuck {background:#fff!important; border-bottom:1px solid #ebebeb}

.bottom em {font-style:normal; padding:0 5px}
.h3 {text-transform:uppercase; font-weight:400}

#kontakt .elementor-message-success {color:#fff!important}

.auszeitkarte button:hover {cursor:pointer}
.auszeitkarte .elementor-message {color:#fff}


.page-id-1714 .termin .elementor-button-wrapper {display:none!important}
.page-id-1714 .head .logo {order:3}
.page-id-1714 .head .termin {order:1}
.page-id-1714 .head .menu {order:2}

.page-id-1714  select option {color:#000!important}

.page-id-2084 .post-password-form {width:1000px; margin:auto; max-width:100%; padding:5% 0}
.page-id-2084 .post-password-form p {padding:0 20px}
.page-id-2084 .post-password-form input[type="password"] {border-radius:0; background:#fff; border:1px solid #cfb8ce; padding:5px}
.page-id-2084 .post-password-form input[type="password"]:focus {border:1px solid #9c7593!important}

.page-id-2084 .post-password-form input[type="submit"] {border-radius:0; background:#cfb8ce; border:1px solid #cfb8ce; padding:5px; color:#fff!important}
.page-id-2084 .post-password-form input[type="submit"]:hover, .page-id-2084 .post-password-form input[type="submit"]:focus {border:1px solid #9c7593!important; background:#9c7593}

.f12-captcha div {display:inline-block}

.f12-captcha div.c-header {width:200px;}
.f12-captcha div.c-header .c-data {color:#fff}
.f12-captcha div input {border-radius: 0; height: 35px; border: 1px solid #ebebeb; padding: 5px;}


.buchung input, .buchung button, .buchung select, .buchung textarea {border-radius:0; background:#fff; border:1px solid #cfb8ce; padding:5px}
.buchung input, .buchung button {min-height:30px}
.buchung input:focus, .buchung textarea:focus {background:#fff; border:1px solid #9c7593!important}
.buchung textarea {width:100%; height:150px}
.buchung .flatpickr-day {background:#fff; border:#fff}
.buchung .flatpickr-day.selected,.buchung .flatpickr-day.selected:hover {background:#cfb8ce; border:#cfb8ce}

.buchung .mpa-time-period-selected {background:#cfb8ce}
.buchung .mpa-checkout-section.mpa-order-details,
.buchung .mpa-booking-step.mpa-booking-step-cart .cell.cell-price,
.buchung .mpa-booking-step.mpa-booking-step-cart .mpa-cart-total,
.buchung .mpa-booking-step.mpa-booking-step-checkout .mpa-required-tip,
.buchung .mpa-checkout-section.mpa-customer-details label,
.buchung .mpa-checkout-section.mpa-customer-details br,
.account .booking-info .booking-total-price, .account .booking-info .booking-total-paid {display:none!important}

.buchung .mpa-checkout-section.mpa-customer-details .mpa-customer-create-account-wrapper label {display:inherit!important}
.buchung .mpa-checkout-section.mpa-customer-details .mpa-customer-create-account-wrapper input.mpa-customer-create-account {min-height:0}

.buchung ::placeholder {opacity: 0.5!Important; font-family: 'Lato', sans-serif!important; font-size:16px}

.buchung abbr {text-decoration:none}

.buchung .mpa-booking-step-period .mpa-time-wrapper .mpa-three-columns .mpa-time-period {min-width:50px}

.account input, .account  button {border-radius:0; background:#fff; border:1px solid #cfb8ce; padding:5px}

.account table.mpa-account-bookings {width:100%}
.account table.mpa-account-bookings th {text-align:left}
.account table.mpa-account-bookings th:nth-child(4),
.account table.mpa-account-bookings td:nth-child(4),
.account table.mpa-account-bookings th:nth-child(5),
.account table.mpa-account-bookings td:nth-child(5){display:none}

.account #loginform label {display:block}

.elementor-nav-menu li.logout {display:none!important} 
.logged-in .elementor-nav-menu li.logout {display:inherit!important}




@media (min-width: 1025px) {
.icons {width:62px!important;}
.icons .elementor-icon-list-item {width:42px!important; background:#CFB8CE;transition: all 0.5s ease; margin-left:20px!important; padding:7px!important}
.icons .elementor-icon-list-item:hover {width:55px!important; background:#CFB8CE; margin-left:7px!important;}
.icons .elementor-icon-list-item:after {border:none!important}
.icons .elementor-icon-list-icon i {color:#fff!important}
}


@media (min-width: 768px) {
.elementor-nav-menu li.hinweis {display:none!important}

}

@media (max-width: 1024px) {
.elementor-nav-menu__align-left .elementor-nav-menu {margin-left: auto;}
}

@media (max-width: 767px) {
.icons .elementor-icon-list-item:after {border:none!important}
.icons {width:85px!important;}
#responsive-menu-pro-container {margin-top: 50px!important}
#responsive-menu-pro-container li.responsive-menu-pro-item {border-bottom: 1px solid #ebebeb;}
.buchung ::placeholder {font-size:14px}

#responsive-menu-pro li.logout {display:none!important} 
.logged-in #responsive-menu-pro li.logout {display:inherit!important}





}

@media (max-width: 500px) {
.about img {width:100%; height:auto; float:none; margin-right:0px; margin-bottom:20px }
.bottom span {display:block}
.bottom em {display:none}
}



/* Header
-------------------------------------------------------------- */
@media (min-width: 1025px) {
.head .logo {width:200px!important}
.head .menu {width: calc(100% - 400px)!important}
.head .termin {width:200px!Important}
}


@media (min-width: 768px) and (max-width: 1024px) {
.head .menu {width: calc(100% - 150px)!important}
.head .termin {width:150px!Important}
.head .menu .elementor-nav-menu__align-center .elementor-nav-menu {margin-left: 0!important}
}

@media (max-width: 767px) {
.head .termin {display:none}
.head .logo {width: calc(100% - 40px)!important}
.head .logo img {position:fixed; top:7px; left:20px}
.head .menu {width: 40px!important}
.head .menu .elementor-menu-toggle {position:fixed; top:13px; right:20px}

.elementor-menu-toggle {outline:none}
.elementor-menu-toggle {background:url(https://www.mariekaiser.de/wp-content/uploads/menu-close.png) no-repeat}
.elementor-menu-toggle.elementor-active {background:url(https://www.mariekaiser.de/wp-content/uploads/menu-open.png) no-repeat}
}



/* To Top
-------------------------------------------------------------- */

.js-to-top { display: inline-block; position: fixed; overflow: hidden;  white-space: nowrap; visibility: hidden; opacity: 0; bottom: 100px; right: 20px; z-index:40}
.to-top--show {visibility: visible; opacity: 1;}

.to-top:before {font-family: "Font Awesome 5 Free";content: "\f106"; font-size: 30px; color: #9C7593;  background: transparent;  padding: 10px;transition: 0.5s ease;}
.to-top:hover:before {background: #9C7593; color:#fff }


@media (max-width: 1024px) {
.to-top  {display:none!Important}
}