@charset "utf-8";
@font-face { font-family: 'PT Sans'; src: url('/fileadmin/screendesign/Fonts/pt_sans/ptsans.woff2'); font-display: swap; }
@font-face { font-family: "PT Sans Latin Bold"; src: url("/fileadmin/screendesign/Fonts/pt_sans/pt-sans-v11-latin-700.woff2"); font-display: swap; }
:root { --cd-font: "PT Sans", "Helvetica Neue", sans-serif; --cd-font-bold: "PT Sans Latin Bold"; --cd-darkblue: rgba(0, 70, 145, 1); --cd-brightblue: rgb(53.279, 106.56, 169.85); --cd-lightgrey: rgba(200, 200, 200, 1); --cd-middlegrey: rgba(100, 100, 100, 1); --cd-darkgrey: rgba(73, 73, 73, 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: rgba(0, 70, 145, 0.8); text-decoration: none; }
em, strong, b { color: var(--cd-middlegrey); }
a b, a strong { color: var(--cd-darkblue); font-weight: normal; }

/*
---------------------------- HEADER ----------------------------------------------------------------------------
*/
header .uk-sticky-fixed { z-index: 9999 }
h1.h1-home { font-size: 4rem; }
h2.h2-home { font-size: 2.4rem; margin-top: -1rem; }

/* SOCIAL LINKS */
.sociallinks { text-align: center; padding: .3em 0 .3em .3em; }
.sociallinks img { width: 1.6em; height: 1.6em; margin-right: .2em; }
.sociallinks img:hover { opacity: .8; }

/* ANGEBOT ANDERE PRODUKTE */
.topblock { font-size: .8em; background: #013686; color: #6696CF; padding: 1em; }
.topblock a { color: rgba(255, 255, 255, .8); padding: 0 .2em; transition: color 0.1s ease-in-out; }
.topblock a:hover { color: rgba(255, 255, 255, 1); transition: color 0.1s ease-in-out; }
.topblock .uk-navbar-nav>li>a { margin: 0; }
.topblock .uk-sticky-fixed { }
.uk-totop { padding: 1em 0.75em; transition: color 0.1s ease-in-out; }
.uk-totop:hover { color: var(--cd-darkblue); transition: color 0.2s ease-in-out; }
.cdc-pointer { cursor: pointer; }
.cd-boxes-mainpage h1 { font-size: 2.4rem; }
.cd-boxes-mainpage h3 { font-size: 1.6rem; }
.cd-boxes-mainpage .uk-margin-medium { margin: 0.2rem; }
div.uk-container.uk-padding-large.cd-boxes-mainpage { padding-top: 1.6rem; }

/* Style the video: 100% width and height to cover the entire window */
#cdcVideoLoop { right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
.footer-address { color: rgba(255, 255, 255, 1); }
.footer-address a { color: rgba(255, 255, 255, 1); }

/* =========================== NAVIGATION ==========================*/

/* LOGO NAVBAR */
img.cd-logo { padding: 0em .2em; }
img.cd-logo { margin-left: 1em; }
.uk-active .cd-logo { visibility: visible; display: block; }

/* Navigation 1. Ebene */
.cdc-nav { background: var(--cd-brightblue); backdrop-filter: blur(10px); }
.cdc-nav-height { margin: auto; max-height: 5rem }
.uk-navbar-container .uk-navbar .uk-container { margin: auto; width: 100%; }
.uk-navbar-container .uk-navbar, .uk-navbar a { font-family: var(--cd-font); }
.uk-navbar-container:not(.uk-navbar-transparent) { background: transparent; }
.uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle { display: flex; box-sizing: border-box; justify-content: center; align-items: center; min-height: 40px; padding: 0.4em 0.6em;    /*font-size: 0.875rem; */ text-decoration: none; color: #fff; }
.uk-navbar-nav>li>a { font-family: var(--cd-font); text-transform: unset; font-size: 1.2rem; }
.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: #fff; }
.uk-navbar-nav>li>a[aria-expanded="true"]:hover { color: var(--cd-darkblue); background: #fff; }
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li>a.uk-open { color: var(--cd-darkblue); background: #fff; }

/* Navigation 2. Ebene */
[class*="uk-drop-bottom"] { margin: 0; }
.uk-navbar-dropdown { --uk-position-offset: 0px; }
a.nav-link.cd-nav-zwei { color: var(--cd-darkblue); }
.uk-navbar-dropdown { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255, 255, 255, 1) }
a.cdc-solo-zwei:hover { text-decoration: underline; color: var(--cd-darkblue) }

/* Navigation 3. Ebene */
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); }
a.nav-link.cd-nav-drei { color: var(--cd-darkgrey); }

/* ------------------- Modal Navigation ------------------- */
span.uk-icon.uk-navbar-toggle-icon { color: #fff; }
.uk-modal { z-index: 99999; }
.cd-modal-nav { color: #fff; }
.cd-modal-nav h3 { color: #fff; }
.cd-modal-nav li { font-size: 1.2rem; }
.cd-modal-nav-item { padding: .5em; }
.cd-modal-nav-item a { color: rgba(255, 255, 255, .85); }
.cd-modal-nav-item a:hover { color: var(255, 255, 255, 1); text-decoration: underline; }
a.cd-modal-nav-child-item { color: rgba(102, 150, 207, 1); font-size: .8em; }
a.cd-modal-nav-child-item:hover { color: rgba(255, 255, 255, .8); font-size: .8em; }
.cd-navigation .uk-modal-dialog { background: var(--cd-darkblue); border-bottom: 1em var(--cd-brightblue) solid; box-shadow: -1px 9px 28px -9px rgba(0, 0, 0, 0.75); }
.cd-navigation .uk-modal-close-full { background: var(--cd-brightblue); color: rgba(255, 255, 255, .8); }
.cd-navigation .uk-modal-close-full:hover { background: var(--cd-brightblue); color: rgba(255, 255, 255, 1); }
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; margin: 0 10px; font-size: 0.875rem; }

/* -------------------- Navigation rechte Spalte ---------------------- */
.navigation-rechts { background: #fff; padding: 0.5em 1em 1em 1em; box-shadow: 0 5px 15px rgba(0, 0, 0, .08) }
.navigation-rechts ul { list-style: none; }
.navigation-rechts li { position: relative; }
.navigation-rechts li::before { position: absolute; top: 0px; margin: 10px 0px 0px -28px; vertical-align: middle; display: inline-block; width: 12px; height: 12px; background: #ccc; content: ""; }
.navigation-rechts li:hover::before { background: var(--cd-darkblue); }
.navigation-rechts .uk-button { margin: 0 0 1.25rem; display: block; }

/* ======================  STARTSEITE ========================= */
.cd-first-row h1 { color: rgba(255, 255, 255, 1) }
.cd-first-row h2 { color: rgba(255, 255, 255, 1) }
.cd-third-row h4 { color: rgba(255, 255, 255, 1) }
.cd-third-row h1 { font-size: 4.2rem; }
.cd-third-row-parallax h4 { font-size: 1.6em; color: #fff; }
.cd-fourth-row h3 { font-size: 1.5rem; }
.cd-gradient-text { transition: background-position 1s; font-size: 2.8rem; 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%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cd-gradient-text:hover { transition: background-position .5s; background-position: 800px; font-family: "PT Sans Latin Bold"; font-weight: 700; background: radial-gradient(40deg, 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%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cdc-event-mainpage .uk-text-small { font-size: 1rem; }

/* Corrections uk-card without shadow and color */
.cd-eight-row h2 { text-align: center; }
.cd-eight-row .uk-card-default .uk-card-title { color: var(--cd-darkblue) }
.cd-eight-row .uk-card-default { background: rgba(0, 70, 145, .04); box-shadow: 0px 0px 0px white; }
.cd-ten-row h3 { font-size: 1.8rem; text-align: center; }
.cd-ten-row { background: linear-gradient(-180deg, rgba(1, 54, 134, 1), rgba(102, 150, 207, 1)); background-size: 4000% 4000%; animation: gradient 5s ease infinite; }
.cd-twelve-row { background: linear-gradient(180deg, rgba(1, 34, 154, .02), rgba(102, 150, 207, .3)); background-size: 4000% 4000%; animation: gradient 15s ease infinite; }
@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
.cdc-event-mainpage { padding: .1rem; }
dd.cdc-event-mainpage { transition: all .4s ease; }
dd.cdc-event-mainpage:hover { background: rgba(0, 0, 0, .08); transition: all .4s ease; color: rgba(0, 0, 0, 1.0) !important; }
dd.cdc-event-mainpage a:hover { color: rgba(0, 0, 0, 1.0) !important; }
.cdc-event-mainpage-odd { background: rgba(0, 0, 0, .03); }

/* ------------------------- HEADLINE STARTSEITE --------------------------- */
.main-slider h1 { margin-bottom: 0.25em; }
.main-slider h2 { margin-top: 0em; margin-bottom: 0.5em; }
.uk-slider-items h1 { font-size: 5rem; }
.uk-slider-items h2 { font-size: 3rem; }
.cd-image-slider-text { background: var(--cd-darkblue); padding: 0.5em; color: #fff; }
.cd-image-slider-text a { color: #fff; }
.uk-slider .uk-height-large { height: 400px }
.cd-startseite h1.text-center { text-align: center; font-size: 3em; }
.cd-startseite h2 { font-size: 3em; }
.cdc-startseite-para h1, .cdc-startseite-para h2, .main-slider h1, .main-slider h2 { text-shadow: 1px 1px 2px #000; }
.cdc-startseite-para p { font-size: 2rem; color: #fff; text-shadow: 1px 1px 1px #000; }
.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 .uk-icon-button { width: 45px; height: 45px; background: rgba(255, 255, 255, .8); border: .1em solid white; color: rgba(0, 0, 0, .6); }

/* ========================= Sammelsurium ========================= */
.uk-lightbox { background: rgba(0, 0, 0, 0.9) }
.cd-counter-item { font-size: 5em; font-family: var(--cd-font-bold); color: #fff; }

/* ----------------------- Jobs - Tabelle---------------------------- */
.tx-jobs .uk-table-hover tbody tr:hover, .tx-jobs .uk-table-hover>tr:hover { background: rgba(0, 70, 145, .06); }
.tx-jobs .cd-standort { font-size: 1.5rem; }
.tx-jobs td.cd-blank { background: white; }

/* ------------------------- Labels ----------------------------- */
.uk-overlay-primary { background: rgba(34, 34, 34, 0.8) }
.uk-dotnav>*>* { width: 13px; height: 13px; border-radius: 0 }
.label { padding: 0.5em 0 }
.uk-label { background: rgba(1, 54, 134) }
.uk-label-success { background-color: rgba(74, 176, 89, 1); color: #fff; }
.uk-label-warning { background-color: rgba(225, 121, 3, 1); color: #fff; }
.uk-label-danger { background-color: rgba(225, 21, 3, 1); color: #fff; }

/* ------------------------- Badges ----------------------------- */
.badge { padding: 0.5em 0 }
.uk-badge { background: var(--cd-darkblue) }
.grey-badge { background: rgba(0, 0, 0, 0.5) }
.black-badge { background: rgba(0, 0, 0, 1) }
.red-badge { background: rgba(225, 21, 3, 1) }
.green-badge { background-color: rgba(74, 176, 89, 1) }
.lila-bagde { background: rgba(125, 0, 124, 1) }
a.other-offers { color: var(--cd-darkblue); }
a.other-offers:hover { color: var(--cd-darkblue); }

/* ------ 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(0, 70, 145, 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; }
}
.uk-map-rect { padding: 5px; height: 30px; }
.uk-map-rect:hover { border: 2px double var(--cd-darkblue); }

/* TWEAKS */
.cdc-bg-darkblue { background: var(--cd-darkblue); color: #fff; text-align: left; }
.cdc-bg-darkblue a { color: #fff; }
.cdc-bg-brightblue { background: var(--cd-brightblue); color: #fff; }
.cdc-bg-brightblue a { color: #fff; }
.cdc-event-list-box:hover { opacity: .8; }
.cdc-trip-info { background: rgba(48, 111, 81, .9); }
.cdc-trip-info:hover { background: rgba(162, 8, 8, .7); }
.cd-employee-headertext { color: rgba(255, 255, 255, 1); padding: .2em; background: rgba(255, 255, 255, .2); border-radius: .2em; }
.uk-tab>.uk-active>a { border-color: var(--cd-darkblue); }
.uk-tab>*>a { font-size: 1.5rem; font-weight: bolder; color: var(--cd-darkblue); }

/* ----- Print-Design ---------- */
.print-font ul { margin: 0em; }

/* ====================== MODULE =========================== */

/* ----------------- CDC Cards ---------------------------------- */


.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: ' >'; }
.cd-cards .uk-card-hover:hover { background: rgba(0, 70, 145, .1); transition: background 1s ease; }
.cd-cards .uk-card-hover:hover .uk-button-border { border-color: var(--cd-darkblue); transition: all 1s ease; }
.cd-cards .uk-card-hover:hover .uk-button-border a { color: var(--cd-darkblue); transition: all 1s ease; }
.uk-card-primary { background: var(--cd-brightblue); }
.normal .cd-cards .uk-card-hover:hover {    /*background: rgba(255, 135, 0, .2);*/
background: rgba(227, 157, 42, .2); transition: all 10ms ease; }
.normal .CardOdd { background: rgba(0, 70, 145, 0.1); }
.cd-cards .uk-card-title { color: var(--cd-darkblue); }
.cd-fourth-row .cd-cards a::after, .cd-cards .uk-link::after { content: ''; }
.cd-fourth-row .cd-cards a:hover::after, .cd-cards .uk-link:hover::after { color: var(--cd-brightblue); content: ''; }

/* --------------- ICEF ------------------*/
.cdc-icef { background: rgba(1, 54, 134, 1); transition: background 1s ease; }
.cdc-icef:hover { background: rgba(1, 54, 134, .8); transition: background 1s ease; }
.cdc-icef-price { font-size: 3rem }
.cdc-icef-standard { color: rgba(255, 255, 255, .5) }
.cdc-icef-premium { color: darkred; ) }

/* Anmeldebutton neue Event-Seite TRAVEL */
div[class^="tx-cdevent"] .uk-text-center .uk-button { margin-top: 1.5em; transition: }
.tx-cdevents .uk-button-warning { margin: 0 0 1.25rem; display: block; }

/* -------------- COMMENTS / TESTIMONIALS ------------------------- */
.cd-comment { margin-bottom: 1.8em; }
.cd-comment .uk-comment { background: rgba(1, 54, 134, .041); }
.uk-comment-body strong { color: #484848; }

/* -------------------------------------MASONRY ------------------------ */
.cd-masonry-ext { }
.cd-masonry-ext h2 { color: var(--cd-darkblue); }
.cd-product-name-brightblue { background: var(--cd-brightblue); color: #fff; }
.cd-product-name-darkblue { background: var(--cd-darkblue); color: #fff; }
.cd-overlay-darkblue { background: rgba(0, 70, 145, 0.8) }
.cd-overlay-brightblue { background: rgba(102, 150, 207, 0.8) }
.cd-overlay-darkblue a, .cd-overlay-brightblue a { color: #fff; }
.cd-overlay-darkblue p, .cd-overlay-brightblue p { color: #fff; }
.cd-overlay-darkblue a:hover, .cd-overlay-brightblue a:hover { color: #fff; }

/* ----------------------------AKKORDION -------------------------- */
.uk-accordion .uk-accordion-title { font-size: 1.4rem; font-weight: bolder;}
.uk-accordion .cdc-akkordion-padding { padding: 1.6rem; }
.uk-accordion .uk-open { background: rgba(1,54,134,.041); }
.uk-accordion a:hover { color:var(--cd-brightblue);text-decoration: underline;}

/* =================== 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; }
@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; }
}

/* ------------------------------------ TEAM ------------------------------------ */
.cd-employees-modal h4 { color: #fff; }
.cd-employees-modal p { opacity: .7 }
.cd-employees-modal p a { color: #fff; text-decoration: underline }
.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 .uk-modal-close-full { background: var(--cd-darkblue); color: rgba(255, 255, 255, .8) }
.cd-employees-modal .uk-modal-close-full:hover { background: var(--cd-brightblue); color: rgba(255, 255, 255, 1) }
.cd-layout-employess-2 h3, .cd-layout-employess-2 h5 { text-align: center }
.cdc-employee-hover:hover { transition: 0.3s ease-in-out; transition-property: all; transition-property: background }
li.uk-open img.uk-employees-list { display: none }
.cdc-employee-modal, .cdc-employee-modal strong, .cdc-employee-modal .uk-text-center, .cdc-employee-modal .uk-text-center a { color: #fff; }

/* ---------------------------- Events ----------------------------------------- */

/* Ortslangbeschreibungen aus Liste und Startseite ausblenden */
.hidden { display: none; visibility: hidden; }
.tx-cdevents img, .cd-event-detail-label { width: 100%; max-width: 786px; }
.cd-event-detail-label { margin: 0 0 1.25em 0; padding: 0.5em 0.5em 0.625em 1em; background-color: rgba(25, 100, 22, 0.9); color: #fff; display: inline-block; box-sizing: border-box; }
.cd-event-location-desc { margin-top: 1em; }
.cdc-event-card { border: 2px solid transparent; border-radius: 5px; transition: .51s all ease; }
.cdc-event-card:hover { border: 2px solid orange; border-radius: 5px; transition: .51s all ease; }

/*  ---------------------------- Presse: Paginierung ----------------------------------------- */
.uk-pagination>*>*, .uk-pagination .uk-active { display: block; padding: 5px 10px; color: var(--cd-darkblue); transition: color .1s ease-in-out; }
.uk-pagination .uk-active { color: var(--cd-darkgrey); }

/* 
======================== BUTTONS ! ==========================
*/

/* BUTTON Font */
.uk-button { font-size: 1.2rem; line-height: 1.6rem; padding: 0.8rem 0.5rem; text-transform: uppercase; }
.uk-button-small { font-size: 1rem; padding: 0.15em 0.3em; line-height: 1.2rem; }
.uk-button-border { border: 1px solid var(--cd-lightgrey); transition: all 1ms ease; }
a.uk-button-text { color: var(--cd-darkblue); }
a.uk-button-text:hover { color: rgba(1, 54, 134, 0.8); }

/* BUTTON COLORS */
.uk-button-primary { background: var(--cd-darkblue); transition: background 1s; }
.uk-button-primary:hover { background: var(--cd-brightblue); transition: background 1s; }
.uk-button-secondary { background: var(--cd-brightblue); }
.uk-button-secondary:hover { background: rgba(102, 150, 207, 0.85); }
.uk-button-danger { background: rgba(134, 1, 44, 1); }
.uk-button-danger:hover { background: rgba(134, 1, 44, 0.85); }
.cd-button-layout-0 { color: var(--cd-darkblue); border: var(--cd-darkblue) 0.1em solid; transition: 1ms }
.cd-button-layout-0:hover { color: rgba(0, 70, 145, 0.8); border: rgba(0, 70, 145, 0.8) 0.1em solid; transition: 1ms }
.cd-button-layout-1 { background: var(--cd-darkblue); color: #fff; border: 0; transition: 1ms }
.cd-button-layout-1:hover { color: #fff; transition: 1ms; background: var(--cd-brightblue); }
.cd-button-layout-1 a { color: #fff; }
.cd-button-layout-1 a:hover { color: #fff; transition: 1ms }
.cd-button-layout-2 { background: rgba(255, 100, 22, 0.9); color: #fff; border: 0; transition: 1ms }
.cd-button-layout-2:hover { background: rgba(255, 100, 22, 1); color: #fff; transition: 1ms }
.cd-button-layout-3 { background: rgba(25, 100, 22, 0.9); color: #fff; border: 0; transition: 1ms }
.cd-button-layout-3:hover { background: rgba(25, 100, 22, 1); color: #fff; transition: 1ms }

/* Elke: Erweiterung Farben uk-button */
.uk-button-warning { background-color: #f08a24; color: #fff; }
.uk-button-warning:hover, .uk-button-warning:focus { background-color: #cf6e0e; }
.links .uk-button, .links .uk-button-warning { margin: 0 0 1.25rem; display: block; }

/* Buttons für Extension */

/*	.cdc-b1 und .cdc-b2 angepaßt an uk-button-Farben
	die Klassen uk-button-text und uk-button-link stammen von UIKIT selbst
*/
.cdc-b1a, .cdc-b2 a, .cdc-b3 a { color: #fff; }
.cdc-b1 { background: rgba(25, 100, 22, 0.9); color: #fff; border: 0; transition: 1ms }
.cdc-b1:hover { background: rgba(25, 100, 22, 1); color: #fff; transition: 1ms }
.cdc-b2 { background: rgba(255, 100, 22, 0.9); color: #fff; border: 0; transition: 1ms }
.cdc-b2:hover { background: rgba(255, 100, 22, 1); color: #fff; transition: 1ms }

/* SEHR BUNTER Button */
.cdc-b3 { transition: color 0.25s linear; background: rgb(177, 21, 21); background: linear-gradient(30deg, rgba(177, 21, 21, 1) 0%, rgba(218, 107, 20, 1) 10%, rgba(224, 221, 16, 1) 20%, rgba(90, 204, 42, 1) 30%, rgba(35, 217, 164, 1) 40%, rgba(41, 151, 201, 1) 50%, rgba(33, 50, 219, 1) 60%, rgba(171, 46, 209, 1) 70%, rgba(235, 0, 219, 1) 80%, rgba(235, 0, 0, 1) 90%, rgba(252, 69, 69, 1) 100%); color: rgba(255, 255, 255, .8); }
.cdc-b3:hover { transition: color 0.25s linear; color: white !important; background: rgb(177, 21, 21); background: linear-gradient(30deg, rgba(177, 21, 21, 1) 0%, rgba(218, 107, 20, 1) 10%, rgba(224, 221, 16, 1) 20%, rgba(90, 204, 42, 1) 30%, rgba(35, 217, 164, 1) 40%, rgba(41, 151, 201, 1) 50%, rgba(33, 50, 219, 1) 60%, rgba(171, 46, 209, 1) 70%, rgba(235, 0, 219, 1) 80%, rgba(235, 0, 0, 1) 90%, rgba(252, 69, 69, 1) 100%); }

/* 
======================= SVG BG ==============================
*/
.button.gast-info { background: rgba(231.09, 101.39, 23.906, .8) url("https://www.cdc.de/fileadmin/screendesign/TemplatesCD/Images/SvgBackgrounds/family.svg") top left repeat; background-size: auto; background-size: 40%; text-align: center; display: block; width: 100%; color: #fff; min-height: 175px; font-size: 1.5rem; vertical-align: middle; padding: 0.6em 1.75em; transition: 1ms; }
.button.ukraine-stipendium { background: #ffd600 url("https://www.cdc.de/fileadmin/screendesign/TemplatesCD/Images/SvgBackgrounds/ukraine-flagge-2022.svg") 0% 50% no-repeat; background-size: auto; background-size: 100%; text-align: left; display: block; width: 100%; min-height: 175px; color: #fff; font-size: 1.3rem; vertical-align: middle; padding: 1.2em 1.2em; transition: 1ms; }

/* 
======================= LANG MENU ============================
*/
.cdc-lang-menu { font-size: 1.2rem; border: .1em solid rgba(255, 255, 255, .4); padding: .5rem; }
.cdc-lang-menu:hover { background: rgba(255, 255, 255, .2); }
.cdc-lang-active { background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .8) !important; }

/* ====== Elke: Alte Tiny-Buttons, werden noch verwendet! ================= */
.button { cursor: pointer; margin: 0 0 1.25rem 0; text-align: center; text-decoration: none; display: inline-block; box-sizing: border-box;    /*padding: 1rem 2rem 1.0625rem 2rem;*/ padding: 0.625rem 0.65rem 0.675rem 0.65rem; transition: background-color 300ms ease-out; }
.button.tiny { padding: 0.625rem 0.65rem 0.675rem 0.65rem; text-transform: uppercase; }
.button.tiny, .button.tiny h3, .button a { color: #fff; text-align: center; font-weight: normal !important; font-family: var(--cd-font); }
.button.tiny h3 { padding: 0; margin: 0; font-size: 1em; }
.button.tiny.b0 { background-color: var(--cd-darkblue); }
.button.tiny.b0:hover { background-color: #012b6b; }
.button.tiny.b1 { background: rgba(134, 1, 44, 1); }
.button.tiny.b1:hover { background: rgba(134, 1, 44, 0.85); }
.button.tiny.b2 { background: rgba(255, 100, 22, 0.9); }
.button.tiny.b2:hover { background: rgba(255, 100, 22, 1); }
.button.tiny.b3 { background: var(--cd-brightblue); }
.button.tiny.b3:hover { background: rgba(102, 150, 207, 0.85); }
.button.tiny.b4 { background: var(--cd-brightblue); }

/* .button.tiny.b4:hover {  background: rgba(102,150,207,0.8); } */
.button.tiny.b4:hover { background: rgba(70, 125, 200, 1); }
.button.tiny.b4 a, a.button.tiny.b4 { color: #fff; text-decoration: none; }
.button.tiny.b4 a:hover, a.button.tiny.b4 { color: #fff; text-decoration: none; }
.button.tiny.white { background: #efefef; color: #013686; }
.button.tiny.grey { background: rgba(233, 233, 233, .8); color: var(--cd-darkblue); font-size: 0.9em; }
.button.tiny.grey:hover { background: rgba(233, 233, 233, .5); color: rgba(1, 54, 134, 0.8); }
.button.tiny.white a:hover, .button.tiny.grey a:hover { text-decoration: none; }
.button.tiny.grey:hover { background: rgba(233, 233, 233, .5); color: #4f4f4f; }
.cd-ce-buttons .button.tiny { width: 100%; }
p a.button, p a.button.tiny { width: auto !important; }

/* Für Formulare */
.button.tiny.zurueck { background: rgba(245, 134, 0, 1); }
.button.tiny.zurueck:hover { background: rgba(245, 134, 0, 0.8); }
.button.tiny.lila { background: #572387; }
.button.tiny.lila:hover { background: #7730B8; }
.button.tiny.orange, .button.orange { background: rgba(255, 100, 22, 0.9); }
.button.tiny.orange:hover, .button.orange:hover { background: rgba(255, 100, 22, 1); color: #fff; transition: 1ms; }
.button.tiny.green { background: rgba(101, 133, 0, .8); }
.button.tiny.green:hover { background: rgba(101, 133, 0, 1); }
button.alert, .button.alert { background: #800040; color: #fff; }
button.alert:hover, .button.alert:hover { background: #CE0067; color: #fff; }
.button-contact { border: rgba(255, 255, 255, .5) solid .1em; padding: .3rem; transition: background .4s; }
.button-contact a { color: rgba(255, 255, 255, .7); }
.button-contact:hover { background: rgba(255, 255, 255, .2); transition: background .4s; }
.normal-rechts .button { font-size: 0.9em; width: 100%; }
.normal blockquote { background: rgba(0, 0, 0, .025); box-shadow: 1px 1px 10px rgba(0, 0, 0, .1); padding: 3rem; font-style: normal; }

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

/* ========= 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-below .ce-gallery { margin-top: 0; margin-bottom: 1.25em }
.ce-gallery figcaption { font-size: 0.85em; }
.ce-right .ce-gallery figcaption { text-align: right; }
.ce-left .ce-column figure.image { padding-left: 0; padding-right: 0.5em }
.ce-left div[data-ce-images="3"] figure.image { margin: 0 0.5em 0.5em 0; box-sizing: border-box; }
.frame-layout-1 .ce-gallery figure.image { padding: 0; background-color: var(--cd-darkblue); }
.frame-layout-1 .ce-textpic.ce-above img { margin: 0; }

/*
.cd-teaser-plugin .uk-child-width-1-1@s.uk-child-width-1-3@m > .cd-image-teaser-text {  max-width: 350px; }
*/

/* CD Content Image Elements / Slide */
.frame-layout-1 .ce-gallery figcaption, .cd-image-teaser-text { color: #fff; background-color: var(--cd-darkblue); font-size: 0.9em; padding: .5em; min-height: 3.5em; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
.cd-image-teaser-text, .cd-image-teaser-text a, .cd-image-teaser-text a:hover { color: #fff; }
.cd-image-teaser-text:hover { background: rgba(0, 70, 145, .7); }

/* ------------------------------------- Table ----------------------------------- */
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; }
.desctrip table tr:nth-of-type(even), .preistabelle table tr:nth-of-type(even), .print-font table tr:nth-of-type(even) { background-color: #fff; }
.desctrip table tr:nth-of-type(odd), .preistabelle table tr:nth-of-type(odd), .print-font table tr:nth-of-type(odd) { background-color: #f5f5f5; }
.desctrip table tr:first-child, .preistabelle table tr:first-child, .print-font table tr:first-child { background-color: #efefef; color: var(--cd-deepgrey); }
.desctrip table td[align="right"] { text-align: left; }
table.impressum-social-media th, table.impressum-social-media td { font-size: 0.9em; }
table.impressum-social-media td:hover, table.impressum-social-media>td:hover { background: rgba(0, 70, 145, .06); }
table.impressum-social-media td a:hover { color: var(--cd-brightblue); }
table.impressum-social-media ul { margin-bottom: 0; }

/*
    ============= *** DURCHGEHENDER FOOTER - ALLE SEITEN! ==================
*/
#footer { padding: 2em 0; background: #494949; }
#footer .footer-format { color: #aaa; font-size: 0.9em; }
#footer .footer-format .uk-text-center { margin: 1em 0 0 0; }
#footer h4, #footer h5 { font-family: var(--cd-font); font-size: 1.0em; color: #fff; }
#footer a, .footer-format a { color: rgba(255, 255, 255, 1); }
#footer a:hover, .footer-format a:hover { color: rgba(255, 255, 255, 1); text-decoration: none; }
@media only screen and (max-width:640px) {
	#footer .uk-grid>* { padding-left: 40px !important }
	#footer .uk-width-1-1 div { line-height: 2em; }
}
@media only screen and (min-width:641px) {
	#footer .uk-container .uk-padding { padding: 20px 40px }
	#footer .uk-grid>* { padding-left: 15px !important; padding-right: 20px }
}
@media only screen and (min-width:960px) {
	#footer .uk-grid>* { padding-left: 0px !important; padding-right: 40px }
	#footer .uk-grid>div:last-of-type { padding-left: 40px !important; padding-right: 0px }
}

/* ================ 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, .mainslider h1 { font-size: 2.8em; }
	.uk-slider-items h1 { font-size: 2.4em; }
	.cd-startseite-img h2, .cd-startseite h2, .mainslider h2, .uk-slider-items h2 { font-size: 1.75em; }
	.cdc-startseite-para p { font-size: 1.6rem; }
	.cd-image-teaser-text { max-width: 400px; }
	.cd-counter-item { font-size: 3em; }
	table.impressum-social-media th, table.impressum-social-media td { font-size: 0.8em; }
	.cdc-icef-price { font-size: 1.6rem }

	h1.h1-home { font-size: 2.8rem; }
	h2.h2-home { font-size: 2.4rem; margin-top: -1rem; }

	/* 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; }
	.topblock .uk-navbar-nav { gap: 1px; row-gap: 1px; column-gap: 1px; }

	/* 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; }
}
@media only screen and (min-width:641px) {

	/* .cd-image-teaser-text {min-height: 3.5em; } */
	#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; }
	.cd-image-teaser-text, .cd-image-slider-text { max-width: calc(400px - 1em); }
	#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 (min-width:960px) {
	.uk-navbar-nav { gap: 20px; row-gap: 20px; column-gap: 20px; }
	.topblock .uk-navbar-nav { gap: 10px; row-gap: 10px; column-gap: 10px; }
}
@media only screen and (min-width:960px) and (max-width:1024px) {
	a.nav-link, .uk-navbar-nav>li>a, .uk-navbar-dropdown-grid>li>a { font-size: 0.8em !important; }
}
@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: 2.8rem; }
	.cd-startseite-img h2, .main-slider .uk-slider-items h2 { font-size: 2.6rem; }
	.cd-startseite h2, .cd-startseite-para h2 { font-size: 2.2em; }
	.cd-startseite-img h3, .cd-startseite h3, .cdc-startseite-para h3 { font-size: 1.6em; }
	.cd-startseite h4 { font-size: 1.6rem; }
	.cd-startseite p { font-size: 1.4rem; }
	.uk-background-cover .cdc-startseite-para p { font-size: 1.6rem; }
	.cd-row-events .cd-startseite p { font-size: 1.4rem; }
}
@media only screen and (min-width:1025px) and (max-width:1215px) {
	.uk-navbar-nav>li>a { font-size: 0.8em !important; }
}
@media only screen and (min-width:1216px) and (max-width:1240px) {
	.uk-navbar-nav>li>a { font-size: .9em !important; }
}

/* ==================== POWERMAIL ===================== */

/* Am 30.08.2023 identisch mit PTP */

/* Bootstrap Form justage */

.tx-powermail .uk-fieldset { max-width: 80%; }
.tx-powermail .powermail_fieldset { margin: 2em 0 0 0; padding: 0; min-height: 10em; border: 0; }
.tx-powermail .powermail_fieldset div.error { background-color: rgba(255, 0, 0, .1); color: #A94442; }
.tx-powermail .powermail_fieldwrap { margin: 1em 0; }
.tx-powermail legend { font-size: 1.2em; color: var(--cd-darkblue); display: none; }
.form-horizontal .control-label { text-align: left; }

/* Form UIKIT */
.tx-powermail input, .tx-powermail option, .tx-powermail select, .tx-powermail label, .tx-powermail textarea, .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_content { font-family: var(--cd-font); font-size: 1em; line-height: 1.5em; }
.tx-powermail .powermail_input, .tx-powermail .powermail_select, .tx-powermail .powermail_textarea { padding: 0.25em 0.5em; color: #666; background-color: #fff; border: 1px solid #c8c8c8; transition: .2s ease-in-out; }
.tx-powermail .powermail_input:focus, .tx-powermail .powermail_textarea:focus { outline: none; }
.tx-powermail .powermail_select>option, .tx-powermail .powermail_select>option:checked { background-color: #fff !important; }
.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.5rem; margin-top: 0.55rem; }
.tx-powermail .uk-form-label { font-size: 1em; color: var(--cd-darkblue); }

/* Tabs oben im Formular */
.tx-powermail .btn-group button.btn-default { font-size: 1.2em; color: #494949; font-family: var(--cd-font); background: #ddd; border: none; margin-right: .2em; padding: .4em; }
.tx-powermail .btn-group button.btn-default:not(:disabled), .tx-powermail .btn-group button.btn-primary:not(:disabled) { cursor: pointer; }
.tx-powermail .btn-group button.btn-default:hover { background: var(--cd-darkblue); color: #ffffff; cursor: pointer; }
.tx-powermail .btn-group button.btn-primary { padding: 0.4em; }
.tx-powermail .btn-group button.btn-primary:hover { background: var(--cd-darkblue); color: #ffffff; cursor: pointer; }
.tx-powermail button.btn.btn-default.active { background:var(--cd-brightblue); color:white;}


/* Formular Submit unter Eingabefeldern */
.powermail_tab_navigation { padding-top: 1em; }
.powermail_tab_navigation .btn { background: var(--cd-brightblue); border: none; color: #fff; font-size: 1.1em; padding: 0.75em 1.0em; text-align: center; }
.powermail_tab_navigation .btn.btn-primary { background: var(--cd-brightblue); border: none; color: #fff;    /*padding: 0.4em;*/ }
.powermail_tab_navigation .btn:not(:disabled), .powermail_tab_navigation .btn.btn-primary:not(:disabled) { cursor: pointer; }
.powermail_tab_navigation .btn:hover, .powermail_tab_navigation .btn.btn-primary:hover { background: var(--cd-darkblue); color: #fff; cursor: pointer; }
.powermail_tab_navigation .pull-right { float: right; }

/* 2. Seite: Warnung und Abschicken nach Prüfung */
.tx-powermail .btn-group input.btn { font-family: var(--cd-font); margin-top: 1em; padding: 0.4em 0.6em; border: none; cursor: pointer; color: #ffffff; min-width: 6em; }
.tx-powermail input.btn-danger { background: rgba(128, 0, 64, 1); }
.tx-powermail input.btn-danger:hover { background: rgba(128, 0, 64, 0.9); }
.tx-powermail input.btn.btn-primary { background: rgba(35, 135, 0, 1); }
.tx-powermail input.btn.btn-primary:hover { background: rgba(35, 135, 0, 0.9); }



/* Fehlermeldungen */
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error { background-color: rgba(255, 0, 0, 0.1); color: rgba(255, 0, 0, 0.5); }
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset .powermail_field_error:focus { outline: none; }
.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list, .tx-powermail .powermail_fieldset .parsley-errors-list, .tx-powermail .powermail_fieldset .powermail-errors-list { width: 100%; margin: 0.5em 0 0 0; padding-left: 0; border: none; list-style-type: none; }
.tx-powermail .powermail_fieldset .parsley-errors-list li, .tx-powermail .powermail_fieldset .powermail-errors-list li { color: rgba(255, 0, 0, 0.75); padding: 0.4em 0em; }
.powermail_confirmation h1 { font-size: 1.4em; }
.powermail_all_label { color: var(--cd-darkblue); }

/* STARTSEITE STEUERELEMENT "PRODUCTCIRCLE" */
.ikt-accordion .uk-accordion-title { font-size: 2rem; color: #013686; background: #efefef; padding: .5rem; }
.ikt-accordion .uk-accordion-title:hover { background: #bbb; }

.ikt-accordion .uk-accordion-content { font-size: 1.4rem; }
.ikt-dropdown { background: rgba(1, 54, 134, .1); backdrop-filter: blur(10px); }

/* #ikt-circle .uk-card-title:hover { cursor:pointer; } */
#ikt-circle .uk-card {  background: rgba(1, 54, 134, .07); transition: .4s; }
#ikt-circle .uk-card:hover { background: rgba(1, 54, 134, .22); transition: .4s;}