/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

/* Schriftart Hind Vadodara einbinden */
@import url('https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@400;500;600;700&display=swap');

/* Auf alle typischen Textelemente anwenden */
body, h1, h2, h3, h4, h5, h6, p, a, li, div, span, label, input, button {
    font-family: 'Hind Vadodara', sans-serif !important;
}

/* Grundgröße für den Fließtext erhöhen */
body, p, li, label, input, button {
    font-size: 16px !important;
}

/* Überschriften optional etwas größer skalieren */
h1 {
    font-size: 28px !important;
}
h2 {
    font-size: 24px !important;
}
h3 {
    font-size: 24px !important;
}

/* Alle Navigation-Elemente */
nav *, .nav *, [class*="menu"] * {
    font-size: 18px !important;
}

/* Spezifisch für oberen rechten Bereich */
.header-right *, header .right *, .top-right * {
    font-size: 24px !important;
}

/* Beide Buttons gleichzeitig - Kapitälchen */
.btn.book.btn-with-icon.custom,
.btn.map.btn-with-image.custom {
    font-size: 20px !important;
    font-variant: small-caps !important;
}

.btn.book.btn-with-icon.custom a,
.btn.map.btn-with-image.custom a {
    font-size: 20px !important;
    font-variant: small-caps !important;
}

/* Beide Buttons gleichzeitig - Kapitälchen + neuer Hover-Effekt */
.btn.book.btn-with-icon.custom,
.btn.map.btn-with-image.custom {
    font-size: 20px !important;
    font-variant: small-caps !important;
    transition: transform 0.3s ease !important;
}

.btn.book.btn-with-icon.custom a,
.btn.map.btn-with-image.custom a {
    font-size: 20px !important;
    font-variant: small-caps !important;
}

/* Mehr Abstand zwischen den Buttons */
.btn.book.btn-with-icon.custom,
.btn.map.btn-with-image.custom {
    font-size: 18px !important;
    font-variant: small-caps !important;
    transition: transform 0.3s ease !important;
    margin: 0 15px !important; /* 15px Abstand links und rechts */
}

/* Rest bleibt gleich */
.btn.book.btn-with-icon.custom a,
.btn.map.btn-with-image.custom a {
    font-size: 20px !important;
    font-variant: small-caps !important;
}

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

.btn.book.btn-with-icon.custom:hover a,
.btn.map.btn-with-image.custom:hover a {
    opacity: 1 !important;
}

/* Den gesamten Inner-Container nach oben verschieben */
div.inner {
    transform: translateY(-50%) !important;
    position: relative !important;
    z-index: 15 !important;
}

/* Alternative: Falls das nicht funktioniert, beide separat mit gleichem Abstand */
div.company-name.company-logo-and-name {
    transform: translateY(-50%) !important;
    position: relative !important;
    z-index: 15 !important;
}

div.bar {
    transform: translateY(-50%) !important;
    position: relative !important;
    z-index: 15 !important;
    margin-top: 20px !important; /* Abstand zwischen Titel und Buttons wiederherstellen */
}

/* Sicherstellen, dass das Hintergrundbild NICHT verschoben wird */
section#main-buttons {
    transform: none !important;
}

/* Text-Schatten für bessere Lesbarkeit */
div.company-name.company-logo-and-name {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
}

/* Buttons sollen beim Hover NICHT nach unten springen */
div.bar .btn:hover {
    transform: none !important;
    transition: opacity 0.3s ease !important;
}