/*
 Theme Name:   macbay digital Starter Theme
 Theme URI:    https://generatepress.com
 Description:  macbay digital starter theme (A GeneratePress child theme)
 Author:       Sascha Liem
 Author URI:   https://macbay.net
 Template:     generatepress
 Version:      0.3
*/


body {
	background-color: var(--base-3);
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
body.full-width-content {
/*    max-width: 1920px;*/
	max-width: 130rem;
    margin-left: auto;
    margin-right: auto;
/*    position: relative; */
}

/* Remove bottom margin from GB blocks */
.gb-container p:last-child:last-of-type {
	margin-bottom: 0px;
}

/* Site Wrapper to set overall site max width
.site-wrapper {
	width: 100%;
	max-width: 1920px;
	background-color: var(--contrast-2);
} */

/* Margin Auto */

.margin-auto{
	margin-left: auto;
	margin-right: auto;
}

:root {
	--grid-res: repeat(auto-fit, minmax(300px, 1fr));
	--grid-res-2: repeat(auto-fit, minmax(50%, 1fr));
    --space-4xs: clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);
    --space-3xs: clamp(0.41rem, calc(0.04vw + 0.4rem), 0.44rem);
    --space-2xs: clamp(0.51rem, calc(0.16vw + 0.48rem), 0.62rem);
    --space-xs: clamp(0.64rem, calc(0.35vw + 0.57rem), 0.88rem);
    --space-s: clamp(0.8rem, calc(0.65vw + 0.67rem), 1.24rem);
    --space-m: clamp(1rem, calc(1.11vw + 0.78rem), 1.75rem);
    --space-l: clamp(1.25rem, calc(1.81vw + 0.89rem), 2.47rem);
    --space-xl: clamp(1.56rem, calc(2.87vw + 0.99rem), 3.5rem);
    --space-2xl: clamp(1.95rem, calc(4.44vw + 1.07rem), 4.95rem);
    --space-3xl: clamp(2.44rem, calc(6.75vw + 1.09rem), 7rem);
    --space-4xl: clamp(4.21rem, calc(8.42vw + 2.52rem), 9.89rem);
	
    --text-xs: clamp(0.79rem, calc(-0.23vw + 0.84rem), 0.63rem);
    --text-s: clamp(0.89rem, calc(-0.07vw + 0.9rem), 0.84rem);
    --text-m: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);
    --text-l: clamp(1.13rem, calc(0.55vw + 1.01rem), 1.5rem);
    --text-xl: clamp(1.27rem, calc(1.09vw + 1.05rem), 2rem);
    --text-2xl: clamp(1.42rem, calc(1.84vw + 1.06rem), 2.66rem);
    --text-3xl: clamp(1.6rem, calc(2.89vw + 1.02rem), 3.55rem);
    --text-4xl: clamp(1.8rem, calc(4.34vw + 0.93rem), 4.74rem);
	
	--radius-xs: 0.25rem;
	--radius-s: 0.5rem;
	--radius-m: 0.75rem;
	--radius-l: 1rem;
	--radius-pill: 999rem;
	
	 --content-narrow: 900px;
}


/* Falls GenerateBlocks .gb-headline-xxxxxx nutzt */
h1 {
    font-size: var(--text-3xl);
    line-height: 1.1;
	font-weight:bold;
}

h2 {
    font-size: var(--text-2xl);
	font-weight:bold;
    line-height: 1.2;
}
h3 {
    font-size: var(--text-xl);
    line-height: 1.3;
}
h4 {
    font-size: var(--text-l);
    line-height: 1.3;
}
h5 {
    font-size: var(--text-m);
    line-height: 1.3;
}
h6 {
    font-size: var(--text-m);
    line-height: 1.4;
}

.button-radius { border-radius: var(--radius-s); }
.card-radius { border-radius: var(--radius-m); }
.outer-radius { border-radius: var(--radius-l) }
.gbp-section_inner--narrow  {
  width: min(100%, var(--content-narrow));
  margin-inline: auto;
}

/* ============================================================
   LINKS IM FLIEßTEXT
   Nur p a – kein globales Überschreiben nötig
   ============================================================ */

/* Grundstil: Unterstreichung nur im Paragraph */
p a {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: currentColor;
  transition:
    text-decoration-thickness 0.15s ease,
    text-underline-offset 0.15s ease,
    color 0.15s ease;
}

/* Hover-Effekt: Linie dicker + leicht versetzt = subtile Animation */
p a:hover {
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  color: var(--accent, inherit);
}

/* Barrierefreiheit: Fokus-Style für Tastaturnutzer */
p a:focus-visible {
  outline: 2px solid var(--accent, currentColor);
  outline-offset: 2px;
  border-radius: 2px;
  text-decoration: none; /* Outline ersetzt hier die Linie */
}


/* Fluent Forms Global (für Events siehe Elements) */
.ff-custom_html{
	font-size:12px !important;
	line-height:1.4 !important;
	font-style: italic;
}

/* ============================================================
   POST CONTENT READABILITY — niv-now.com
   Löst GB-Cache-Problem: Container-Breite + Schriftgröße
   ============================================================ */

/* Content-Container schmaler: 800px → 640px
   ~65 Zeichen/Zeile bei 17px — optimale Lesbarkeit */
.gb-element-d2a508f5 {
    max-width: 640px;
}

/* Fließtext im Post: größere Schrift + besserer Zeilenabstand */
.dynamic-entry-content p,
.dynamic-entry-content li {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 1.25rem;
}

/* H2 im Post: etwas kleiner, weniger dominant */
.dynamic-entry-content h2 {
    font-size: 1.75rem;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}

/* Nummierte List-Items */
.niv-list-item p {
    font-size: 17px;
    line-height: 1.75;
}

/* Kein Wort-Umbrechen — überschreibt body { hyphens: auto } */
.dynamic-entry-content p,
.dynamic-entry-content li,
.niv-list-item p {
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    word-break: normal;
}

/* HERO PADDING OVERRIDE — stärkerer Selector als GB-Cache */
.site-wrapper > .gb-element-d38e93e9 {
    padding-top: 14rem !important;
}
@media (max-width: 768px) {
    .site-wrapper > .gb-element-d38e93e9 {
        padding-top: 9rem !important;
        padding-bottom: 5rem !important;
    }
}