/*
 Theme Name:   TechStance
 Theme URI:    https://techstance.de
 Description:  Child Theme von Divi für die Website techstance.de
 Author:       GermanZero e.V.
 Author URI:   https://techstance.de
 Template:     Divi
 Version:      1.0.0
 Text Domain:  ts
*/

@import url("../Divi/style.css");

:root{
  --primary-color: #003a7b;
  --secondary-color: #ff4b00;
  --tertiary-color: #ffce00;
  --additional-color: #1b72c1;
  --fcal_primary_color: #295a67 !important;
}

/* ===== Fonts einbinden ===== */

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ===== Fonts anwenden ===== */

body {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
}

/* Formularelemente erben die Schrift nicht automatisch */
button, input, select, textarea {
  font-family: inherit;
}

/* CONTENT WIDTH ON MOBILE */
@media only screen and (max-width: 980px) {

  #top-header>.container,
  #main-header>.container,
  #et_search_outer>.container,
  body.single #main-content>.container,
  body.home #main-content>.container,
  body.page:not(.et-tb-has-template) div.et_pb_row,
  body.page.et-tb-has-template .et-l--post div.et_pb_row,
  body.single-project div.et_pb_row,
  body.single-project div.et_pb_row.et_pb_row_fullwidth,
  .et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_row {
    width: 90% !important;
  }
}

/* MAIN HEADER ADJUSTMENTS */


#top-header {
  max-height: 30px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

#top-header.et-fixed-header {
  max-height: 0;
}

#main-header {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: none;
  margin-top: 0;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: background 0.3s ease, box-shadow 0.3s ease, margin-top 0.3s ease !important;
}

/* Optional: beim Scrollen etwas stärker einfärben */
#main-header.et-fixed-header {
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.12);
  margin-top: -30px;
}