/*
    teak #ac9962 RGB(172, 153, 98)
*/


:root {
    --bg-color: #000;
    --basecolor: #ffffff;
    --light: #ffffff;
    --dark: #000000;
    --spotcolor: rgb(0, 204, 255);
    --spotcolorhighlight: rgba(0, 204, 255, 0.8);
}

body {
    background-color: var(--bg-color);
    background-image: radial-gradient(
        circle 1200px at 50% 50%,
        #6ece1c,
        #0e3901
    );
    color: var(--basecolor);
    font-family: Poppins, Ubuntu, Helvetica, Arial, Sans-Serif !important;
}

p, span { font-size: 1rem; }

/* RTE styles */
.white { color: #ffffff; }
.spotcolor { var(--spotcolor) }
.basecolor { color: #000000; }
.lead { /* siehe unten */ }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--basecolor); font-family: Poppins, Ubuntu, Helvetica, Arial, Sans-Serif !important; font-weight: 300; margin-bottom: 1.5rem;  }
#pid-71 h1 { font-size: 4.5rem; }
#c150 h1{margin-bottom:1.5rem;}
#pid-71 h2 { font-size: 3.5rem; }
a { color: var(--spotcolor); }
a:hover { color: var(--spotcolorhighlight); text-decoration: underline; }
.btn-primary { background-color: var(--spotcolor); border-color: var(--spotcolor); color: var(--dark); }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: var(--spotcolorhighlight); border-color: var(--spotcolorhighlight); color: var(--light); }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--spotcolor); border-color: var(--spotcolor);
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgb(75, 160, 248);
}
.btn-primary.disabled, .btn-primary:disabled { background-color: var(--spotcolorhighlight); border-color: var(--spotcolorhighlight); color: var(--dark); }

.form-control:focus {
    border-color: var(--spotcolor);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgb(75, 160, 248);
}
#registrierungMixitup-118-country.form-control:focus, #bBQ-316-country.form-control:focus , #goforGoal-235-country.form-control:focus{
    border-color: transparent;
    box-shadow: inset 0 1px 1px transparent, 0 0 0 0.2rem transparent;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
}



.frame-type-twocols_twocols h1.lead { color: var(--spotcolor); font-size: 2.75rem; margin-bottom: 0; }
.frame-type-twocols_twocols h2 { font-size: 2.75rem; margin-top: 0; }

.radio label {
    margin-left: 0.3rem;
}
/* https://tipue.com/blog/radio-checkbox/ */
.radio .form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: var(--spotcolor);
    color: #666;
    color: var(--basecolor);
    top: 7px;
    height: 24px;
    width: 24px;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
}
.radio .form-check-input:checked::before {
    position: absolute;
    font: 12px/1 'HooliganJF', sans-serif;
    font-weight: 800;
    left: 9px;
    top: 6px;
    content: '\02143';
    transform: rotate(40deg);
}
.radio .form-check-input:hover {
    background-color: var(--basecolor);
}
.radio .form-check-input:checked {
    background-color: var(--basecolor);
    background-color: var(--spotcolor);
    color: var(--dark);
}
/*
label {
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
*/
#registrierungMixitup-118 h2, #goodVibes-148 h2, #bBQ-316 h2{ text-align: center; font-size: 2.75rem; margin-top: 4rem; }
#registrierungMixitup-118 p, #goodVibes-148 p,  #goforGoal-235 p, #bBQ-316 p{ /* font-size: 1.925rem; font-family: HooliganJF, Ubuntu sans-serif; */ font-weight: 400; text-align: center; }

#c160 .image-embed-item {
    max-width: 100%;
    height: auto;
}
.radio span { line-height: 1.7; }

.btn-primary { color: var(--dark); }


@media (min-width: 992px) {
    #c44 .row div.col-md-6:first-child {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    #c44 .row div.col-md-6:last-child {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}

.required {
    font-family: Ubuntu,Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 1.1rem;
}

form span.error {
    background-color: var(--spotcolor);
    color: var(--light);
    margin-top: 5px;
    padding: 10px;
    display: block;
}

@media (min-width: 992px) {
    #c153 .col-lg-4.order-lg-last {
        flex-basis: 50%;
    }
    #c120.mt-5 { margin-top: 10rem !important; }
}
#c120 p { font-size: 1.3rem; font-weight: 400; }

@media (min-width: 992px) and (max-width: 1200px) {
    #c120 p {
        font-size: 1rem;
    }
}

#registrierungMixitup-118-radiobutton-1 .form-group, #bBQ-316-radiobutton-1-0 .form-group { margin-bottom: -1.5rem; }

p a, #registrierungMixitup-118 a, #goodVibes-148 a, #bBQ-316 a { text-decoration: underline; }
p a:hover, #registrierungMixitup-118 a:hover, #bBQ-316 a:hover, #goforGoal-235 a:hover { text-decoration: underline; color: var(--spotcolor); }
#registrierungMixitup-118-radiobutton-3 { /* display: none; */ }

#registrierungMixitup-118-radiobutton-3 .form-check, #goodVibes-148-radiobutton-3 .form-check, #bBQ-316-radiobutton-3 .form-check  {
    padding-left: 0;
}
#registrierungMixitup-118-radiobutton-3 .radio label, #goodVibes-148-radiobutton-3 .radio label, #goforGoal-235-radiobutton-3 .radio label  {
    margin-left: 0;
    margin-right: 2rem;
}

#c236 figure {
    text-align: center;
}

#c316 {
    background: rgba(0,0,0,0.3);
    padding: 2.5rem;
}
#content {
    max-width: 1000px;
}

#wolfsburg-507-radiobutton-1 .form-group {
    margin-bottom: -1.5rem;
}

.form-group > .control-label { display: block; }

/* SPECIALS 2025-04-24 */

#c624 h1 { font-size: 1.75rem; font-weight: 600; }
#c624 .img-fluid { float: right; max-width: 60%; }
.text-center.mx-bold { font-size: 19.2px; font-weight: 600; text-align: center; }

#c637 .vert-center {
    display: flex;
    align-items: center;
    min-height: 100%;
}

#c637 .vert-center > * {
    width: 100%;
}

#c637 .contenttable {
    float: right !important;
}

#c621 img { }

#c624 p { font-size: 1.2rem; }

.ce-center { text-align: center; }

.form-group > label { display: none; }
.form-group .input label { display: none; }


/* end SPECIALS 2025-04-24 */

@media screen and (min-width: 769px) {
    .show-only-mobile {
        display: none !important;
    }
}

/* Hide desktop-only elements on mobile */
@media screen and (max-width: 768px) {
    .show-only-desktop {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #c622 img { max-width: 250px; }
    #c623 h1 {
        font-size: 1.75rem;
        font-weight: 600;
        text-align: center;
    }
    #c623 p {
        font-size: 1em;
        text-align: center;
    }
    #c637 .contenttable {
        float: none !important;
        width: auto !important;
        margin: 0 auto;
    }

    #c637 .vert-center {
        display: block;
        text-align: center;
    }
    #c637 td {
        font-size: 1.75rem;
    }
    #c637 .mx-bold {
        font-size: 2rem;
    }
}