/* Elkes aufgeräumtes CSS - Stand: 14.02.2025
	ACHTUNG: Bei Ergänzungen NICHT extern überschreiben, lieber informieren! 
*/
@charset "utf-8";
:root {
	--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-darkblue: rgba(1, 54, 134, 1);
	--cd-brightblue: rgba(102, 150, 207, 1);
	--cd-darkgrey: rgba(73, 73, 73, 1);
	--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 }
header h3, header h4 { margin-top: 2rem; }
.ce-bodytext header h3, .ce-bodytext header h4, .navigation-rechts header h3, .navigation-rechts header h4 { margin-top: 0; }

/* Ausnahmen für Bild-Elemente mit Überschrift: Bild neben dem Text */
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; }
ul { padding-left: 0.9em; }

/* ================ NAVIGATION ======================= */
.cdc-nav { background: var(--cd-brightblue); }
.cdc-top-nav { color: #fff; }
a.cdc-top-nav:hover { color: #fff; text-decoration: underline; }
.nav-last-item { background: rgba(232, 133, 0, 0.9); }

/* LOGO NAVBAR */
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; }
.menu-icon { color: #fff; padding: 1rem; }

/* ANGEBOT ANDERE PRODUKTE */
.topblock { font-size: .8em; background: var(--cd-darkblue); color: var(--cd-brightblue); padding: .5em; }
.topblock a { color: var(--cd-brightblue); padding: 0 .2em; }
.topblock a:hover { color: #fff; }

/*---------------------------- TOP-NAVBAR ------------------------------- */

/* --------- Top-Navi Ebene 1 --------- */
.uk-navbar-container.uk-navbar .uk-container { margin: auto; width: 100%; }
.uk-navbar-container:not(.uk-navbar-transparent) { background: var(--cd-darkblue); color: #fff; border-bottom: solid .4em var(--cd-brightblue); }
.uk-navbar-container .uk-navbar, .uk-navbar a { font-family: var(--cd-font); }
.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; padding: 0.4em 0.6em; font-family: var(--cd-font); font-size: 0.875rem; text-decoration: none; color: #fff; }
.uk-navbar-nav>li>a { text-transform: unset; font-size: 1em; }

/* KLEINER als bei TRAVEL/ISP! */
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li>a.uk-open { background: #fff; color: var(--cd-darkblue); }
.uk-navbar-nav>li>a:hover, .uk-navbar-nav>li>a:active { color: var(--cd-brightblue); background: var(--cd-darkblue); }
.uk-navbar-nav>li>a[aria-expanded="true"], .uk-navbar-nav>li>a[aria-expanded="true"]:hover { color: var(--cd-darkblue); background: #fff; }
.uk-navbar .uk-grid>*>:last-child { list-style: none; }
.cdc-nav-height { margin: auto; max-height: 5rem }

/* ------------ Top-Navi 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: var(--cd-darkgrey); }

/* ------------ Top-Navigation Ebene 3: Kästchen als Navigationselement in HeaderNavi ------------ */
ul.cd-inner-item { list-style: none; }
ul.cd-inner-item li { position: relative; padding-left: 0.6em; }
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); }

/* --------------- Modal Navigation (mobil) ------------------ */
.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: rgba(255, 255, 255, 1); }
a.cd-modal-nav-child-item { color: var(--cd-brightblue); 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); }
#modal-full div.uk-modal-dialog.uk-modal-body, .uk-modal-full { background: rgba(255, 255, 255, .92); }
span.uk-icon.uk-navbar-toggle-icon { color: #fff; }

/* =============== Elke: Rechte Spalte mit Navi gleich gesetzt mit Schüleraustausch ====================== */
.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: #225ba8; }

/* ------ Breadcrumbs */
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; margin: 0 10px; font-size: 0.875rem; }

/* JUMP URL */
.cdc-jumpurl li {font-size:1rem;color:var(--cd-darkgrey);}
.cdc-jumpurl li:hover {color:var(--cd-darkgrey);}

/* ============== STARTSEITE =================== */

.main-slider h1 { font-size: 5rem; margin-bottom: 0.25em; }
.main-slider h2 { font-size: 3rem; }

.cd-startseite-img h1 { font-size: 3.5em; font-family: var(--cd-font-bold); }
.cd-startseite-img h2 { font-size: 2.2em;  font-family: var(--cd-font-bold); }
.cd-startseite-img h1, .cd-startseite-img h2, .cd-startseite-img h3, .cd-startseite-img p {   color: #fff; }
.cd-startseite-img h3, .cd-startseite-img p { font-size: 2rem; color: #fff; max-width: 65%; margin: auto; }

.cd-startseite h2, .cd-startseite-para h2 { font-size: 2.5em; }
.cd-startseite p, .cd-startseite-para p { font-size: 1.3em; }

.cd-fourth-row h3 { font-size: 1.5rem; }
.cd-third-row-parallax h4 { font-size: 1.6em; color: #fff; }
.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); }

.cd-second-row, .cd-fourth-row, .cd-fifth-row { padding-top: 4em; padding-bottom: 4em; }
.cd-second-row>* { margin-bottom: 1.5em; }
.cd-third-row { padding-top: 4em; padding-bottom: 2em; }
.cd-first-row h1, .cd-third-row h2, .cd-third-row h3, .cd-third-row .cd-boxes, .cd-fifth-row h2, .cd-fifth-row p { color: #fff; }
.cd-third-row .cd-boxes { text-align: center; }
.cd-third-row h2.ce-headline-center { font-size:2.5em; }

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

/* Testimonials auf blauem Hintergrund als Card-Objekte */
#buchen .uk-card-default { 
	background-color: rgba(255, 255, 255,.25);
	color:white; border-radius: .1rem; 
	box-shadow: 1px 2px 16px rgba(0, 0, 0, .2);
	border: 1px solid rgba(255,255,255,.1);
}

/* ============= Sammelsurium: Einzelne Sonderformate aus anderen Sites =========== */

/* Elke: Akkordion-Liste bis zum endgültigen Format auf Standard gesetzt */
.uk-open .uk-accordion-content li { text-indent: -0.9em !important; margin-left: 0.5em !important; }

/* CD Elements / Slider Teaser */
.cd-image-teaser-text, .cd-image-slider-text { color: #fff; background-color: var(--cd-darkblue); font-size: 0.9em; padding: 0.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, .cd-image-slider-text, .cd-image-slider-text a, .cd-image-slider-text a:hover { color: #fff; }
.cd-image-teaser-text:hover, .cd-image-slider-text:hover { background: var(--cd-brightblue); }

/* Von Andreas nach 2023 */
.cdc-lang-menu { font-size: 1.2rem;border: .1em solid rgba(255, 255, 255, .4);padding: .2rem; }
.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; }

/* =================== UK-BUTTON =============== */

/* BUTTON Font */
.uk-button { font-size: 1.2rem; line-height: 1.6rem; padding: 0.8rem; }
.uk-button-small { font-size: 1rem; padding: 0.15em 0.3em; line-height: 1.2rem; }
.links .uk-button, .links .uk-button-warning, .tx-cdevents .uk-button-warning { margin: 0 0 1.25rem; display: block; }

/* BUTTON COLORS - Elke: Erweiterung Farben uk-button */
.uk-button-primary { background: var(--cd-darkblue); color: #fff; }
.uk-button-primary:hover { background: rgba(1, 54, 134, 0.85); color: #fff; transition: 1ms; }
.uk-button-secondary { background: var(--cd-brightblue); color: #fff; }
.uk-button-secondary:hover { background: rgba(102, 150, 207, 0.85); color: #fff; transition: 1ms; }
.uk-button-danger { background: rgba(134, 1, 44, 1); color: #fff; }
.uk-button-danger:hover { background: rgba(134, 1, 44, 0.85); color: #fff; transition: 1ms; }
.uk-button-warning { background-color: rgba(240, 38, 136, 1); color: #fff; }
.uk-button-warning:hover, .uk-btton-warning:focus { background-color: rgba(240, 38, 136, 0.9); color: #fff; transition: 1ms; }
.cd-button-layout-0 { color: var(--cd-darkblue); border: 1px solid var(--cd-darkgrey); }
.cd-button-layout-0:hover { color: rgba(1, 54, 134, 0.8); border: 1px solid var(--cd-darkblue); transition: 1ms; }
.cd-button-layout-1 { background: var(--cd-darkblue); color: #fff; }
.cd-button-layout-1:hover { background: var(--cd-brightblue); color: #fff; transition: 1ms; }
.cd-button-layout-2 { background: rgba(255, 100, 22, 0.9); color: #fff; }
.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; }
.cd-button-layout-3:hover { background: rgba(25, 100, 22, 1); color: #fff; transition: 1ms; }
.cd-button-layout-1 a, .cd-button-layout-2 a, .cd-button-layout3 a, .cd-button-layout-1 a:hover, .cd-button-layout-2 a:hover, .cd-button-layout3 a:hover { color: #fff; }

/* 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: #fff; transition: 1ms }
button, button.blau, .button.b0 { background: var(--cd-darkblue); }
button.blau:hover, .button.b0:hover { background-color: #012b6b; }
button.lila, .button.b1 { background: rgba(119, 48, 184, 0.9); }
button.lila:hover, .button.b1:hover { background: rgba(119, 48, 184, 1); }
button.orange, .button.b2 { background: rgba(255, 100, 22, 0.9); }
button.orange:hover, .button.b2:hover { background: rgba(255, 100, 22, 1); }
button.green, .button.b3 { background: rgba(25, 100, 22, 0.9); }
button.green:hover, .button.b3:hover { background: rgba(25, 100, 22, 1); }
.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; }

/* 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, .tx-cdevents .uk-button-warning { margin: 0 0 1.25rem; display: block; }

/* Andreas Addition */
.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; }

/* ========= 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 tr:hover { background: rgba(225, 121, 3, 0.1); }
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; }

/* 
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: ""; }

/* Aus Sprachreisen/ISP: 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: 8px 0px 0px -24px; vertical-align: middle; display: inline-block; width: 12px; height: 12px; background: #ccc; content: ""; }

/* ============= *** DURCHGEHENDER FOOTER - ALLE SEITEN! ================== */
#footer { padding: 2em 0; background: var(--cd-darkgrey); 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 .uk-text-small { font-size: 0.9em; }
#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; }

/* =============== 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 h1, .main-slider .uk-slider-items h1 { font-size: 2.8rem; }
	.cd-startseite-img h2, .cd-startseite h2, .main-slider .uk-slider-items h2 { font-size: 2rem; }
	.cd-startseite h2, .cd-startseite-para h2 { font-size: 2rem; }
	.cd-startseite-img h3, .cd-startseite h3, .cdc-startseite-para h3 { font-size: 1.6rem; }
	.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, .cd-image-slider-text { max-width: calc(400px - 1em); }
	.cd-counter-item { font-size: 3em; }
	.button.corona-info { font-size: 1.4rem; padding: 0.4em 1.25em; }
	.cd-second-row, .cd-fourth-row, .cd-fifth-row { padding-top: 2em; padding-bottom: 2em; }
	.cd-third-row h2.ce-headline-center { font-size:2em; }

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

	/* 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: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 (min-width:960px) and (max-width:1024px) {
	a.nav-link, .uk-navbar-nav>li>a, .uk-navbar-dropdown-grid>li>a { font-size: 0.85em !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: 3.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.2rem; }
	.cd-startseite-img h3, .cd-startseite h3, .cdc-startseite-para h3 { font-size: 1.6rem; }
	.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; }
	.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: 1.15em !important; }
}

/* ==================== Formulare inkl. UIKIT ===================== */

/* Typo3-Standards */
.powermail_form { margin-top: 2em; }
.powermail_fieldset { 
	margin: 0; padding: 0.5em 0;
	min-height: 10em;
	font-size: 1.2em;
	border: 0;
}
.tx-powermail .powermail_fieldwrap { margin: 0.8em 0; }
.tx-powermail legend { font-size: 1.2em; color: var(--cd-darkblue); display: none; }
/*.tx-powermail .uk-fieldset { max-width: 80%; }*/
.form-horizontal .control-label { text-align: left; }

.tx-powermail input[type="text"], .tx-powermail .uk-input, 
.tx-powermail .powermail_fieldwrap_type_text, 
.tx-powermail textarea, .tx-powermail .uk-textarea, 
.tx-powermail option, .tx-powermail select, .tx-powermail .uk-select, 
.tx-powermail label, .tx-powermail .uk-form-label, 
.tx-powermail input[type="date"],
.powermail_fieldset input[type="email"],
.tx-powermail .powermail_fieldwrap_type_html, 
.tx-powermail .powermail_fieldwrap_type_content, 
.powermail_fieldwrap_type_typoscript { 
	font-size: 0.9em; 
}
.tx-powermail .uk-form-label { color: var(--cd-darkblue); }

.powermail_fieldset input[type="text"],
.powermail_fieldset input[type="email"],
.powermail_fieldset select,
.powermail_fieldset textarea,
.tx-powermail .uk-input, 
.tx-powermail .uk-textarea, 
.tx-powermail .uk-select {
	width:100%; max-width:100%;
	padding: 0 0.5em;
	background: #fff;
	color: var(--cd-middlegrey);
	transition:0.2s ease-in-out;
	transition-property:color,background-color,border;
	border: 1px solid rgb(200, 200, 200);
}
.powermail_fieldset textarea, 
.powermail_fieldset .uk-textarea {
	width: 98%; max-width: 98%;
	padding:0.5em;
	font-size:1em;
}
.tx-powermail input[type="date"] { 
	height: 40px; 
	width: 98%; max-width:98%;
	padding: 0 0.5em;
	display: inline-block; 
	vertical-align: middle; 
	color: var(--cd-middlegrey);
	border: 1px solid rgb(200, 200, 200);
}
.tx-powermail .uk-input:focus,
.tx-powermail .uk-select:focus, 
.tx-powermail .uk-textarea:focus,
.tx-powermail textarea:focus,
.tx-powermail input[type="date"]:focus  { 
	border: 2px solid var(--cd-brightblue);
	outline: none;
}

.tx-powermail .radio { margin-left: -0.18em; }
.tx-powermail .checkbox { padding-left: 1.2em; }
.tx-powermail input[type="checkbox"] { 
	height: 20px; width: 20px; 
	border: 2px solid rgb(160, 160, 160); 
    float: left;
    margin-left: -1.7rem;
    margin-top: 0.55rem;
}
.tx-powermail .uk-checkbox {
    height: 20px; width: 20px;
    border-color: rgb(102, 102, 102);
}
/* Nur, wenn das umgebende Feld class="uk-radio" heißt */
.tx-powermail .uk-radio { 
	border: none;
	border-radius: 0;
	height: 40px; width: 100%;
	vertical-align: middle;
	display: inline-block;
	overflow: auto;
}

/* Buttons in Formularen */
.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: var(--cd-darkgrey);
    font-family: var(--cd-font);
    background: #ddd;
    border: 0;
    margin-right: 0.4em;
    margin-top: 0.4em;
    padding: 0.4em;
}
.tx-powermail .btn-default:hover {
    background: #efefef;
    cursor: pointer;
}
.tx-powermail .btn-danger, 
.tx-powermail input.btn.btn-primary { text-transform: uppercase; }

.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 {
    font-size: 1em;
    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-darkblue);
    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,
.tx-powermail .powermail_fieldset .powermail-errors-list {
    width: 100%;
    margin-bottom: 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.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;
}