/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/**
* @license
*
* Font Family: Sora
* Designed by: Jonathan Barnbrook, Julián Moncada
* URL: https://www.fontshare.com/fonts/sora
* © 2025 Indian Type Foundry

*
*/
/* Thin 100 */
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-Thin.woff2') format('woff2'),
       url('fonts/sora/Sora-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-ThinItalic.woff2') format('woff2'),
       url('fonts/sora/Sora-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* ExtraLight 200 */
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-ExtraLight.woff2') format('woff2'),
       url('fonts/sora/Sora-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-ExtraLightItalic.woff2') format('woff2'),
       url('fonts/sora/Sora-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light 300 */
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-Light.woff2') format('woff2'),
       url('fonts/sora/Sora-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-LightItalic.woff2') format('woff2'),
       url('fonts/sora/Sora-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular 400 */
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-Regular.woff2') format('woff2'),
       url('fonts/sora/Sora-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-Italic.woff2') format('woff2'),
       url('fonts/sora/Sora-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium 500 */
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-Medium.woff2') format('woff2'),
       url('fonts/sora/Sora-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-MediumItalic.woff2') format('woff2'),
       url('fonts/sora/Sora-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* SemiBold 600 */
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-SemiBold.woff2') format('woff2'),
       url('fonts/sora/Sora-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-SemiBoldItalic.woff2') format('woff2'),
       url('fonts/sora/Sora-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Bold 700 */
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-Bold.woff2') format('woff2'),
       url('fonts/sora/Sora-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-BoldItalic.woff2') format('woff2'),
       url('fonts/sora/Sora-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ExtraBold 800 */
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-ExtraBold.woff2') format('woff2'),
       url('fonts/sora/Sora-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora-ExtraBoldItalic.woff2') format('woff2'),
       url('fonts/sora/Sora-ExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}


/* ===== AUSKOMMENTIERT =====
 * ===== ENDE AUSKOMMENTIERT ===== */


h1, h2, h3 {
  font-family: 'Sora', sans-serif !important;
  font-weight: 800;
  font-style: normal;
}
h4 {
  font-family: 'Sora', sans-serif !important;
  font-weight: 700;
  font-style: normal;
}
h5 {
  font-family: 'Sora', sans-serif !important;
  font-weight: 600;
  font-style: normal;
}
h6 {
  font-family: 'Sora', sans-serif !important;
  font-weight: 300;
  font-style: normal;
}
body, p, span, li, input, textarea, select, a {
  font-family: 'Sora', sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
.elementor-button,
.elementor-button-text,
button {
  font-family: 'Sora', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal;
}
nav a {
  font-family: 'Sora', sans-serif !important;
  font-weight: 500 !important;
}


/* sticky header for transparent header version */
.main-header-bar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
}
.site-content {
  margin-top: 100px; /* Headerhöhe */
}
@media screen and (min-width: 783px) {
  body.admin-bar .main-header-bar {
    top: 32px;
  }
}


.hss-text-wrap {
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
  lang: de;
}


.funktionserlaeuterung ul li {
  margin-bottom: 1em;
}
.referenzblock div {
  margin-bottom: 0.6em;
  line-height: 1.6;
}


.kipp-strich {
  display: inline-block;
  transform: rotate(18deg);
  transform-origin: bottom center;
  margin: 0 30px 0 16px; /* oben | rechts | unten | links */
}
.kipp-strich-mobil {
  display: inline-block;
  transform: rotate(18deg);
  transform-origin: bottom center;
  margin: 0 16px 0 6px; /* oben | rechts | unten | links */
}


.wpforms-form .wpforms-field-label {
    font-family: 'Sora', sans-serif !important;
	font-weight: 500 !important;
	font-style: normal;
	color: #151313 !important;
}
.wpforms-form .wpforms-submit {
  background-color: #0a2342 !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  padding: 16px 28px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  height: auto !important;
  margin-top: 32px; /* Abstand zum Element darüber */
}