@charset "utf-8";
@font-face { font-family: "PT Sans"; src: url("/typo3conf/ext/cduikittheme/Resources/Public/Fonts/pt_sans/ptsans.woff2"); font-display: swap; }
@font-face { font-family: "PT Sans Latin"; src: url("/typo3conf/ext/cduikittheme/Resources/Public/Fonts/pt_sans/pt-sans-v11-latin-700.woff2"); font-display: swap; }
:root { --cd-darkblue: rgba(1, 54, 134, 1); --cd-brightblue: rgb(53.279,106.56,169.85); --cd-darkgrey: rgba(73, 73, 73, 1); --cd-font: "PT Sans", "Helvetica Neue", sans-serif; --cd-font-bold: "PT Sans Latin", "Helvetica Neue", sans-serif;    /* ACHTUNG! Diese Latin ist in Wirklichkeit eine Latin BOLD!! Siehe "/typo3conf/ext/cduikittheme/Resources/Public/Css/layout.min.css" */ --cd-middlegrey: rgba(100, 100, 100, 1); --cd-deepgrey: rgba(50, 50, 50, 1); }
html, body { font-family: var(--cd-font); -webkit-text-size-adjust: 100% }
body { font-size: 1.25rem; }
h1, h2, h3, h4, h5, h6 { font-family: var(--cd-font-bold); -webkit-text-size-adjust: 100%; }
h1, h2, h3 { color: var(--cd-darkblue); }
h4, h5 { color: var(--cd-darkgrey); }
h1 { font-size: 3rem }
h2 { font-size: 2.25rem }
h3 { font-size: 1.8rem }
h4 { font-size: 1.45rem }
h5 { font-size: 1.3rem }
a, .uk-link { color: var(--cd-darkblue); text-decoration: none; cursor: pointer; }
a:hover, .uk-link:hover { color: var(--cd-darkblue); text-decoration: none; }
em, strong, b { color: var(--cd-middlegrey); }
a b, a strong { color: var(--cd-darkblue); font-weight: normal; }

/* ================ Logo Farbe ============== */
.st0 { fill: var(--cd-darkblue); opacity: .9; }

/* ================ Startseite ============== */
.cd-startseite-img h1 { font-size: 3.2em; font-family: var(--cd-font-bold); }
.cd-startseite-img h2 { font-size: 2em; font-family: var(--cd-font-bold); }
.cd-startseite-img h1 { text-shadow: rgba(0, 0, 0, .1) 1px 1px 9px; font-size: 3.2em; }
.cd-startseite-img .uk-icon-button { width: 45px; height: 45px; background: rgba(255, 255, 255, .8); border: .1em solid #fff; color: rgba(0, 0, 0, .7); }
.cd-third-row { background: #fff; }
.cd-third-row-parallax h4 { font-size: 1.6em; color: #fff; }
.cd-fourth-row h3 { font-size: 1.5rem; }
.cd-six-row, .cd-eight-row { background: var(--cd-darkblue); }
.cd-six-row .uk-card-default .uk-card-title { color: white; text-align: center; }
.cdc-card-blue { background: var(--cd-brightblue); color: white; }
.cdc-card-blue:hover { background: var(--cd-darkblue); transition: background 1s; }
.cdc-card-blue a { color: white; }
.cd-eight-row { background: var(--cd-brightblue); }
.cdc-teaser-row { padding: 2rem; }

/* Formular*/
#gc .uk-card:hover { background: rgba(255, 165, 0, .07); }
.cdc-header-form { color: var(--cd-darkblue); transition: .5s all ease }
.cdc-header-form::before { content: "➔ "; color: var(--cd-brightblue); }

/* COMMENTS */
.cd-seven-row .cd-comment .uk-comment { background: rgba(255, 255, 255, .2); border-bottom: var(--cd-brightblue) .1em solid; }
.cd-seven-row .cd-comment .uk-comment:hover { background: rgba(255, 255, 255, .6); border-bottom: var(--cd-darkblue) .1em solid; }

/* BASIS BOOKING TWEAKS */
.cdc-skp-booking ul.uk-nav.uk-dropdown-nav { font-size: 1.2rem; }
.cdc-dropdown-booking { background: rgba(248, 248, 248, .98); }

.cd-bg-deals { background: #d92b42; background: linear-gradient(90deg, rgba(217, 43, 66, 1) 0%, rgba(217, 128, 39, 1) 50%, rgba(207, 188, 25, 1) 100%); }
#countdown { font-size: 2rem; }
.cd-chip { padding: 2px 6px; min-width: 22px; text-align: center; color: red; }
.cdc-deal-rabatt { color:darkred; font-size:1.4rem; font-weight: bolder; font-family: var(--cd-font-bold); }

/* Kurskonfigurator Tweaks */
.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus, .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked { background-color: var(--cd-darkblue); }

/* Booking - Sprachkurse - List */
.cdc-book-hover:hover { background: rgba(255, 157, 0, .10); }
.cdc-course-title { font-size: 1.2rem; }
#booking-info { z-index: 99999; }
.background-discount-cdc { background: rgba(1,233,2,.2) }

/* Mainpage Tiles */
.uk-tile-secondary { background: var(--cd-darkblue); font-family: var(--cd-font-bold); color: #fff; }
.uk-tile-primary { background: var(--cd-brightblue); font-family: var(--cd-font-bold); color: #fff; }
.uk-tile-secondary .uk-h1:hover { color: orange; }
.uk-tile-primary .uk-h1:hover { color: orange; }
.uk-h1, .uk-h2, .uk-h3, .uk-h4 { font-family: var(--cd-font-bold); }

/* Alerts */
.cdc-alert { background: rgba(102, 150, 207, .2); color: var(--cd-darkblue); font-size: .9rem; }
.cdc-teaser-text { color: var(--cd-brightblue); }

/* Fields on/off css 
#container-company, #container-learn, #container-health, #container-insurance { display: none; }
*/
.uk-form-label { font-size: 1.1rem; }

/* 
ALTE ELEMENTE
*/
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; margin: 0 10px; font-size: 0.875rem; }
.normal .uk-switcher .content ul { list-style: none; }
.normal .uk-switcher .content li { position: relative; }
.normal .uk-switcher .content li:before { position: absolute; top: 0px; margin: 8px 0px 0px -24px; vertical-align: middle; display: inline-block; width: 12px; height: 12px; background: #ccc; content: ""; }
.normal-rechts { background: none repeat scroll 0% 0% #FFF; padding: 1em; border: 0px none; box-shadow: -0.4em -0.4em 1em #efefef; }
.normal-rechts ul { list-style: none; }
.normal-rechts li { position: relative; }
.normal-rechts li:before { position: absolute; top: 0px; margin: 8px 0px 0px -24px; vertical-align: middle; display: inline-block; width: 12px; height: 12px; background: #ccc; content: ""; }

/* ==================== Header ==================== */
img.cd-logo { padding: 0em .2em; }
img.cd-logo { margin-left: 1em; }
.uk-active .cd-logo { visibility: visible; display: block; }
[class*="uk-drop-bottom"] { margin: 0; }
.uk-navbar-dropdown { --uk-position-offset: 0px; }
.topblock { background: #013686; color: #6696CF; padding: .5rem; font-size: 1rem; }
.topblock a { color: rgba(255,255,255,.9); }
.topblock a:hover { color: #fff; }

/* ==================== Navigation ===================== */
.nav-last-item { background: rgba(232, 133, 0, .9) }
.uk-navbar-nav { gap: 0; }
.uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle { display: flex; justify-content: center; align-items: center; box-sizing: border-box; min-height: 40px; font-size: 0.875rem; text-decoration: none; color: #fff; padding: 0.4em 0.6em; }
.uk-navbar-nav>li>a { font-family: var(--cd-font); text-transform: unset; font-size: 0.99em; }
.uk-navbar-nav>li>a:hover { color: var(--cd-brightblue); background: var(--cd-darkblue); }
.uk-navbar-nav>li>a:active { color: var(--cd-brightblue); background: var(--cd-darkblue); }
.uk-navbar-nav>li>a[aria-expanded="true"] { color: var(--cd-darkblue); background: #f7f7f7; }
.uk-navbar-nav>li>a[aria-expanded="true"]:hover { color: var(--cd-darkblue); background: #f7f7f7; }
.uk-navbar-dropdown { background: #f7f7f7; }
nav.uk-navbar-container.uk-navbar .uk-container { margin: auto; width: 100% }
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li>a.uk-open { background: #f7f7f7; color: var(--cd-darkblue); }
span.uk-icon.uk-navbar-toggle-icon { color: #fff; }
.uk-navbar-container .uk-navbar { font-family: var(--cd-font); }
.uk-navbar a { font-family: var(--cd-font); }
a.nav-link { font-size: 1em; color: #013686; }
a.nav-link:hover { color: var(--cd-brightblue); }
a.nav-link.cd-nav-zwei { color: #013686; }
a.nav-link.cd-nav-drei { color: #494949; }
.cdc-nav { background: var(--cd-brightblue); }
.uk-navbar .uk-grid>*>:last-child { list-style: disc; list-style-position: inherit; }
.uk-navbar .uk-grid>*>:last-child { list-style: none; list-style: none; }
.uk-navbar-sticky { background: linear-gradient(to bottom, rgba(0, 0, 0, .8), transparent); color: #fff; }
.cdc-nav-height { margin: auto; max-height: 5rem }
.cd-counter-item { font-size: 5em; font-family: var(--cd-font); color: #fff; }
.uk-offcanvas-bar { background: var(--cd-darkblue); }
.cd-menuitem a:hover { background: var(--cd-brightblue) }
.cd-submenuitem { font-size: .85em; }
.cd-submenuitem:hover { background: var(--cd-brightblue) }
.uk-container-medium-nav { max-width: 1400px; }

/* ------------ Navigation Ebene 2 ------------ */
a.nav-link { font-size: 1em; color: var(--cd-darkblue); }
a.nav-link:hover { color: var(--cd-brightblue); }
a.nav-link.cd-nav-zwei { color: var(--cd-darkblue); }
a.nav-link.cd-nav-drei { color: #494949; }

/* ------------ Navigation Ebene 3: Kästchen als Navigationselement in HeaderNavi ------------ */
ul.cd-inner-item { list-style: none; }
ul.cd-inner-item li { position: relative; }
ul.cd-inner-item li:before { position: absolute; top: 0px; margin: 10px 0px 0px -28px; vertical-align: middle; display: inline-block; width: 12px; height: 12px; background: #ccc; content: ""; }
ul.cd-inner-item li:hover::before { background: var(--cd-darkblue); }

/* =============== Rechte Spalte mit Navi ====================== */
.navigation-rechts .uk-button { margin: 0 0 1.25rem; display: block; }
.navigation-rechts ul { list-style: none; padding-left: 1.2em !important; }
.navigation-rechts ul * ul { margin: 0; }
.navigation-rechts li { position: relative; text-indent: 0em !important; margin-left: 0em !important; }
.navigation-rechts li:before, .navigation-rechts li:hover::before { position: absolute; top: 0px; margin: 10px 0px 0px -24px; vertical-align: middle; display: inline-block; width: 12px; height: 12px; content: ""; }
.navigation-rechts li:before { background: #ccc; }
.navigation-rechts li:hover::before { background: var(--cd-darkblue); }

/* ============= UK-CARDS Hover ======================================= */
.cd-cards a::after, .cd-cards .uk-link::after { content: ' >'; }
.cd-cards a:hover::after, .cd-cards .uk-link:hover::after { color: var(--cd-brightblue); content: ' >'; }
.cdc-last { background: rgba(222, 100, 55, 1); }

/* ============= BUTTONS (UIKIT und alte Formate) ================== */

/* BUTTON Font */
.uk-button { font-size: 1.4rem; line-height: 1.8rem; padding: .3em; }
.uk-button a, .uk-button a:hover { color: #fff; }
.uk-button-success { background: rgba(51, 145, 48, 1); color: #fff; }
.uk-button-success:hover { background: rgba(51, 145, 48, .9); color: #fff; }
.uk-text-success { color: rgba(51, 145, 48, 1) !important; }
.button-contact { display: inline-block; border: rgba(255, 255, 255, .5) solid .15em; padding: 0.4em 0.6em; line-height: 1.5; font-size: 0.875rem; color: #fff; vertical-align: middle; white-space: nowrap; text-transform: uppercase; transition: background .4s; }
.button-contact:hover { background: rgba(255, 255, 255, .2); transition: background .4s; }
.button-contact a, .button-contact a:hover { color: #fff; }
.online-course-landing { background: rgba(134, 42, 42, 1); color: white; border-radius: 2rem; max-width: 50%; transition: all ease 1s; }
.online-course-landing:hover { background: rgba(188, 42, 42, 1); transition: all ease 1s; color: white; }
.online-course-landing-text, .online-course-landing-text a { color: white !important; font-size: 1.6rem; }
.online-course-landing-text a:hover { color: white !important; }
.cdc-lang-menu a { color: rgba(255, 255, 255, 1) !important; }
.cdc-lang-menu { font-size: 1.2rem; border: .1em solid rgba(255, 255, 255, .4); padding: .2rem; color: rgba(255, 255, 255, 1) !important; }
.cdc-lang-menu:hover { background: rgba(255, 255, 255, .2); }
.cdc-lang-active { background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, 1) !important; }

/* Heights */
.uk-height-xlarge { height: 650px; }

/* UI COLORS Button */
.uk-button-warning { background-color: #f08a24; color: #fff; }
.uk-button-warning:hover, .uk-btton-warning:focus { background-color: #cf6e0e; }
.links .uk-button, .links .uk-button-warning, .tx-cdevents .uk-button-warning { margin: 0 0 1.25rem; display: block; }
.uk-button-small, .uk-button-small a { font-family: "PT Sans"; }
.cdc-button-1 { background: #494949; }
.cdc-offer-company { font-size: 2.2rem; font-family: var(--cd-font-bold); }
.cdc-button-order { background: rgba(0, 0, 0, 0.05); }
.cdc-button-reset { background: rgba(222, 100, 55, 1); transition: .5s ease all; }
.cdc-button-reset:hover { background: rgba(222, 100, 55, 1); transition: .5s ease all; }

/* Abgeleitet aus Sprachreisen - EO */
button, button a, .button, .button a, .uk-button .h3, .button .h3, .button h3, button a:hover, .button a:hover, a.button:hover, .uk-button .h3:hover, .button .h3:hover, .button h3:hover { color: #ffffff; }
button, button a, .button, .button a, .uk-button .h3, .button .h3, .button h3, button a:hover, .button a:hover, a.button:hover, .uk-button .h3:hover, .button .h3:hover, .button h3:hover { color: #ffffff; }
button, button.blau, .button.b0 { background: #034896 none repeat scroll 0 0; }
button.blau:hover, .button.b0:hover { background-color: #012b6b; }
button.lila, .button.b1 { background: #572387 none repeat scroll 0 0; }
button.lila:hover, .button.b1:hover { background: #7730b8 none repeat scroll 0 0; }
.button.green, .button.b2 { background: rgb(101, 133, 0) none repeat scroll 0 0; }
.button.green:hover, .button.b2:hover { background: rgb(101, 133, 0) none repeat scroll 0 0; }
button.orange, .button.b3, .button.alert { background: #fc6f42 none repeat scroll 0 0; }
button.orange:hover, .button.b3:hover, .button.alert:hover { background: #f25825 none repeat scroll 0 0; }
.button.alert { font-size: 1.4rem; line-height: 1.8rem; padding: .3em; }
.button.tiny.zurueck { background: rgba(245, 134, 0, 1); color: #fff; max-width: 200px; }
.button.tiny.zurueck:hover { background: rgba(245, 134, 0, 0.8); color: #fff; }

/* ================ Sammelsurium ================= */

/* BOXES */
.cdc-teaser-box-1, .cdc-teaser-box-2 { font-size: 1.8rem; }
.cdc-teaser-box-1 { background: rgba(126, 9, 0, .8); border-left: 10px solid darkorange; color: white; transition: .5s ease all; }
.cdc-teaser-box-1 a { color: white; }
.cdc-teaser-box-1:hover { background: rgba(188, 9, 0, .8); border-left: 10px solid orange; transition: .5s ease all; }
.cdc-teaser-box-2 { background: rgba(0, 46, 0, .8); border-left: 10px solid yellowgreen; color: white; transition: .5s ease all; }
.cdc-teaser-box-2 a { color: white; }
.cdc-teaser-box-2:hover { background: rgba(0, 130, 0, .8); border-left: 10px solid yellow; transition: .5s ease all; }

/* Filterbox */
.cdc-filterbox-1, .cdc-filterbox-2 { padding-left: 0; margin-top: 0px; }
.cdc-filterbox-2.uk-grid-margin { margin-top: 0px; }
.uk-border-pill { border-radius: 5px; }
img.cdc-round-image { opacity: .87; transition: opacity .5s; }
img.cdc-round-image:hover { opacity: 1; transition: opacity .5s; }
#cdc-filterbox .uk-disabled { opacity: .4; }
#cdc-filterbox .uk-dropdown-nav .uk-active a { color: darkgreen; font-weight: bolder; }
.cd-Berlin { background: rgba(33, 87, 20, .8); }
.cd-Marburg { background: rgba(33, 122, 20, .8); }
.cd-Radolfzell { background: rgba(211, 87, 20, .8); }
.cd-Online { background: rgba(211, 17, 10, .8); }
.cd-Koeln { background: rgba(11, 217, 10, .8); }
.cd-Muenchen { background: rgba(111, 17, 210, .8); }

/* Events Überarbeitung */
.cd-event-desc h1 { font-size: 2.6rem; margin: 1rem 0; }
.cdc-badge-1 { background: var(--cd-brightblue); color: var(--cd-darkblue); font-size: 1rem; padding: 1em; }

/* Aus PTP */
.cd-counter-item { font-size: 5em; font-family: var(--cd-font-bold); color: #fff; }
.uk-panel-scrollable { border: 0; resize: none; }

/* ------------------- EMPLOYEES EXT ----------------------- */
.cd-employee h3 { margin: 0.5em auto 0 auto; font-size: 1.6rem; }
.cd-employee p { margin: 0 auto; font-size: 0.9em; line-height: 1.5em; }
.cd-employees-modal .uk-modal-dialog { background: var(--cd-darkgrey); border-bottom: 1em var(--cd-brightblue) solid; box-shadow: -1px 9px 28px -9px rgba(0, 0, 0, 0.75); }
.cd-employees-modal, .cd-employees-modal h2, .cd-employees-modal h3, .cd-employees-modal h4, .cd-employees-modal strong, .cd-employees-modal .uk-modal-title, .cd-employees-modal .uk-modal-close-full { color: #fff; }
.cd-employees-modal img { margin-top: 0.5em; margin-bottom: 1.2em; }
.cd-employees-modal p, .cd-employees-modal li { opacity: 0.7; }
.cd-employees-modal p a, .cd-employees-modal li a { color: #fff; text-decoration: underline; }
.cd-employees-modal hr { border-top: 1px solid var(--cd-middlegrey); }
.cd-employees-modal .uk-modal-title { margin-top: 0em; }
.cd-employees-modal .uk-modal-close-full { background: var(--cd-darkblue); }
.cd-employees-modal .uk-modal-close-full:hover { background: var(--cd-brightblue); }

/* CARDS schöner machen */
.uk-card-default { background: rgba(255, 255, 255, .06); border: .1em solid rgba(0, 0, 0, .06); border-radius: .2rem; }
.cdc-card:hover { background: rgba(0, 0, 0, .05); transition: 0.3s ease-in-out; transition-property: all; transition-property: background; }
.cdc-book-course-landing { font-size: 1.6rem; }
.cdc-card-blue { color: white; font-size: 1.6rem; }
.cdc-course-config { background: darkred; }

/* ============ AKKORDEON ========================== */
.cdc-akkordion-padding { padding: 0.5em; background: rgba(0, 0, 0, 0.05); }
.uk-accordion-title { display: block; font-size: 1.25rem; line-height: 1.4; overflow: hidden; }
.uk-accordion-title, .uk-accordion-title:focus, .uk-accordion-title:visited { margin-left: 0; padding-left: 1em; transition: 0.4s ease-in-out; }
.uk-accordion-title:active, .uk-accordion-title:hover {	/*margin-left: 1em;*/
margin-left: 0em; color: var(--cd-darkblue); transition: 0.4s ease-in-out; }
.uk-accordion-title:focus, .uk-accordion-title:visited { color: #333; }

/* Plus-Zeichen im Titel links */
.uk-accordion-title::before { margin-left: -1em; float: left; width: 1em; height: 1.401em; background-position: 0% 50%; transition: 0.4s ease-in-out; }

/* Animation beim MouseOver, Pluszeichen links */
.uk-accordion-title:hover::before { transition: 0.4s ease-in-out; margin-left: 0px; float: left; }

/* Akkordeon offen */
.uk-accordion .uk-open { padding: 1em; background: rgba(0, 0, 0, 0.04); }
.uk-accordion .uk-open > .uk-accordion-title { margin-left: 0.4em; padding-left: 0; }
.uk-accordion .uk-open > .uk-accordion-title::before { margin-left: 10px; float: right; transition: 0.4s ease-in-out; transition-property: float; transition-property: all; }

/* Akkordeon-Inhalt */
.uk-accordion-content { padding: 0em 0.35em 0 0.35em; margin-top: 1.25em; margin-bottom: 0 }
.uk-accordion-content .content .uk-grid h2 { font-size: 2rem; }
.uk-accordion-content .content .uk-grid h4 { font-size: 1.4rem; margin-top: 20px; }

/* Elke: Akkordeon-Liste im Inhalt */
.uk-accordion-content .content ul { padding: 0 !important; margin: 0; list-style-type: none; }
.uk-accordion-content .content p:first-of-type, .uk-accordion-content .content ul:first-of-type { margin-bottom: 1.25rem }
.uk-accordion-content .content p:last-of-type, .uk-accordion-content .content ul:last-of-type { margin-bottom: 0rem }
.uk-accordion-content .content br:last-of-type { height: 0em !important; }
.uk-accordion-content .content li { text-indent: -1.60em !important; margin-left: 1em !important; }
.uk-accordion-content .content li::before { content: "‒"; margin-right: 0.5em; margin-left: 0.6em; color: #aaa; }

/*.uk-accordion-content li::before { margin-right: 0.5em; margin-left: 0em; color: #aaa; }*/

/* =================== CD History =================== Thanks for inpiration to HTML CODEX */
.cdc-history-timeline *, .cdc-history-timeline *::before, .cdc-history-timeline *::after { box-sizing: border-box; }
.cdc-history-timeline h2 { font-family: var(--cd-font-bold); font-size: 1.6rem; background-image: linear-gradient(240deg, rgba(38, 171, 141, 1), rgba(38, 171, 141, 1, .8)); -webkit-background-clip: text; -webkit-text-fill-color: var(--cd-darkblue); }
.cdc-history-timeline { position: relative; width: 100%; max-width: 1140px; margin: 0 auto; padding: 15px 0; }
.cdc-history-timeline::after { content: ''; position: absolute; width: 2px; background: #efefef; top: 0; bottom: 0; left: 50%; margin-left: -1px; }
.cdc-history-container { padding: 15px 30px; position: relative; background: inherit; width: 50%; }
.cdc-history-container.left { left: 0; }
.cdc-history-container.right { left: 50%; }
.cdc-history-container::after { content: ''; position: absolute; width: 16px; height: 16px; top: calc(50% - 8px); right: -8px; background: var(--cd-darkblue); border: 2px solid #013686; border-radius: 16px; z-index: 1; }
.cdc-history-container.right::after { left: -8px; }
.cdc-history-container::before { content: ''; position: absolute; width: 50px; height: 2px; top: calc(50% - 1px); right: 8px; background: var(--cd-darkblue); z-index: 1; }
.cdc-history-container.right::before { left: 8px; }
.cdc-history-container .date { position: absolute; display: inline-block; top: calc(50% - 26px); text-align: center; font-size: 2.2rem; font-family: var(--cd-font-bold); font-weight: bold; color: var(--cd-darkblue); text-transform: uppercase; letter-spacing: 1px; z-index: 1; }
.cdc-history-container.left .date { right: -150px; }
.cdc-history-container.right .date { left: -150px; }
.cdc-history-container .icon { position: absolute; display: inline-block; width: 40px; height: 40px; padding: 9px 0; top: calc(50% - 20px); background: rgba(102, 150, 207, .4); border: 2px solid #013686; border-radius: 40px; text-align: center; font-size: 18px; color: var(--cd-darkblue); z-index: 1; }
.cdc-history-container.left .icon { right: 56px; }
.cdc-history-container.right .icon { left: 56px; }
.cdc-history-container .cdc-history-content { padding: 30px 90px 30px 30px; background-image: linear-gradient(to right, #f7f7f7, #efefef, #f7f7f7); position: relative; border-radius: 8px; }
.cdc-history-container.right .cdc-history-content { padding: 30px 30px 30px 90px; border-radius: 20px; }
.cdc-history-container .cdc-history-content p { margin: 0; font-size: 16px; line-height: 22px; color: #494949; }
.cdc-history-timeline h2 { font-family: var(--cd-font-bold); font-size: 1.6rem; background-image: linear-gradient(240deg, rgba(38, 171, 141, 1), rgba(38, 171, 141, 1, .8)); -webkit-background-clip: text; -webkit-text-fill-color: var(--cd-darkblue); }
@media (max-width:1200px) {
	h2.cdc-history-timeline { font-family: var(--cd-font-bold); font-size: 1.4rem; font-weight: bolder; background-image: linear-gradient(200deg, #013686, rgba(102, 150, 207, 1), #013686); -webkit-background-clip: text; -webkit-text-fill-color: var(--cd-darkblue); }
	.cdc-history-content h2 { font-size: 1.2rem; }
}
@media (max-width:767.98px) {
	.cdc-history-timeline::after { left: 90px; }
	h2.cdc-history-timeline { font-family: var(--cd-font-bold); font-size: 1rem; font-weight: bolder; background-image: linear-gradient(200deg, #013686, rgba(102, 150, 207, 1), #013686); -webkit-background-clip: text; -webkit-text-fill-color: var(--cd-darkblue); }
	.cdc-history-content h2 { font-size: 1rem; }
	.cdc-history-container .cdc-history-content p { font-size: .9rem; }
	.cdc-history-container .date { position: absolute; display: inline-block; top: calc(50% - 26px); text-align: center; font-size: 1rem; font-weight: bolder; color: var(--cd-darkblue); text-transform: uppercase; letter-spacing: 1px; z-index: 1; }
	.cdc-history-container { width: 100%; padding-left: 120px; padding-right: 30px; }
	.cdc-history-container.right { left: 0%; }
	.cdc-history-container.left::after, .cdc-history-container.right::after { left: 82px; }
	.cdc-history-container.left::before, .cdc-history-container.right::before { left: 10px; border-color: transparent #013686 transparent transparent; }
	.cdc-history-container.left .date, .cdc-history-container.right .date { right: auto; left: 15px; }
	.cdc-history-container.left .icon, .cdc-history-container.right .icon { right: auto; left: 10px; visibility: hidden; }
	.cdc-history-container.left .cdc-history-content, .cdc-history-container.right .cdc-history-content { padding: .4rem; border-radius: 10px; }
	.cdc-teaser-box-1, .cdc-teaser-box-2 { font-size: 1.4rem; }
}

/* =========== TYPO3-Standard-Elemente =============== */

/* Elke: Typo3-Bilder Abstand */
.ce-textpic.ce-right img { margin: 0.75rem 0 1.5rem 1.5rem; }
.ce-textpic.ce-left img { margin: 0.75rem 1.5rem 1.5rem 0; }
.ce-textpic.ce-above img { margin: 1rem 0 1.25rem 0; }

/* ========= Standard-Erweiterungen ========== */

/* Elke: Typo3-Bilder Abstand */
.ce-textpic.ce-right img { margin: 0.75rem 0 1.5rem 1.5rem; }
.ce-textpic.ce-left img { margin: 0.75rem 1.5rem 1.5rem 0; }
.ce-textpic.ce-above img { margin: 1rem 0 1.25rem 0; }

/* Elke: Typo3-Bilder Beschriftung */
.ce-gallery figcaption { font-size: 0.85em; }
.ce-right .ce-gallery figcaption { text-align: right; }

/* ------------------ Typo3-Standardtabellen ------------------- */
table { border-collapse: separate; border-spacing: 0.2em; box-shadow: 0 0 0.1em #dadada; width: 100%; margin-bottom: 1.25em; }
table th { font-weight: normal; color: var(--cd-deepgrey); text-align: left; background-color: #efefef; }
table th, table td { padding: 0.3em; vertical-align: top; border: transparent 0px solid; }
table th b, table td b, table th strong, table td strong { font-weight: normal; color: var(--cd-deepgrey); }

/* Add margin if adjacent element */
*+table.ce-table, *+table.contenttable { margin-top: 1.25em; }
table.ce-table>tr:nth-of-type(even), table.ce-table tbody tr:nth-of-type(even), table.contenttable>tr:nth-of-type(even), table.contenttable tbody tr:nth-of-type(even) { background: #f5f5f5; }
table.ce-table, table.ce-table th, table.ce-table td { border: transparent 0px solid; }

/*
    ============= *** DURCHGEHENDER FOOTER - ALLE SEITEN! ==================
*/
#footer { padding: 2em 0; background: #494949; background-image: url('/fileadmin/screendesign/images/bg/bruecken.png'); background-repeat: no-repeat; background-position: 50% center; }
#footer .footer-format { color: #aaa; font-size: 0.9em; }
#footer .footer-format .uk-text-center { margin: 1em 0 0 0; }
#footer h4, #footer h5, #footer strong { font-family: var(--cd-font); font-size: 1.2em; color: #fff !important; }
#footer a, .footer-format a { color: rgba(255, 255, 255, .7); }
#footer a:hover, .footer-format a:hover { color: rgba(255, 255, 255, 1); text-decoration: none; }

/* Ergänzungen zu Andreas' CSS im November, von ihm zuletzt überschrieben am 12.09.2022 auf Basis vom 07.07.2022 
  Achtung: Hier sind keine Änderungen von Elke vom 17.08. bis 19.08.2022 enthalten - die CSS-Datei ist damit vermutlich unvollständig!
*/
.cdc-skp-booking:where(.cd-filter-select) { background: var(--cd-darkblue) !important; color: white !important; margin-bottom: .8em; font-size: .9rem !important; transition: .5s ease all; }
.cdc-skp-booking:where(.cd-filter-select):hover { background: green !important; color: white !important; transition: .5s ease all; }
.cdc-skp-booking:where(.cd-filter-select):active { background: green !important; color: white !important; transition: .5s ease all; }
.cdc-skp-booking .uk-active:where(.cd-filter-select) { background: green !important; }
.cdc-button-reset:hover { background: darkorange; }
li.cdc-test-class { opacity: .7 }
li.cdc-new-course-class a { background: darkred !important; }
li.cdc-new-course-class a:before { content: "NEW - "; font-size: .75rem; }
.cdc-location-class { opacity: 1 }
.cdc-course-class { opacity: .85 }

/* =============== Media Queries ==================*/
@media only screen and (max-width:640px) {
	*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin { margin-top: 10px; }
	body { font-size: 1.10rem; }
	h1 { font-size: 2rem }
	h2 { font-size: 1.75rem }
	h3 { font-size: 1.4rem }
	h4 { font-size: 1.2rem }
	h5 { font-size: 1rem }
	.cd-startseite-img, .main-slider .uk-slider-items h1 { font-size: 3.2em; }
	.cd-startseite-img h2, .cd-startseite h2, .main-slider .uk-slider-items h2 { font-size: 2em; }
	.cd-startseite-img h3, .cd-startseite h3, .cdc-startseite-para h3 { font-size: 1.8em; }
	.cd-startseite h4 { font-size: 1.6rem; }
	.cd-startseite p { font-size: 1.4rem; }
	.uk-background-cover .cdc-startseite-para p { font-size: 1.4rem; }
	.cd-image-teaser-text { max-width: 400px; }
	.cd-counter-item { font-size: 3em; }
	.button.corona-info { font-size: 1.4rem; padding: 0.4em 1.25em; }
	.cdc-offer-company { font-size: 1.6rem; font-family: var(--cd-font-bold); }
	.cdc-deal-rabatt { color:darkred; font-size:1rem; font-weight: bolder; }
	#countdown { font-size: 1rem; }

	/* Cards */
	.cdc-card-blue { font-size: 1.2rem; }

	/* Für kleine Auflösungen floating auflösen, Bilder nach oben */
	.ce-intext.ce-left .ce-gallery { margin-right: 0px; }
	.ce-intext.ce-right .ce-gallery { margin-left: 0px; }
	.ce-left .ce-gallery, .ce-right .ce-gallery { float: none; }
	.ce-textpic.ce-left img, .ce-textpic.ce-right img { margin: 0 0 1rem 0; display: block; max-width: 100%; height: auto; box-sizing: border-box; transform: scale(1, 1); }
	.links .ce-textpic.ce-left img, .links .ce-textpic.ce-right img { min-width: 380px; }
	.navigation-rechts li:before, .navigation-rechts li:hover::before { margin: 8px 0px 0px -20px; }

	/* Footer */
	#footer .uk-grid>* { padding-left: 40px !important }
	#footer .uk-width-1-1 div, #footer .uk-text-small div { line-height: 2em; }
	#footer .uk-width-expand .uk-text-center { text-align: left !important; }
	#footer .uk-grid>div:last-of-type { margin-bottom: 1.2rem; }
	.cdc-skp-booking:where(.cd-filter-select) { font-size: 1rem !important; }
	.cdc-teaser-box-1, .cdc-teaser-box-2 { font-size: 1rem; }
}
@media only screen and (min-width:641px) {
	#footer .uk-container .uk-padding { padding: 20px 40px }
	#footer .uk-width-1-1 div, #footer .uk-text-small div { line-height: 1.8em; }
	#footer .uk-grid>* { padding-left: 15px !important; padding-right: 20px }
}
@media only screen and (max-width:960px) {
	.cd-teaser-plugin>.uk-child-width-1-1\@s >* { max-width: 400px; }
}
@media only screen and (min-width:641px) and (max-width:960px) {
	#footer .uk-grid>* { padding-left: 0px !important; padding-right: 40px }
	#footer .uk-grid>div:last-of-type { padding-left: 0px !important; padding-right: 0px }
}
@media only screen and (max-width:980px) {
	.uk-tab>*>a { font-size: 1.20rem !important; }
}
@media only screen and (min-width:981px) and (max-width:1060px) {
	.uk-tab>*>a { font-size: 1.35rem !important; }
}
@media only screen and (min-width:641px) and (max-width:1025px) {

	/* Für kleine Auflösungen kleinere Schriftarten */
	body { font-size: 1.10rem; }
	h1 { font-size: 2.2rem; }
	h2 { font-size: 1.8rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.25rem; }
	h5 { font-size: 1.15rem; }
	.cd-startseite-img h1, .main-slider .uk-slider-items h1 { font-size: 3.8em; }
	.cd-startseite-img h2, .main-slider .uk-slider-items h2 { font-size: 2.6rem; }
	.cdc-startseite-para h2, .cd-startseite h2 { font-size: 2.2em; }
	.cd-startseite-img h3, .cd-startseite h3, .cdc-startseite-para h3 { font-size: 1.8em; }
	.cd-startseite h4 { font-size: 1.6rem; }
	.cd-startseite p { font-size: 1.6rem; }
	.uk-background-cover .cdc-startseite-para p { font-size: 1.6rem; }
	.cd-row-events .cd-startseite p { font-size: 1.4rem; }
	.cd-counter-item { font-size: 3em; }
	.button.corona-info { font-size: 1.4rem; padding: 0.4em 1.25em; }
}
@media only screen and (min-width:1025px) and (max-width:1215px) {
	.uk-navbar-nav>li>a { font-size: 0.98em !important; }
}
@media only screen and (min-width:1216px) and (max-width:1240px) {
	.uk-navbar-nav>li>a { font-size: 0.85em !important; }
}
@media only screen and (min-width:960px) and (max-width:1266px) {
	a.nav-link, .uk-navbar-nav>li>a, .uk-navbar-dropdown-grid>li>a { font-size: 0.8em !important; }
}

/* ==================== Formulare ===================== */

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

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

/* Sprachkurse buchen */
.cdc-bg-danger { background: rgba(255, 0, 0, .05); }

/* ===== 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: var(--cd-deepgrey) solid 1px; 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: 1em; padding: 0.5em 1.0em; text-align: center; color: #fff; }
.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 { color: #fff; background: red; font-size: 1.8rem; padding: 1rem; }
.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; }

/* dropdown color */
.uk-dropdown-nav>li>a { color: #494949; }
.course-1:after { content: " "; color: red !important; }
.cdc-pricetag { background: darkred; color: white; font-size: 1rem; padding: .5rem; border-radius: 3px; box-shadow: 2px 2px 3px orange; }

/* TESTS */
.cdc-test-color { background: rgba(1, 54, 134, .9); transition: .5s ease all; }
.cdc-course-title { background: rgba(1, 54, 134, .1); }
.cdc-label-loc-1 { background: #95318a; }
.cdc-label-loc-2 { background: rgba(1, 54, 134, 1); }
.cdc-label-loc-3 { background: #eb5c0b; }
.cdc-label-loc-4 { background: #1469af; }
.cdc-label-loc-5 { background: #339130; }
.cdc-label-loc-6 { background: #494949; }
.cdc-book-now { background: rgba(1, 54, 134, 1); color: white; font-size: 1.2rem; }
.cdc-book-now a { color: white; }
.cdc-book-now:hover { background: rgba(1, 54, 134, .7); transition: .5s ease all; color: white }

/* TEXT Courses */
.course-65, .course-63 { color: #000 !important; }
.course-65:after, .course-63:after { content: " "; color: red !important; }
li#cdclocation:hover, .course-32:hover, .course-44:hover, .course-1:hover, .course-36:hover, .course-65:hover, .course-63:hover { color: #000 !important; background: rgba(0, 0, 0, .055); }

/* BG Courses */
.cdc-course-title-65:after { content: "★"; color: var(--cd-brightblue); }
.course-bg-63 { background: rgba(246, 219, 103, .2); transition: .5s ease all; }
.course-bg-65 { background: rgba(246, 219, 103, .4); transition: .5s ease all; }
.course-bg-63:hover { background: rgba(246, 219, 103, .8) !important; transition: .5s ease all; }
.course-bg-65:hover { background: rgba(246, 219, 103, 1) !important; transition: .5s ease all; }
.cdc-teaser-63, .cdc-teaser-65 { color: darkred; }
.course-bg-36 { background: rgba(26, 18, 108, .1); transition: .5s ease all; }
.course-bg-36:hover { background: rgba(26, 18, 108, .082) !important; transition: .5s ease all; }
.cdc-teaser-36 { color: darkred; }
#cdc-filterbox .uk-card-footer { background: rgba(1, 54, 134, .3); transition: .5s ease all; }
#cdc-filterbox .uk-card:hover { background: rgba(1, 54, 134, .2); transition: .5s ease all; }
#cdc-filterbox .uk-card { background: rgba(1, 54, 134, .01); transition: .5s ease all; }
.cdc-course-badge { height: 32px; text-transform: uppercase; padding: .4rem; color: white; font-size: .9rem; margin-left: 6px; margin-top: 6px; border-radius: 3px; }