/* 1:1 aus dem Patronus-Loader uebernommen (04.10.2026), damit die Darstellung identisch bleibt. */
/* ================================================
           FALLBACK-TOKENS — greifen nur wenn WordPress-Theme
           nicht geladen ist. WordPress überschreibt via :root.
           ================================================ */
        :root {
            --c-main-1: #7d78f6;
            --c-main-2: #7C3AED;
            --c-text: #1f2328;
            --c-muted: #6b7485;
            --c-grey: #f7f7f8;
            --c-border: #e9e9e9;
            --c-surface: #ffffff;
            --g-1: linear-gradient(105deg, rgb(207,136,251) 0%, rgb(210,183,243) 100%);
            --r-md: 12px;
            --r-lg: 20px;
            --r-pill: 9999px;
            --shadow-sm: 0 6px 18px rgba(12,20,33,0.08);
            --fs-h1: 52px; --fs-h2: 36px; --fs-h3: 28px;
            --fs-h4: 22px; --fs-h5: 18px; --fs-p: 18px; --fs-small: 14px;
            --lh-normal: 1.55; --lh-tight: 1.15;
            --c-icon-service: #7C3AED;
            --c-icon-default: #BC78F6;
            --icon-sm: 16px; --icon-md: 20px; --icon-lg: 24px;
            --font-sans: Inter, system-ui, -apple-system, sans-serif;
        }
        /* ================================================
           KOMPONENTEN-FALLBACKS — greifen nur wenn
           WordPress-Theme-CSS nicht geladen ist.
           ================================================ */
        .btn {
            display: inline-flex; align-items: center; justify-content: center;
            text-decoration: none; font-weight: 600; border-radius: var(--r-pill);
            padding: 10px 24px; font-size: 15px; cursor: pointer;
            transition: opacity 0.2s; border: none; line-height: 1.3;
        }
        .btn-primary { background: var(--g-1); }
        .btn-primary:hover { opacity: 0.88; color: var(--c-main-2); }
        .btn-secondary {
            background: transparent; color: var(--c-main-2);
            border: 1.5px solid var(--c-main-2);
        }
        .btn-secondary:hover { background: var(--c-grey); }
        .btn-ghost { background: transparent; color: var(--c-main-2); text-decoration: underline; }
        .card {
            background: var(--c-surface); border: 1px solid var(--c-border);
            border-radius: var(--r-lg); box-shadow: var(--shadow-sm);
        }


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--c-main-1);
}


/*card-models-content*/
#amex-card-models-content-batunet:not([data-type]) {}
#amex-card-models-content-batunet:not([data-type]) h3 {text-align: center;font-size: 22px;font-weight: 600;line-height: 28px;margin: 30px 0;width: 100%;max-width: 100%;}
#amex-card-models-content-batunet:not([data-type]) .items  {display: flex;margin: 0 -18px;}
#amex-card-models-content-batunet:not([data-type]) .items .item  {flex: 1;margin: 18px;padding: 18px;border: 1px solid var(--c-border);border-radius: var(--r-md);background: var(--c-grey);display: flex;flex-direction: column;}
#amex-card-models-content-batunet:not([data-type]) .items .item .img-content  {}
#amex-card-models-content-batunet:not([data-type]) .items .item .img-content img  {max-width:100%}
#amex-card-models-content-batunet:not([data-type]) .items .item h4  {font-size: 16px;font-weight: 600;line-height: 30px;margin: 20px 0 5px;min-height: 60px;}
#amex-card-models-content-batunet:not([data-type]) .items .item h5  { display: inline-block; background: var(--c-main-1); color: white; padding: 0 2px 0 18px; margin-left: -18px;    margin-right: -13px; margin-bottom: 12px; border-top-right-radius: var(--r-md); border-bottom-right-radius: var(--r-md); height: 43px; line-height: 43px; font-size: 12px; font-weight: 400; /*letter-spacing: 0.05em;*/}
#amex-card-models-content-batunet:not([data-type]) .items .item h5 a {color:inherit;text-decoration: inherit;}
#amex-card-models-content-batunet:not([data-type]) .items .item h4 + h5 + h4  {font-size: 14px;border: none;margin: 0 0 5px;}
#amex-card-models-content-batunet:not([data-type]) .items .item .features  {min-height: 240px;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;margin: -6px -4px;margin-bottom: auto;}
#amex-card-models-content-batunet:not([data-type]) .items .item .features span  {background: #ffffff;font-size: 14px;font-weight: 400;padding: 2px 8px;border-radius: var(--r-md);margin: 6px 4px;}
#amex-card-models-content-batunet:not([data-type]) .items .item .detail-list  {padding: 0;margin: 0 0 15px;border-top: 1px solid black;padding-top: 10px;}
#amex-card-models-content-batunet:not([data-type]) .items .item .detail-list li  {font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: 0.05em;text-align: left;margin: 0;font-size: 80%;}
#amex-card-models-content-batunet:not([data-type]) .items .item .detail-list li:before  {display: none;}
#amex-card-models-content-batunet:not([data-type]) .items .item .detail-list li span  {float: right; font-size: 80%;}
#amex-card-models-content-batunet:not([data-type]) .items .item .buttons-content  {display: flex;margin: 0 -5px;}
/* CI: btn btn-primary / btn-secondary übernehmen – Fallback-Styles bleiben erhalten */
#amex-card-models-content-batunet:not([data-type]) .items .item .buttons-content a  {color: var(--c-text);background: white;padding: 5px;text-align: center;flex: 1;margin: 0 5px;font-size: 14px;text-decoration: none;border-radius: var(--r-md);}
#amex-card-models-content-batunet:not([data-type]) .items .item .buttons-content a.blue  {background: var(--g-1);color: white;}

@media (max-width: 768px) {
    #amex-card-models-content-batunet:not([data-type]) h3  {margin: 16px 0;}
    #amex-card-models-content-batunet:not([data-type]) .items  {margin: 0 -8px;/*flex-wrap: wrap;*/overflow-x: auto;padding: 0 15px 15px;}
    #amex-card-models-content-batunet:not([data-type]) .items .item  {margin: 8px;padding: 14px;min-width: 80%;/*width: calc(50% - 16px);*//*max-width: calc(50% - 16px);*/flex: 0 0 50%;}
    #amex-card-models-content-batunet:not([data-type]) .items .item .features  {     min-height: 210px;}
    #amex-card-models-content-batunet:not([data-type]) .items .item .features span  {    font-size: 9.6px;padding: 2px 7px;}
    #amex-card-models-content-batunet:not([data-type]) .items .item .detail-list li  {    font-size: 61%;}
    #amex-card-models-content-batunet:not([data-type]) .items .item h4  {   font-size: 13px;}
    #amex-card-models-content-batunet:not([data-type]) .items .item h5  {font-size: 10px;padding-right: 10px;height: 30px;line-height: 30px;}
    #amex-card-models-content-batunet:not([data-type]) .items .item h4 + h5 + h4  {font-size: 12px;}
    #amex-card-models-content-batunet:not([data-type]) .items .item .buttons-content  {flex-direction: column-reverse;}
    #amex-card-models-content-batunet:not([data-type]) .items .item .buttons-content a  {font-size : 12px;}
    #amex-card-models-content-batunet:not([data-type]) .items .item .buttons-content a + a  {margin-bottom:10px}
}

.service-info {
    max-width: calc(min(550px, 85%));
    height: 370px;
    max-height: 410px;
}

#amex-card-models-content-batunet:not([data-type]) {
    position: relative;
    padding-top: 0
}

@media (min-width: 1024px) {
    #amex-card-models-content-batunet:not([data-type]) {
        top:-125px;
        margin-bottom: -125px;
        padding: 0 12px
    }
}

/* tabelle */
.kk-tabelle-cta {
margin-bottom: 15px;
    overflow: auto;
}

.kk-tabelle-cta .text-center {
text-align: center;
}

.kk-tabelle-cta .kk-cta-content {
/*background: var(--c-grey);*/
/*border-radius: var(--r-md);*/
padding: 10px;
}

.kk-tabelle-cta .cta-item {
background: #ffffff;
border-radius: var(--r-lg);
padding: 15px;
margin-bottom: 15px;
border: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: var(--shadow-sm);
}

.kk-tabelle-cta .cta-item p {
margin-bottom: 5px;
color: rgba(0,0,0,0.42);
font-size: 18px;
max-width: 100%;
}

.kk-tabelle-cta .cta-item p span {
font-size: 12px;
}

.kk-tabelle-cta .cta-item h3 {
margin: 0;
text-align: center;
min-width: 100%;
}

.kk-tabelle-cta .cta-item .data-content {
display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.kk-tabelle-cta .cta-item .data-content h3 {
display: none;
}

.kk-tabelle-cta .cta-item .data-content .img-content {
display: flex;
align-items: center;
flex: 1;
}

.kk-tabelle-cta .cta-item .data-content .img-content img {
width: 250px;
}

.kk-tabelle-cta .cta-item .data-content .list-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 18px;
flex: 1;
}

.kk-tabelle-cta .cta-item .data-content .list-content p {
margin: 0 0 9px;
color: var(--c-text);
font-size: 16px;
font-weight: 600;
}

.kk-tabelle-cta .cta-item .data-content .list-content ul {
margin: 0;
padding: 0 0 0 20px;
}

.kk-tabelle-cta .cta-item .data-content .list-content ul li {
font-size: 14px;
line-height: 22px;
}

.kk-tabelle-cta .cta-item .data-content .buttons-content {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
min-height: 100%;
text-align: center;
margin-left: auto;
max-width: 260px;
flex: 0 auto;
}

/* CI: btn btn-primary / btn-secondary übernehmen – Fallback-Styles bleiben erhalten */
/* btn btn-primary / btn-secondary übernehmen Farbe, Radius, Hintergrund */
/* Template-spezifische Overrides: */
.kk-tabelle-cta .cta-item .data-content .buttons-content a {
margin-left: 15px;
}
.kk-tabelle-cta .cta-item .data-content .buttons-content a:first-child {
color:white;
}
.kk-tabelle-cta .cta-item .data-content .buttons-content a + a {
margin-top: 25px;
}

@media (max-width: 720px) {
.kk-tabelle-cta .kk-cta-content {
    background: transparent;
}

.kk-tabelle-cta .cta-item h3 {
    display: none;
}

.kk-tabelle-cta .cta-item .data-content h3 {
    margin: 0.6rem 0;
    display: block;
}

.kk-tabelle-cta .cta-item p {
    text-align: center;
}

.kk-tabelle-cta .cta-item .list-content p {
    text-align: start;
    font-size: 14px;
}

.kk-tabelle-cta .cta-item .data-content .img-content,
.kk-tabelle-cta .cta-item .data-content .img-content img {
    width: 100%;
    max-width: 300px;
}

.kk-tabelle-cta .cta-item ul {
    margin: 0.6rem 0;
}

.kk-tabelle-cta .cta-item .data-content {
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
.kk-tabelle-cta .cta-item .data-content .list-content {
margin-right:auto;
}
.kk-tabelle-cta .cta-item .data-content .list-content ul li:before {
    width: 25px;
    height: 18px;
    background-size: 18px;
}

.kk-tabelle-cta .cta-item .data-content .list-content ul li {
    font-size: 11px;
}

.kk-tabelle-cta .cta-item .data-content .list-content + .list-content {
    display: none;
}

.kk-tabelle-cta .cta-item .data-content .buttons-content {
    width: 100%;
    max-width: 300px;
    margin-right: auto;
}

.kk-tabelle-cta .cta-item .data-content .buttons-content a {
    width: 100%;
    margin: 0;
    padding: 5px 16px;
    border-radius: var(--r-pill);
}

.kk-tabelle-cta .cta-item .data-content .buttons-content a + a {
    margin-top: 15px;
    border-radius: var(--r-pill);
}

.kk-tabelle-cta .cta-item p span {
    font-size: 9px;
}
}


.item_v2 h3 {text-align: center;font-size: 22px;font-weight: 600;line-height: 28px;margin: 30px 0;width: 100%;max-width: 100%;}
.content_v2 {display: flex;/*margin: 0 -18px;*/justify-content: center;}
.item_v2 {flex: 1;margin: 18px;padding: 18px;border: 1px solid var(--c-border);border-radius: var(--r-md);background: var(--c-grey); max-width: calc(25% - 36px); display: flex;flex-direction: column;}
.item_v2 .img-content {}
.item_v2 .img-content img  {width:100%}
.item_v2 h4 {font-size: 16px;font-weight: 600;line-height: 30px;min-height: 60px;margin: 20px 0 5px;}
#amex-card-models-content-batunet[data-type=amex-card-models-content-Insurance] div+h4 {font-size: 18px;font-weight: 700;min-height: 60px;}
#amex-card-models-content-batunet[data-type=amex-card-models-content-Insurance] h5 {padding-right:10px;    font-size: 14px;}
.item_v2 h5 { display: inline-block; background: var(--c-main-1); color: white; padding: 0 2px 0 18px; margin-left: -18px;    margin-right: -13px; margin-bottom: 12px; border-top-right-radius: var(--r-md); border-bottom-right-radius: var(--r-md); height: 43px; line-height: 43px; font-size: 12px!important; font-weight: 400; /*letter-spacing: 0.05em;*/}
.item_v2 h5 a {color:inherit;text-decoration: inherit;}
.item_v2 h4 + h5 + h4 {font-size: 14px;border: none;margin: 0 0 5px;    min-height: auto;}
.item_v2 .features {    min-height: 240px;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;margin: -6px -4px;border-bottom: 1px solid black;padding-bottom: 10px;margin-bottom: 15px;}
.item_v2 .features span, .item_v2 .detail-list li {background: #ffffff;font-size: 14px;font-weight: 400;padding: 2px 8px;border-radius: var(--r-md);margin: 6px 4px!important; word-break: break-word;}
.item_v2 .detail-list {padding: 0;margin: 0 0 15px;display: block;list-style: none;}
.item_v2 .detail-list li {font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: 0.05em;text-align: left;margin: 0;font-size: 80%;}
.item_v2 .detail-list li:before {display: none;}
.item_v2 .detail-list li span {float: right; font-size: 80%;}
.item_v2 .buttons-content {display: flex;margin: auto -5px 0;}
/* CI: btn btn-primary / btn-secondary übernehmen – Fallback-Styles bleiben erhalten */
.item_v2 .buttons-content a {color: var(--c-text);background: white;padding: 5px;text-align: center;flex: 1;margin: 0 5px;font-size: 14px;text-decoration: none;border-radius: var(--r-md);}
.item_v2 .buttons-content a.blue {background: var(--g-1);color: white;}
#amex-card-models-content-batunet[data-type].wide-image .kk-cta-content {
    background: transparent;
}

#amex-card-models-content-batunet[data-type].wide-image .kk-cta-content .item_v2 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#amex-card-models-content-batunet[data-type].wide-image .item_v2 .img-content img {
    width: calc(100% + 38px);
    margin: -19px -19px 0;
    max-width: calc(100% + 38px);
}
@media (min-width: 1024px) {
    #amex-card-models-content-batunet[data-type].wide-image {
        top:-125px;
        margin-bottom: -125px;
        position:relative;
    }
}

.service-info {
    max-width: calc(min(550px, 85%));
    height: 370px;
    max-height: 410px;
}

@media (max-width: 768px) {
    .item_v2 h3  {margin: 16px 0;}
    .content_v2 {/*margin: 0 -8px;*//*flex-wrap: wrap;*/justify-content: flex-start;}
    .item_v2 {margin: 8px;padding: 14px;width: calc(50% - 16px);max-width: calc(70% - 16px);flex: 0 0 65%;}
    .item_v2 .features {     min-height: 210px;}
    .item_v2 .features span {    font-size: 9.6px;padding: 2px 7px;}
    .item_v2 .detail-list li {    font-size: 61%;}
    .item_v2 h4 {   font-size: 13px;}
   .item_v2 h5 {font-size: 10px!important;/*padding-right: 10px;*/height: 30px;line-height: 30px;}
    .item_v2 h4 + h5 + h4 {font-size: 16px !important;}
    .item_v2 .buttons-content {flex-direction: column-reverse;}
    .item_v2 .buttons-content a {font-size : 12px;}
    .item_v2 .buttons-content a + a {margin-bottom:10px}
}

@media (max-width: 440px) {
    .item_v2 {padding: 10px;}
    .item_v2 h4 {
        font-size: 16px !important;
        line-height: 20px !important;
        min-height: 40px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .item_v2 h5 {
        margin-left: -14px;
        margin-right: -9px;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

}