body {
    font-family: Roboto;
    font-size: 18px;
    line-height: 34px;
    color: #333;
    background-color: #fff;
}

.fusion-modal
{
    margin-top: 50px;
}

.nav-tabs > li > a > h5
{
    color: #FFF !important;
}

table.anmeldungstab tr td {
    padding: 10px 10px;
}

/* Horizontale Tab-Leiste erzwingen (Avada-Override) */
#kursliste ul.nav-tabs,
#kursliste ul.nav-tabs.nav-justified {
    display: flex !important;
    flex-wrap: wrap;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    border: none;
    border-bottom: 2px solid #e7286b !important;
}

#kursliste ul.nav-tabs > li,
#kursliste ul.nav-tabs.nav-justified > li {
    list-style: none !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    background: none !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

#kursliste ul.nav-tabs > li::before,
#kursliste ul.nav-tabs.nav-justified > li::before,
#kursliste ul.nav-tabs > li::marker,
#kursliste ul.nav-tabs.nav-justified > li::marker {
    content: none !important;
    display: none !important;
}

#kursliste ul.nav-tabs > li > a,
#kursliste ul.nav-tabs.nav-justified > li > a {
    display: block;
    padding: 10px 20px !important;
    background-color: #f4f4f4 !important;
    color: #173859 !important;
    border: none !important;
    border-radius: 4px 4px 0 0 !important;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

#kursliste ul.nav-tabs > li > a > h5,
#kursliste ul.nav-tabs.nav-justified > li > a > h5 {
    margin: 0 !important;
    color: inherit !important;
    font-size: 16px;
    line-height: 1.2;
}

#kursliste ul.nav-tabs > li:hover > a,
#kursliste ul.nav-tabs.nav-justified > li:hover > a,
#kursliste ul.nav-tabs > li.active > a,
#kursliste ul.nav-tabs.nav-justified > li.active > a {
    background-color: #e7286b !important;
    color: #fff !important;
}

#kursliste ul.nav-tabs > li.active > a > h5,
#kursliste ul.nav-tabs.nav-justified > li.active > a > h5,
#kursliste ul.nav-tabs > li:hover > a > h5,
#kursliste ul.nav-tabs.nav-justified > li:hover > a > h5 {
    color: #fff !important;
}

/* Tab-Panes: nur aktives Panel sichtbar */
#kursliste .tab-content > .tab-pane {
    display: none;
}
#kursliste .tab-content > .tab-pane.active,
#kursliste .tab-content > .tab-pane.in.active {
    display: block;
}

ul.nav-tabs, ul.nav-tabs.nav-justified {
    border: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active {
    background-color: #e7286b;
    border: none;
}

.nav-tabs > li.active, #content .nav-tabs > li.active:hover > a
{
    background-color: #e7286b;
    border: none;
}

.nav-tabs > li:hover, #content .nav-tabs > li:hover > a
{
    background-color: #e7286b;
    border: none;
}

.nav-tabs > li, .nav-tabs.nav-justified > li
{
    border:none; 
}



button.anmeldebutton {
    background: #c4c4c4;
    border: none;
}

.btn-pca:hover, .btn-pca:focus, .btn-pca:active, .btn-pca.active, .open .dropdown-toggle.btn-pca
{
    background: #e7286b;
    color: #323232;
}

.anmeldungstab thead > tr > th {
    color: #fff;
    background-color: #e7286b;
    font-weight: 300;
    padding: 10px 4px !important;
}

/*

BEGIN
Julians CSS

*/
.hull-highlight {
    color: rgb(231, 40, 107);

}
.hull-modal-title {
    color: #173859;
    font-family: "Bebas Neue";
font-weight: 400;
font-size: 50px;
padding: 20px 0 0 0;
}
.modal-content {
    background-color: #F4F4F4;
    border-radius: 0;
    border: 0;
}

.charge {
    border-radius: 0;
    border: 0;
    color:  #777777;
    background-color: #f8f8f8;
}

.hullcoursename {
font-family: "Bebas Neue";
font-weight: 400;
    color:  #fff;
    background-color: #173859;
    font-size: 40px;
    text-align: center;
    margin: 0;
    padding: 25px;
    line-height: 130%;
}

.hullprice  {
color: #173859;
font-family: "Bebas Neue";
font-weight: 1200;
font-style: normal;
font-size: 65px;
text-align: center;
padding: 40px 10px;
}

.hulleuro  {
font-family: "Bebas Neue";
font-weight: 400;
font-style: normal;
 font-size: 35px;
 padding-left: 10px;
 color: #666;
text-align: center;
}


.hullperiod {
font-family: "Bebas Neue";
font-weight: 100;
font-style: normal;
 font-size: 22px;
 padding-left: 10px;
 color: #999;
text-align: center;
font-style: italic;
}

.hullinfo {
    text-align: center;
    padding: 20px 10px;
    background-color: #fff;
}

.hull-panel-body {
    color: #173859;
}

.hullinforow {
    /*display: none;*/
    transition: all 0.6s ease 0s;
}

/* TEST */
/*

END
Julians CSS

*/

/* ================================================================
   PCA-Kursliste — Anmelde-Modal Design (nur Popup)
   Farben: Pink #e7286b, Dark Blue #173859, BG #F4F4F4, weiß #fff
   ================================================================ */

/* --- Avada-Kompatibilität: Variablen und Pointer-Events --- */
.modal { --awb-background: #F4F4F4; }
.modal,
.modal-dialog,
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
.modal button,
.modal input,
.modal select,
.modal textarea,
.modal a,
.modal label {
    pointer-events: auto !important;
}
.modal-backdrop { pointer-events: none !important; }
.modal-backdrop.in { opacity: 0.5 !important; }
body.modal-open { overflow: hidden; }
body.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal.fade.in { opacity: 1 !important; }
.modal.fade.in .modal-dialog { transform: translate(0, 0) !important; }
.modal-dialog::before, .modal-dialog::after,
.modal-content::before, .modal-content::after {
    content: none !important; display: none !important;
}

/* --- Dialog-Container --- */
.modal .modal-dialog {
    margin: 30px auto;
    max-width: 90%;
}
.modal .modal-dialog.modal-lg { width: 900px; }

.modal .modal-content {
    background-color: #F4F4F4 !important;
    opacity: 1 !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    overflow: hidden;
}

/* --- Header: dunkelblau, Bebas Neue --- */
.modal .modal-header {
    background-color: #173859;
    padding: 20px 30px;
    border: 0;
    border-radius: 6px 6px 0 0;
    position: relative;
}
.modal .modal-header .modal-title {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.modal .modal-header .close {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #fff;
    opacity: 0.8;
    text-shadow: none;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    background: none;
    border: 0;
    padding: 4px 10px;
    transition: opacity 0.15s ease;
}
.modal .modal-header .close:hover,
.modal .modal-header .close:focus {
    color: #fff;
    opacity: 1;
    outline: none;
}

/* --- Body & Footer --- */
.modal .modal-body {
    background-color: #F4F4F4;
    padding: 25px 30px;
    opacity: 1 !important;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
}
.modal .modal-footer {
    background-color: #F4F4F4;
    padding: 18px 30px;
    border-top: 1px solid #e0e0e0;
    opacity: 1 !important;
    text-align: right;
    border-radius: 0 0 6px 6px;
}
.modal .modal-footer .btn + .btn { margin-left: 10px; }

/* --- Panels (Info-Blöcke) --- */
.modal .panel {
    background-color: #fff !important;
    opacity: 1 !important;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    overflow: hidden;
}
.modal .panel-heading {
    background-color: #173859 !important;
    color: #fff;
    border: 0;
    padding: 12px 18px;
    border-radius: 4px 4px 0 0;
}
.modal .panel-heading .panel-title {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0;
    line-height: 1.3;
    text-transform: uppercase;
}
.modal .panel-body {
    background-color: #fff !important;
    opacity: 1 !important;
    padding: 18px;
    color: #333;
}

/* Panel-Variante: Warnung (minTln etc.) */
.modal .panel-warning .panel-heading {
    background-color: #FFBF00 !important;
    color: #173859;
}
.modal .panel-warning .panel-heading .panel-title {
    color: #173859;
}

/* --- Tarif-Cards (Charges) --- */
.modal .charge {
    background-color: #fff !important;
    opacity: 1 !important;
    border: 2px solid transparent;
    border-radius: 4px;
    color: #173859;
    overflow: hidden;
    margin-bottom: 15px;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.modal .charge:hover {
    border-color: #e7286b;
    box-shadow: 0 4px 16px rgba(231,40,107,0.15);
}
.modal .charge.active,
.modal .charge.selected {
    border-color: #e7286b;
    box-shadow: 0 4px 16px rgba(231,40,107,0.2);
}
.modal .hullcoursename {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    color: #fff;
    background-color: #173859;
    font-size: 28px;
    text-align: center;
    margin: 0;
    padding: 18px 15px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.modal .hullprice {
    color: #173859;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    padding: 20px 10px 0 10px;
    line-height: 1;
    margin: 0;
}
.modal .hulleuro {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 22px;
    padding-left: 6px;
    color: #888;
}
.modal .hullperiod {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #999;
    text-align: center;
    font-style: italic;
    padding: 4px 10px 18px 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.modal .hullinfo {
    text-align: center;
    padding: 15px 10px;
    background-color: #fff;
    color: #173859;
    font-size: 13px;
    line-height: 1.4;
}

/* --- Formulare --- */
.modal .form-group {
    margin-bottom: 16px;
}
.modal .control-label,
.modal label.control-label {
    color: #173859;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
    line-height: 1.3;
}
.modal .form-control,
.modal input[type="text"].form-control,
.modal input[type="email"].form-control,
.modal input[type="tel"].form-control,
.modal input[type="password"].form-control,
.modal input[type="number"].form-control,
.modal select.form-control,
.modal textarea.form-control {
    background-color: #fff;
    border: 1px solid #d0d4d9;
    border-radius: 4px;
    color: #173859;
    font-size: 15px;
    height: 40px;
    padding: 8px 12px;
    box-shadow: none;
    width: 100%;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.modal select.form-control { padding-right: 30px; }
.modal textarea.form-control { height: auto; min-height: 80px; }
.modal .form-control:focus {
    border-color: #e7286b;
    box-shadow: 0 0 0 2px rgba(231,40,107,0.12);
    outline: none;
}
.modal .form-control.input-sm { height: 36px; font-size: 14px; }
.modal .form-control::placeholder { color: #a0a6ad; font-weight: 300; }

/* Help-Block / Inline-Meldungen */
.modal .help-block {
    font-size: 12px;
    color: #7d858e;
    margin-top: 4px;
    margin-bottom: 0;
}
.modal .help-block.alert { color: #b94a48; }
.modal .parsley-error { border-color: #ce041f !important; }
.modal .parsley-errors-list {
    list-style: none;
    padding: 0;
    margin: 4px 0 0 0;
    color: #ce041f;
    font-size: 12px;
}

/* --- Buttons --- */
.modal .btn {
    border-radius: 4px;
    border: 0;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 24px;
    line-height: 1.3;
    transition: background-color 0.15s ease, transform 0.05s ease;
    cursor: pointer;
    min-height: 42px;
}
.modal .btn:active { transform: translateY(1px); }

/* Primary (Pink) — Weiter, Anmelden, etc. */
.modal .btn-pca,
.modal .btn-primary {
    background-color: #e7286b;
    color: #fff;
}
.modal .btn-pca:hover,
.modal .btn-pca:focus,
.modal .btn-primary:hover,
.modal .btn-primary:focus {
    background-color: #c21e5a;
    color: #fff;
    outline: none;
}

/* Secondary (Dark Blue) — Zurück */
.modal .btn-default,
.modal [data-dismiss="modal"].btn:not(.btn-pca):not(.btn-primary),
.modal button.zurueck,
.modal .btn-back {
    background-color: #173859;
    color: #fff;
}
.modal .btn-default:hover,
.modal .btn-default:focus,
.modal [data-dismiss="modal"].btn:not(.btn-pca):not(.btn-primary):hover,
.modal button.zurueck:hover,
.modal .btn-back:hover {
    background-color: #0f2640;
    color: #fff;
    outline: none;
}

/* Checkbox-Button-Style (btn-checkbox) */
.modal .btn-group-toggle .btn,
.modal .btn-checkbox .btn {
    background-color: #fff;
    color: #173859;
    border: 1px solid #d0d4d9;
    text-align: left;
    padding-left: 14px;
}
.modal .btn-group-toggle .btn input[type="checkbox"],
.modal .btn-checkbox .btn input[type="checkbox"] {
    margin-right: 8px;
}
.modal .btn-group-toggle .btn.active,
.modal .btn-checkbox .btn.active {
    background-color: #e7286b;
    color: #fff;
    border-color: #e7286b;
}

/* Spinner */
.modal .btn .spinner { display: none; margin-right: 6px; }
.modal .btn.has-spinner.active .spinner { display: inline-block; }

/* --- Rows und Spalten (Bootstrap 3 Grid innerhalb Modal) --- */
.modal .row.formrow { margin-left: -8px; margin-right: -8px; }
.modal .row.formrow > [class*="col-"] { padding-left: 8px; padding-right: 8px; }

/* --- Summary / Zusammenfassung --- */
.modal .summary-item {
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}
.modal .summary-item:last-child { border-bottom: 0; }

/* --- AGB-Text Bereich --- */
.modal .agb-scroll {
    background: #fff;
    border: 1px solid #d0d4d9;
    border-radius: 4px;
    padding: 15px;
    max-height: 260px;
    overflow-y: auto;
    font-size: 13px;
    line-height: 1.5;
}

/* --- Progress/Step-Indicator (falls vorhanden) --- */
.modal .step-indicator {
    display: flex;
    gap: 6px;
    margin-bottom: 15px;
}
.modal .step-indicator .step {
    flex: 1;
    height: 4px;
    background: #d0d4d9;
    border-radius: 2px;
}
.modal .step-indicator .step.active,
.modal .step-indicator .step.done { background: #e7286b; }

/* --- Responsive --- */
@media (max-width: 768px) {
    .modal .modal-dialog,
    .modal .modal-dialog.modal-lg {
        width: auto;
        max-width: 100%;
        margin: 10px;
    }
    .modal .modal-header { padding: 15px 20px; }
    .modal .modal-header .modal-title { font-size: 24px; }
    .modal .modal-header .close { top: 14px; right: 16px; font-size: 24px; }
    .modal .modal-body { padding: 18px 20px; }
    .modal .modal-footer { padding: 14px 20px; text-align: center; }
    .modal .modal-footer .btn { margin-bottom: 8px; width: 100%; }
    .modal .modal-footer .btn + .btn { margin-left: 0; }
    .modal .hullprice { font-size: 36px; }
    .modal .hullcoursename { font-size: 22px; }
    .modal .panel-heading .panel-title { font-size: 18px; }
}