/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://mutig.design/
Description: Child Theme für Twenty Twenty-Five (Block Theme)
Author: Dejan Pantic
Author URI: https://mutig.design/
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

/* Optional: klassisches CSS, das zusätzlich zu theme.json greift */
:root {
  --brand: #0ea5e9;
}
.wp-site-blocks {
  scroll-behavior: smooth;
}

@font-face {
    font-family: The Seasons;
    src: url(/wp-content/themes/twentytwentyfive-child/fonts/theseasons-reg.otf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Allison Script;
    src: url(/wp-content/themes/twentytwentyfive-child/fonts/allison_script.otf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body {
  min-height: 100vh;
  background-color: #f20d59
}

body, p, li, td {
    letter-spacing: 0;
    margin-top: 0;
    font-family: Josefin Sans, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6;
}

a { color: #FFFFFF; }

.gform-theme-button,
.gform_button{
    color: #fff;
    background-color: #ffffff40;
    border: 0 solid #FFFFFF40;
    transition: outline .3s;
    padding: 1.15rem 2.25rem .9rem;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    appearance: none;
    border-radius: 99px;
    font-family: Josefin Sans, sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: background-color .25s ease-in-out, border-color .25s ease-in-out, color .25s ease-in-out, text-indent .5s ease-in-out;
    transition: outline .3s;
    display: inline-block;
}

.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 8px;
    padding: 0;
    color: #FFFFFF!important
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
    border: none;
    border-radius: 99px;
    padding: 1.15rem 2.25rem .9rem;
    font-family: Josefin Sans, sans-serif;
    font-size: 26px;
    font-weight: 600;
    outline: none;
}

.gform-theme-button:hover {
    outline: 5px solid #ffffff40;
    transition: outline .3s;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-full {
  border: 0;
}

.gfield_required,
.gform_validation_errors {
  display: none!important;
}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
  font-family: Josefin Sans, sans-serif;
    font-size: 26px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    text-align: left;
    margin-top: 20px;
}

/* Anker, auf den GF nach Submit fokussiert (#gf_1 etc.) */
.gform_wrapper .gform_anchor:focus,
.gform_wrapper .gform_anchor:focus-visible,
.gform_wrapper .gform_validation_errors:focus,
.gform_wrapper .gform_confirmation_message:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Manche Themes setzen zusätzlich eine Umrandung per border */
.gform_wrapper .gform_anchor:focus,
.gform_wrapper .gform_validation_errors:focus,
.gform_wrapper .gform_confirmation_message:focus {
  border-color: transparent !important;
}

/* iOS/Android Tap-Highlight (mobile „Streifen“) */
.gform_wrapper .gform_anchor {
  -webkit-tap-highlight-color: transparent;
}

.hero__button.btn--full {
    color: #f20d59;
    background-color: #fff;
    border-color: #fff;
    transition: outline .3s;
    padding: 1.15rem 2.25rem .9rem;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    appearance: none;
    border-radius: 99px;
    font-family: Josefin Sans, sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: background-color .25s ease-in-out, border-color .25s ease-in-out, color .25s ease-in-out, text-indent .5s ease-in-out;
    transition: outline .3s;
    display: inline-block;
}

.hero__button.btn--full:hover {
    outline: 5px solid #ffffff40;
    transition: outline .3s;
}

.hero__title h1 {
    color: #fee7ee;
    font-weight: 400;
    font-size: 88px;
    font-family: The Seasons, serif;
}

.hero__title h1 em {
    vertical-align: super;
    font-family: Allison Script, serif;
    line-height: 1;
}