/*
 Theme Name:   Twenty Twenty Two Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Stefan Zedlacher
 Author URI:   http://example.com
 Template:     twentytwentyfour
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentytwochild
*/

/* =========================
   1) Lokale @font-face Einbindungen
   ========================= */
/* --- Raleway (400/500/700) --- */
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Regular.woff2') format('woff2'),
       url('fonts/Raleway/Raleway-Regular.woff') format('woff'),
       url('fonts/Raleway/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Medium.woff2') format('woff2'),
       url('fonts/Raleway/Raleway-Medium.woff') format('woff'),
       url('fonts/Raleway/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Bold.woff2') format('woff2'),
       url('fonts/Raleway/Raleway-Bold.woff') format('woff'),
       url('fonts/Raleway/Raleway-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Optional: Alte Ubuntu-Einbindungen kannst du entfernen oder als Fallback belassen.
   (In deiner Vorlage waren Ubuntu-Varianten bereits eingebunden.)  :contentReference[oaicite:0]{index=0} */


/* =========================
   2) Typo-Setup über CSS-Variable
   ========================= */

/* Setze hier die gewünschte Primärschrift:
   -> 'Quicksand', 'Nunito' oder 'Raleway' */
:root {
  --brand-font: 'Raleway',  Arial, sans-serif;
  --brand-text-color: grey;
  --brand-link-color: black;
  --brand-link-hover: rgb(147,147,147);
}

/* =========================
   3) Globale Styles (aus Vorlage übernommen & angepasst)
   ========================= */

body {
  font-family: var(--brand-font) !important;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  color: var(--brand-text-color);
  font-display: swap;

  background-image: url("images/header.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--brand-font) !important;
} 


a { color: var(--brand-link-color); }
a:hover { color: var(--brand-link-hover) !important; }

.wp-block-site-title {
  font-family: var(--brand-font);
  font-weight: 100 !important;
  font-style: normal;
  font-size: 64px;
  color: white;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}
.wp-block-site-title > a { 
  text-decoration: none !important; 
  font-weight: 100 !important;
  font-style: normal;
  font-size: 64px;
}

.wp-block-navigation {
  font-family: var(--brand-font);
  font-weight: 700;
  font-style: normal;
  margin: 40px 0 0 0 !important;
  visibility: hidden;
}

.wp-site-blocks { margin: 40px 0 0 0; }
.wp-block-separator { border-bottom: 1px solid grey; }


.app-content {
  border: none;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  color: darkgrey;
  padding: 20px;
  border: 1px solid #05204f;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
  margin-top: 50px;
}

.search-bar_item { width: 100%; }

h1 { color: rgb(247,247,247) !important; }

.detail.card {
  margin-top: 10px !important;
}

.search-field-results_item {
  margin-top: 210px !important ;
  padding: 5px 45px 5px 5px !important ;
}
/* =========================
   4) Utility-Klassen zum schnellen Testen
   ========================= */
.font-quicksand { font-family: 'Quicksand', Arial, sans-serif !important; }
.font-nunito   { font-family: 'Nunito', Arial, sans-serif !important; }
.font-raleway  { font-family: 'Raleway', Arial, sans-serif !important; }