/*
Theme Name: OceanWP Child
Template: oceanwp
Version: 1.0
Author: Lukas Zumbrock
*/

/* =========================================================
   GOTHAM WEBSCHRIFTEN
   ========================================================= */

/* Gotham Book – normaler Fließtext */
@font-face {
    font-family: "Gotham";
    src: url("/wp-content/uploads/fonts/gotham-book.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Gotham Medium */
@font-face {
    font-family: "Gotham";
    src: url("/wp-content/uploads/fonts/gotham-medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Gotham Bold */
@font-face {
    font-family: "Gotham";
    src: url("/wp-content/uploads/fonts/gotham-bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Gotham Black */
@font-face {
    font-family: "Gotham";
    src: url("/wp-content/uploads/fonts/gotham-black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   GRUNDEINSTELLUNGEN
   ========================================================= */

html,
body {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

body {
    font-style: normal;
}


/* =========================================================
   FLIESSTEXT
   ========================================================= */

p,
li,
blockquote,
figcaption,
label,
table,
th,
td {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 400;
}


/* =========================================================
   ÜBERSCHRIFTEN
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-style: normal;
}

h1 {
    font-weight: 900;
}

h2,
h3 {
    font-weight: 700;
}

h4,
h5,
h6 {
    font-weight: 500;
}


/* =========================================================
   LINKS UND NAVIGATION
   ========================================================= */

a {
    font-family: inherit;
}

#site-navigation-wrap .dropdown-menu > li > a,
.oceanwp-mobile-menu-icon a,
.sidr-class-dropdown-menu li a,
.sidr-class-menu-item a {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 500;
}


/* =========================================================
   BUTTONS
   ========================================================= */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.elementor-button,
.elementor-button-text {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 500;
}


/* =========================================================
   FORMULARE
   ========================================================= */

input,
textarea,
select,
option {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

input::placeholder,
textarea::placeholder {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 400;
}


/* =========================================================
   ELEMENTOR
   ========================================================= */

.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.elementor-widget-heading .elementor-heading-title {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
}

.elementor-widget-button .elementor-button {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.elementor-widget-icon-list .elementor-icon-list-text {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.elementor-widget-form input,
.elementor-widget-form textarea,
.elementor-widget-form select,
.elementor-field-label {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
}


/* =========================================================
   FETT UND HERVORHEBUNGEN
   ========================================================= */

strong,
b {
    font-family: "Gotham", Arial, Helvetica, sans-serif;
    font-weight: 700;
}


/* =========================================================
   CSS-KLASSEN FÜR ELEMENTOR
   Eintrag unter: Erweitert → CSS-Klassen
   ========================================================= */

.gotham-book,
.gotham-book * {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

.gotham-medium,
.gotham-medium * {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;
}

.gotham-bold,
.gotham-bold * {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

.gotham-black,
.gotham-black * {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
}


/* =========================================================
   SPEZIELLE ELEMENTOR-KLASSEN
   ========================================================= */

/* Große Hero-Überschrift */
.hero-title,
.hero-title .elementor-heading-title {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
}

/* Hervorgehobene Unterüberschrift */
.subtitle,
.subtitle .elementor-heading-title {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;
}

/* Button mit Gotham Bold */
.button-bold,
.button-bold .elementor-button,
.button-bold .elementor-button-text {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}


/* Footer-Menü: Nur den Link "Karriere" gold färben */
footer nav a[href*="karriere"] {
    color: #E0C57B !important;
}


/* ==========================================
   Gravity Forms – Globales Styling
   ========================================== */

/* Feldtitel (Labels) ausblenden */
.gform_wrapper .gfield_label {
    display: none !important;
}

/* Eingabefelder, Textareas und Selects */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="search"],
.gform_wrapper textarea,
.gform_wrapper select {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    color: #1C1C1B !important;
    background: #F2F2F2 !important;
    border: 6px solid #F2F2F2 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 18px 18px !important;
    font-size: 18px !important;
}

/* Placeholder */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
    color: #b5b5b5 !important;
    opacity: 1; /* Wichtig für Firefox */
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
}

/* Fokus */
.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    outline: none;
    border: none;
    box-shadow: none;
    background: #F2F2F2;
}

/* Dropdown-Pfeil (optional modernes Aussehen) */
.gform_wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Abstand zwischen den Feldern verringern */
.gform_wrapper .gfield {
    margin-bottom: -25px !important;
}

/* Gesamtes Gravity-Formular */
.gform_wrapper,
.gform_wrapper *,
.gform_wrapper label,
.gform_wrapper legend,
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper button {
    font-family: "Gotham", sans-serif !important;
	font-size: 18px !important;
}

/* "Erforderlich" ausblenden */
.gform_wrapper .gfield_required_text {
    display: none !important;
}

/* Gravity Forms Button */
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] {
    background-color: #0D2A49 !important;
    color: #FFFFFF;
    border: 5px solid #0D2A49 !important;
	border-radius: 60px !important;
    padding: 16px 32px;
    font-family: "Gotham", sans-serif;
    font-size: 16px !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Button Hover */
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover {
    background-color: #6F88A8 !important;
	border: 5px solid #6F88A8 !important;
	
}

/* Mehr Abstand zwischen letztem Feld und Senden-Button */
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
    padding-top: 60px !important;
    margin-top: 0 !important;
}


/* Größe des Lade-Spinners */
.gform_wrapper .gform-loader {
    width: 20px !important;
    height: 20px !important;
}

.gform_wrapper .gform-loader svg {
    width: 20px !important;
    height: 20px !important;
	color: #6F88A8 !important;
}


/* ==========================================
   COOKIE RICHTLINIE
   ========================================== */

/* Klasse: cookie */

.cookie {
    font-family: "Gotham", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #1C1C1B !important; 
    
}

/* Überschriften */
.cookie h1,
.cookie h2 {
    font-family: "Gotham", Arial, sans-serif !important;
	font-weight: 900 !important;
    font-size: 25px !important;
    color: #0D2A49 !important; /
}

/* Unterüberschriften */

.cookie h3,
.cookie h4,
.cookie h5,
.cookie h6 {
    font-family: "Gotham", Arial, sans-serif !important;
	font-weight: 700 !important;
    font-size: 14px !important;
    color: #1C1C1B !important; /
}

/* Links */
.cookie a {
    color: #6F88A8 !important; 
	text-decoration: none !important;
}

.cookie a:hover {
    color: #0D2A49 !important;
	text-decoration: none !important;
}

/* Mobile Ansicht */
@media (max-width: 768px) {
    .cookie {
        font-size: 14px !important;
    }

    .cookie h1,
    .cookie h2 {
        font-size: 16px !important;
		
	}
	
/* ==========================================
   CHOVER ANIMATIONEN
   ========================================== */
	
.hover-lift {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.hover-lift:hover {
  transform: translateY(-10px);
}