:root { --cd-darkblue: rgba(6, 61, 125, 1.0); --cd-darkpink: rgba(149, 49, 138, 1.0); --cd-pink: rgba(205, 58, 136, 1.0); --cd-brightblue: rgba(57, 126, 188, 1) }
body { font-family: 'PT Sans'; }
p, li, a { font-family: 'PT Sans'; font-size: 1.4rem; }
h1, h2, h3, h4 { font-family: 'PT Sans'; font-weight: 800; }
h1 { font-size: 3rem; font-family: 'PT Sans Latin'; }
.cdc-header h2 { margin: 0em; font-family: 'PT Sans' }
h2 { font-size: 3rem; font-family: 'PT Sans Latin'; }
#header h1 { color: var(--cd-darkblue); font-size: 3rem; }
#header h2 { color: var(--cd-darkblue); font-size: 2.2rem; }
#navbar { padding: .5rem; }
#navbar .uk-navbar-nav>li>a { color: var(--cd-darkblue); font-size: 1.2rem; font-family: 'PT Sans'; }
#navbar .uk-navbar-nav>li>a:hover { color: #494949; }
#footer { background-color: #000000;background-image: linear-gradient(225deg, #000000 0%, #1d1d21 50%, #2B86C5 100%); }
.uk-background-primary { background: var(--cd-darkblue); }
.uk-subnav-pill>.uk-active>a { background-color: var(--cd-darkblue); color: #fff; }
.nav { position: absolute; top: 15px; z-index: 99; left: 0; right: 0; }
.uk-sticky-placeholder { height: 0 !important; }
.top-wrap::before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ''; z-index: 1; background-color: rgba(0, 0, 0, 0.5); }
.top-wrap-height { height: 80vh; min-height: 460px; transition: height 0.25s; }
.uk-subnav-pill>*>:first-child { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.04); }
.top-container { z-index: 2; }
.uk-logo img { height: 45px; }
.subtitle-text { font-size: 1.2em; opacity: 0.9; font-weight: 300; }
.logos-grid img { display: block; width: 60px; margin: 0 auto; filter: grayscale(100%); transition: filter 0.25s; }
.logos-grid img:hover { display: block; width: 60px; margin: 0 auto; filter: grayscale(0); }
.button-cdc { background: var(--cd-darkblue); color: white; font-size: 1.4rem; transition: .5s all ease; }
.button-cdc:hover { background: rgba(1, 54, 134, .9); color: orange; transition: .5s all ease; }
.uk-button-primary { background: var(--cd-darkblue); color: white; }
.uk-text-primary { color: var(--cd-darkblue) !important; }
.uk-sticky-fixed { border-bottom: .1em solid white; }
.uk-section-secondary { background: var(--cd-darkblue); }
.uk-background-secondary { background-color: rgba(0, 0, 0, .8); }
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-light .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a { font-family: 'PT Sans'; }
.uk-icon-button { border-radius: .2em; }
.b3 { background: var(--cd-darkblue); color: white; font-size: 1.4rem; line-height: 1.8rem; padding: .3em; text-align: center; }
.b3 a { color: white; }
.b3:hover { background: var(--cd-darkblue); opacity: .7; color: white; }
.cdc-old-price { color: darkgreen; text-decoration: line-through; font-size: 1.8rem; font-family: 'PT Sans Latin'; }
.cdc-new-price { color: rgb(255, 49, 49); text-shadow: 2px 3px 2px pink; font-size: 3rem; font-family: 'PT Sans Latin'; }
.uk-form-label { font-size: 1.1rem; color: rgba(0, 0, 0, .5); }
.uk-form-controls { padding: .8rem 0; }
.accept-terms a { font-size: 1rem; }
.typo3-messages { display: none; }
.cdc-payment-text { font-size: 1rem; }
.shipping-same-as-billing-wrapper { visibility: hidden; }
.checkout-step-number::before { display: none; }
.tx-cart .checkout-step-title, .tx-cart .confirmation-step-title { background: #494949; }

/* ===== Form UIKIT ======= */
.tx-powermail legend { font-size: 1.2em; color: var(--cd-darkblue); display: none; }
.tx-powermail input, .tx-powermail option, .tx-powermail select, .tx-powermail label, .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_content { font-size: 0.9em; }
.tx-powermail .uk-form-label { font-size: 0.9em; color: var(--cd-darkblue); }
.tx-powermail .uk-input, .tx-powermail .uk-select, .tx-powermail .uk-textarea { border-color: #c8c8c8; }
.tx-powermail .powermail_fieldwrap { margin: .4em 0; }
.tx-powermail .checkbox { padding-left: 1.2em; }
.tx-powermail .powermail_fieldwrap_type_check input[type="radio"], .tx-powermail .powermail_fieldwrap_type_check input[type="checkbox"] { float: left; margin-left: -1.7rem; margin-top: 0.55rem; }
.uk-checkbox, .uk-radio { height: 20px; width: 20px; }
.tx-powermail .btn-group .btn-primary { background: var(--cd-brightblue); color: #fff; padding: .4em; }
.tx-powermail .btn-group .btn-primary:hover { background: var(--cd-darkblue); color: #fff; }
.tx-powermail .btn-default { font-size: 1.2em; color: #494949; font-family: var(--cd-font); background: #ddd; border: 0em solid #ccc; margin-right: .2em; padding: .4em; }
.tx-powermail .btn-default:hover { background: #efefef; cursor: pointer; }
.tx-powermail .btn-group input.btn, .tx-powermail .uk-form-controls input.uk-button, .tx-powermail .btn-danger, .tx-powermail input.btn.btn-primary { font-family: var(--cd-font); color: #ffffff; margin-top: 1em; padding: 0.4em 0.6em; border: 0; cursor: pointer; }
.tx-powermail .btn-danger, .tx-powermail input.btn.btn-primary { text-transform: uppercase; }
.tx-powermail .btn-danger { background: rgba(162, 8, 8, 0.7); }
.tx-powermail .btn-danger:hover { background: rgba(162, 8, 8, 1); }
.tx-powermail input.btn.btn-primary { background: rgba(48, 111, 81, 1); }
.tx-powermail input.btn.btn-primary:hover { background: rgba(30, 130, 80, 1); }
.powermail_tab_navigation { padding-top: 1em; }
.powermail_tab_navigation .btn { background: var(--cd-brightblue); font-size: .8em; padding: 0.5em 1.0em; text-align: center; color: #fff; border: 0; cursor: pointer; }
.powermail_tab_navigation .btn:hover { background: var(--cd-brightblue); color: #fff; }
.powermail_tab_navigation .pull-right { float: right; }
.powermail_confirmation h1 { font-size: 1.4em; }
.powermail_confirmation table { margin-bottom: 1.25em; }
.powermail_confirmation table td.powermail_all_marker_eventid, .powermail_confirmation table td.powermail_all_type_captcha, .powermail_create table td.powermail_all_type_captcha { display: none; }
.powermail_all_label { color: var(--cd-darkblue); }
.tx-powermail .powermail_fieldset div.error { background-color: rgba(255, 0, 0, 0.1); color: #A94442; }
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus { background-color: rgba(255, 0, 0, 0.1); color: rgba(255, 0, 0, 0.5); }
.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list, .tx-powermail .powermail_fieldset .parsley-errors-list { width: 100%; margin-bottom: 0; padding-left: 0; border: none; list-style-type: none; }
.tx-powermail .powermail_fieldset .parsley-errors-list li { color: rgba(255, 0, 0, 0.5); padding: 0.4em 0em; }
.powermail_message.powermail_message_error { background: red; color: #fff; font-size: 2.4rem; list-style-type: none; }
.cd-form-final { }
.tx-powermail .powermail_fieldset div.error, .tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus { background-color: rgba(255, 0, 0, 0.1); color: rgba(255, 0, 0, 0.5); }
.powermail-errors-list { color: darkred; }
#kursContainer .card:hover { background: var(--cd-darkblue) }
#StufenText, #DatumText { margin-top: 2rem; margin-bottom: 0; font-weight: bolder; }
.card-hidden { display: none; }
.card { display: inline-block; border-radius: .2rem; box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, .3); border: solid #494949 1px; }
.card { background-color: var(--cd-brightblue); color: white; padding: 1rem; margin: .3rem; cursor: pointer; transition: background-color 0.3s; }
.card:hover { background-color: green; color: white; }
.cdc-course-selected { background: rgba(212, 133, 33, .98); }
.cdc-success-button { background: darkgreen; color: white; font-size: 1.8rem; border-radius: .2rem; border: solid limegreen 1px; }
.cdc-success-button:hover { background: green; color: white; }
.cdc-border { padding-top: 1.2rem; }
.cdc-button { border-radius: .2rem; }
.cdc-button:hover { opacity: .7; transition: ease .5s all }
.cdc-not-selected { background: rgba(0, 0, 0, .4); transition: .5s ease all; }
.cdc-not-selected:hover { background: var(--cd-brightblue); transition: .5s ease all; }

/* NEW 05-2024 */
.cdc-button-1 { border-radius: 3px; font-size: 1.4rem; }
.cdc-bento-box { border-radius: 9px; background: rgba(255, 255, 255, .02); color: #fff; padding: 1rem; }
.cdc-bento-box h1 { color: #FF3CAC; }
.cdc-bento-box h2 { color: #FF3CAC }
.cdc-bento-box h3 { color: orange; }

.cdc-hero .uk-heading-2xlarge { color: white; font-family: 'PT Sans Latin'; font-size: 3.4rem; line-height: .4rem;}
.cdc-hero h3 { color:white; line-height: 2rem; font-size: 1.8rem;}
.cdc-hero .uk-button { background: white; border-radius: 19px;}

.cdc-booknow  { background:rgba(255, 255, 255, .5); color:var(--cd-darkblue); transition: ease all .5s;}
.cdc-booknow:hover { background: orange; color: white; transition: ease all .5s;}

.cdc-button-1 { transition: ease all .5s; border-radius: 19px;}
.cdc-button-1:hover { transition: ease all .5s; background:orange;}
.tx-mincourses select { border-radius:19px; }
.tx-mincourses h2 { padding-bottom: 3rem;}
.cdc-header-blur { backdrop-filter: blur(10px); background: rgba(0, 0, 0, .85);}
.cdc-bg-gradient-1 { background-color: #000000;
background-image: linear-gradient(110deg, #000000 0%, #1d1d21 50%, #2B86C5 100%);
 }

.cdc-bg-gradient-2 { background-color: #000000;
background-image: linear-gradient(225deg, #000000 0%, #1d1d21 50%, #2B86C5 100%);
 }