/* =====================================================
   00. Grundwerte für diese Seite
   ===================================================== */


body.geo-chatgpt .gemini-kicker,
body.geo-gemini .gemini-kicker{
    display: inline-block;
    margin-bottom: 12px;
    color: #f26700;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

body.geo-chatgpt .gemini-muted,
body.geo-gemini .gemini-muted {
    color: #555;
}

body.geo-chatgpt .gemini-highlight,
body.geo-gemini .gemini-highlight {
    color: #f26700;
    font-weight: 700;
}

body.geo-chatgpt .gemini-image-placeholder,
body.geo-chatgpt .gemini-icon-placeholder, 
body.geo-gemini .gemini-image-placeholder,
body.geo-gemini .gemini-icon-placeholder {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0b2a55, #155f9f);
    color: #fff;
    border-radius: 12px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.geo-chatgpt .gemini-image-placeholder, 
body.geo-gemini .gemini-image-placeholder {
    min-height: 230px;
}

body.geo-chatgpt .gemini-icon-placeholder,
body.geo-gemini .gemini-icon-placeholder {
    min-height: 82px;
    border-radius: 12px;
    font-size: 14px;
}

body.geo-chatgpt .geo-section,
body.geo-chatgpt .gemini-section,
body.geo-gemini .geo-section,
body.geo-gemini .gemini-section {
    margin-top: 0;
    margin-bottom: 0;
}

body.geo-chatgpt .geo-section + .geo-section,
body.geo-chatgpt .geo-section + .gemini-section,
body.geo-chatgpt .gemini-section + .geo-section,
body.geo-chatgpt .gemini-section + .gemini-section, 
body.geo-gemini .geo-section + .geo-section,
body.geo-gemini .geo-section + .gemini-section,
body.geo-gemini .gemini-section + .geo-section,
body.geo-gemini .gemini-section + .gemini-section {
    margin-top: 0px;
}

.wrapper{
    margin-top: auto;
    margin-bottom: 0;
}

.contactbutton{
    text-align: right;
    margin-top: 25px;
}

.contactbutton a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 428px;
    height: 50px;
    padding: 0 37px;
    line-height: 1;
    border: 2px solid #ef6c00;
    background: #ef6c00;
    color: #fff;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: .3s;
}

.contactbutton a i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transform: translateY(1px);
}

.contactbutton a span,
.contactbutton a{
    font-synthesis: none;
}

.contactbutton a:hover{
    border-color: #ef6c00;
    color: #ef6c00;
    background-color: #fff;
}

.contactbutton a span{
    display: inline-block;
    line-height: 1;
    transform: translateY(1px);
}

@media (max-width: 991px) {

    body.geo-chatgpt .geo-section + .geo-section,
    body.geo-chatgpt .geo-section + .gemini-section,
    body.geo-chatgpt .gemini-section + .geo-section,
    body.geo-chatgpt .gemini-section + .gemini-section,
    body.geo-gemini .geo-section + .geo-section,
    body.geo-gemini .geo-section + .gemini-section,
    body.geo-gemini .gemini-section + .geo-section,
    body.geo-gemini .gemini-section + .gemini-section {
        margin-top: 0px;
    }

}

/* =======================
   01. Text Bild Text Hero
   ======================= */

.three-column-section {
    width: 100%;
    padding: 80px 0 0;
    background: #fff;
    box-sizing: border-box;
}

.three-column-inner{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.three-column-header {
    text-align: left;
    margin-bottom: 50px;
}

.three-column-header h1{
    margin-bottom: 10px;
}

.three-column-header h2 {
    margin: 0;
}

.three-column-content {
    display: grid;
    grid-template-columns: 1fr 1.15fr 1fr;
    gap: 20px;
    align-items: start;
}

.content-column p {
    margin: 0;
}

.image-column img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.text-right {
    text-align: right;
}

.two-column-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 40px;
}

.source-text {
    font-size: 13px;
    color: #777;
    line-height: 1.4;
    margin-top: 25px;
}


/* =====================================================
   CHATGPT HERO ERGÄNZUNGEN
   Ergänzt den bereits vorhandenen GEO-Hero-CSS.
===================================================== */

/* Desktop: Footer-Bereich unter dem Text */
.geo-hero-unterseite > .col-xs-12.col-sm-7{
    grid-template-areas:
        "title image"
        "subtitle image"
        "text image"
        "footer image";
}

.geo-hero-unterseite > .col-xs-12.col-sm-7 > img{
    grid-area:image;
    width:100%;
    height:auto;
    display:block;
    justify-self:end;
    align-self:center;
    object-fit:cover;
    border-radius:12px;
}

.geo-hero-unterseite .two-column-footer{
    grid-area:footer;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-top:30px;
}

.geo-hero-unterseite .source-text,
.geo-source-section {
    flex:1;
    font-size:16px;
    line-height:1.5;
    color:#666;
}

.geo-hero-unterseite .two-column-footer .contactbutton{
    flex:0 0 auto;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:991px){

    .geo-hero-unterseite .two-column-footer{
        flex-direction:column;
        align-items:flex-start;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:600px){

    .geo-hero-unterseite > .col-xs-12.col-sm-7 > img{
        order:4;
        width:100%;
        margin-top:0px;
    }

    .geo-hero-unterseite .two-column-footer{
        order:5;
        width:100%;
        flex-direction:column;
        align-items:stretch;
        margin-top:0px;
    }

    .geo-hero-unterseite .two-column-footer .contactbutton{
        order:2;
        margin: 20px auto 0px auto;
    }

    .geo-hero-unterseite .two-column-footer .contactbutton a{
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .geo-hero-unterseite .source-text{
        order:2;
        width:100%;
        font-size:13px;
    }

}*/



/* =====================================================
   02. Gemini Text Bild Abschnitt
   ===================================================== */

.gemini-text-image-section {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-left: 0;
    margin-right: 0;
}

.gemini-text-image-column {
    flex: 0 0 calc(45% - 25px);
    display: flex;
    align-items: center;
}

.gemini-text-content-column {
    flex: 0 0 calc(55% - 25px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gemini-text-content-column h2 {
    margin-bottom: 12px;
}

/* =====================================================
   02.01 TEXT + BILD (Bild rechts)
===================================================== */

.geo-check-section-v2-reverse{
    display:flex;
    align-items:center;
    gap:50px;
}

.geo-check-section-v2-reverse .geo-check-v2-content{
    order:1;
    flex:0 0 calc(55% - 25px);
}

.geo-check-section-v2-reverse .geo-check-v2-image{
    order:2;
    flex:0 0 calc(45% - 25px);
}

/* 03. GEO VERGLEICH TABELLE */
/* ================== */

  .geo-vergleich-tabelle {
    width: auto;
    border-collapse: collapse;
  }


.geo-vergleich-wrapper p{
    margin: 30px 0 90px;
}

  .geo-vergleich-tabelle th,
  .geo-vergleich-tabelle td {
    border: 1px solid #ddd;
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
  }

  .geo-vergleich-tabelle th {
    background-color: #f4f6f8;
    font-weight: 700;
  }

  .geo-vergleich-tabelle td:first-child {
    font-weight: 700;
  }

  .geo-vergleich-tabelle tr:hover {
    background-color: #f9fbff;
  }

.geo-vergleich-content{
    display:flex;
    gap:40px;
    align-items:flex-start;
    margin-bottom:30px;
}

.geo-vergleich-table{
    flex:0 0 auto;
}

.geo-vergleich-bild{
    flex: 0 0 360px;
    position: relative;
    top: 25px;    
    left: 25px;  
}

.geo-vergleich-bild img{
    width:100%;
    height:auto;
    display:block;
}

@media (max-width: 768px){

    .geo-vergleich-wrapper{
        width:100%;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .geo-vergleich-content,
    .geo-vergleich-table,
    .geo-vergleich-bild{
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .geo-vergleich-bild img{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

}

/* =====================================================
   04. GEO Eyecatcher Slider mit Maske
   ===================================================== */

.geo-eyecatcher-simple {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    background: #000000;
    overflow: hidden;
}

.geo-eyecatcher-simple-inner {
    width: 1370px;
    max-width: calc(100vw - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: stretch;
}

.geo-eyecatcher-simple-image {
    background: #000000;
}

.geo-slider-box {
    position: relative;
    width: 100%;
    height: 520px;
    overflow: hidden;
    background: #000000;
}

/* Nur der Slider-Inhalt wird maskiert */

.geo-slider-track {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;

    -webkit-mask-image: url("/images/GEO/MaskenBilder/RoboMaske.svg");
    mask-image: url("/images/GEO/MaskenBilder/RoboMaske.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center center;
    mask-position: center center;

    -webkit-mask-size: auto 520px;
    mask-size: auto 520px;
}

.geo-slider-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateX(35px);
    transition: opacity .7s ease, transform .7s ease;
}

.geo-slider-slide.active {
    opacity: 1;
    transform: translateX(0);
    z-index: 2;
}

.geo-slider-slide img,
.geo-slider-slide video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* Dots bleiben sichtbar über der Maske */

.geo-slider-dots {
    position: absolute;
    left: 50%;
    bottom: 18px;
    z-index: 9;
    display: flex;
    gap: 7px;
    transform: translateX(-50%);
}

.geo-slider-dots button {
    width: 9px;
    height: 9px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: rgba(255,255,255,.8);
    cursor: pointer;
    transition: width .25s ease;
}

.geo-slider-dots button.active {
    width: 30px;
    background: #fff;
}

/* Text rechts */

.geo-eyecatcher-simple-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    padding-left: 70px;
    box-sizing: border-box;
    color: #fff;
}

.geo-eyecatcher-simple-content h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 56px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.03em;
}

.geo-eyecatcher-simple-content p {
    max-width: 620px;
    margin: 0 0 30px;
    color: #fff;
    font-size: 26px;
    line-height: 1.35;
    font-weight: 500;
    text-align: right;
}

.geo-eyecatcher-simple-content .wrapper {
    margin: 0;
    text-align: right;
}

.geo-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.geo-video-wrapper video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.2s ease;
    will-change: opacity;
}

.geo-video-wrapper video.active {
    opacity: 1;
}

/* Tablet */

@media (max-width: 991px) {

    .geo-eyecatcher-simple-inner {
        grid-template-columns: 1fr;
    }

    .geo-slider-box {
        height: 360px;
    }

    .geo-eyecatcher-simple-content {
        align-items: flex-start;
        text-align: left;
        padding: 50px 20px;
    }

    .geo-eyecatcher-simple-content h2 {
        text-align: left;
        font-size: 40px;
    }

    .geo-eyecatcher-simple-content p {
        font-size: 22px;
        text-align: left;
    }
}

/* =====================================================
   06. ChatGPT SEO Prozess
   ===================================================== */

.geo-process-section{
    width:100%;
    max-width:1400px;
    margin:90px 0;
    box-sizing:border-box;
}

.geo-process-headline{
    max-width:850px;
    margin-bottom:20px;
}

.geo-process-grid{
    width:100%;
    max-width:none !important;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:24px;
    justify-content:stretch;
    align-items:stretch;
}

.geo-process-card{
    width:100%;
    max-width:none !important;
    min-width:0;
    box-sizing:border-box;
    padding:28px;
    background:#f7f7f7;
    border-radius:12px;
    border-bottom:4px solid #f26700;
}

.geo-process-headline h2{
    margin-bottom:18px;
}

.geo-process-headline p{
    margin:0;
    line-height:1.7;
}

.geo-process-card span{
    display:inline-block;
    margin-bottom:18px;
    color:#f26700;
    font-size:18px;
    font-weight:800;
}

.geo-process-card h3{
    margin:0 0 12px;
    font-size:21px;
    overflow-wrap: break-word;
    hyphens: auto;
}

.geo-process-card p{
    margin:0;
    line-height:1.65;
}

@media (max-width:768px){

    .geo-process-grid{
        display:flex;
        gap:18px;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;

        padding-bottom:10px;
    }

    .geo-process-grid::-webkit-scrollbar{
        display:none;
    }

    .geo-process-grid{
        scrollbar-width:none;
    }

    .geo-process-card{
        flex:0 0 85%;
        padding:24px;
        scroll-snap-align:start;
    }

}

/* =====================================================
   GEO QUELLENVERZEICHNIS
   ===================================================== */

.geo-source-section{
    display:block;
    width:100%;
    max-width:1400px;
    margin:0 0 90px;
    box-sizing:border-box;
}


/* Überschrift */

#geo-source-heading{
    font-size:22px;
}


/* =====================================================
   DETAILS / TOGGLE
   ===================================================== */

.geo-source-details{
    display:block;
    interpolate-size:allow-keywords;
}

.geo-source-toggle{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-top:10px;
    cursor:pointer;
    list-style:none;
    font-weight:700;
}


/* Standard-Pfeil des Browsers entfernen */

.geo-source-toggle::-webkit-details-marker{
    display:none;
}

.geo-source-toggle::marker{
    content:"";
}


/* Toggle-Text */

.geo-source-toggle-hide{
    display:none;
}

.geo-source-details[open] .geo-source-toggle-show{
    display:none;
}

.geo-source-details[open] .geo-source-toggle-hide{
    display:inline;
}


/* Eigener Pfeil */

.geo-source-toggle-icon{
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:7px solid currentColor;
    transition:transform .3s ease;
}

.geo-source-details[open] .geo-source-toggle-icon{
    transform:rotate(180deg);
}


/* =====================================================
   SMOOTH OPEN / CLOSE
   ===================================================== */

.geo-source-details::details-content{
    block-size:0;
    overflow:hidden;
    opacity:0;

    transition:
        block-size .4s ease,
        opacity .3s ease,
        content-visibility .4s;

    transition-behavior:allow-discrete;
}

.geo-source-details[open]::details-content{
    block-size:auto;
    opacity:1;
}


/* =====================================================
   QUELLEN
   ===================================================== */

.geo-source-groups{
    margin:28px 0 0;
    padding-left:42px;
    border-top:1px solid #ddd;
    list-style:decimal-leading-zero;
}

.geo-source-group{
    padding:24px 0;
    border-bottom:1px solid #e5e5e5;
}

.geo-source-group::marker{
    color:#999;
    font-size:13px;
    font-weight:700;
}

.geo-source-group h3{
    margin:0 0 14px;
    font-size:17px;
}


/* =====================================================
   LINK + DATUM
   ===================================================== */

.geo-source-reference{
    margin:0;
}

.geo-source-reference a,
.geo-source-reference a:visited{
    color:#000;
    text-decoration:underline;
    text-underline-offset:3px;
}

.geo-source-reference a:hover{
    color:#000;
}


/* Datum */

.geo-source-meta{
    margin-left:8px;
    color:#888;
    font-size:13px;
}

.geo-source-meta::before{
    content:"· ";
}


/* =====================================================
   MOBILE
   ===================================================== */

@media(max-width:768px){

    .geo-source-section{
        margin-bottom:60px;
    }

    .geo-source-groups{
        margin-top:22px;
        padding-left:34px;
    }

    .geo-source-group{
        padding:20px 0;
    }

    .geo-source-meta{
        display:block;
        margin:4px 0 0;
    }

    .geo-source-meta::before{
        content:"";
    }

}

/* =====================================================
   07. ChatGPT SEO Optimierungs-Hebel Tabelle
   ===================================================== */

.geo-hebel-wrapper{
    width:100%;
    max-width:1400px;
    margin:90px 0;
    padding:0 15px;
    box-sizing:border-box;
}

.geo-hebel-wrapper h2{
    margin:0 0 20px;
}

.geo-hebel-wrapper > p{
    max-width:850px;
    margin:0 0 32px;
    line-height:1.7;
}

.geo-hebel-table{
    width:100%;
}

.geo-hebel-tabelle{
    width:100%;
    border-collapse:collapse;
}

.geo-hebel-tabelle th,
.geo-hebel-tabelle td{
    border:1px solid #ddd;
    padding:16px 18px;
    text-align:left;
    vertical-align:top;
    line-height:1.55;
}

.geo-hebel-tabelle th{
    background:#f4f6f8;
    font-weight:700;
    color:#333;
}

.geo-hebel-tabelle td:first-child{
    font-weight:700;
    background:#fafafa;
    width:26%;
}

.geo-hebel-tabelle td:nth-child(2){
    width:32%;
}

.geo-hebel-tabelle td:nth-child(3){
    width:42%;
}

.geo-hebel-tabelle tr:hover{
    background:#f9fbff;
}

/* Mobile */

@media (max-width:768px){

    .geo-hebel-wrapper{
        margin:60px 0;
        padding:0;
        overflow:hidden;
    }

    .geo-hebel-wrapper > p{
        margin-bottom:24px;
    }

    .geo-hebel-table{
        width:100%;
        overflow:hidden;
    }

    .geo-hebel-tabelle,
    .geo-hebel-tabelle tbody{
        display:flex;
        gap:18px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding-bottom:10px;
    }

    .geo-hebel-tabelle::-webkit-scrollbar,
    .geo-hebel-tabelle tbody::-webkit-scrollbar{
        display:none;
    }

    .geo-hebel-tabelle thead{
        display:none;
    }

    .geo-hebel-tabelle tr{
        flex:0 0 84%;
        display:block;
        scroll-snap-align:start;
        border:1px solid #ddd;
        overflow:hidden;
        background:#fff;
    }

    .geo-hebel-tabelle th,
    .geo-hebel-tabelle td{
        display:block;
        width:100% !important;
        box-sizing:border-box;
        border:none;
    }

    .geo-hebel-tabelle td{
        padding:15px 16px;
        font-size:15px;
        line-height:1.55;
    }

    .geo-hebel-tabelle td:first-child{
        background:#f4f6f8;
        color:#333;
        font-weight:700;
        font-size:16px;
        line-height:1.35;
    }

    .geo-hebel-tabelle td:nth-child(2){
        border-bottom:1px solid #eee;
    }

    .geo-hebel-tabelle td:nth-child(2)::before{
        content:"Beschreibung";
        display:block;
        margin-bottom:6px;
        color:#555;
        font-size:13px;
        font-weight:700;
        text-transform:uppercase;
    }

    .geo-hebel-tabelle td:nth-child(3)::before{
        content:"Umsetzung";
        display:block;
        margin-bottom:6px;
        color:#555;
        font-size:13px;
        font-weight:700;
        text-transform:uppercase;
    }
}

/* =====================================================
   07.1 Google Zitationskriterien Tabelle
   ===================================================== */

.geo-google-kriterien-wrapper{
    width:100%;
    max-width:1400px;
    margin:90px 0;
    box-sizing:border-box;
}

.geo-google-kriterien-wrapper h2{
    margin:0 0 20px;
}

.geo-google-kriterien-wrapper > p{
    max-width:850px;
    margin:0 0 30px;
    line-height:1.7;
}

.geo-google-kriterien-table{
    width:100%;
}

.geo-google-kriterien-tabelle{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.geo-google-kriterien-tabelle th,
.geo-google-kriterien-tabelle td{
    border:1px solid #ddd;
    padding:12px 16px;
    text-align:left;
    vertical-align:top;
    font-size:16px;
    line-height:1.45;
}

.geo-google-kriterien-tabelle th{
    background:#f4f6f8;
    color:#333;
    font-weight:700;
    padding:14px 16px;
}

.geo-google-kriterien-tabelle td:first-child{
    width:26%;
    background:#fafafa;
    font-weight:700;
}

.geo-google-kriterien-tabelle td:nth-child(2){
    width:14%;
    font-weight:700;
    white-space:nowrap;
}

.geo-google-kriterien-tabelle td:nth-child(3){
    width:60%;
}

.geo-google-kriterien-tabelle tr{
    transition:background .2s ease;
}

.geo-google-kriterien-tabelle tr:hover{
    background:#f9fbff;
}


/* Mobile */

@media (max-width:768px){

    .geo-google-kriterien-wrapper{
        overflow:hidden;
    }

    .geo-google-kriterien-wrapper > p{
        margin-bottom:24px;
    }

    .geo-google-kriterien-table{
        width:100%;
        overflow:hidden;
    }

    .geo-google-kriterien-tabelle,
    .geo-google-kriterien-tabelle tbody{
        display:flex;
        gap:18px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding-bottom:10px;
    }

    .geo-google-kriterien-tabelle::-webkit-scrollbar,
    .geo-google-kriterien-tabelle tbody::-webkit-scrollbar{
        display:none;
    }

    .geo-google-kriterien-tabelle thead{
        display:none;
    }

    .geo-google-kriterien-tabelle tr{
        flex:0 0 84%;
        display:block;
        scroll-snap-align:start;
        border:1px solid #ddd;
        overflow:hidden;
        background:#fff;
    }

    .geo-google-kriterien-tabelle th,
    .geo-google-kriterien-tabelle td{
        display:block;
        width:100% !important;
        box-sizing:border-box;
        border:none;
    }

    .geo-google-kriterien-tabelle td{
        padding:15px 16px;
        font-size:15px;
        line-height:1.55;
    }

    .geo-google-kriterien-tabelle td:first-child{
        background:#f4f6f8;
        color:#333;
        font-size:16px;
        font-weight:700;
        line-height:1.35;
    }

    .geo-google-kriterien-tabelle td:nth-child(2){
        border-bottom:1px solid #eee;
    }

    .geo-google-kriterien-tabelle td:nth-child(2)::before{
        content:"Gewichtung";
        display:block;
        margin-bottom:6px;
        color:#555;
        font-size:13px;
        font-weight:700;
        text-transform:uppercase;
    }

    .geo-google-kriterien-tabelle td:nth-child(3)::before{
        content:"Bedeutung";
        display:block;
        margin-bottom:6px;
        color:#555;
        font-size:13px;
        font-weight:700;
        text-transform:uppercase;
    }
}

/* =====================================================
   7.2 Perplexity SEO Kriterien Tabelle
===================================================== */

.geo-perplexity-kriterien-wrapper{
    margin:90px 0;
    box-sizing:border-box;
}


/* Überschrift */

.geo-perplexity-kriterien-wrapper h2{
    margin:0 0 20px;
}


/* Einleitung */

.geo-perplexity-kriterien-wrapper > p{
    max-width:850px;
    margin:0 0 32px;
    line-height:1.7;
}


/* Tabellen-Wrapper */

.geo-perplexity-kriterien-table{
    width:100%;
}


/* Tabelle */

.geo-perplexity-kriterien-tabelle{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}


/* Zellen */

.geo-perplexity-kriterien-tabelle th,
.geo-perplexity-kriterien-tabelle td{
    padding:16px 18px;
    box-sizing:border-box;
    border:1px solid #ddd;
    color:#666;
    font-family:"Roboto", sans-serif;
    font-size:16px;
    line-height:1.55;
    text-align:left;
    vertical-align:top;
}


/* Tabellenkopf */

.geo-perplexity-kriterien-tabelle th{
    background:#f4f6f8;
    color:#333;
    font-weight:700;
}


/* Erste Spalte */

.geo-perplexity-kriterien-tabelle th:nth-child(1),
.geo-perplexity-kriterien-tabelle td:nth-child(1){
    width:22%;
}

.geo-perplexity-kriterien-tabelle td:nth-child(1){
    background:#fafafa;
    color:#555;
    font-weight:700;
}


/* Gewichtung */

.geo-perplexity-kriterien-tabelle th:nth-child(2),
.geo-perplexity-kriterien-tabelle td:nth-child(2){
    width:14%;
}

.geo-perplexity-kriterien-tabelle td:nth-child(2){
    font-weight:700;
    white-space:nowrap;
}


/* Was Perplexity bevorzugt */

.geo-perplexity-kriterien-tabelle th:nth-child(3),
.geo-perplexity-kriterien-tabelle td:nth-child(3){
    width:32%;
}


/* Typischer Fehler */

.geo-perplexity-kriterien-tabelle th:nth-child(4),
.geo-perplexity-kriterien-tabelle td:nth-child(4){
    width:32%;
}


/* Hover */

.geo-perplexity-kriterien-tabelle tbody tr{
    transition:background-color .2s ease;
}

.geo-perplexity-kriterien-tabelle tbody tr:hover{
    background:#f9fbff;
}


/*Mobile Karten-Slider*/

@media (max-width:768px){

    .geo-perplexity-kriterien-wrapper{
        margin:60px 0px;
        padding:0;
        overflow:hidden;
    }

    .geo-perplexity-kriterien-wrapper > p{
        margin-bottom:24px;
    }

    .geo-perplexity-kriterien-table{
        width:100%;
        overflow:hidden;
    }


    /* Tabelle wird horizontaler Karten-Slider */

    .geo-perplexity-kriterien-tabelle,
    .geo-perplexity-kriterien-tabelle tbody{
        display:flex;
        gap:18px;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;

        padding-bottom:10px;
    }

    .geo-perplexity-kriterien-tabelle::-webkit-scrollbar,
    .geo-perplexity-kriterien-tabelle tbody::-webkit-scrollbar{
        display:none;
    }


    /* Tabellenkopf ausblenden */

    .geo-perplexity-kriterien-tabelle thead{
        display:none;
    }


    /* Jede Tabellenzeile wird eine Karte */

    .geo-perplexity-kriterien-tabelle tr{
        flex:0 0 84%;
        display:block;

        scroll-snap-align:start;

        border:1px solid #ddd;
        background:#fff;
        overflow:hidden;
    }


    /* Alle Zellen untereinander */

    .geo-perplexity-kriterien-tabelle th,
    .geo-perplexity-kriterien-tabelle td{
        display:block;

        width:100% !important;
        box-sizing:border-box;

        border:none;
        white-space:normal;
    }

    .geo-perplexity-kriterien-tabelle td{
        padding:15px 16px;

        font-size:15px;
        line-height:1.55;
    }


    /* Kartentitel */

    .geo-perplexity-kriterien-tabelle td:nth-child(1){
        background:#f4f6f8;
        color:#333;

        font-size:16px;
        font-weight:700;
        line-height:1.35;
    }


    /* Trennlinien */

    .geo-perplexity-kriterien-tabelle td:nth-child(2),
    .geo-perplexity-kriterien-tabelle td:nth-child(3){
        border-bottom:1px solid #eee;
    }


    /* Mobile Beschriftungen */

    .geo-perplexity-kriterien-tabelle td:nth-child(2)::before{
        content:"Gewichtung";

        display:block;
        margin-bottom:6px;

        color:#555;
        font-size:13px;
        font-weight:700;
        text-transform:uppercase;
    }

    .geo-perplexity-kriterien-tabelle td:nth-child(3)::before{
        content:"Was Perplexity bevorzugt";

        display:block;
        margin-bottom:6px;

        color:#555;
        font-size:13px;
        font-weight:700;
        text-transform:uppercase;
    }

    .geo-perplexity-kriterien-tabelle td:nth-child(4)::before{
        content:"Typischer Fehler";

        display:block;
        margin-bottom:6px;

        color:#555;
        font-size:13px;
        font-weight:700;
        text-transform:uppercase;
    }
}

/* =====================================================
   08. EEAT Tabs
   ===================================================== */

.geo-ai-tabs-headline {
    max-width: 850px;
    margin: 0px 0 32px;
    text-align: left;
}

.geo-ai-tabs {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
    overflow: hidden;
}

.geo-ai-tab-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e8e8e8;
}

.geo-ai-tab-button {
    flex: 1 1 auto;
    min-width: 130px;
    padding: 18px 16px;
    background: #f7f7f7;
    color: #333;
    font-weight: 700;
    cursor: pointer;
}

.geo-ai-tab-button.active,
.geo-ai-tab-button:hover {
    background: #ffffff;
    color: #000000;
}

.geo-ai-tab-panel {
    display: none;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: center;
    padding: 42px;
}

.geo-ai-tab-panel.active {
    display: grid;
}

.geo-ai-tab-text p {
    color: #555;
}

.geo-ai-tab-link {
    display: inline-flex;
    margin-top: 16px;
    color: #f26700;
    font-weight: 700;
    text-decoration: none;
}

.geo-ai-tab-image img {
    box-shadow: none;
    border-radius: 12px;
    padding: 50px 20px 50px 20px;
    max-height: 540px;
    width: auto;
}

.geo-ai-expand-toggle {
    display: none;
}

.geo-ai-expand-button {
    display: none;
}

/* 8.1 Variante für große Tab-Systeme (11 Tabs) */

.geo-ai-tabs-large .geo-ai-tab-nav{
    display:flex;
    flex-wrap:wrap;
    background:#f7f7f7;
    border-bottom:1px solid rgba(0,0,0,.08);
}

.geo-ai-tabs-large .geo-ai-tab-button{

    flex:1 1 calc(100% / 6);

    min-width:0;
    min-height:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:16px 12px;

    text-align:center;
    line-height:1.3;
    font-size:15px;

    border-right:1px solid rgba(0,0,0,.08);
    border-bottom:1px solid rgba(0,0,0,.08);
}


.geo-topic-tab-1-column{
    margin:60px;
}

.geo-topic-tab-text{
    display:block;
    column-count:2;
    column-gap:36px;
}

.geo-topic-tab-text > h3{
    column-span:all;
}

.geo-topic-tab-table{
    break-inside:avoid;
}

.geo-topic-tab-table + h4{
    break-before:column;
}

.geo-topic-tab-link{
    display:flex;
    width:max-content;
    margin: 25px 0 0 auto;
}


.geo-topic-tab-1-column{
    display:none;
}

.geo-topic-tab-1-column.active{
    display:block;
}

/* Tablet */

@media (max-width:991px){

      .geo-topic-tab-1-column{
        margin:24px 20px;
    }

    .geo-topic-tab-text{
        column-count:1;
    }

    .geo-topic-tab-table + h4{
        break-before:auto;
    }

    .geo-ai-tabs-large .geo-ai-tab-button{
        flex-basis:25%;
        font-size:14px;
        padding:14px 10px;
    }

}

/* Mobile */

@media (max-width:768px){

  .geo-topic-tab-link{
   margin: 25px auto;
}

    .geo-ai-tabs-large .geo-ai-tab-nav{

        display:flex;
        flex-wrap:nowrap;

        gap:10px;

        overflow-x:auto;
        overflow-y:hidden;

        padding:12px;

        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;

        border-bottom:none;
        background:#fff;
    }

    .geo-ai-tabs-large .geo-ai-tab-nav::-webkit-scrollbar{
        display:none;
    }

    .geo-ai-tabs-large .geo-ai-tab-button{

        flex:0 0 42%;

        min-height:48px;

        padding:12px 10px;

        border:1px solid rgba(0,0,0,.08);
        border-radius:8px;

        font-size:13px;

        scroll-snap-align:start;
    }

}

/* =====================================================
   09. E-E-A-T Maßnahmen / Risk Cards
   ===================================================== */

.gemini-risk-list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
    border-top:0;
}

.gemini-risk-item{
    display:block;
    padding:28px;
    background:#f7f7f7;
    border-radius:12px;
    border:1px solid #ececec;
    transition:all .25s ease;
}

.gemini-risk-item:hover{
    transform:translateY(-3px);
}

.gemini-risk-item summary{
    display:flex;
    align-items:flex-start;
    gap:20px;
    list-style:none;
    cursor:default;
}

.gemini-risk-item summary::-webkit-details-marker{
    display:none;
}

.gemini-risk-item summary::after{
    display:none;
}

.gemini-risk-icon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#888;
    color:#fff;
    border-radius:50%;
    font-size:22px;
}

.gemini-risk-item summary h3{
    margin:8px 0 0;
    font-size:22px;
    line-height:1.3;
}

.gemini-risk-content{
    padding-left:66px;
    margin-top:14px;
}

.gemini-risk-content p{
    margin:0;
    color:#555;
    line-height:1.7;
}

/* =====================================================
   GEO VIDEO EYECATCHER
===================================================== */

.geo-video-eyecatcher{
    position:relative;

    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-bottom:90px;

    background:#000;
    overflow:hidden;
}


/* ÄUSSERE WRAPPER */

.geo-video-eyecatcher .wrapper{
    margin-bottom:0;
}


/* CONTENTAREA / GRID */

.geo-video-eyecatcher__inner{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    align-items:stretch;

    width:100%;
    max-width:1480px;
    min-height:450px;

    margin-inline:auto;
    padding-inline:40px;

    box-sizing:border-box;
}


/* VIDEO */

.geo-video-eyecatcher__media{
    position:relative;

    min-width:0;
    min-height:450px;

    align-self:stretch;

    overflow:hidden;
    background:#000;
}


.geo-video-eyecatcher__media video{
    position:absolute;

    top:-1px;
    left:0;

    display:block;

    width:100%;
    height:calc(100% + 2px);

    margin:0;
    padding:0;
    border:0;

    object-fit:cover;
    object-position:center;
}


/* VERLAUF VIDEO → SCHWARZ */

.geo-video-eyecatcher__media::after{
    content:"";

    position:absolute;

    z-index:2;

    top:0;
    right:-1px;
    bottom:0;

    width:30%;

    background:linear-gradient(
        to right,
        rgba(0,0,0,0),
        #000
    );

    pointer-events:none;
}


/* CONTENT */

.geo-video-eyecatcher__content{
    position:relative;

    z-index:3;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;

    min-width:0;

    padding:
        60px
        0
        60px
        70px;

    box-sizing:border-box;

    color:#fff;
    text-align:right;
}


.geo-video-eyecatcher__content h2,
.geo-video-eyecatcher__content p{
    max-width:650px;

    color:#fff;
}


.geo-video-eyecatcher__content h2{
    margin:
        0
        0
        18px;

    color:#fff;

    font-size:56px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-.03em;

    text-align:right;
}


.geo-video-eyecatcher__content p{
    max-width:620px;

    margin:
        0
        0
        30px;

    color:#fff;

    font-size:26px;
    line-height:1.35;
    font-weight:500;

    text-align:right;
}


/* CTA */

.geo-video-eyecatcher__content .button-row{
    justify-content:flex-end;

    margin-top:30px;
}


/* MOBILE / TABLET */

@media(max-width:800px){

    .geo-video-eyecatcher{
        margin-bottom:70px;
    }


    /* AUSSENCONTAINER AUF VOLLE BREITE */

    .geo-video-eyecatcher .container-max-width-branche{
        width:100%;
        max-width:none;

        margin-left:0;
        margin-right:0;

        padding-left:0;
        padding-right:0;

        box-sizing:border-box;
    }

    .geo-video-eyecatcher .wrapper.breite{
        width:100% !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom:0 !important;

        padding-left:0;
        padding-right:0;

        box-sizing:border-box;
    }


    /* GRID */

    .geo-video-eyecatcher__inner{
        grid-template-columns:1fr;

        width:100%;
        max-width:none;
        min-height:0;

        margin:0;
        padding:0;

        box-sizing:border-box;
    }


    /* VIDEO VOLLE BREITE */

    .geo-video-eyecatcher__media{
        width:100%;
        min-width:0;
        min-height:0;

        aspect-ratio:16 / 9;

        background:#000;
    }


    .geo-video-eyecatcher__media video{
        top:-1px;
        left:0;

        width:100%;
        height:calc(100% + 2px);

        object-fit:cover;
        object-position:center top;
    }


    /* VERLAUF NACH UNTEN */

    .geo-video-eyecatcher__media::after{
        top:auto;
        right:0;
        bottom:-2px;
        left:0;

        width:100%;
        height:35%;

        background:linear-gradient(
            to bottom,
            rgba(0,0,0,0),
            #000
        );
    }


    /* CONTENT */

    .geo-video-eyecatcher__content{
        align-items:center;

        width:100%;
        min-width:0;

        margin-top:-2px;

        padding:
            30px
            24px
            45px;

        box-sizing:border-box;

        background:#000;

        text-align:center;
    }


    .geo-video-eyecatcher__content h2{
        width:100%;
        max-width:600px;

        margin:
            0
            auto
            16px;

        font-size:40px;
        line-height:1.08;

        text-align:center;
    }


    .geo-video-eyecatcher__content p{
        width:100%;
        max-width:560px;

        margin:
            0
            auto;

        font-size:20px;
        line-height:1.4;

        text-align:center;
    }


    /* CTA */

    .geo-video-eyecatcher__content .button-row{
        display:flex;
        justify-content:center;

        width:100%;
        max-width:100%;
        min-width:0;

        margin-top:26px;

        box-sizing:border-box;
    }


    .geo-video-eyecatcher__content .contactbutton{
        display:block;
        max-width:100%;
        min-width:0;

        margin:0;

        box-sizing:border-box;
    }


    .geo-video-eyecatcher__content .contactbutton a{
        display:flex !important;

        align-items:center;
        justify-content:center;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:0;

        padding:
            12px
            16px !important;

        box-sizing:border-box;

        white-space:normal !important;

        text-align:center;
    }


    .geo-video-eyecatcher__content .contactbutton a span{
        display:block;

        flex:0 1 auto;

        min-width:0;
        max-width:100%;

        white-space:normal !important;

        overflow-wrap:break-word;
        word-break:normal;

        text-align:center;
    }

}


/* SMARTPHONE */

@media(max-width:600px){

    .geo-video-eyecatcher{
        margin-bottom:50px;
    }


    .geo-video-eyecatcher__content{
        padding:
            24px
            18px
            38px;
    }


    .geo-video-eyecatcher__content h2{
        font-size:34px;
        line-height:1.08;
    }


    .geo-video-eyecatcher__content p{
        font-size:18px;
        line-height:1.4;
    }


    .geo-video-eyecatcher__content .button-row{
        margin-top:22px;
    }

}

/* =====================================================
   12. Bewertungs-Kriterien ChatGPT SEO
   ===================================================== */

.geo-criteria-headline{
    margin-bottom:35px;
    text-align:center;
}

.geo-criteria-columns{
    width:100%;
    display:flex;
    gap:60px;
}

.geo-criteria-column{
    flex:0 0 calc(50% - 30px);
}

.geo-criteria-item{
    border-bottom:1px solid rgba(0,0,0,0.12);
}

.geo-criteria-question{
    width:100%;
    padding:22px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:none;
    border:none;
    color:#333;
    font-size:20px;
    font-weight:700;
    text-align:left;
    cursor:pointer;
}

.geo-criteria-question span{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f26700;
    font-size:28px;
    font-weight:400;
    transition:transform .25s ease;
}

.geo-criteria-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
}

.geo-criteria-answer p{
    margin:0;
    padding:0 0 24px;
    color:#555;
    line-height:1.7;
}

.geo-criteria-item.active .geo-criteria-question span{
    transform:rotate(45deg);
}

@media (max-width:768px){

    .geo-criteria-headline,
    .geo-faq-headline{
        text-align:left;
    }

    .geo-criteria-columns{
        flex-direction:column;
        gap:0;
    }

    .geo-criteria-column{
        flex:0 0 100%;
    }

    .geo-criteria-question{
        font-size:18px;
        padding:20px 0;
    }
}

/* ===================================================== 
13. bewährte Maßnahmen
===================================================== */ 
.gemini-industry-headline { 
  max-width: 780px; 
  margin: 0 0 42px;
  text-align: center; 
}
.gemini-industry-grid { 
  display: grid; 
  grid-template-columns: repeat(4, 1fr); 
  gap: 22px; 
} 
.gemini-industry-card { 
  padding: 26px; 
  background: #fff; 
  border-bottom: 4px solid #f26700; 
  border-radius: 12px; 
  box-shadow: 0 0px 24px rgba(0,0,0,0.06); 
} 
.gemini-industry-card summary { 
  list-style: none; 
} 
.gemini-industry-card summary::-webkit-details-marker { 
  display: none; 
} 
.gemini-industry-card h3 { 
  margin: 0 0 12px; 
  color: #333; 
  font-size: 19px; 
} 
.gemini-industry-card p {
  margin: 0; 
  font-size: 16px; 
} 

.gemini-industry-headline h2,
.gemini-industry-headline p{
    text-align: left;
}

@media (max-width: 768px) {

    .gemini-industry-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .gemini-industry-card {
        padding: 0;
        border-bottom: none;
        border-radius: 12px;
        overflow: hidden;
        background: #fff;
    }

    .industry-toggle {
        display: none;
    }

    .industry-title {
        position: relative;
        display: block;
        padding: 18px 48px 18px 20px;
        margin: 0;
        color: #333;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
    }

    .industry-title::after {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #f26700;
    }

    .industry-toggle:checked + .industry-title::after {
        border-top: none;
        border-bottom: 8px solid #f26700;
    }

    .gemini-industry-card p {
        display: none;
        padding: 0 20px 18px;
        margin: 0;
        color: #555;
        font-size: 16px;
        line-height: 1.6;
    }

    .industry-toggle:checked + .industry-title + p {
        display: block;
    }
}

@media (min-width: 992px) {


    .gemini-industry-section + .geo-text-image-section {
        margin-top: 90px !important;
    }

}

/* =====================================================
   15. Fehler Checkliste
   ===================================================== */

.gemini-error-check-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px 24px;
}

.gemini-error-check-item{
    display:block;
    padding:22px 24px;
    background:#f7f7f7;
    border-left:3px solid transparent;
    border-radius:10px;
    border: 1px solid #ececec;
    transition:all .25s ease;
}

.gemini-error-check-item:hover{
    background:#ffffff;
    box-shadow:0 8px 24px rgba(0,0,0,0.06);
    transform:translateX(4px);
}

.gemini-error-check-item summary{
    display:grid;
    grid-template-columns:40px 1fr;
    gap:16px;
    align-items:start;
    margin:0 0 10px;
    list-style:none;
    cursor:default;
}

.gemini-error-check-item summary::-webkit-details-marker{
    display:none;
}

.gemini-error-check-item summary::after{
    display:none;
}

.gemini-error-check-item span{
    color:#888;
    font-size:16px;
    font-weight:700;
    line-height:1.2;
}

.gemini-error-check-item h3{
    margin:0;
    color:#333;
    font-size:19px;
    line-height:1.3;
}

.gemini-error-check-item p{
    margin:0 0 0 56px;
    color:#555;
    font-size:16px;
    line-height:1.55;
}

/* =====================================================
   15.1 Perplexity SEO Maßnahmen - Aufzählungen
===================================================== */

.perplexity-massnahmen{
    box-sizing:border-box;
    background:#fff;
    margin: 90px 0 0px;
}

.perplexity-massnahmen__inner{
    margin:0 auto;
}


/* Überschrift */

.perplexity-massnahmen__headline{
    margin:0 0 38px;
}

/* Raster */

.perplexity-massnahmen__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px 20px;
}


/* Einzelne Karte */

.perplexity-massnahmen__item{
    display:grid;
    grid-template-columns:48px minmax(0, 1fr);
    gap:18px;
    align-items:start;
    min-height:112px;
    padding:20px 22px;
    box-sizing:border-box;
    background:#f7f7f7;
    border:1px solid #e3e3e3;
    border-radius:10px;
}


/* Nummer */

.perplexity-massnahmen__number{
    display:block;
    padding-top:2px;

    color:#8b8178;
    font-family:"Roboto", sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1;
}


/* Textbereich */

.perplexity-massnahmen__content{
    min-width:0;
}

.perplexity-massnahmen__content h3{
    margin:0 0 8px;

    color:#222;
    font-family:"Roboto", sans-serif;
    font-size:18px;
    font-weight:700;
    line-height:1.3;
}

.perplexity-massnahmen__content p{
    margin:0;

    color:#666;
    font-family:"Roboto", sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
}


/* Dezenter linker Akzent */

.perplexity-massnahmen__item{
    position:relative;
    overflow:hidden;
}

/* Tablet */

@media (max-width:991px){


    .perplexity-massnahmen__headline{
        margin-bottom:30px;
    }

    .perplexity-massnahmen__headline h2{
        font-size:28px;
    }

    .perplexity-massnahmen__grid{
        grid-template-columns:1fr;
        gap:12px;
    }
}


/* Mobile */

@media (max-width:600px){


    .perplexity-massnahmen__headline{
        margin-bottom:24px;
    }

    .perplexity-massnahmen__headline h2{
        margin-bottom:10px;
        font-size:22px;
        line-height:1.25;
    }

    .perplexity-massnahmen__headline p{
        font-size:16px;
        line-height:1.5;
    }

    .perplexity-massnahmen__item{
        grid-template-columns:38px minmax(0, 1fr);
        gap:12px;

        min-height:0;
        padding:16px 14px;

        border-radius:8px;
    }

    .perplexity-massnahmen__number{
        font-size:14px;
    }

    .perplexity-massnahmen__content h3{
        margin-bottom:5px;
        font-size:16px;
        line-height:1.3;
    }

    .perplexity-massnahmen__content p{
        font-size:15px;
        line-height:1.45;
    }
}

/* =====================================================
   16. Pakete
   ===================================================== */

.gemini-case-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.gemini-case-card,
.gemini-package-card {
    padding: 36px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ececec;
    border-top: 4px solid #f26700;
}

.gemini-case-card h3,
.gemini-package-card h3 {
    margin-bottom: 15px;
    color: #333;
}

.gemini-case-card p {
    color: #555;
}

.gemini-case-note {
    padding: 18px 22px;
    margin-top: 22px;
    background: #f7f7f7;
    border-left: 4px solid #f26700;
    color: #555;
}

/* Pakete */

.gemini-packages-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
    margin-bottom: 90px;
}

.gemini-package-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.gemini-package-goal {
    display: inline-block;
    width: fit-content;
    margin-bottom: 24px;
    padding: 8px 14px;
    background: #888888;
    color: #fff;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
}

.gemini-package-card ul {
    margin: 0 0 34px;
    padding: 0;
    list-style: none;
    flex-grow: 1;
}

.gemini-package-card li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: #555;
}

.gemini-package-card li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #555;
    font-weight: 700;
}

.gemini-package-card {
    margin-top: auto;
}

.gemini-package-card {
    width: 100%;
    margin-top: 0;
}

.gemini-package-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.gemini-package-card .wrapper {
    margin:auto;
}

/* =====================================================
   05. Vergleich / Ablauf ChatGPT SEO - Korrektur
   ===================================================== */

.gemini-compare-section {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
}

.gemini-compare-headline {
    display: block !important;
    max-width: 760px !important;
    margin: 0 0 45px 0 !important;
    text-align: left !important;
    position: relative !important;
    z-index: 2 !important;
}

.gemini-compare-headline h2 {
    margin-bottom: 18px !important;
}

.gemini-compare-headline p {
    margin: 0 !important;
    color: #666 !important;
    line-height: 1.7 !important;
}

.gemini-compare-illustration {
    position: absolute !important;
    top: 15px !important;
    right: 60px !important;
    width: 360px !important;
    max-width: 32% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 0.9 !important;
}

.gemini-compare-illustration img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

.gemini-compare-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    position: relative !important;
    z-index: 2 !important;
}

.gemini-compare-card {
    width: auto !important;
    min-width: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 38px 30px 30px !important;
    background: #ffffff !important;
    border: 1px solid #ececec !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
    text-align: left !important;
}

.gemini-type {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 58px !important;
    height: 58px !important;
    display: block !important;
    padding: 10px 0 0 13px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 2 !important;
}

.gemini-type::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: #888888 !important;
    clip-path: polygon(0 0, 100% 0, 0 100%) !important;
    z-index: -1 !important;
}

.gemini-compare-card h3 {
    margin: 0 0 14px !important;
    color: #222 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
}

.gemini-compare-card p {
    margin: 0 !important;
    color: #555 !important;
    line-height: 1.7 !important;
}

.gemini-compare-section .contactbutton {
    margin-top: 45px !important;
    text-align: left !important;
}

@media (max-width: 991px) {
    .gemini-compare-illustration {
        display: none !important;
    }

    .gemini-compare-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   06. Fakten Cards und Checkliste
   ===================================================== */

.gemini-reasons-headline {
    max-width: 850px;
    margin: 0 0 32px;
    text-align: left;
}

.gemini-reasons-headline h2 {
    margin-bottom: 0;
}

.gemini-reasons-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.gemini-reason-card {
    padding: 28px;
    background: #f7f7f7;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

.gemini-reason-card strong {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #717171;
    font-size: 24px;
    line-height: 1.25;
}

.gemini-reason-card strong i {
    color: #ed6500;
    font-size: 20px;
}

.gemini-reason-card p {
    margin: 0;
    color: #555;
    line-height: 1.6;
}

.gemini-section > h3 {
    margin-top: 42px;
    margin-bottom: 18px;
    text-align: left;
}

.gemini-check-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

.gemini-check-list li {
    position: relative;
    margin: 0;
    padding: 16px 18px 16px 44px;
    color: #555;
    line-height: 1.45;
    background: transparent;
}

.gemini-check-list li:before {
    content: "✓";
    position: absolute;
    top: 15px;
    left: 18px;
    color: #777;
    font-size: 17px;
    font-weight: 700;
}

.gemini-section > .contactbutton {
    margin-top: 30px;
    text-align: left;
}

@media (max-width: 991px) {
    .gemini-reasons-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gemini-check-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .gemini-reasons-grid {
        grid-template-columns: 1fr;
    }
    .gemini-check-list {
        grid-template-columns: 1fr;
    }
}






/* =====================================================
   10. Gemini Breitbild Block (Parallax 2)
   ===================================================== */

.gemini-breitbild {
    position: relative;
    padding: 90px 0;
    overflow: hidden;

    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.gemini-breitbild-bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    transform: translateX(-50%);
    background-image:
        linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
        url("https://www.brain-interactive.com/images/GEO/GEO_TexturBreit.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: 0;
}

.gemini-breitbild .row {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

.gemini-breitbild-content {
    padding: 45px;
    background: rgba(35,35,35,0.62);
    border-radius: 12px;
    backdrop-filter: blur(4px);
}

.gemini-breitbild-content h2,
.gemini-breitbild-content p,
.gemini-breitbild-content li {
    color: #ffffff;
}

.gemini-breitbild-content .gemini-check-list li:before {
    color: #f26700;
}

.gemini-breitbild-content {
    text-align: center;
    margin-top: 35px;
}

@media (max-width: 768px) {
    .gemini-breitbild-bg {
        background-attachment: scroll;
    }
}

@media (min-width: 992px) {

    .gemini-breitbild.gemini-section {
        margin-bottom: 100px !important;
    }

    .gemini-breitbild.gemini-section + .gemini-measures-section {
        margin-top: 0 !important;
    }

}

/* =====================================================
   15. Responsive
   ===================================================== */

@media (max-width: 991px) {

    .gemini-info-box,
    .geo-text-image-section,
    .gemini-text-image-section {
        flex-direction: column;
    }

    .gemini-info-image,
    .gemini-info-content,
    .geo-text-image-column,
    .geo-text-content-column,
    .gemini-text-image-column,
    .gemini-text-content-column {
        width: 100%;
        flex: 0 0 100%;
    }

   .gemini-reasons-grid,
   .gemini-industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gemini-compare-grid,
    .gemini-packages-grid {
        grid-template-columns: 1fr;
    }

    .gemini-measures-grid {
        grid-template-columns: 1fr;
    }

    .geo-ai-tab-panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .three-column-section {
        padding: 60px 0 0;
    }

    .three-column-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .text-right {
        text-align: left;
    }

    .two-column-footer {
        grid-template-columns: 1fr;
        gap: 0px;
    }
}

@media (max-width: 768px) {
    .gemini-info-box,
    .gemini-case-card,
    .gemini-package-card,
    .geo-ai-tab-panel {
        padding: 28px;
    }

    .gemini-risk-item {
        gap: 18px;
    }

    .gemini-breitbild-content,
    .breites-bild-content {
        padding: 32px;
    }

    .landingpage-contact-form {
        display: block;
    }

    .landingpage-contact-form-padding-left,
    .landingpage-contact-form-padding-right {
        padding: 25px;
    }
}

@media (max-width: 650px) {

    .gemini-reasons-grid,
    .gemini-industry-grid,
    .geo-feature-row {
        grid-template-columns: 1fr;
    }

    .gemini-measure-card {
        padding: 28px 24px 28px 76px;
    }

    .gemini-measure-card:before {
        left: 24px;
    }

    .gemini-image-placeholder {
        min-height: 220px;
    }

    .gemini-icon-placeholder {
        min-height: 74px;
    }
}

/* =====================================================
   16. Finale Korrekturen Abstände und Mobile Akkordeons
   ===================================================== */

.three-column-section + .gemini-section,
.geo-section + .geo-section,
.geo-section + .gemini-section,
.gemini-section + .geo-section,
.gemini-section + .gemini-section{
    margin-top: 90px !important;
}


.gemini-breitbild.gemini-section + .gemini-measures-section {
    margin-top: 60px !important;
}

.breites-bild.geo-section {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.breites-bild.geo-section + .geo-text-image-section {
    margin-top: 0 !important;
}

/* Unterseite: Abstand zwischen allen Hauptblöcken */
body.geo-chatgpt .container-max-width.content--padding + .container-max-width.content--padding,
body.geo-chatgpt .geo-section + .container-max-width.content--padding,
body.geo-chatgpt .gemini-section + .container-max-width.content--padding,
body.geo-chatgpt .container-max-width.content--padding + .geo-section,
body.geo-chatgpt .container-max-width.content--padding + .gemini-section {
    margin-top: 120px !important;
}

@media (max-width: 991px) {
    .three-column-section + .gemini-section,
    .geo-section + .geo-section,
    .geo-section + .gemini-section,
    .gemini-section + .geo-section,
    .gemini-section + .gemini-section {
        margin-top: 60px !important;
    }

    .breites-bild.geo-section + .geo-text-image-section,
    .gemini-industry-section + .geo-text-image-section {
        margin-top: 80px !important;
    }

    .gemini-breitbild.gemini-section + .gemini-measures-section {
        margin-top: 45px !important;
    }
}

/* Maßnahmenkarten: details Marker entfernen und Desktop weiterhin wie Karten anzeigen. */
.gemini-measure-card summary {
    position: relative;
    list-style: none;
}

.gemini-measure-card summary::-webkit-details-marker {
    display: none;
}

.gemini-measure-card summary h3 {
    margin: 0 0 10px;
}

.gemini-measure-card:not([open]) > p {
    display: block;
}

@media (max-width: 768px) {

    .gemini-measures-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .gemini-measure-card {
        padding: 18px 52px 18px 76px !important;
        min-height: 74px;
        cursor: pointer;
    }

    .gemini-measure-card:before {
        top: 18px !important;
        left: 24px !important;
        width: 34px !important;
        height: 34px !important;
    }

    .gemini-measure-card summary {
        display: block;
        cursor: pointer;
    }

    .gemini-measure-card summary h3 {
        margin: 0;
        padding-right: 20px;
        font-size: 18px;
        line-height: 1.35;
    }

    .gemini-measure-card summary::after {
        content: "";
        position: absolute;
        right: -30px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #f26700;
    }

    .gemini-measure-card[open] summary::after {
        border-top: none;
        border-bottom: 8px solid #f26700;
    }

    .gemini-measure-card:not([open]) > p {
        display: none !important;
    }

    .gemini-measure-card[open] > p {
        display: block !important;
        margin-top: 12px;
    }
}

/* Branchenkarten Mobile: Checkbox Akkordeon, weil Joomla details teils umschreibt. */
.industry-toggle {
    display: none;
}

.industry-title {
    display: block;
    margin: 0 0 12px;
    color: #333;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    cursor: default;
}

@media (max-width: 768px) {

    .gemini-industry-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .gemini-industry-card {
        padding: 0 !important;
        border-bottom: none !important;
        border-radius: 12px !important;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 8px 24px rgba(0,0,0,0.06);
    }

    .gemini-industry-card > h3 {
        display: none !important;
    }

    .industry-title {
        position: relative;
        display: block;
        padding: 18px 48px 18px 20px;
        margin: 0;
        color: #333;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.35;
        cursor: pointer;
    }

    .industry-title::after {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #f26700;
    }

    .industry-toggle:checked + .industry-title::after {
        border-top: none;
        border-bottom: 8px solid #f26700;
    }

    .gemini-industry-card p {
        display: none !important;
        padding: 0 20px 18px;
        margin: 0;
        color: #555;
        font-size: 16px;
        line-height: 1.6;
    }

    .industry-toggle:checked + .industry-title + p {
        display: block !important;
    }
}

@media (min-width: 992px) {
    body.geo-chatgpt #slide-area {
        margin-top: 90px !important;
    }
}

/* Einheitliche Abstände Unterseite */

body.geo-chatgpt #mod-custom372 > :is(
    .three-column-section,
    .geo-section,
    .gemini-section,
    .container-max-width.content--padding
) + :is(
    .three-column-section,
    .geo-section,
    .gemini-section,
    .container-max-width.content--padding
) {
    margin-top: 90px !important;
}

@media (max-width: 991px) {
    body.geo-chatgpt #mod-custom372 > :is(
        .three-column-section,
        .geo-section,
        .gemini-section,
        .container-max-width.content--padding
    ) + :is(
        .three-column-section,
        .geo-section,
        .gemini-section,
        .container-max-width.content--padding
    ) {
        margin-top: 70px !important;
    }
}


/* VERGLEICH V2 H3*/

.gemini-compare-card h3 {
  margin-bottom: 25px;
  margin-top: 0px;
}

.geo-hero .col-sm-7 {
    padding-right: 65px;
}

.geo-check-section-v2{
    display:flex !important;
}

/* MOBILE */
/* ====== */

/* MOBILE HERO SORTIERUNG */
@media (max-width: 767px){

    .geo-hero{
        display: flex !important;
        flex-direction: column !important;
    }

    .geo-hero .col-sm-7{
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        float: none !important;
    }

    .geo-hero .col-sm-5{
        order: 6 !important;
        width: 100% !important;
        float: none !important;
        margin-top: 30px !important;
    }

    .geo-hero h1{
        order: 1 !important;
    }

    .geo-hero h2{
        order: 2 !important;
    }

    .geo-hero .col-sm-7 > p{
        order: 3 !important;
    }

    .geo-hero .two-column-footer{
        order: 4 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        margin-top: 22px !important;
    }

    .geo-hero .source-text{
        order: 1 !important;
        margin-top: 0 !important;
    }

    .geo-hero .contactbutton{
        order: 2 !important;
        margin-top: 0 !important;
        text-align: center !important;
    }

    .geo-hero .contactbutton a{
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: auto;
        min-height: 40px;
        padding: 10px 22px;
        white-space: normal;
        line-height: 1.25;
    }

    .geo-hero img{
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}

/* GEO Eyecatcher Mobile */

@media (max-width: 991px) {

    .geo-eyecatcher-simple{
        width:100vw;
        left:50%;
        margin-left:-50vw;
        margin-right:-50vw;
        overflow:hidden;
        background:#000;
    }

    .geo-eyecatcher-simple-inner{
        width:100%;
        max-width:none;
        margin:0;
        display:grid;
        grid-template-columns:1fr;
    }

    .geo-eyecatcher-simple-image{
        width:100%;
        background:#000;
    }

    .geo-slider-box{
        width:100%;
        height:360px;
        background:#000;
    }

    .geo-slider-track{
        -webkit-mask-size:auto 360px;
        mask-size:auto 360px;
    }

    .geo-eyecatcher-simple-content{
        width:100%;
        padding:0px 20px 45px 20px;
        box-sizing:border-box;
        align-items:flex-start;
        text-align:left;
        background:#000;
    }

    .geo-eyecatcher-simple-content h2{
        text-align:left;
    }

    .geo-eyecatcher-simple-content p{
        max-width:none;
        font-size:22px;
        text-align:left;
    }

    .geo-eyecatcher-simple-content .wrapper,
    .geo-eyecatcher-simple-content .contactbutton{
        width:100%;
        text-align:left;
    }

    .geo-eyecatcher-simple-content .contactbutton a{
        width:100%;
        min-width:0;
    }

}

/* MOBILE KI SYSTEM TABS */
@media (max-width: 991px) {

    .geo-ai-tabs-headline {
        max-width: none;
        margin: 60px 0 28px;
        text-align: left;
    }

    .geo-ai-tabs {
        border-radius: 12px;
        overflow: hidden;
    }

    .geo-ai-tab-nav {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        padding: 12px;
        border-bottom: 1px solid #e8e8e8;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .geo-ai-tab-button {
        flex: 0 0 auto;
        min-width: 150px;
        padding: 14px 18px;
        border-radius: 999px;
        border: 1px solid #e8e8e8;
        font-size: 14px;
        white-space: nowrap;
        scroll-snap-align: start;
    }

    .geo-ai-tab-panel.active {
        display: flex;
        flex-direction: column;
        padding: 24px 18px;
        gap: 20px;
    }

    .geo-ai-text-expandable {
        max-height: 155px;
        overflow: hidden;
        position: relative;
        transition: max-height .35s ease;
    }

    .geo-ai-text-expandable::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 70px;
        background: linear-gradient(rgba(255,255,255,0), #fff);
    }

    .geo-ai-expand-toggle:checked ~ .geo-ai-text-expandable {
        max-height: 1200px;
    }

    .geo-ai-expand-toggle:checked ~ .geo-ai-text-expandable::after {
        display: none;
    }

    .geo-ai-expand-button {
        display: inline-block;
        margin-top: 12px;
        color: #f26700;
        font-weight: 700;
        cursor: pointer;
    }

    .geo-ai-tab-link {
        position:relative;
        left:50%;
        transform:translateX(-50%);
        width:86%;
        margin-top:18px;
        margin-left:0;
    }

    .geo-ai-tab-image img,
    .geo-flow-image img,
    .geo-check-section-v2 .geo-check-v2-image img,
    .geo-text-image,
    .geo-hero .geo-image-full {
        width: 60%;
        margin:auto;
        max-height: none;
        height: auto;
        padding: 0;
        display: block;
    }


  /* ---------- Mehr erfahren ---------- */

.geo-ai-expand-button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:14px;
    color:#717171;
    font-weight:700;
    cursor:pointer;
}

.geo-ai-expand-button::after{
    content:"";
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:7px solid #717171;
    transition:.25s;
}

.geo-ai-expand-toggle:checked ~ .geo-ai-expand-button::after{
    transform:rotate(180deg);
}


/* ---------- Mobile Tab Navigation ---------- */

.geo-ai-tab-nav{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    padding:12px 12px 12px 12px;
    gap:10px;

    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;
    -ms-overflow-style:none;
}

.geo-ai-tab-nav::-webkit-scrollbar{
    display:none;
}

.geo-ai-tab-button{

    /* Wichtig: nicht mehr 150px */
    flex:0 0 135px;

    min-width:135px;
    max-width:135px;

    padding:14px 16px;

    border-radius:10px;

    white-space:nowrap;

    scroll-snap-align:start;
}
  }


@media (max-width: 768px) {

    .geo-ai-tab-image img,
    .geo-flow-image img,
    .geo-check-section-v2 .geo-check-v2-image img,
    .geo-text-image,
    .geo-hero .geo-image-full{
        width: 100%;
    }
}

/* Mobile E-E-A-T Maßnahmen */

@media (max-width:768px){

    .gemini-risk-list{
        grid-template-columns:1fr;
        gap:14px;
    }

    .gemini-risk-item{
        display:block;
        padding:0;
        overflow:hidden;
        cursor:pointer;
    }

    .gemini-risk-item:hover{
        transform:none;
    }

    .gemini-risk-item summary{
        display:flex;
        align-items:center;
        gap:16px;
        padding:18px 52px 18px 18px;
        position:relative;
        list-style:none;
        cursor:pointer;
    }

    .gemini-risk-item summary::after{
        content:"";
        display:block;
        position:absolute;
        right:22px;
        top:50%;
        transform:translateY(-50%);
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:8px solid #f26700;
    }

    .gemini-risk-item[open] summary::after{
        border-top:none;
        border-bottom:8px solid #f26700;
    }

    .gemini-risk-item .gemini-risk-icon{
        width:42px;
        height:42px;
        flex:0 0 42px;
        font-size:20px;
    }

    .gemini-risk-item summary h3{
        margin:0;
        font-size:18px;
        line-height:1.3;
    }

    .gemini-risk-content{
        padding:0 18px 18px 76px;
        margin-top:0;
    }

    .gemini-risk-content p{
        font-size:16px;
        line-height:1.6;
    }

    .gemini-section > .contactbutton{
        text-align:left;
        margin-top:24px;
    }

    .gemini-section > .contactbutton a{
        width:auto !important;
        min-width:0 !important;
        max-width:100%;
        display:inline-flex !important;
        white-space:normal;
    }
}


/* MOBILE GEO VERGLEICH ALS CARDS */
@media (max-width: 768px){


    .geo-vergleich-content{
        display: block;
    }

    .geo-vergleich-table{
        width: 100%;
    }

    .geo-vergleich-tabelle,
    .geo-vergleich-tabelle thead,
    .geo-vergleich-tabelle tbody,
    .geo-vergleich-tabelle tr,
    .geo-vergleich-tabelle th,
    .geo-vergleich-tabelle td{
        display: block;
        width: 100%;
    }

    .geo-vergleich-tabelle thead{
        display: none;
    }

    .geo-vergleich-tabelle tr{
        margin-bottom: 16px;
        border: 1px solid #ddd;
        overflow: hidden;
        background: #fff;
    }

    .geo-vergleich-tabelle td{
        border: none;
        border-bottom: 1px solid #eee;
        padding: 12px 14px;
        font-size: 15px;
        line-height: 1.4;
    }

    .geo-vergleich-tabelle td:last-child{
        border-bottom: none;
    }

    .geo-vergleich-tabelle td:first-child{
        background: #f4f6f8;
        font-weight: 700;
        color: #333;
    }

    .geo-vergleich-tabelle td:nth-child(2)::before{
        content: "Klassisches SEO: ";
        display: block;
        margin-bottom: 4px;
        font-weight: 700;
        color: #333;
    }

    .geo-vergleich-tabelle td:nth-child(3)::before{
        content: "ChatGPT SEO (GEO): ";
        display: block;
        margin-bottom: 4px;
        font-weight: 700;
        color: #333;
    }

    .geo-vergleich-bild{
        width: 100%;
        position: static;
        margin-top: 24px;
    }

    .geo-vergleich-bild img{
        width: 100%;
        height: auto;
    }

    .geo-vergleich-wrapper p{
        margin: 24px 0 60px;
    }
}

/* Mobile Fehler Checkliste */

@media (max-width:768px){

    .gemini-error-check-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .gemini-error-check-item{
        display:block;
        padding:0;
        overflow:hidden;
    }

    .gemini-error-check-item:hover{
        transform:none;
    }

    .gemini-error-check-item summary{
        display:flex;
        align-items:center;
        gap:18px;
        margin:0;
        padding:18px 48px 18px 20px;
        position:relative;
        list-style:none;
        cursor:pointer;
    }

    .gemini-error-check-item summary::after{
        content:"";
        display:block;
        position:absolute;
        right:20px;
        top:50%;
        transform:translateY(-50%);
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:8px solid #f26700;
    }

    .gemini-error-check-item[open] summary::after{
        border-top:none;
        border-bottom:8px solid #f26700;
    }

    .gemini-error-check-item span{
        flex:0 0 38px;
    }

    .gemini-error-check-item summary h3{
        margin:0;
        font-size:18px;
    }

    .gemini-error-check-item > p{
        margin:0;
        padding:0 20px 18px 76px;
    }
}

/* MOBILE TEXT+BILD BLÖCKE */
@media (max-width: 768px){

    .geo-check-section-v2{
        display: flex !important;
        flex-direction: column;
        gap: 28px;
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .geo-check-v2-content{
        order: 1;
    }

    .geo-check-v2-image{
        order: 2;
        margin: 18px 0px;
    }

    .geo-check-v2-content h2{
        margin-bottom: 14px;
    }

    .geo-check-v2-content .subheadline{
        margin-bottom: 22px;
        font-weight: 700;
    }

    .geo-check-v2-image img{
        width: 100%;
        height: auto;
        display: block;
    }

    .geo-check-v2-content .wrapper{
        margin-top: 26px;
    }

    .geo-check-v2-content .contactbutton{
        margin-top: 0;
        text-align: left;
    }

    .geo-check-v2-content .contactbutton a{
        width: 100% !important;
        min-width: 0 !important;
        white-space: normal;
    }
}

/* MOBILE PAKETE */

@media (max-width:991px){

    .gemini-packages-grid{

        display:flex;
        overflow-x:auto;
        overflow-y:hidden;
        gap:18px;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;

        width: calc(100vw + 20px);
        margin-left: 0px;
        padding-left: 20px;
        padding-right: 40px;
    }

    .gemini-packages-grid::-webkit-scrollbar{
        display:none;
    }

    .gemini-package-card{

        flex:0 0 55%;

        scroll-snap-align:start;

        margin:0;

        box-sizing:border-box;
    }

    .gemini-package-card:last-child{
        margin-right:15px;
    }

    .gemini-package-card .contactbutton{
        text-align:left;
        margin-top:20px;
    }

    .gemini-package-card .contactbutton a{
        width:100%;
        min-width:0;
        white-space:normal;
    }

  
}



/*Hover effect E-E-A-T Buttons Mobile*/
  @media (max-width: 768px){
.geo-ai-tab-button{
    background:#fff;
    border:1px solid #e5e5e5;
    color:#333;
    transition:background .2s ease, color .2s ease;
}

.geo-ai-tab-button:hover{
    background:#f7f7f7;
}

.geo-ai-tab-button.active{
    background:#f7f7f7;
}}

/* =====================================================
   04. GEO Eyecatcher Slider mit Maske – Testversion 2
   ===================================================== */

.geo-eyecatcher-simple-2 {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    background: #000000;
    overflow: hidden;
}

.geo-eyecatcher-simple-2-inner {
    width: 1370px;
    max-width: calc(100vw - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: stretch;
}

.geo-eyecatcher-simple-2-image {
    background: #000000;
}

/* Video-Container */

.geo-video-box-2 {
    position: relative;
    width: 100%;
    height: 520px;
    overflow: hidden;
    background: #000000;
    margin-left: -60px;

      -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 65%,
        rgba(0,0,0,.8) 78%,
        rgba(0,0,0,.35) 90%,
        rgba(0,0,0,0) 100%
    );

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 65%,
        rgba(0,0,0,.8) 78%,
        rgba(0,0,0,.35) 90%,
        rgba(0,0,0,0) 100%
    );
}

/* Video-Ebenen */

.geo-video-layer-2 {
    position: absolute;
    inset: 0;
    width: 100%;
    height:100%;
    display: block;
    object-fit: cover;
    transform: translateX(35px);
    transition:
        opacity .7s ease,
        transform .7s ease;
    will-change: opacity;
}

.geo-video-layer-2.active {
    opacity: 1;
    transform: translateX(0);
    z-index: 2;
}

.geo-video-a {
    margin-left: 40px;
}

/* Text rechts */

.geo-eyecatcher-simple-content-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    padding-left: 70px;
    margin-top: 65px;
    box-sizing: border-box;
    color: #fff;
}

.geo-eyecatcher-simple-content-2 h2 {
    margin: 0 0 18px;

    color: #fff;
    font-size: 56px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.03em;
}

.geo-eyecatcher-simple-content-2 p {
    max-width: 620px;
    margin: 0 0 30px;

    color: #fff;
    font-size: 26px;
    line-height: 1.35;
    font-weight: 500;
    text-align: right;
}

.geo-eyecatcher-simple-content-2 .wrapper {
    text-align: right;
    margin-bottom: 60px;
}

/* Tablet */

@media (max-width:991px){

    .geo-eyecatcher-simple-2-inner{
        grid-template-columns:1fr;
    }

.geo-eyecatcher-simple-2-image{
    width:100vw;
    margin-left:calc(50% - 50vw);
    overflow:hidden;
}

  .geo-video-box-2{
        width:100%;
        max-width:100%;
        height:370px;
        margin-left:0 !important;
        overflow:hidden;

        -webkit-mask-image:linear-gradient(
            to bottom,
            #000 0%,
            #000 65%,
            rgba(0,0,0,.8) 78%,
            rgba(0,0,0,.35) 90%,
            transparent 100%
        ) !important;

        mask-image:linear-gradient(
            to bottom,
            #000 0%,
            #000 65%,
            rgba(0,0,0,.8) 78%,
            rgba(0,0,0,.35) 90%,
            transparent 100%
        ) !important;

        -webkit-mask-size:100% 100% !important;
        mask-size:100% 100% !important;

        -webkit-mask-position:center !important;
        mask-position:center !important;

        -webkit-mask-repeat:no-repeat !important;
        mask-repeat:no-repeat !important;
    }

    /* Desktop-Verschiebung auf Mobile vollständig entfernen */
    .geo-video-box-2 .geo-video-layer-2,
    .geo-video-box-2 .geo-video-layer-2.active,
    .geo-video-box-2 .geo-video-a,
    .geo-video-box-2 .geo-video-b{
        margin-left: 0;
        inset:0;
        width:100%;
        height:100%;
        transform:translateX(0);
        object-fit:cover;
        object-position:center top;
    }

    .geo-eyecatcher-simple-content-2{
        align-items:flex-start;
        text-align:left;
        padding:0px;
    }

    .geo-eyecatcher-simple-content-2 h2{
        text-align:left;
        font-size:40px;
    }

    .geo-eyecatcher-simple-content-2 p{
        font-size:22px;
        text-align:left;
    }
}


/*FONT SIZE MOBILE*/

@media (max-width:600px){

    .geo-hero h1,
    .geo-hero-unterseite h1{
        font-size:22px;
        line-height:1.2;
    }

    .geo-section h2,
    .gemini-reasons-headline h2,
    .geo-hebel-wrapper h2,
    .gemini-industry-headline h2
    {
        font-size:20px;
        line-height:1.3;
    }

    .geo-vergleich-wrapper p,
    .geo-hebel-wrapper p,
    .gemini-reasons-headline p,
    .gemini-industry-headline p {
        font-size:16px;
        line-height:1.6;
    }

  .geo-contact-content p {

    font-size: 16px;
    line-height: 1.4;

  }

  .geo-problem-card ul,
  .wrapper .contactbutton a,
  .gemini-package-card ul {
    font-size: 16px;
  }

  .subheadline {
    display:none;
  }

  .gemini-info-box, .gemini-case-card, .gemini-package-card, .geo-ai-tab-panel {
    padding:15px;
  }

  .gemini-package-card {
    flex: 0 0 92%;
    }

    /* Buttons */

    .geo-section .contactbutton a,
    .gemini-section .contactbutton a{
        font-size:16px;
    }

  .wrapper {
          width: 80%;}
}



@media (max-width:768px){

    .geo-process-grid,
    .geo-hebel-table{
        --scroll-edge:20px;

        width:calc(100% + (var(--scroll-edge) * 2));
        margin-left:calc(var(--scroll-edge) * -1);
        padding-left:var(--scroll-edge);
        padding-right:var(--scroll-edge);

        overflow-x:auto;
        overflow-y:hidden;

        box-sizing:border-box;
        scroll-snap-type:x mandatory;
        scroll-padding-left:var(--scroll-edge);
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    .geo-process-grid::-webkit-scrollbar,
    .geo-hebel-table::-webkit-scrollbar{
        display:none;
    }


    /* =========================================
       ChatGPT SEO Prozess
    ========================================= */

    .geo-process-grid{
        display:flex;
        gap:18px;
        padding-bottom:10px;
    }

    .geo-process-card{
        flex:0 0 84%;
        width:auto;
        min-width:0;
        padding:24px;
        scroll-snap-align:start;
        scroll-snap-stop:normal;
    }

}


    /* =========================================
       EYECATCHER ROBOT RECHTS
    ========================================= */

.eyecatcher-robot-rechts .geo-eyecatcher .container-max-width,
.eyecatcher-robot-rechts .container-max-width{
    justify-content:flex-start;
}

.eyecatcher-robot-rechts .geo-eyecatcher-content{
    align-items:flex-start;
    text-align:left;

}

.eyecatcher-robot-rechts .geo-eyecatcher-content p,
.eyecatcher-robot-rechts .geo-eyecatcher-content .wrapper{
    text-align:left;
}

.eyecatcher-robot-rechts .geo-robot-animation{
    left:auto;
    right:0%;
}



.warum-wichtig-section
  {margin-bottom:0px;}

#mod-custom389, #mod-custom388{
padding:0px;
}







.geo-topic-tab-nav {
    cursor: grab;
    user-select: none;
}

.geo-topic-tab-nav.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    scroll-behavior: auto;
}

.geo-topic-tab-nav.is-dragging .geo-topic-tab-button {
    pointer-events: none;
}