/*
Theme Name: Gastroenterologie Lippe – Dr. Zschaler
Theme URI: https://praxis-zschaler.de
Author: Agentur Herzstück GmbH
Author URI: https://www.agentur-herzstueck.de
Description: Eigenständiges Block-Theme mit Full-Site-Editing Features, handgemacht für Praxis Dr. Zschaler
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.5
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zsch
*/

/* Fonts & Styles */
@import url("./assets/styles/fonts.css");
@import url("./assets/styles/override-blocks.css");
@import url("./assets/styles/typo.css");
@import url("./assets/styles/navigation.css");

/* Farbvariablen */
:root {
 --orange: #f0914b;
 --blue: #174078;
 --dark-blue: #10245a;
 --light-blue: #5175a9;
 --light-orange: #fcfaf7;
 --dark: #3e3e3e;
 --white: #fff;
 --black: #000;

 --color-primary: var(--blue);
 --color-primary-dark: var(--dark-blue);
 --color-primary-light: var(--light-blue);
 --color-secondary: var(--orange);
 --color-background: var(--light-orange);
 --color-font: var(--dark);
}

/* Global Styles */
html {
 scroll-behavior: smooth;
}

footer {
 font-size: 0.8rem;
}

footer nav ul li {
 color: var(--white);
 font-size: 0.8rem;
}

nav ul li {
 font-family: "Poppins";
 font-size: 1rem;
 font-weight: 500;
}

[id] {
 scroll-margin-top: 200px;
}

.blob {
 position: absolute;
 right: 0;
 top: -10%;
 z-index: -1;
}

.blob svg {
 width: 40vw;
 max-width: unset !important;
}

.custom-card {
 transition: 0.2s;
}
.custom-card:hover {
 transform: scale(1.025);
}

.online-terminvergabe {
 position: fixed;
 right: -115px;
 bottom: 50vh;
 transform: rotate(90deg);
 height: max-content;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0.9rem 2rem;
 background-color: var(--color-primary-dark);
 font-family: "Poppins";
 color: var(--white);
 border-radius: 0 0 15px 15px;
 transition: 0.2s;
 box-shadow: 3px 4px 16px rgba(0, 0, 0, 0.06);
 z-index: 100;
}

.online-terminvergabe:hover {
 background-color: var(--color-secondary);
 color: var(--color-primary);
}

.online-terminvergabe a {
 text-decoration: none;
 font-size: 1rem;
}