/* ---------------------------------------------------- */
/* 1) SCHRIFTEN */
/* ---------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;500;600;700&display=swap');
@import url("https://use.typekit.net/cpc1soy.css");

/* Grundschrift */
body, h1, h2, h3, h4, h5, h6, p, a, li, div, span, label {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body, p, li, label {
    font-size: 16px !important;
}

h1 { font-size: 28px !important; }
h2 { font-size: 24px !important; }
h3 { font-size: 24px !important; }

/* Logo-Schrift */
div.company-name.company-logo-and-name h1 {
    font-family: 'Good Headline Pro Wide', sans-serif !important;
    font-size: 28px !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
}

/* ---------------------------------------------------- */
/* 2) NAVIGATION */
/* ---------------------------------------------------- */

nav *, .nav *, [class*="menu"] * {
    font-size: 22px !important;
}

.header-right *, header .right *, .top-right * {
    font-size: 24px !important;
}

/* ---------------------------------------------------- */
/* 3) BUTTONS */
/* ---------------------------------------------------- */

.btn.book.btn-with-icon.custom,
.btn.map.btn-with-image.custom {
    font-size: 24px !important;
    font-variant: small-caps !important;
    transition: transform 0.3s ease !important;
    width: 220px !important;
    padding: 8px 0 !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
}

/* Textgröße im Hero-Button (der sichtbare Text im <a>-Element) */
.btn.book.btn-with-icon.custom a,
.btn.map.btn-with-image.custom a {
    font-size: 26px !important;   /* <-- HIER kannst du die gewünschte Größe setzen */
    font-variant: small-caps !important;
    text-decoration: none !important;
    display: inline-block !important;
}

div.bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px !important;
    margin-top: 10px !important;
    margin-bottom: 40px !important;
}

.btn.book.btn-with-icon.custom:hover,
.btn.map.btn-with-image.custom:hover {
    opacity: 1 !important;
    transform: scale(1.05) !important;
}


/* ---------------------------------------------------- */
/* 4) HERO-BEREICH (nur Startseite sichtbar!) */
/* ---------------------------------------------------- */

div.inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 50vh !important;
    padding-top: 60px !important;
    padding-bottom: 20px !important;
    text-align: center !important;
}

div.company-name.company-logo-and-name {
    margin-bottom: 10px !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
}

/* ---------------------------------------------------- */
/* 5) RESPONSIVE */
/* ---------------------------------------------------- */

@media (max-width: 768px) {
    div.company-name.company-logo-and-name h1 {
        font-size: 28px !important;
        margin-bottom: -15px !important;
    }

    div.inner {
        margin-top: 80px !important;
        padding-top: 0 !important;
        min-height: 60vh !important;
    }
}

@media (max-width: 480px) {
    body, p, li, label {
        font-size: 14px !important;
    }
}

/* ---------------------------------------------------- */
/* 6) LOGO */
/* ---------------------------------------------------- */

@media (min-width: 769px) {
  .brand.company-logo-only {
      display: none !important;
  }
}

@media (max-width: 768px) {
  .brand.company-logo-only {
      display: block !important;
  }
}

/* ---------------------------------------------------- */
/* 7) SIMPLYBOOK DEFAULT SELECTORS */
/* ---------------------------------------------------- */

#events h3 {}
#events p.duration, #events div.duration {}
#events p.description, #events div.description {}
#events .selectedEvent {}
#events input.reserve_time_btn {}
#events input.select_another_btn {}
#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 {}
#eventForm #save_button {}
div.ui-widget-content {}
div.ui-widget-header {}
#timeline-container table.timeline {}
.timeline td.not_worked_time {}
.timeline td.free_time {}
.timeline td.selected_time {}
.timeline td.reserved_time {}
div#loading {}
#start_date-block-container .zend_form dt,
start_date-block-container .zend_form dt b,
start_date-block-container .zend_form dd label {}
``