.vt-runtime-select-wrapper {
    margin-bottom: 14px;
}

.vt-runtime-select {
    width: 205px;
/* old
    background: rgba(10,20,50,0.9);
    border: 1px solid rgba(80,140,255,0.35);
    border-radius: 14px;
    padding: 14px 18px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    outline: none;
    transition: all 0.2s ease;
*/
    background: #0F172A;
   
    border-radius: 12px;
    border: 1px solid rgba(80,140,255,0.4);
    color: #42a5ff;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

/*
.vt-runtime-select:hover {
    border-color: rgba(90,160,255,0.8);
}
*/
.vt-runtime-select:hover {
    background: rgba(66,165,255,0.08);
    border-color: rgba(66,165,255,0.8);
    color: #6db8ff;
}




.vt-runtime-select:focus {
    border-color: #4ea1ff;
    box-shadow: 0 0 0 3px rgba(78,161,255,0.15);
}

.vt-selection-description {
    margin-top: 10px;
    color: rgba(255,255,255,0.72);
    font-size: 15px;
    line-height: 1.5;
}

.vt-selection-empty-text {
    color: rgba(255,255,255,0.65);
}

.vt-select-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 12px;
    border: 1px solid rgba(80,140,255,0.4);
    color: #42a5ff;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.vt-select-button:hover {
    background: rgba(66,165,255,0.08);
    border-color: rgba(66,165,255,0.8);
    color: #6db8ff;
}

.vt-selection-title {
    max-width: 520px;
    line-height: 1.4;

}

.vt-selection-hosting-set {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #fff  !important;
}


.vt-selection-hosting-unset {
    /*font-size: 22px;
    font-weight: 700;*/
    color: rgba(255,255,255,0.65);
}


.vt-runtime-info {
    margin-top: 10px;
    font-size: 14px;
    color: rgba(255,255,255,0.65);
}

.vt-runtime-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(80,140,255,0.12);
    color: #8ec5ff;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 12px;
}

.vt-selection-description {
    color: rgba(255,255,255,0.82);
}
.vt-runtime-select {
    width: 205px;
    padding: 10px 14px;
    font-size: 14px;
}

/***********************************/
/* ICONS */


.vt-selection-icon {
    width: 64px;
    height: 64px;

    border-radius: 18px;

    background:
        linear-gradient(
            180deg,
            rgba(33,63,138,0.85) 0%,
            rgba(20,39,90,0.85) 100%
        );

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

    flex-shrink: 0;
}

.vt-selection-icon svg {
    width: 34px;
    height: 34px;

    stroke: #69a7ff;
    stroke-width: 1.8;

    fill: none;
}


/*********************************/
/* Summary */
.vt-summary-bar {

    margin-top: 28px;

    background:
        linear-gradient(
            180deg,
            rgba(10,22,58,0.96) 0%,
            rgba(8,18,48,0.96) 100%
        );

    border:
        1px solid rgba(70,120,255,0.12);

    border-radius: 28px;

    padding: 28px 34px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vt-summary-left {
    display: flex;
    align-items: center;
    gap: 22px;
}

.vt-summary-icon {
    width: 72px;
    height: 72px;

    border-radius: 20px;

    background:
        linear-gradient(
            180deg,
            rgba(33,63,138,0.9) 0%,
            rgba(20,39,90,0.9) 100%
        );

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

.vt-summary-icon svg {
    width: 38px;
    height: 38px;

    stroke: #69a7ff;
    stroke-width: 1.8;

    fill: none;
}

.vt-summary-title {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
}

.vt-summary-subtitle {
    margin-top: 6px;

    color: rgba(255,255,255,0.7);

    font-size: 22px;
}

.vt-summary-price {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
}


.vt-upsell-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vt-upsell-card{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:24px;
    margin-bottom:18px;

    background:rgba(15,24,58,.72);
    border:1px solid rgba(80,120,255,.12);
    border-radius:24px;
}

.vt-upsell-left{
    display:flex;
    gap:18px;
    align-items:flex-start;
}

.vt-upsell-right{
    display:flex;
    align-items:center;
    gap:20px;
}

.vt-upsell-price{
    font-weight:700;
    color:#fff;
    min-width:80px;
    text-align:right;
}


.vt-upsells-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.vt-selection-section{
    margin-top:32px;
}

.vt-section-title{
    margin-bottom:24px;
}
.vt-upsell-section{
    margin-top:32px;
    padding:34px;
}


.vt-switch{
    position:relative;
    display:inline-block;

    width:54px;
    height:30px;

    flex-shrink:0;
}

.vt-switch input{
    opacity:0;
    width:0;
    height:0;
}

.vt-slider{

    position:absolute;
    inset:0;

    cursor:pointer;

    background:
        rgba(255,255,255,0.14);

    border:
        1px solid rgba(255,255,255,0.08);

    border-radius:999px;

    transition:all .25s ease;

    overflow:hidden;
}

.vt-slider::before{

    content:"";

    position:absolute;

    width:22px;
    height:22px;

    left:3px;
    top:3px;

    border-radius:50%;

    background:#ffffff;

    transition:transform .25s ease;

    box-shadow:
        0 4px 10px rgba(0,0,0,.35);
}

.vt-switch input:checked + .vt-slider{

    background:
        linear-gradient(
            180deg,
            #3291ff 0%,
            #0066ff 100%
        );

    box-shadow:
        0 0 14px rgba(50,145,255,.35);
}

.vt-switch input:checked + .vt-slider::before{
    transform:translateX(24px);
}



.vt-order-card{
    background:
        rgba(9,22,61,.92);

    border:
        1px solid rgba(80,120,255,.12);

    border-radius:28px;

    padding:34px;
}


.vt-order-card table{
    width:100%;
    border-collapse:collapse;
}

.vt-order-card th,
.vt-order-card td{
    padding:18px 0;
    border-bottom:
        1px solid rgba(255,255,255,.08);

    color:#fff;
}

.vt-order-card .product-total,
.vt-order-card td:last-child{
    text-align:right;
}


.vt-card{
    width:100%;
}

.vt-checkout-main{
    min-width:0;
    width: 100%;
}

.vt-checkout-sidebar{
	position:sticky;
	top:120px;
	align-self:start;
	width:420px;
}


.vt-checkout-wrapper {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	padding: 0 24px;
}

.vt-checkout-container{
	width:100%;
	max-width:1320px;
	margin:0 auto;
	padding:0 24px;
}

.vt-checkout-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 420px;
	gap:36px;
	align-items:start;
	max-width:1320px;
	margin:0 auto;
	padding:0 24px;
}

.elementor-container,
.e-con-inner{
	max-width:1320px !important;
}


.shop_table thead{
    display:none;
}

.shop_table,
.shop_table tr,
.shop_table td{
    border:none !important;
}

.shop_table tbody th,
.shop_table tbody tr{
    border-bottom:1px solid rgba(255,255,255,.06);
}

.shop_table tfoot tr,
.shop_table tfoot th{
    border:1px solid rgba(255,255,255,.06);
}

.shop_table td{
    padding:14px 0;
    font-size:15px;
}
.cart-subtotal td,
.cart-subtotal th{
    font-weight:500;
    opacity:.78;
    padding-top:18px;
}

.order-total td,
.order-total th{
    font-size:28px;
    font-weight:700;
    padding-top:22px;
}

.order-total td,
.order-total th{
    font-size:20px;
    font-weight:600;
}

.shop_table tbody tr{
    line-height:1.6;
}

.order-total th,
.order-total td{
    padding-top:26px !important;
}


.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{
    padding-top:18px;
    padding-bottom:10px;
    font-weight:500;
    opacity:.82;
    border-top:1px solid rgba(255,255,255,.08) !important;
}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td{
    font-size:20px;
    font-weight:700;
    opacity:1;
    padding-top:28px;
    border-top:1px solid rgba(255,255,255,.12) !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;

}

.woocommerce-checkout-review-order-table{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th{
    box-sizing:border-box;
}
.vt-order-card{
    overflow:hidden;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th{
    word-break:normal !important;
    overflow-wrap:normal !important;
    white-space:normal;
}

.woocommerce-checkout-review-order-table td:first-child{
    width:72%;
}

.woocommerce-checkout-review-order-table td:last-child{
    width:28%;
    text-align:right;
    white-space:nowrap;
}



.woocommerce-checkout-review-order-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{
    word-break:normal !important;
    overflow-wrap:normal !important;
    white-space:normal;
    padding:18px 14px;
}

.woocommerce-checkout-review-order-table tbody td:first-child,
.woocommerce-checkout-review-order-table tfoot th{
    width:72%;
}

.woocommerce-checkout-review-order-table tbody td:last-child,
.woocommerce-checkout-review-order-table tfoot td{
    width:28%;
    text-align:right;
    white-space:nowrap;
}

.woocommerce-checkout-review-order-table tfoot th{
    font-weight:500;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td{
    font-size:18px;
    font-weight:700;
}


.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table *{
    border:none !important;
    box-shadow:none !important;
}


.vt-subtotal-card{
    padding:24px 30px;
}

.vt-subtotal-title{
    font-size:18px;
    line-height:1.2;
    margin-bottom:4px;
}

.vt-subtotal-note{
    font-size:14px;
    opacity:.78;
}

.vt-subtotal-price{
    font-size:54px;
    line-height:1;
}


.vt-upsell-hidden{
    display:none;
}

.vt-show-more-upsells{

    margin-top:18px;

    width:100%;

    background:
        rgba(255,255,255,.03);

    border:
        1px solid rgba(255,255,255,.06);

    border-radius:18px;

    padding:18px 22px;

    color:#fff;

    font-size:15px;

    cursor:pointer;

    transition:.25s;
}

.vt-show-more-upsells:hover{
    background:rgba(255,255,255,.05);
}

.vt-upsell-period{
    display:block;
    margin-top:4px;
    font-size:13px;
    opacity:.68;
}


.vt-hidden-upsell{
    display:none;
}


.vt-upsell-hidden{
    display:none;
    opacity:0;
    transform:translateY(10px);
}

.vt-upsell-card.is-visible{
    display:flex;
    animation:vtFadeUp .45s ease forwards;
}

@keyframes vtFadeUp{

    from{
        opacity:0;
        transform:translateY(10px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}


.vt-order-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    padding:14px 20px 14px 0;

    border-bottom:1px solid rgba(255,255,255,.06);
}

.vt-order-right{
    text-align:right;
    white-space:nowrap;
}
.vt-order-total{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:24px 20px 0 0;
    margin-top:24px;

    border-top:1px solid rgba(255,255,255,.08);
}

.vt-order-note{
    padding-right:20px;

    text-align:right;

    font-size:13px;
    line-height:1.5;

    color:rgba(255,255,255,.55);
}


.vt-order-right{
    text-align:right;
    padding-right:20px;
}

.vt-order-yearly{
    font-size:18px;
    font-weight:700;
    color:#fff;
}

.vt-order-billing{
    margin-top:4px;

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

    color:rgba(255,255,255,.55);
}


.vt-upsell-subtitle{
    font-size:13px;
    opacity:.7;
    margin-top:-8px;
    margin-bottom:28px;
}

.vt-upsell-icon svg{
    width:24px;
    height:24px;
    stroke-width:1.8;
}


.vt-upsell-hidden{

    opacity:0;

    max-height:0;

    overflow:hidden;

    transform:translateY(10px);

    transition:
        opacity .35s ease,
        transform .35s ease,
        max-height .45s ease;
}

.vt-upsell-card.is-visible{

    opacity:1;

    
    max-height:auto;

    transform:translateY(0);
}


.vt-upsell-hidden{

    opacity:0;

    max-height:0;

    overflow:hidden;

    margin:0;

    padding-top:0;
    padding-bottom:0;

    transform:translateY(10px);

    transition:
        opacity .35s ease,
        transform .35s ease,
        max-height .45s ease,
        margin .35s ease,
        padding .35s ease;
margin-top:0 !important;
margin-bottom:0 !important;
padding-top:0 !important;
padding-bottom:0 !important;
border-width:0;

}
.vt-upsell-hidden.is-visible{

    opacity:1;
    height: auto;
    max-height:140px;
/*
    margin-top:24px;

    padding-top:24px;
    padding-bottom:24px;
*/
margin-top:24px;
padding-top:24px;
padding-bottom:24px;
padding:24px 32px !important;
border-width:1px;

    transform:translateY(0);

}

.vt-upsell-card:last-child{
    margin-bottom:24px !important;
}

/*
.vt-checkout-sidebar{

    position: sticky;
    top: 24px;

    align-self: flex-start;

    transform: translateZ(0);
    backface-visibility: hidden;

    will-change: transform;
}

2. Änderung 
.vt-checkout-sidebar{
    position: sticky;
    top: 24px;
    align-self: flex-start;
}


*/

.vt-order-card{

    transition:
        transform .22s cubic-bezier(.22,1,.36,1);

    will-change: transform;
}


.vt-selected-domain-row {

    display: flex !important;

    justify-content: space-between !important;
    width:100% !important;

    align-items: center;

    gap: 20px;

    margin-bottom: 8px;
/* border:1px solid red !important; für mobile auflösungstest*/
}

.vt-selected-domain-name {

    font-size: 18px;

    font-weight: 600;

    color: #fff;
}

.vt-selected-domains-list,
#vt-selected-domains {
    width: 280px;
}

.vt-selected-domain-price {

    font-size: 15px;

    font-weight: 600;

    color: rgba(255,255,255,.78);
}

.vt-summary-domains{
    margin-top:8px;
    font-size:18px;
    font-weight:600;
    color:#b9c7e6;
}

.vt-live-domains-yearly{
    display:block;
}

.vt-summary-domains-note {
    margin-top: 4px;
    font-size: 14px;
    color: #b9c7e6;
}


.vt-order-actions {
    margin-top: 24px;
}

.vt-primary-checkout-button {

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

    width: 100%;

    min-height: 56px;

    border-radius: 12px;

    background: linear-gradient(
        135deg,
        #0084ff,
        #0066ff
    );

    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;

    transition: all .25s ease;
}

.vt-primary-checkout-button:hover {

    transform: translateY(-2px);

    box-shadow:
        0 12px 24px
        rgba(0,132,255,.25);

}


.vt-form-row {
    display:flex;
    gap:20px;
    margin-bottom:20px;
}

.vt-form-field {
    flex:1;
}

.vt-form-field-small {
    max-width:140px;
}

.vt-form-field label {
    display:block;
    margin-bottom:8px;
}

.vt-input {
    width:100%;
}


.vt-payment-methods {
    display:flex;
    flex-direction:column;
    gap:20px;
}

.vt-payment-card {
    padding:20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:#0f1d4d;
    cursor:pointer;
    transition:.2s;
}

.vt-payment-card:hover {
    border-color:#1d7cff;
}

.vt-payment-card.active {
    border-color:#1d7cff;
    box-shadow:0 0 20px rgba(29,124,255,.15);
}

.vt-payment-header {
    display:flex;
    align-items:center;
    gap:12px;
}

.vt-payment-title {
    font-weight:600;
    font-size:18px;
}

.vt-payment-card {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.vt-payment-logos img {
    height: 32px !important;
    width: auto;
    object-fit: contain;
    display: block;
}

.vt-payment-logos {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex-shrink:0;
}

.vt-payment-card {
    cursor:pointer;
    transition:.2s ease;
}

.vt-payment-card:hover {
    border-color:#2d8cff;
    transform:translateY(-1px);
}
.vt-payment-card.active {
    border-color:rgba(45,140,255,.35);
}

.vt-payment-radio {
    width:18px;
    height:18px;
    border:2px solid rgba(255,255,255,.4);
    border-radius:50%;
    position:relative;
    flex-shrink:0;
}

.vt-payment-card.active .vt-payment-radio {
    border-color:#2d8cff;
}

.vt-payment-card.active .vt-payment-radio::after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;

    width:8px;
    height:8px;

    background:#2d8cff;
    border-radius:50%;

    transform:translate(-50%,-50%);
}

.vt-btn-secondary {
    display:inline-flex;
    align-items:center;

    padding:12px 20px;

    border:1px solid rgba(45,140,255,.4);
    border-radius:12px;

    color:#2d8cff;
    text-decoration:none;

    transition:.2s;
}

.vt-btn-secondary:hover {
    border-color:#2d8cff;
    background:rgba(45,140,255,.08);
}

.vt-section-subtitle {
    margin-top:32px;
}

.vt-btn-primary {

    background: linear-gradient(
        90deg,
        #2f6df6 0%,
        #4ba8ff 100%
    );

    color:#fff;
    border:none;

    pading: 20px 20px;	

    border-radius:14px;

    font-weight:700;

    transition:.25s ease;
}

.vt-btn-primary:hover {

    background: linear-gradient(
        90deg,
        #2f6df6 0%,
        #4ba8ff 100%
    );
    color:#fff;

    transform:translateY(-2px);


    box-shadow:
        0 12px 30px rgba(45,140,255,0.2);
}

.vt-customer-line {
    color:#fff;
    margin-bottom:8px;
    line-height:1.5;
}

.vt-cart-title {
   margin-bottom: 0 !important;
   padding-bottom: 0;
}

.vt-cart-subtitle {
   margin-top: 0;
   padding-top: 0;
   padding-bottom: 5px;
   color: #ffffffc2;
}


.vt-order-group-title {
   color: #ffffffc2;
   padding-top: 25px !important;
}

.vt-order-row {
 padding-bottom: 0;
}