@charset "utf-8";
:root { --cd-darkblue: rgba(1, 54, 134, 1); --cd-border-radius: .25em; --cd-purple: rgba(71, 30, 121, 1); --cd-brightpurple: rgba(122, 30, 121, 1) } 
h1, h2, h3, h4 { font-family: "PT Sans Latin"; color: #494949; }
h1, h2, h3 { color: var(--cd-purple) }
p { color: var(--cd-purple); font-size: 1.4rem; }
.uk-light  p { color: rgba(255, 255, 255, 1); }
h2 { font-family: "PT Sans Latin"; font-size: 3rem; }
.cd-startseite-img h1 { font-size: 4rem; font-family: "PT Sans Latin"; color: white; -webkit-text-stroke-width: 1px; --webkit-text-fill-color: purple; }
.cd-startseite-img h2 { font-size: 3rem; font-family: "PT Sans Latin"; color: white; }
.cd-startseite-img h3 { font-size: 2rem; font-family: "PT Sans Latin"; color: white; }
.cd-startseite-img .uk-icon-button { width: 45px; height: 45px; background: rgba(255, 255, 255, .8); border: .1em solid white; color: rgba(0, 0, 0, .7); }
.cdc-header-ms { background: rgba(98, 23, 19, .7); color: white; font-size: 4rem; font-variant: uppercase; text-transform: uppercase; border-radius: var(--cd-border-radius); }
.cdc-sub-ms { color: white; font-size: 2rem; border-radius: var(--cd-border-radius); }

a { color: var(--cd-purple);}
a:hover { color:var(--cd-brightpurple); }
/* FOOTER */
#footer { background: rgba(130, 51, 240, 1.0); }
#footer .uk-text-small { font-size: 0.8em; }
#footer h4 { font-size: 1.2em; color: white; }
#footer .uk-container .uk-padding, #footer a { color: rgba(255, 255, 255, .7); }
#footer a:hover { color: rgba(255, 255, 255, 1); text-decoration: none; }

/* MODAL */
.cdc-schnupperkurs { font-family: "PT Sans Latin"; font-size: 2rem; }
.cdc-schnupper-button { background: rgba(255, 255, 255, .2); }
.cdc-schnupper-button:hover { background: rgba(255, 255, 255, 1); color: black; }

/* NAV */
.uk-navbar-sticky { background: rgba(0, 0, 0, .8); }
ul.uk-navbar-nav li a { font-family: "PT Sans Latin"; font-size: 1.5rem; color: rgba(255, 255, 255, .5); }

/* BOX HEADER */
.cd-header-bg-1 { background: rgba(255, 255, 255, .8); color: rgba(255, 255, 255, 1); border-radius: var(--cd-border-radius); }
.cd-header-bg-2 { background: rgba(0, 0, 0, .9); color: rgba(255, 255, 255, 1); }
.cd-header-bg-3 { background: rgba(0, 0, 0, .6); color: rgba(255, 255, 255, 1); }
.cd-bg-header { background: rgba(0, 0, 0, 1); }
.cd-gradient-text { transition: background-position 1s; font-size: 3.6rem; font-family: "PT Sans Latin Bold"; font-weight: 700; background: linear-gradient(90deg, rgba(255, 14, 0, 1) 0%, rgba(255, 156, 0, 1) 10%, rgba(247, 255, 8, 1) 20%, rgba(50, 248, 16, 1) 30%, rgba(23, 239, 199, 1) 40%, rgba(0, 144, 241, 1) 52%, rgba(26, 8, 209, 1) 65%, rgba(114, 33, 173, 1) 78%, rgba(215, 30, 188, 1) 89%, rgba(215, 0, 0, 1) 100%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* BG */
.dkk-bg-1 { background: rgba(0, 0, 0, 1); }
.dkk-bg-2 { background: var(--cd-darkblue); }
.dkk-bg-3 { background: rgba(0, 0, 0, .2); }

/* CD BUTTONS */
.b-cdc-orange { background: #ffa500; color: white; font-size: 1.5rem; padding: 0.5em 1em; }
.b-cdc-white { background: white; color: var(--cd-darkblue); font-size: 1.5rem; padding: 0.5em 1em; }
.b-cdc-white a { color: color:var(--cd-darkblue); }
.b-cdc-white a:hover { color: rgba(1, 54, 134, 0.9); }
.b-cdc-blue { background: var(--cd-darkblue); color: white; font-size: 1.5rem; padding: 0.5em 1em; }
.b-cdc-orange a, .b-cdc-blue a, .b-cdc.orange a:hover, .b-cdc-blue a:hover { color: white; }
.b-cdc-blue:hover { background: rgba(1, 54, 134, 0.9); transition: background-color 300ms ease-out; }
.b-cdc-green { background: rgba(137, 157, 68, 1.0); color: white; font-size: 1.5rem; padding: 0.5em 1em; border-radius: var(--cd-border-radius); }
.b-cdc-green a { color: white; }

/* CARDS */
.uk-card-body p { font-size: 1rem; }
.CardEven { background: rgba(255, 255, 255, .5) }

/* Akkordion */
.uk-open .uk-accordion-title, .uk-accordion-title { font-size: 1.6rem; font-family: "PT Sans Latin"; }

/* Powermail Cheats */
.powermail_fieldwrap { margin: 1rem 0; }
.powermail_input, .powermail_submit, .powermail_select { width: 100%; min-height: 34px; font-size: 1rem; font-family: "PT Sans"; padding: .2em; }
legend .powermail-legend { display: none; }
address, dl, fieldset, figure, ol, p, pre, ul { margin: 0 0 20px 0; border: none; padding: 0; }
* ==================== Formulare ===================== */

/* Bootstrap Form justage */
.powermail_form { margin-top: 2em; }
.powermail_fieldset { margin: 2em 0 0 0em; min-height: 10em; font-size: 1.2em; }

/*.tx-powermail .uk-fieldset { max-width: 80%; }*/
.form-horizontal .control-label { text-align: left; }

/* ===== 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 { border: #494949 solid 1px; height: 20px; width: 20px; }
.tx-powermail .btn-group .btn-primary { background: var(--cd-brightblue); color: white; padding: .4em; }
.tx-powermail .btn-group .btn-primary:hover { background: var(--cd-darkblue); color: white; }
.tx-powermail .btn-default { font-size: 1.25rem; color: #494949; font-family: var(--cd-font); background: #ddd; border: 0em solid #ccc; margin-right: .4em; padding: .4em; margin-top: .4rem; }
.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: 1em; padding: 0.5em 1.0em; text-align: center; color: white; }
.powermail_tab_navigation .btn:hover { background: var(--cd-brightblue); color: white; }
.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: white; font-size: 2.4rem; list-style-type: none; }
.cd-form-final { color: white; background: red; font-size: 1.8rem; padding: 1rem; }
.uk-accordion .uk-open { padding: 1em; background: rgba(0, 0, 0, 0.15); border-radius: var(--cd-border-radius); }
.uk-card { border-radius: var(--cd-border-radius); }


/* 
Marker 
*/
.uk-marker { background: rgba(255, 255, 255, .15); border: 800px; color: rgba(255, 255, 255, .2) }
.uk-marker:before, .uk-marker:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(1, 54, 134, 1); border-radius: 50%; }
.uk-marker:before { animation: ripple 2s linear infinite; }
.uk-marker:after { animation: ripple 2s linear 1s infinite; }
@keyframes ripple {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); opacity: 1; }
  100% { transform: scale(1.6); opacity: 0; }
}

/* Media Queries */
@media only screen and (max-width:640px) {
  .cd-startseite-img h1 { font-size: 1.8em; font-family: "PT Sans Latin"; }
  .cd-startseite-img h2 { font-size: 1.2em; font-family: "PT Sans Latin"; }
  h2 { font-size: 1.8rem; }
  h3 { font-size: 1.5rem; }
  h4 { font-size: 1.3rem; }
  h5 { font-size: 1.2rem; }
  .cdc-headline h1{ font-size: 1.8rem; }
  .cdc-headline h3 { font-size:1.4rem; }
*/ }
@media only screen and (min-width:641px) { }
@media only screen and (min-width:960px) { }
.cdc-bg-divers { background: rgb(215, 10, 131); background: linear-gradient(160deg, rgba(215, 10, 131, 1) 0%, rgba(81, 17, 127, 1) 100%); }
.cdc-bg-divers-2 { background: rgb(215, 10, 131); background: linear-gradient(300deg, rgba(215, 10, 131, 1) 0%, rgba(81, 17, 127, 1) 100%); }
.cdc-bg-white { background: white; }
.cdc-button-1 a { color: white; }
.cdc-button-1 { color: white; background: var(--cd-purple); border-radius: 2rem; font-size: 1.4rem; }
.cdc-button-1:hover { color: white; background: rgba(0, 0, 0, .3); }
.uk-modal-dialog { box-shadow: 2px 2px 40px black; }

.cdc-headline h1,.cdc-headline h3{ text-shadow:1px 6px 2px var(--cd-purple); }
h3.cdc-headline-teaser { color: white  }
p.cdc-teaser { color: rgba(233,219,203,1);  }

a.download:hover { color:purple; transition:.5s all; }