/*----------------------------------GROUNDING PAGES---------------------------------------------*/

.grounding-page{
    --gp-text: #343a40;
    --gp-heading: #202428;
    --gp-accent: #356653;
    --gp-background: #fff;
    --gp-border: rgba(33,52,88,.14);
    --gp-surface: #f7f8fa;
    --gp-surface-strong: #eef1f5;
    margin-top:var(--sgp-header-offset, 150px);
    background:var(--gp-background);
    color:var(--gp-text);
    font-family:inherit;
    letter-spacing:0;
    overflow-wrap:anywhere;
}

.grounding-page *,
.grounding-page *:before,
.grounding-page *:after{
    box-sizing:border-box;
}

.grounding-page .grounding-page__inner{
    width:100%;
    max-width:1240px;
    margin-inline:auto;
    padding-inline:24px;
}

.grounding-page a{
    color:var(--gp-accent);
}

.grounding-page a:focus-visible{
    outline:2px solid currentColor;
    outline-offset:3px;
}

.grounding-page__header{
    position:relative;
    overflow:hidden;
    padding:70px 0 60px;
    background:linear-gradient(135deg, #f7f8fa 0%, #ffffff 70%);
    border-bottom:1px solid var(--gp-border);
}

.grounding-page-info{
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    gap:8px 18px;
    align-items:start;
    max-width:1040px;
    margin:0 0 38px;
    padding:18px 22px;
    border-left:4px solid var(--gp-accent);
    background:rgba(255,255,255,.82);
    box-shadow:0 10px 30px rgba(33,52,88,.05);
}

.grounding-page-info strong{
    color:var(--gp-heading);
    font-weight:600;
}

.grounding-page-info span,
.grounding-page-info a{
    font-size:95%;
}

.grounding-page__header-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
}

.grounding-page__type,
.grounding-page__status{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    margin:0;
    padding:5px 12px 6px;
    border:1px solid var(--gp-border);
    border-radius:999px;
    background:var(--gp-background);
    color:var(--gp-heading);
    font-family:inherit;
    font-size:80%;
    font-weight:600;
    line-height:1;
    letter-spacing:0;
    text-transform:uppercase;
}

.grounding-page__status{
    border-color:rgba(33,52,88,.08);
    background:var(--gp-surface-strong);
}

.grounding-page__title{
    max-width:1060px;
    width:auto;
    margin:0 0 20px;
    color:var(--gp-heading);
    font-size:3rem;
    line-height:1.1;
}

.grounding-page__lead{
    max-width:980px;
    margin:0;
    color:var(--gp-text);
    font-size:120%;
    line-height:1.55;
}

.grounding-page__summary-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 26px;
    max-width:1040px;
    margin-top:24px;
    color:var(--gp-text);
    font-size:88%;
}

.grounding-page__summary-meta strong{
    color:var(--gp-heading);
}

.grounding-page__content{
    padding:75px 0 25px;
}

.grounding-page__section{
    margin-bottom:78px;
}

.grounding-page__section-heading{
    max-width:940px;
    margin-bottom:30px;
}

.grounding-page__section-heading .grounding-page__eyebrow{
    display:block;
    margin-bottom:8px;
    color:var(--gp-accent);
    font-family:inherit;
    font-size:82%;
    font-weight:600;
    letter-spacing:0;
    line-height:1;
    text-transform:uppercase;
}

.grounding-page__section-heading h2{
    margin:0;
    color:var(--gp-heading);
    font-size:245%;
    line-height:1.05;
}

.grounding-page__section-heading p{
    margin:14px 0 0;
    color:var(--gp-text);
    font-size:95%;
}

.grounding-page__prose{
    max-width:1000px;
    color:var(--gp-text);
    font-size:102%;
    line-height:1.8;
}

.grounding-page__prose p{
    margin:0 0 18px;
}

.grounding-page__prose p:last-child{
    margin-bottom:0;
}

/* Kernfakten */
.grounding-page__core-facts{
    padding:42px;
    border:1px solid var(--gp-border);
    border-radius:4px;
    background:var(--gp-surface);
}

.grounding-page__fact-list{
    display:grid;
    grid-template-columns:1fr;
    margin:0;
    border-top:1px solid var(--gp-border);
}

.grounding-page__fact-row{
    display:grid;
    grid-template-columns:minmax(190px, .34fr) minmax(0, 1fr);
    gap:28px;
    padding:16px 0;
    border-bottom:1px solid var(--gp-border);
}

.grounding-page__fact-row dt,
.grounding-page__fact-row dd{
    margin:0;
}

.grounding-page__fact-row dt{
    color:var(--gp-heading);
    font-size:88%;
    font-weight:700;
    line-height:1.45;
}

.grounding-page__fact-row dd{
    color:var(--gp-text);
    line-height:1.55;
    overflow-wrap:anywhere;
}

.grounding-page__fact-row a{
    text-decoration:underline;
    text-underline-offset:3px;
}

/* Listen / strukturierte Aussagen */
.grounding-page__bullet-list{
    display:grid;
    gap:10px;
    max-width:1060px;
    margin:0;
    padding:0;
    list-style:none;
}

.grounding-page__bullet-list--columns{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px 18px;
}

.grounding-page__bullet-list li{
    position:relative;
    margin:0;
    padding:14px 16px 14px 42px;
    border:1px solid var(--gp-border);
    background:var(--gp-surface);
    color:var(--gp-text);
    line-height:1.5;
}

.grounding-page__bullet-list li:before{
    content:'→';
    position:absolute;
    width:auto;
    height:auto;
    background:none;
    border-radius:0;
    left:16px;
    top:13px;
    color:var(--gp-accent);
    font-size:110%;
    line-height:1.4;
}

.grounding-page__subsection{
    max-width:1000px;
    margin-top:30px;
    padding-top:26px;
    border-top:1px solid var(--gp-border);
}

.grounding-page__subsection h3{
    margin:0 0 10px;
    color:var(--gp-heading);
    font-family:inherit;
    font-size:125%;
    font-weight:700;
}

.grounding-page__subsection p{
    margin:0;
    line-height:1.7;
}

/* FAQ */
.grounding-page .faqs-list{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
}

.grounding-page .faq-item{
    padding:26px 28px;
    border-top:3px solid var(--gp-accent);
    background:var(--gp-surface);
}

.grounding-page .faq-question{
    margin:0 0 13px;
    color:var(--gp-heading);
    font-family:inherit;
    font-size:110%;
    font-weight:700;
    line-height:1.35;
}

.grounding-page .faq-answer,
.grounding-page .faq-answer p{
    color:var(--gp-text);
    font-size:96%;
    line-height:1.65;
}

.grounding-page .faq-answer p{
    margin:0 0 8px;
}

.grounding-page .faq-answer p:last-child{
    margin-bottom:0;
}

/* Vertrauenssignale */
.grounding-page__trust{
    padding:42px;
    border:1px solid var(--gp-border);
    background:var(--gp-surface);
}

.grounding-page__trust-grid{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
    gap:52px;
    align-items:start;
}

.grounding-page__trust-data{
    margin:0;
    border-top:1px solid var(--gp-border);
}

.grounding-page__trust-data > div{
    display:grid;
    grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);
    gap:22px;
    padding:14px 0;
    border-bottom:1px solid var(--gp-border);
}

.grounding-page__trust-data dt,
.grounding-page__trust-data dd{
    margin:0;
}

.grounding-page__trust-data dt{
    color:var(--gp-heading);
    font-size:86%;
    font-weight:700;
}

.grounding-page__trust-data dd{
    color:var(--gp-text);
    overflow-wrap:anywhere;
}

.grounding-page__trust-data a{
    text-decoration:underline;
    text-underline-offset:3px;
}

.grounding-page__trust-links > h3{
    margin:0 0 18px;
    color:var(--gp-heading);
    font-family:inherit;
    font-size:105%;
    font-weight:700;
    line-height:1.3;
}

.grounding-page .relations-list{
    display:grid;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
}

.grounding-page .relation-item{
    margin:0;
    padding:0;
}

.grounding-page .relation-item:before{
    display:none;
}

.grounding-page .relation-item a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:58px;
    padding:14px 17px;
    border:1px solid var(--gp-border);
    background:var(--gp-background);
    color:var(--gp-heading);
    font-weight:600;
}

.grounding-page .relation-item a:hover{
    border-color:rgba(33,52,88,.28);
    background:var(--gp-surface-strong);
    color:var(--gp-heading);
}

.grounding-page .relation-item a > span:first-child{
    min-width:0;
    color:inherit;
}

.grounding-page .relation-item__arrow{
    flex:0 0 auto;
    color:var(--gp-accent);
    font-size:130%;
    line-height:1;
}

.grounding-page__footer{
    padding:28px 0 34px;
    border-top:1px solid var(--gp-border);
    background:var(--gp-surface);
}

.grounding-page .meta-info{
    display:flex;
    flex-wrap:wrap;
    gap:10px 28px;
    color:var(--gp-text);
    font-size:82%;
}

.grounding-page .meta-info a{
    color:var(--gp-heading);
    text-decoration:underline;
    text-underline-offset:3px;
}

@media (max-width:1199px){
    .grounding-page .grounding-page__inner{max-width:1040px;}
    .grounding-page__trust-grid{grid-template-columns:1fr;gap:35px;}
}

@media (max-width:991px){
    .grounding-page__header{padding:52px 0 46px;}
    .grounding-page__content{padding-top:55px;}
    .grounding-page-info{grid-template-columns:1fr;}
    .grounding-page__core-facts,
    .grounding-page__trust{padding:30px;}
    .grounding-page .faqs-list,
    .grounding-page__bullet-list--columns{grid-template-columns:1fr;}
}

@media (max-width:767px){
    .grounding-page__header{padding:38px 0 34px;}
    .grounding-page__title{font-size:2rem;}
    .grounding-page__lead{font-size:105%;}
    .grounding-page__section{margin-bottom:55px;}
    .grounding-page__section-heading h2{font-size:210%;}
    .grounding-page__core-facts,
    .grounding-page__trust{padding:22px 18px;}
    .grounding-page__fact-row,
    .grounding-page__trust-data > div{grid-template-columns:1fr;gap:5px;}
    .grounding-page .faq-item{padding:22px 20px;}
    .grounding-page .meta-info{flex-direction:column;gap:6px;}
}
