@charset "UTF-8";
.wp-site-blocks > header {
  z-index: 20;
}
.wp-site-blocks > header > div:first-child {
  background-color: rgba(255, 255, 255, 0.568627451) !important;
}
.wp-site-blocks > header > div:first-child nav {
  /*Navigation*/
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li a {
  font-weight: 600;
  top: 2px;
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li a:after {
  display: block;
  content: "";
  border-bottom: 2px solid;
  border-color: var(--mbfse--menu-item-color-hover);
  transform: scaleX(0);
  transform-origin: 0% 0%;
  width: 100%;
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li a:hover:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li {
  /*HoverColors*/
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li:nth-child(5) a:after, .wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li:nth-child(1) a:after {
  border-color: var(--wp--preset--color--primary);
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li:hover:nth-child(5) a, .wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li:hover:nth-child(1) a {
  color: var(--wp--preset--color--primary);
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li:nth-child(2) a:after {
  border-color: var(--wp--preset--color--contrast);
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li:hover:nth-child(2) a {
  color: var(--wp--preset--color--contrast);
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li:nth-child(4) a:after {
  border-color: #B2B2B2;
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li:hover:nth-child(4) a {
  color: #B2B2B2;
}
.wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li .wp-block-navigation__submenu-container {
  background-color: rgb(255, 255, 255) !important;
}
@media (max-width: 768px) {
  .wp-site-blocks > header > div:first-child nav .wp-block-navigation__container li .wp-block-navigation__submenu-container {
    background-color: rgba(0, 159, 167, 0.3098039216) !important;
  }
}
.wp-site-blocks > header > div:first-child nav .is-menu-open {
  background-color: var(--wp--preset--color--tertiary);
}
.wp-site-blocks > header > div:first-child nav .is-menu-open li {
  border-bottom: 1px solid var(--wp--preset--color--primary);
  width: 100%;
  justify-content: center;
}
.wp-site-blocks > header > div:first-child .wp-block-navigation__responsive-container-close {
  top: 20px;
}
.wp-site-blocks > header > div:nth-child(2) {
  position: fixed;
  right: 0;
}

.fse-transparent-header.fse-color-header header > div:first-child {
  background-color: rgba(255, 255, 255, 0.831372549) !important;
}

.termin-vereinbaren-button {
  padding-top: 34px;
}

.piwo-termin-vereinbaren {
  display: none;
  background: rgba(255, 255, 255, 0.9294117647);
  backdrop-filter: blur(12px);
  position: fixed;
  height: 100vh;
  width: calc(100vw - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right));
  top: 0;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div {
  background: #fff;
  width: 720px;
  border-radius: var(--mbfse--border-radius-kacheln);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1607843137);
  /*Close*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div > .wp-block-buttons {
  right: 13px;
  position: absolute;
  top: 6px;
  z-index: 1;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div > .wp-block-buttons .termin-vereinbaren-close .wp-block-button__link {
  background-color: transparent;
  font-size: 0;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div > .wp-block-buttons .termin-vereinbaren-close .wp-block-button__link::after {
  content: "\f659";
  font-family: "bootstrap-icons";
  font-size: 22px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div {
  /*Header*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div > p.termine-vereinbaren-header {
  padding: 14px 55px 14px 22px;
  border-radius: var(--mbfse--border-radius-kacheln) var(--mbfse--border-radius-kacheln) 0 0;
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  font-weight: 600;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div > p:not(.termine-vereinbaren-header) {
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div {
  /*FormWrap*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form {
  padding: 22px;
  max-width: 400px;
  margin: 0;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form > p,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form .fform {
  padding: 0;
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div {
  /*Ausblenden*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div > button,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div > div:not(:first-child) {
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div {
  /*Service + Kalender + Uhrzeit*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > label {
  display: block;
  padding-bottom: 20px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div {
  /*Verstecken*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .usedSlots,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar br,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar span {
  display: none !important;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div {
  /*Ausblenden*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .termin-wahl-btn,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendar {
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div {
  /*Dienstauswahl*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select {
  width: 100%;
  height: auto;
  border: none;
  overflow: hidden;
  display: flex;
  justify-content: center;
  min-height: 400px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select option {
  border: none;
  margin-bottom: 80px;
  padding: 25px 0;
  color: var(--wp--preset--color--secondary);
  background-color: var(--piwo-hellblau);
  border-radius: 55px;
  text-align: left;
  padding-left: 45%;
  font-weight: 600;
  display: block;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select option:before {
  content: "";
  background-color: #fff;
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  border-radius: 55%;
  left: 15px;
  top: 22px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select option:checked:before {
  background-color: var(--wp--preset--gradient--primary-tertiary);
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select option:after {
  content: "\f341";
  font-family: "bootstrap-icons";
  font-size: 22px;
  position: absolute;
  top: 22px;
  left: 33%;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select option:nth-child(2):after {
  content: "\f343";
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select option:nth-child(3):after {
  content: "\f341";
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select option:hover {
  background-color: var(--wp--preset--color--primary);
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .fieldCalendarService select option:first-child {
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div {
  /*KalenderWrap*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker {
  box-shadow: none;
  max-width: 100%;
  /*Header*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-header {
  background: transparent;
  display: flex;
  color: var(--wp--preset--color--contrast);
  text-shadow: none;
  padding: 0 15px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  order: -1;
  flex: 1;
  text-align: left;
  font-size: var(--wp--preset--font-size--small);
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker {
  /*Kalender*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar thead th,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar tbody td {
  border: none;
  width: 49px;
  height: 49px;
  background: white;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar thead th a,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar tbody td a {
  color: var(--wp--preset--color--contrast);
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar thead span {
  color: var(--wp--preset--color--quaternary);
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar thead span::first-letter {
  font-size: var(--wp--preset--font-size--small);
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: none;
  box-shadow: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 55%;
  font-weight: 400;
  font-size: var(--wp--preset--font-size--small);
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: var(--wp--preset--color--contrast);
  color: #fff;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
  color: #B2B2B2;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div {
  /*Uhrzeit auswahl*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar .slots {
  border: none;
  box-shadow: none;
  padding: 0;
  padding-bottom: 20px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar .slots .availableslot {
  border: none;
  padding: 0;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar .slots .availableslot > a {
  border-radius: 55px;
  font-size: 12px;
  padding: 0;
  background: transparent;
  border: 1px solid;
  border-radius: 55px;
  padding: 5px 38px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar .slots .availableslot > a:hover {
  background: var(--wp--preset--color--secondary);
  color: white;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar .slots .availableslot.currentSelection > a {
  background: var(--wp--preset--color--secondary);
  color: white;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-0 > div .slotsCalendar .slots .htmlUsed {
  display: none !important;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div {
  /*UserInfo-Inputs*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-2 textarea,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-2 input:not(#fieldname7_1) {
  width: 100% !important;
  border-radius: 8px;
  border: 1px solid #B2B2B2;
  padding: 15px;
  color: var(--wp--preset--color--contrast);
  margin-bottom: 5px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-2 textarea.empty-input,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-2 input:not(#fieldname7_1).empty-input {
  border-color: red;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-2 textarea {
  margin-bottom: 20px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div {
  /*Übersicht*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 {
  margin-bottom: 20px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #fieldname12_1 #field_1-8,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #fieldname12_1 #field_1-9 {
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 {
  border: 1px solid #B2B2B2;
  border-radius: 8px;
  padding: 15px 0;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 > * {
  padding-left: 40px;
  padding-right: 40px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 .cff-summary-item .cancel,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 .cff-summary-item .ahb_list_quantity,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 .cff-summary-item .summary-field-title {
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 h2 {
  font-size: var(--wp--preset--font-size--small);
  margin-bottom: 5px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 #fieldname16_1 {
  display: block;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 #fieldname16_1 div:before {
  content: "\f4da";
  font-family: "bootstrap-icons";
  display: inline-block;
  position: relative;
  margin-right: 10px;
  font-size: 22px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 #fieldname16_1 div:nth-child(1) .cff-summary-item .summary-field-value .ahb_list_service {
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 #fieldname16_1 div:nth-child(2) {
  border: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 #fieldname16_1 div:nth-child(2) > div:before {
  content: "\f84b";
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 #fieldname16_1 div:nth-child(2) .cff-summary-item:first-child {
  flex-basis: 80%;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form #fieldlist_1 > div #field_1-7 #field_1-11 #fieldname16_1 div:nth-child(2) .cff-summary-item:last-child {
  margin-left: 32px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form .pbSubmit,
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form input[type=button] {
  padding: 8px 20px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form {
  /*Zusatzinfo zum GooglTermin der mit JS selectiert wird*/
}
.piwo-termin-vereinbaren .piwo-termin-vereinbaren-box > div form .hide-secret-service {
  display: none;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbart {
  display: none;
  min-height: 300px;
}
.piwo-termin-vereinbaren .piwo-termin-vereinbart .wp-block-buttons {
  position: absolute;
  width: 100%;
  bottom: 30px;
}
@supports (-webkit-appearance: none) {
  .piwo-termin-vereinbaren .fieldCalendarService select option {
    padding-top: 30px;
  }
}/*# sourceMappingURL=header.css.map */