.elementor-1236 .elementor-element.elementor-element-39a9236f:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-39a9236f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1236 .elementor-element.elementor-element-39a9236f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 60px 30px 60px;}.elementor-1236 .elementor-element.elementor-element-39a9236f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1236 .elementor-element.elementor-element-4df894c8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-icon-list-item > a{font-size:14px;}.elementor-1236 .elementor-element.elementor-element-4df894c8 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-1236 .elementor-element.elementor-element-49f8193e{text-align:start;}.elementor-1236 .elementor-element.elementor-element-49f8193e .elementor-heading-title{font-size:36px;font-weight:700;}.elementor-1236 .elementor-element.elementor-element-7f82622{font-size:17px;line-height:1.8em;color:#555;}.elementor-1236 .elementor-element.elementor-element-16c64c1{font-size:13px;color:#202020;}.elementor-1236 .elementor-element.elementor-element-611be43e:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-611be43e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F1FB;}.elementor-1236 .elementor-element.elementor-element-611be43e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:24px 60px 24px 60px;}.elementor-1236 .elementor-element.elementor-element-611be43e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1236 .elementor-element.elementor-element-657bf7f3 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-1236 .elementor-element.elementor-element-657bf7f3 .elementor-icon{font-size:0px;}.elementor-1236 .elementor-element.elementor-element-657bf7f3 .elementor-icon-box-title, .elementor-1236 .elementor-element.elementor-element-657bf7f3 .elementor-icon-box-title a{font-size:15px;}.elementor-1236 .elementor-element.elementor-element-657bf7f3 .elementor-icon-box-title{color:#0C447C;}.elementor-1236 .elementor-element.elementor-element-657bf7f3 .elementor-icon-box-description{color:#4A7FAD;}.elementor-1236 .elementor-element.elementor-element-5de05cd5 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-1236 .elementor-element.elementor-element-5de05cd5 .elementor-icon{font-size:0px;}.elementor-1236 .elementor-element.elementor-element-5de05cd5 .elementor-icon-box-title, .elementor-1236 .elementor-element.elementor-element-5de05cd5 .elementor-icon-box-title a{font-size:15px;}.elementor-1236 .elementor-element.elementor-element-5de05cd5 .elementor-icon-box-title{color:#0C447C;}.elementor-1236 .elementor-element.elementor-element-5de05cd5 .elementor-icon-box-description{color:#4A7FAD;}.elementor-1236 .elementor-element.elementor-element-1ce3f2f8 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-1236 .elementor-element.elementor-element-1ce3f2f8 .elementor-icon{font-size:0px;}.elementor-1236 .elementor-element.elementor-element-1ce3f2f8 .elementor-icon-box-title, .elementor-1236 .elementor-element.elementor-element-1ce3f2f8 .elementor-icon-box-title a{font-size:15px;}.elementor-1236 .elementor-element.elementor-element-1ce3f2f8 .elementor-icon-box-title{color:#0C447C;}.elementor-1236 .elementor-element.elementor-element-1ce3f2f8 .elementor-icon-box-description{color:#4A7FAD;}.elementor-1236 .elementor-element.elementor-element-23d2d624 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-1236 .elementor-element.elementor-element-23d2d624 .elementor-icon{font-size:0px;}.elementor-1236 .elementor-element.elementor-element-23d2d624 .elementor-icon-box-title, .elementor-1236 .elementor-element.elementor-element-23d2d624 .elementor-icon-box-title a{font-size:15px;}.elementor-1236 .elementor-element.elementor-element-23d2d624 .elementor-icon-box-title{color:#0C447C;}.elementor-1236 .elementor-element.elementor-element-23d2d624 .elementor-icon-box-description{color:#4A7FAD;}.elementor-1236 .elementor-element.elementor-element-6160520f:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-6160520f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D6B3A;}.elementor-1236 .elementor-element.elementor-element-6160520f{overflow:visible;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:14px 40px 14px 40px;}.elementor-1236 .elementor-element.elementor-element-6160520f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1236 .elementor-element.elementor-element-2b1a3102.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1236 .elementor-element.elementor-element-2b1a3102.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1236 .elementor-element.elementor-element-2468e092{text-align:start;}.elementor-1236 .elementor-element.elementor-element-2468e092 .elementor-heading-title{font-size:21px;font-weight:700;color:#FFFFFF;}.elementor-1236 .elementor-element.elementor-element-18127b32{color:#FFFFFF;}.elementor-bc-flex-widget .elementor-1236 .elementor-element.elementor-element-4d289718.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-1236 .elementor-element.elementor-element-4d289718.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-1236 .elementor-element.elementor-element-31c74bd8 .elementor-button{background-color:#FFFFFF;fill:#1D6B3A;color:#1D6B3A;border-radius:6px 6px 6px 6px;}.elementor-1236 .elementor-element.elementor-element-16ef6192:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-16ef6192 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1236 .elementor-element.elementor-element-16ef6192{border-style:solid;border-width:0px 0px 1px 0px;border-color:#EEEEEE;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 60px 20px 60px;}.elementor-1236 .elementor-element.elementor-element-16ef6192 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1236 .elementor-element.elementor-element-1b5c6861{--e-rating-icon-font-size:22px;}.elementor-1236 .elementor-element.elementor-element-1c110a69{font-size:14px;line-height:1.8em;color:#555;}.elementor-1236 .elementor-element.elementor-element-6558f6d9:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-6558f6d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1236 .elementor-element.elementor-element-6558f6d9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 60px 20px 60px;}.elementor-1236 .elementor-element.elementor-element-6558f6d9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1236 .elementor-element.elementor-element-3e142893{text-align:start;}.elementor-1236 .elementor-element.elementor-element-3e142893 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-1236 .elementor-element.elementor-element-14c95f19{font-size:16px;line-height:1.8em;}.elementor-1236 .elementor-element.elementor-element-125734c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 25px;--row-gap:10px;--column-gap:25px;--padding-top:20px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-1236 .elementor-element.elementor-element-125734c7:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-125734c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1236 .elementor-element.elementor-element-3e4e474a{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1236 .elementor-element.elementor-element-3e4e474a:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-3e4e474a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF3DE;}.elementor-1236 .elementor-element.elementor-element-5a83bdfd{text-align:start;}.elementor-1236 .elementor-element.elementor-element-5a83bdfd .elementor-heading-title{font-size:16px;font-weight:700;color:#27500A;}.elementor-1236 .elementor-element.elementor-element-fb4d097{font-size:15px;line-height:1.8em;color:#27500A;}.elementor-1236 .elementor-element.elementor-element-15ae523c{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1236 .elementor-element.elementor-element-15ae523c:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-15ae523c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCEBEB;}.elementor-1236 .elementor-element.elementor-element-7d525dd3{text-align:start;}.elementor-1236 .elementor-element.elementor-element-7d525dd3 .elementor-heading-title{font-size:16px;font-weight:700;color:#791F1F;}.elementor-1236 .elementor-element.elementor-element-62245a28{font-size:15px;line-height:1.8em;color:#791F1F;}.elementor-1236 .elementor-element.elementor-element-6284feff:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-6284feff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1236 .elementor-element.elementor-element-6284feff{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 60px 30px 60px;}.elementor-1236 .elementor-element.elementor-element-6284feff > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1236 .elementor-element.elementor-element-143f45ad{text-align:start;}.elementor-1236 .elementor-element.elementor-element-143f45ad .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-1236 .elementor-element.elementor-element-5df5d3ce{font-size:16px;line-height:1.8em;color:#555;}.elementor-1236 .elementor-element.elementor-element-6c5e90fa:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-6c5e90fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1236 .elementor-element.elementor-element-6c5e90fa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 60px 8px 60px;}.elementor-1236 .elementor-element.elementor-element-6c5e90fa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1236 .elementor-element.elementor-element-8910c9b{text-align:start;}.elementor-1236 .elementor-element.elementor-element-8910c9b .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-1236 .elementor-element.elementor-element-118ce5b:not(.elementor-motion-effects-element-type-background), .elementor-1236 .elementor-element.elementor-element-118ce5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1236 .elementor-element.elementor-element-118ce5b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 60px 40px 60px;}.elementor-1236 .elementor-element.elementor-element-118ce5b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1236 .elementor-element.elementor-element-11e34d50{text-align:start;}.elementor-1236 .elementor-element.elementor-element-11e34d50 .elementor-heading-title{font-size:22px;font-weight:700;}@media(min-width:768px){.elementor-1236 .elementor-element.elementor-element-226f4f2b{width:23.906%;}.elementor-1236 .elementor-element.elementor-element-2b1a3102{width:46.055%;}}@media(max-width:767px){.elementor-1236 .elementor-element.elementor-element-39a9236f{padding:20px 20px 20px 20px;}.elementor-1236 .elementor-element.elementor-element-611be43e{padding:20px 20px 20px 20px;}.elementor-1236 .elementor-element.elementor-element-6160520f{padding:20px 20px 20px 20px;}.elementor-1236 .elementor-element.elementor-element-226f4f2b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1236 .elementor-element.elementor-element-4d289718.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1236 .elementor-element.elementor-element-6558f6d9{padding:20px 20px 20px 20px;}.elementor-1236 .elementor-element.elementor-element-125734c7{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1236 .elementor-element.elementor-element-6c5e90fa{padding:20px 20px 20px 20px;}.elementor-1236 .elementor-element.elementor-element-118ce5b{padding:20px 20px 20px 20px;}}/* Start custom CSS *//*
 * karten-styles.css
 * Generiert für goyub.de Kreditkarten-Landingpages.
 *
 * VERWENDUNG:
 *   Einmalig einfügen via WPCode (Add Snippet > CSS Snippet >
 *   "Auto Insert" > "Site Wide Header").
 *   Danach laden alle 22 Kreditkarten-Seiten diese Styles automatisch.
 *
 * WARUM EXTERN:
 *   <style>-Tags in ACF-Feldern werden von WordPress per wp_kses_post
 *   gestrippt, sobald der speichernde User keine unfiltered_html-Capability
 *   besitzt. Deshalb gehoert das CSS in ein gesondertes Asset, nicht in die
 *   ACF-Zellen.
 */

/* Kreditkarten-Kachel mit 3D-Effekt */
.kk-outer{perspective:1000px;max-width:340px;width:100%;margin:0 auto}
.kk-card{border-radius:14px;padding:16px 18px 18px;position:relative;overflow:hidden;transform:rotateX(4deg) rotateY(-2deg);transform-style:preserve-3d;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;aspect-ratio:1.586;width:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}
.kk-card:hover{transform:rotateX(1deg) rotateY(0deg) translateY(-4px)}
.kk-card::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255,255,255,0.07);border-radius:14px 14px 60% 60%;pointer-events:none}
.kk-top{display:flex;justify-content:space-between;align-items:flex-start}
.kk-chip{width:30px;height:22px;background:linear-gradient(135deg,rgba(255,255,255,0.35),rgba(255,255,255,0.15));border-radius:4px;border:1px solid rgba(255,255,255,0.2)}
.kk-bank{font-size:20px;font-weight:600;color:rgba(255,255,255,0.9);font-family:Arial}
.kk-name{font-size:18px;font-weight:700;color:#fff;font-family:Arial;margin-bottom:3px}
.kk-net{font-size:9px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1.5px;font-family:Arial}

/* Vergleichstabelle */
.vt{font-family:Arial,sans-serif;width:100%}
.vt-head{display:grid;grid-template-columns:180px repeat(3,1fr)}
.vt-head-cell{padding:14px 12px;text-align:center;font-size:13px;font-weight:700}
.vt-head-cell.current{background:#1A4F8A;color:#fff;border-radius:10px 10px 0 0}
.vt-head-cell.alt{background:#F8FAFC;color:#444;border-radius:10px 10px 0 0;border:1px solid #E8E8E8;border-bottom:none}
.vt-row{display:grid;grid-template-columns:180px repeat(3,1fr)}
.vt-cell{padding:12px;font-size:13px;border-left:1px solid #E8E8E8;border-top:1px solid #E8E8E8;text-align:center;color:#333}
.vt-cell:last-child{border-right:1px solid #E8E8E8}
.vt-row:last-child .vt-cell{border-bottom:1px solid #E8E8E8}
.vt-cell.label{text-align:left;font-weight:600;color:#555;background:#FAFAFA;font-size:12px}
.vt-cell.current{background:#EEF4FF;border-left:2px solid #1A4F8A;border-right:2px solid #1A4F8A;font-weight:600}
.vt-row:last-child .vt-cell.current{border-bottom:2px solid #1A4F8A}
.vt-badge{display:inline-block;background:#E6F1FB;color:#0C447C;font-size:10px;font-weight:600;padding:2px 8px;border-radius:5px;margin-bottom:4px}
.vt-cta-row{display:grid;grid-template-columns:180px repeat(3,1fr);margin-top:10px}
.vt-cta-cell{padding:0 6px}
.vt-btn{display:block;padding:10px;border-radius:7px;text-align:center;font-size:12px;font-weight:700;text-decoration:none}
.vt-btn.primary{background:#1D6B3A;color:#fff}
.vt-btn.secondary{background:#fff;color:#1A4F8A;border:1.5px solid #1A4F8A}

/* Content-Container (hauptcontent) */
.kk-content{max-width:780px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2c3e50;line-height:1.7;font-size:16px}
.kk-content h2{font-size:26px;font-weight:700;color:#1A4F8A;margin:44px 0 14px;padding-bottom:10px;border-bottom:2px solid #EAEFF5;letter-spacing:-0.3px}
.kk-content h2:first-child{margin-top:0}
.kk-content h3{font-size:18px;font-weight:600;color:#2c3e50;margin:28px 0 10px}
.kk-content p{margin:0 0 16px}
.kk-content strong{color:#1A4F8A;font-weight:600}
.kk-content em{font-style:italic;color:#555}
.kk-content ul{margin:14px 0 22px;padding-left:0;list-style:none}
.kk-content ul li{position:relative;padding:6px 0 6px 26px;margin:0}
.kk-content ul li::before{content:'';position:absolute;left:6px;top:14px;width:8px;height:8px;background:#1A4F8A;border-radius:50%}
.kk-content ul li strong{color:#1A4F8A}

/* Rechenbeispiel - die Summenzeile visuell hervorheben */
.kk-content ul li:last-child strong{font-size:17px}

/* FAQ-Sektion */
.kk-faq{max-width:780px;margin:40px auto 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.kk-faq h2{font-size:26px;font-weight:700;color:#1A4F8A;margin:0 0 24px;padding-bottom:10px;border-bottom:2px solid #EAEFF5}
.kk-faq h3{font-size:16px;font-weight:600;color:#1A4F8A;margin:0;padding:16px 20px;background:#F8FAFC;border-radius:8px 8px 0 0;border:1px solid #EAEFF5;border-bottom:none}
.kk-faq p{font-size:15px;color:#444;line-height:1.65;margin:0;padding:14px 20px 18px;background:#fff;border:1px solid #EAEFF5;border-top:none;border-radius:0 0 8px 8px;margin-bottom:12px}

/* Vorteile - gruene Box */
.kk-pros{background:#F0F9F3;border-left:4px solid #1D6B3A;border-radius:8px;padding:18px 22px;margin:16px 0}
.kk-pros ul{margin:0;padding-left:0;list-style:none}
.kk-pros ul li{position:relative;padding:6px 0 6px 28px;color:#224C33;font-size:15px;line-height:1.55}
.kk-pros ul li::before{content:'\2713';position:absolute;left:0;top:5px;color:#1D6B3A;font-weight:700;font-size:16px}

/* Nachteile - rote Box */
.kk-cons{background:#FDF3F3;border-left:4px solid #A32D2D;border-radius:8px;padding:18px 22px;margin:16px 0}
.kk-cons ul{margin:0;padding-left:0;list-style:none}
.kk-cons ul li{position:relative;padding:6px 0 6px 28px;color:#5C2020;font-size:15px;line-height:1.55}
.kk-cons ul li::before{content:'\2717';position:absolute;left:0;top:5px;color:#A32D2D;font-weight:700;font-size:16px}

/* Zielgruppe - informativer Block */
.kk-target{background:#F8FAFC;border-left:4px solid #1A4F8A;border-radius:8px;padding:18px 22px;margin:16px 0;font-size:15px;line-height:1.65;color:#333}
.kk-target p{margin:0 0 10px}
.kk-target p:last-child{margin-bottom:0}

/* Responsive */
@media (max-width:768px){
  .kk-content,.kk-faq{padding:0 16px}
  .kk-content h2,.kk-faq h2{font-size:22px}
  .kk-content h3{font-size:16px}
  .kk-content p{font-size:15px}
}/* End custom CSS */