#kontakt{
    --oct-yellow:#FFE200;
    --oct-ink:#07111b;
    --oct-muted:#566272;
    --oct-soft:#eef2f5;
    --oct-line:rgba(7,17,27,.14);
    --oct-contact-motor:url('../img/bl2.png');

    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    min-height:100vh !important;
    padding:92px 28px 82px 28px !important;
    display:flex !important;
    align-items:center !important;
    font-family:'Roboto', Arial, sans-serif !important;
    color:var(--oct-ink) !important;
    background:
        radial-gradient(circle at 68% 46%, rgba(7,17,27,.045) 0%, rgba(7,17,27,.020) 22%, transparent 52%),
        radial-gradient(circle at 16% 22%, rgba(7,17,27,.050) 0%, transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f7f9fa 48%, #ffffff 100%) !important;
}

#kontakt,
#kontakt *{
    box-sizing:border-box !important;
}

#kontakt::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1800' height='900' viewBox='0 0 1800 900'%3E%3Cg fill='none'%3E%3Cpath d='M-80 130 C170 54 320 214 570 126 C820 38 1010 170 1245 90 C1480 10 1600 90 1880 34' stroke='%238ea0ad' stroke-opacity='.18' stroke-width='1.25'/%3E%3Cpath d='M-90 160 C170 82 325 242 575 154 C825 66 1015 198 1250 118 C1485 38 1605 118 1885 62' stroke='%238ea0ad' stroke-opacity='.13' stroke-width='1'/%3E%3Cpath d='M-90 190 C170 112 325 272 575 184 C825 96 1015 228 1250 148 C1485 68 1605 148 1885 92' stroke='%238ea0ad' stroke-opacity='.09' stroke-width='1'/%3E%3Cpath d='M-110 770 C155 680 340 850 610 754 C880 658 1030 810 1305 700 C1580 590 1650 730 1910 650' stroke='%238ea0ad' stroke-opacity='.17' stroke-width='1.25'/%3E%3Cpath d='M-110 812 C155 722 340 892 610 796 C880 700 1030 852 1305 742 C1580 632 1650 772 1910 692' stroke='%238ea0ad' stroke-opacity='.11' stroke-width='1'/%3E%3Cpath d='M-130 604 C170 548 372 640 662 590 C952 540 1120 640 1398 568 C1676 496 1735 556 1915 514' stroke='%23FFE200' stroke-opacity='.34' stroke-width='1.3'/%3E%3Cpath d='M-120 104 C170 70 392 132 662 96 C932 60 1120 142 1398 88 C1676 34 1760 84 1925 50' stroke='%23FFE200' stroke-opacity='.28' stroke-width='1.1'/%3E%3C/g%3E%3C/svg%3E") center center / cover no-repeat !important;
    opacity:1 !important;
}

#kontakt::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:
        radial-gradient(circle at 79% 12%, rgba(7,17,27,.05) 0 2px, transparent 2.4px),
        radial-gradient(circle at 8% 91%, rgba(7,17,27,.06) 0 2px, transparent 2.4px) !important;
    background-size:18px 18px, 18px 18px !important;
    background-position:right 90px top 54px, left 70px bottom 60px !important;
    background-repeat:no-repeat !important;
    opacity:.55 !important;
}

.oct-contact-wrap-v1{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:1600px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr) !important;
    gap:42px !important;
    align-items:center !important;
}

/* LEFT FORM CARD */
.oct-contact-card-v1{
    position:relative !important;
    min-height:560px !important;
    align-self:center !important;
    padding:42px 58px 56px 58px !important;
    border-radius:20px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.88)),
        repeating-linear-gradient(145deg, rgba(7,17,27,.028) 0px, rgba(7,17,27,.028) 1px, transparent 2px, transparent 13px) !important;
    border:1px solid rgba(7,17,27,.10) !important;
    box-shadow:
        0 28px 70px rgba(7,17,27,.16),
        0 1px 0 rgba(255,255,255,.95) inset !important;
    overflow:hidden !important;
}

.oct-contact-card-v1::before,
.oct-contact-card-v1::after{
    content:"" !important;
    position:absolute !important;
    width:70px !important;
    height:70px !important;
    pointer-events:none !important;
    opacity:1 !important;
}

.oct-contact-card-v1::before{
    right:18px !important;
    top:18px !important;
    border-top:2px solid var(--oct-yellow) !important;
    border-right:2px solid var(--oct-yellow) !important;
    border-radius:0 14px 0 0 !important;
}

.oct-contact-card-v1::after{
    left:18px !important;
    bottom:18px !important;
    border-left:2px solid var(--oct-yellow) !important;
    border-bottom:2px solid var(--oct-yellow) !important;
    border-radius:0 0 0 14px !important;
}

.oct-contact-kicker-v1{
    display:block !important;
    margin:0 0 14px 0 !important;
    color:var(--oct-yellow) !important;
    font-size:clamp(16px, 1.4vw, 20px) !important;
    line-height:1.3 !important;
    font-weight:500 !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase !important;
}

.oct-contact-kicker-v1::before{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
}

.oct-contact-title-v1{
    margin:0 0 18px 0 !important;
    color:var(--oct-ink) !important;
    font-size:clamp(34px, 4.2vw, 48px) !important;
    line-height:1.06 !important;
    font-weight:800 !important;
    letter-spacing:-0.6px !important;
    text-transform:none !important;
}

.oct-contact-title-v1::after{
    content:"" !important;
    display:block !important;
    width:46px !important;
    height:4px !important;
    margin:16px 0 0 0 !important;
    border-radius:999px !important;
    background:var(--oct-yellow) !important;
    box-shadow:none !important;
}

.oct-contact-lead-v1{
    margin:0 0 28px 0 !important;
    max-width:560px !important;
    color:#566272 !important;
    font-size:clamp(16px, 1.25vw, 18px) !important;
    line-height:1.65 !important;
    font-weight:400 !important;
}

.oct-contact-form-v1{
    position:relative !important;
    z-index:2 !important;
}

.oct-contact-grid-v1{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:16px 28px !important;
}

.oct-field-v1{
    position:relative !important;
}

.oct-field-v1.full{
    grid-column:1 / -1 !important;
}

.oct-field-v1 label{
    display:block !important;
    margin:0 0 5px 0 !important;
    color:#7a8490 !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
}

.oct-field-v1 input,
.oct-field-v1 textarea{
    width:100% !important;
    display:block !important;
    border:0 !important;
    border-bottom:1px solid rgba(7,17,27,.24) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--oct-ink) !important;
    font-size:16px !important;
    line-height:1.35 !important;
    padding:5px 0 7px 0 !important;
    outline:none !important;
    box-shadow:none !important;
    transition:border-color .25s ease, box-shadow .25s ease !important;
}

.oct-field-v1 textarea{
    min-height:64px !important;
    resize:vertical !important;
}

.oct-field-v1 input:focus,
.oct-field-v1 textarea:focus{
    border-bottom-color:var(--oct-yellow) !important;
    box-shadow:0 1px 0 var(--oct-yellow) !important;
}

.oct-contact-check-v1{
    display:flex !important;
    gap:14px !important;
    align-items:flex-start !important;
    margin:22px 0 22px 0 !important;
    color:#647080 !important;
    font-size:15px !important;
    line-height:1.48 !important;
}

.oct-contact-check-v1 a,
.oct-contact-check-v1 a.oct-contact-legal-link{
    color:#07111b !important;
    font-weight:900 !important;
    text-decoration:underline !important;
    text-decoration-thickness:2px !important;
    text-underline-offset:3px !important;
    text-decoration-color:#07111b !important;
}

.oct-contact-check-v1 a strong,
.oct-contact-check-v1 a.oct-contact-legal-link strong{
    font-weight:900 !important;
}

.oct-contact-check-v1 a:hover,
.oct-contact-check-v1 a.oct-contact-legal-link:hover{
    color:#07111b !important;
    text-decoration-color:var(--oct-yellow) !important;
}

.oct-contact-check-v1 input{
    width:22px !important;
    height:22px !important;
    margin:2px 0 0 0 !important;
    accent-color:var(--oct-yellow) !important;
    flex:0 0 auto !important;
}

.oct-contact-submit-v1{
    appearance:none !important;
    border:2px solid transparent !important;
    cursor:pointer !important;
    margin-top:8px !important;
    margin-bottom:8px !important;
    min-width:245px !important;
    height:56px !important;
    padding:0 18px 0 28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(246,248,250,.78)) padding-box,
        linear-gradient(135deg,
            rgba(255,255,255,.96) 0%,
            rgba(150,164,178,.58) 24%,
            rgba(255,226,0,.52) 48%,
            rgba(88,104,120,.46) 72%,
            rgba(255,255,255,.88) 100%
        ) border-box !important;
    color:#07111b !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.35px !important;
    text-transform:uppercase !important;
    border-radius:7px !important;
    box-shadow:
        0 16px 34px rgba(7,17,27,.12),
        0 1px 0 rgba(255,255,255,.85) inset,
        inset 4px 0 0 rgba(255,226,0,.95),
        inset 0 0 0 1px rgba(255,255,255,.62) !important;
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease !important;
}

.oct-contact-submit-v1:hover{
    transform:translateY(-3px) !important;
    border-color:transparent !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(250,251,252,.88)) padding-box,
        linear-gradient(135deg,
            rgba(255,255,255,1) 0%,
            rgba(180,194,207,.66) 22%,
            rgba(255,226,0,.82) 48%,
            rgba(97,113,130,.52) 74%,
            rgba(255,255,255,.94) 100%
        ) border-box !important;
    box-shadow:
        0 22px 44px rgba(7,17,27,.16),
        0 0 26px rgba(255,226,0,.20),
        0 1px 0 rgba(255,255,255,.92) inset,
        inset 4px 0 0 rgba(255,226,0,1),
        inset 0 0 0 1px rgba(255,255,255,.76) !important;
}

.oct-contact-submit-v1 span{
    width:34px !important;
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#07111b !important;
    color:#FFE200 !important;
    font-size:20px !important;
    line-height:1 !important;
    box-shadow:0 10px 22px rgba(7,17,27,.18) !important;
    transition:transform .28s ease, background .28s ease !important;
}

.oct-contact-submit-v1:hover span{
    transform:translateX(3px) !important;
    background:#0e1b29 !important;
}

.oct-contact-submit-v1:disabled{
    opacity:.55 !important;
    cursor:wait !important;
    transform:none !important;
}

.oct-contact-hp{
    position:absolute !important;
    left:-10000px !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

.oct-contact-status-v1{
    margin:0 0 14px 0 !important;
    padding:12px 14px !important;
    border-radius:8px !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
}

.oct-contact-status-v1.is-ok{
    color:#0f5132 !important;
    background:rgba(25,135,84,.12) !important;
    border:1px solid rgba(25,135,84,.28) !important;
}

.oct-contact-status-v1.is-error{
    color:#842029 !important;
    background:rgba(220,53,69,.10) !important;
    border:1px solid rgba(220,53,69,.28) !important;
}

/* RIGHT VISUAL */
.oct-contact-visual-v1{
    position:relative !important;
    min-height:700px !important;
    padding:42px 0 0 0 !important;
    display:grid !important;
    grid-template-rows:1fr auto !important;
    overflow:hidden !important;
}

.oct-contact-visual-main-v1{
    position:relative !important;
    min-height:520px !important;
}

.oct-contact-radar-v1{
    position:absolute !important;
    left:34% !important;
    top:50% !important;
    width:620px !important;
    height:620px !important;
    transform:translate(-50%,-50%) !important;
    border-radius:50% !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
        radial-gradient(circle, rgba(7,17,27,.030) 0%, transparent 48%),
        conic-gradient(from 35deg, transparent 0deg, transparent 24deg, rgba(255,226,0,.20) 35deg, transparent 48deg, transparent 112deg, rgba(7,17,27,.18) 124deg, transparent 138deg, transparent 220deg, rgba(145,160,172,.24) 236deg, transparent 252deg, transparent 360deg) !important;
    -webkit-mask:radial-gradient(circle, transparent 0%, transparent 48%, #000 49%, #000 50%, transparent 51%, transparent 58%, #000 59%, #000 59.7%, transparent 61%, transparent 70%, #000 71%, #000 72%, transparent 73%, transparent 100%) !important;
    mask:radial-gradient(circle, transparent 0%, transparent 48%, #000 49%, #000 50%, transparent 51%, transparent 58%, #000 59%, #000 59.7%, transparent 61%, transparent 70%, #000 71%, #000 72%, transparent 73%, transparent 100%) !important;
    opacity:.56 !important;
    animation:octContactRadarSpinV1 44s linear infinite !important;
}

.oct-contact-radar-v1::before{
    content:"" !important;
    position:absolute !important;
    inset:48px !important;
    border-radius:50% !important;
    border:1px dashed rgba(7,17,27,.13) !important;
}

.oct-contact-radar-v1::after{
    content:"" !important;
    position:absolute !important;
    inset:100px !important;
    border-radius:50% !important;
    border:1px solid rgba(7,17,27,.09) !important;
}

@keyframes octContactRadarSpinV1{
    from{ transform:translate(-50%,-50%) rotate(0deg); }
    to{ transform:translate(-50%,-50%) rotate(360deg); }
}

.oct-contact-motor-v1{
    position:absolute !important;
    left:34% !important;
    top:50% !important;
    width:min(300px, 24vw) !important;
    transform:translate(-50%,-50%) !important;
    z-index:3 !important;
    filter:drop-shadow(0 28px 42px rgba(7,17,27,.18)) !important;
}

.oct-contact-motor-v1 img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
}

.oct-contact-copy-v1{
    position:absolute !important;
    right:125px !important;
    top:50% !important;
    width:min(390px, 42%) !important;
    transform:translateY(-50%) !important;
    z-index:4 !important;
}

.oct-contact-claim-v1{
    margin:0 !important;
    color:var(--oct-ink) !important;
    font-size:38px !important;
    line-height:1.16 !important;
    font-weight:900 !important;
    letter-spacing:-.45px !important;
    text-transform:uppercase !important;
}

.oct-contact-claim-v1 strong{
    position:relative !important;
    display:inline-block !important;
    color:var(--oct-ink) !important;
    font-weight:900 !important;
}

.oct-contact-claim-v1 strong::after{
    display:none !important;
}

.oct-contact-copy-line-v1{
    display:block !important;
    width:68px !important;
    height:4px !important;
    margin:24px 0 28px 0 !important;
    background:var(--oct-yellow) !important;
}

.oct-contact-text-v1{
    margin:0 !important;
    max-width:390px !important;
    color:#3d4856 !important;
    font-size:18px !important;
    line-height:1.65 !important;
}

.oct-contact-info-v1{
    position:relative !important;
    z-index:5 !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    min-height:118px !important;
    border-top:1px solid rgba(7,17,27,.10) !important;
    background:rgba(255,255,255,.30) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

.oct-contact-info-item-v1{
    position:relative !important;
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) !important;
    gap:17px !important;
    align-items:center !important;
    width:min(100%, 390px) !important;
    margin-right:125px !important;
    padding:24px 22px !important;
    border-left:1px solid rgba(7,17,27,.10) !important;
}

.oct-contact-info-item-v1 + .oct-contact-info-item-v1{
    border-left:0 !important;
}

.oct-contact-info-icon-v1{
    width:54px !important;
    height:54px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,226,0,.55) !important;
    color:#07111b !important;
    background:rgba(255,255,255,.62) !important;
}

.oct-contact-info-icon-v1 svg{
    width:26px !important;
    height:26px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2.2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

.oct-contact-info-label-v1{
    display:block !important;
    margin:0 0 5px 0 !important;
    color:#7c8794 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.7px !important;
    text-transform:uppercase !important;
}

.oct-contact-info-value-v1{
    display:block !important;
    color:#24303d !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
}

.oct-contact-info-value-v1 a{
    color:#24303d !important;
    text-decoration:none !important;
    font-weight:700 !important;
    transition:color .25s ease !important;
}

.oct-contact-info-value-v1 a:hover{
    color:#07111b !important;
    text-decoration:underline !important;
    text-decoration-color:#FFE200 !important;
    text-decoration-thickness:2px !important;
    text-underline-offset:4px !important;
}

@media(max-width:1280px){
    .oct-contact-wrap-v1{
        grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr) !important;
        gap:28px !important;
    }

    .oct-contact-card-v1{
        padding:40px 42px 52px 42px !important;
    }

    .oct-contact-title-v1{
        font-size:38px !important;
    }

    .oct-contact-claim-v1{
        font-size:32px !important;
    }

    .oct-contact-copy-v1{
        right:50px !important;
    }

    .oct-contact-info-item-v1{
        margin-right:50px !important;
    }
}

@media(max-width:991px){
    #kontakt{
        min-height:0 !important;
        padding:70px 18px !important;
    }

    .oct-contact-wrap-v1{
        grid-template-columns:1fr !important;
        max-width:780px !important;
    }

    .oct-contact-card-v1,
    .oct-contact-visual-v1{
        min-height:auto !important;
    }

    .oct-contact-visual-main-v1{
        min-height:560px !important;
    }

    .oct-contact-copy-v1{
        right:70px !important;
        width:46% !important;
    }

    .oct-contact-info-v1{
        justify-content:flex-start !important;
    }

    .oct-contact-info-item-v1{
        width:100% !important;
        margin-right:0 !important;
        border-left:0 !important;
    }
}

@media(max-width:640px){
    .oct-contact-card-v1{
        padding:34px 22px 46px 22px !important;
        border-radius:16px !important;
    }

    .oct-contact-title-v1{
        font-size:32px !important;
    }

    .oct-contact-lead-v1{
        font-size:16px !important;
        margin-bottom:22px !important;
    }

    .oct-contact-grid-v1{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .oct-contact-submit-v1{
        width:100% !important;
    }

    .oct-contact-visual-main-v1{
        min-height:610px !important;
    }

    .oct-contact-radar-v1{
        left:50% !important;
        top:34% !important;
        width:420px !important;
        height:420px !important;
    }

    .oct-contact-motor-v1{
        left:50% !important;
        top:34% !important;
        width:min(240px, 58vw) !important;
    }

    .oct-contact-copy-v1{
        left:0 !important;
        right:auto !important;
        top:auto !important;
        bottom:0 !important;
        width:100% !important;
        transform:none !important;
        text-align:left !important;
    }

    .oct-contact-claim-v1{
        font-size:28px !important;
    }
}