@charset "utf-8";
/* 'Abweichungen für Projekt von layout.min.css */
h4 { font-size: 1.5rem; }
h5 { font-size: 1.3rem; font-weight: 500; color: #777; }
.uk-text-lead { font-size: 1.8rem; line-height: 1.8rem; color: var(--cd-darkblue); }

/* STARTSEITE */

/* HEADLINE STARTSEITE - SITE TITLE */

.uk-container.cd-first-row header h1 { color: #fff; font-size: 3.2em; }
.cd-third-row-parallax h4 { font-size: 1.6em; color: #fff; }
.cd-fourth-row h3 { font-size: 1.5rem; }
.cd-third-row { 
	background-image: url("/fileadmin/screendesign/TemplatesPTP/Images/bg/ptp_bg_grey.jpg"); 
	background-repeat: no-repeat; 
	background-color: #e3e3e3;
}
.cd-fifth-row, .cd-seven-row { 
  background-image: url("/fileadmin/screendesign/TemplatesPTP/Images/bg/ptp_bg_brightblue.jpg"); 
  background-repeat: no-repeat; 
  background-color: #d1e4f3;
}
.cd-startseite-img h1 { font-size: 3.2em; }
.cd-startseite-img h2 { font-size: 2em; }
.cd-startseite-img h1 { text-shadow: rgba(0, 0, 0, .5) 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 white; color: rgba(0, 0, 0, .7); }


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

/* LOGO NAVBAR */

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

/* .uk-navbar-container:not(.uk-navbar-transparent) { background: var(--cd-darkblue); color: white; }
.uk-navbar-sticky { background: var(--cd-darkblue); color: white; } 
.uk-navbar-container:not(.uk-navbar-transparent) { background: linear-gradient(to bottom, rgba(0,0,0,.8), transparent); color: white; }*/
.uk-navbar-container:not(.uk-navbar-transparent) { background: var(--cd-darkblue); color: white; border-bottom: solid .4em var(--cd-brightblue); }
.uk-navbar-sticky { background: linear-gradient(to bottom, rgba(0, 0, 0, .8), transparent); color: white; }
.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; }
span.uk-icon.uk-navbar-toggle-icon { color: white; }

/* ------------------- Modal Navigation ------------------- */
.cd-modal-nav { color: white; }
.cd-modal-nav h3 { color: white; }
.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); }
img.cdc-round-image { opacity: .87; transition: opacity .5s; }
img.cdc-round-image:hover { opacity: 1; transition: opacity .5s; }


/* -------------------- Elke: Rechte Navi mit Pluszeichen ohne Icons, nur ASCII ---------------------- */

.navigation-rechts ul,
.frame-type-menu_sitemap ul { 
	padding-left: 1.3em; 
	list-style-type: none;
}
.navigation-rechts li,
.frame-type-menu_sitemap li {
    position: relative;
  	text-indent: 0;
  	margin-bottom: 0.15em;
}
.navigation-rechts li::before,
.frame-type-menu_sitemap li::before {
     box-sizing: border-box;
    display: inline-block;
    position: absolute;
    top: 0px;  left: -25px;
  	width: 25px; height: 30px;
    content: "\002B";
  	color: #aaa;
    font-size: 1.5em;
    line-height: 1em;
    margin: -1px 0px 0px 0px;
  	padding: 0 0.25em 0 0;
}

.navigation-rechts .uk-button { margin: 0 0 1.25rem; display: block; }

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

/* ---------------- Unterseiten -------------- */
.links h1+h2 { margin-top: -15px; }
h4+h5 { margin-top: -15px; }
/* Unterseiten - Text-Listen */
.links .ce-bodytext ul { padding-left: 0em; list-style-type: none; }
.links .ce-bodytext ul li { text-indent: -1.55em !important; margin-left: 0.9em !important; }
.links .ce-bodytext ul li::before { content: "‒"; margin-right: 0.5em; margin-left: 0.5em; color: #aaa; }
.links .ce-bodytext ol { padding-left: 20px; }

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

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

/* -------------- COMMENTS / TESTIMONIALS ------------------------- */
.cd-comment { margin-bottom: 1.8em; }
.cd-comment .uk-comment {	background-color: #ecf4fa; border-bottom: var(--cd-brightblue) .1em solid; }
.cd-comment .uk-comment:hover { border-bottom: var(--cd-darkblue) .1em solid; }
/* ---- Nur für Startseite: Hintergrund semi-transparent ----------------------- */
.cd-seven-row .cd-comment .uk-comment { background: rgba(255, 255, 255, .2);  }
.cd-seven-row .cd-comment .uk-comment:hover { background: rgba(255, 255, 255, .6);  }
/* Auf besonderen Wunsch des Herrn H. */
 h4.uk-comment-title {
    font-family: var(--cd-font);
  	font-weight: 400;
}
.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-darkblue);    /*background:var(--cd-brightblue); Auf besonderen Kundenwunsch ausgetauscht */ }
.cd-product-name-darkblue { background: var(--cd-darkblue); }
.cd-overlay-darkblue { background: rgba(1, 54, 134, .8) }
.cd-overlay-brightblue { background: rgba(102, 150, 207, .8) }
.cd-product-name-brightblue, .cd-product-name-darkblue, .cd-overlay-darkblue a, .cd-overlay-brightblue a, .cd-overlay-darkblue a:hover, .cd-overlay-brightblue a:hover, .cd-overlay-darkblue p, .cd-overlay-brightblue p { color: white; }
.uk-overlay { padding: 50px 15px 15px 15px; }
.normal .uk-overlay { padding: 15px; }
.normal .cd-overlay-darkblue { font-size: 1em; }
.normal .cd-overlay-brightblue { background: rgba(102, 150, 207, .8) }


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

/* -------------- Events Überarbeitung ----------------- */
.cd-event-desc h1 { font-size: 2.6rem; margin: 1rem 0; }

/* ------------------------ Counter --------------------- */
.cd-counter-20 {}
.counters > div > .uk-panel-box { border: 1px solid #fff; background: #f9f7f7; }
.cd-counter-20 > .counters > div > .uk-background-cdc,
.cd-counter-20 > .counters > div > .uk-panel-box { min-height: 150px; }
.counters > div > .uk-panel-box > .cd-counter-item { font-weight: bold; color: var(--cd-darkblue); font-size: 3rem; }
.counters > div > .uk-panel-box > .cd-counter-label { font-weight: bold; color: rgba(1,54,134,0.8); font-size: 1.4rem; padding-top: 0; margin-top: 0; margin-bottom: 1rem !important; }

.counters > div > .uk-panel-box > .cd-counter-icon { 	margin-top: 0.75em; margin-bottom:0; }
.counters > div > .uk-background-cdc > .cd-counter-icon { 	margin-top: 0.75em; margin-bottom:0; color: #fff; }
.counters > div > .uk-background-cdc > .cd-counter-item { font-weight: bold; color: #fff; font-size: 3rem; }
.counters > div > .uk-background-cdc > .cd-counter-label { font-weight: bold; font-size: 1.4rem; color: rgba(255,255,255,0.7); padding-top: 0; margin-top: 0; margin-bottom: 1rem !important; }

/* ----------------------- Service - Nebeneinanderstehende große Icons ------------------------*/
.uk-background-cdc {background: var(--cd-darkblue); }
.service > a > .uk-background-cdc > .cd-icon { 	margin: 0.75em 0; color: #fff;  }
.service > a > .uk-background-cdc:hover { background-color: var(--cd-brightblue);  transition: .2s ease-in-out; }
.service > a > .uk-background-cdc > .cd-icon-label { font-size: 1.4rem; color: #fff; padding-top: 0; margin-top: 0; margin-bottom: 1rem !important; }

/* ============ AKKORDEON ========================== */

/* Elke: Akkordion-Liste */
.uk-accordion-title { font-family: var(--cd-font-bold); color: var(--cd-darkblue); }
/* Plus-Zeichen im Titel links, keine Einrückung */
.uk-accordion-title::before { 
	margin-left: 1em;  float: left; 
    width: 1em; background-position: 0% 50%;
}
.uk-accordion .uk-open .uk-accordion-title::before { margin-left: 10px;  float: right; }
 
.uk-accordion-title:active,
.uk-accordion-title:focus { color: var(--cd-darkblue); }
.uk-accordion-title:hover { color: rgba(1, 54, 134, 0.8); }
.uk-accordion-title:hover::before {
    margin-left: 1.25em;
    transition: 0.4s ease-in-out;
}

.uk-accordion-content ul { padding: 0 !important; margin: 0; list-style-type: none; }
.uk-accordion-content li::before { margin-right: 0.5em; margin-left: 0em; color: #aaa; }
.cdc-akkordion-padding { padding: .5em 0 .5em 0; background: rgba(0,0,0,0.04); }
.uk-accordion .uk-open { padding: 1em; }
.uk-accordion .uk-open .uk-accordion-content li { text-indent: -1.60em !important; margin-left: 1em !important; }
.uk-accordion .uk-open .uk-accordion-content li::before { content: "‒"; margin-right: 0.5em; margin-left: 0.6em; }


/* -------------------------------- SLIDER ------------------------- */
.cd-image-slider-text { background-color: var(--cd-darkblue); }
.cd-image-slider-text a, .cd-image-slider-text a:hover { color: white; padding: 0.5em 1em; display: inline-block; }
.uk-slider-container.uk-slider { margin-bottom: 2em; }
.uk-slider-container ul.uk-slider-items+br { display: none; }
.uk-slider+h3.uk-text-lead { margin-top: 0; }
/* Pfeile auf Slider besser sichtbar */
.uk-slidenav {   background: rgba(0,0,0,0.6); padding: 1.5em; }

/* =================== 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: 2.2rem; /* font-weight: bolder;*/ background-image: linear-gradient(240deg, rgba(1,54,134,1), rgba(1, 54, 134, .8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.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: #013686; 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: #013686; 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: #013686; 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: #013686; 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: transparent; }
    .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: transparent; }
    .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: #013686; 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; }
}

/* -------------------------------- CARDS ------------------------ */

.uk-card-primary.uk-card-body .uk-dotnav>*>*, .uk-card-primary>:not([class*="uk-card-media"]) .uk-dotnav>*>*, .uk-card-secondary.uk-card-body .uk-dotnav>*>*, .uk-card-secondary>:not([class*="uk-card-media"]) .uk-dotnav>*>*, .uk-light .uk-dotnav>*>*, .uk-offcanvas-bar .uk-dotnav>*>*, .uk-overlay-primary .uk-dotnav>*>*, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>* {
    background-color: #bbbbbb;
    border-color: #bbbbbb;
    width: 12px;
    height: 12px;
}

.uk-card-primary.uk-card-body .uk-dotnav>*>:focus, .uk-card-primary.uk-card-body .uk-dotnav>*>:hover, .uk-card-primary>:not([class*="uk-card-media"]) .uk-dotnav>*>:focus, .uk-card-primary>:not([class*="uk-card-media"]) .uk-dotnav>*>:hover, .uk-card-secondary.uk-card-body .uk-dotnav>*>:focus, .uk-card-secondary.uk-card-body .uk-dotnav>*>:hover, .uk-card-secondary>:not([class*="uk-card-media"]) .uk-dotnav>*>:focus, .uk-card-secondary>:not([class*="uk-card-media"]) .uk-dotnav>*>:hover, .uk-light .uk-dotnav>*>:focus, .uk-light .uk-dotnav>*>:hover, .uk-offcanvas-bar .uk-dotnav>*>:focus, .uk-offcanvas-bar .uk-dotnav>*>:hover, .uk-overlay-primary .uk-dotnav>*>:focus, .uk-overlay-primary .uk-dotnav>*>:hover, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover {
    background-color: #494949;
    border-color: #494949;
}

.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*, .uk-card-primary>:not([class*="uk-card-media"]) .uk-dotnav>.uk-active>*, .uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*, .uk-card-secondary>:not([class*="uk-card-media"]) .uk-dotnav>.uk-active>*, .uk-light .uk-dotnav>.uk-active>*, .uk-offcanvas-bar .uk-dotnav>.uk-active>*, .uk-overlay-primary .uk-dotnav>.uk-active>*, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>* {
    background-color: #494949;
    border-color: #494949;
}

.cdc-card:hover { 
  background: rgba(0, 0, 0, .05); 
  transition: 0.3s ease-in-out; 
  transition-property: all; 
  transition-property: background;
}

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

/* BUTTON Font */

.uk-button { font-size: 1.2rem; line-height: 1.6rem; padding: 0.8rem 0.5rem; }

/* BUTTON COLORS */
.uk-button-primary { background: var(--cd-darkblue) }
.uk-button-primary:hover { background: rgba(1, 54, 134, 0.85) }
.uk-button-secondary { background: rgba(102, 150, 207, 1) }
.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(1, 54, 134, 0.8); border: rgba(1, 54, 134, 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 }
.button-flag { padding:.2em; border:white .05em solid; color:white; }
.button-flag:hover { background:rgba(255,255,255,.2); color:white; }

/* Elke: Erweiterung Farben uk-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; }

/* ====== 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: 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; font-size: 0.9em; }
.button.tiny, .button.tiny h3, .button.tiny a { text-align: center; font-weight: normal !important; font-family: var(--cd-font); text-transform: uppercase; }
.button.tiny h3 { padding: 0; margin: 0; font-size: 1em; }
.button a, .button a:hover, .butto.tiny a, .button.tiny a:hover, a.button.tiny, a.button.tiny:hover, a.button, a.button:hover { text-decoration: none; }
.button.tiny, .button.tiny.b0 a, .button.tiny.b1 a, .button.tiny.b2 a, .button.tiny.b3 a, a.button.tiny.b0, a.button.tiny.b1, a.button.tiny.b2, a.button.tiny.b3 { color: #fff !important; }
.button.tiny.b0 { background: rgba(1, 54, 134, 0.9); }
.button.tiny.b0:hover { background: var(--cd-darkblue); }
.button.tiny.b1 { background: rgba(128, 0, 64, 0.9); }
.button.tiny.b1:hover { background: rgba(128, 0, 64, 1); }
.button.tiny.b2 { background: rgba(255, 100, 22, 0.9); }
.button.tiny.b2:hover { background: rgba(255, 100, 22, 1); }
.button.tiny.b3 { background: rgba(25, 100, 22, 0.9); }
.button.tiny.b3:hover { background: rgba(25, 100, 22, 1); }

/* Weiss mit blauem Rahmen wie .cd-button-layout-0
.button.tiny.b4 { border: var(--cd-darkblue) 0.1em solid;  }
.button.tiny.b4:hover { border: rgba(1, 54, 134, 0.8) 0.1em solid;  }
.button.tiny.b4 a { color: var(--cd-darkblue); text-decoration: none;  }
.button.tiny.b4 a:hover { color: rgba(1, 54, 134, 0.8);  text-decoration: none; }
*/
.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; }

/*.cd-ce-buttons .button.tiny { width: 100%; }*/
p a.button, p a.button.tiny { width: auto !important; }
.rechts.navigation-rechts .button.tiny { width: 100%; }
.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.orange { background: rgba(255, 100, 22, 0.9); }
.button.orange:hover { background: rgba(255, 100, 22, 1); color: #fff; transition: 1ms; }
button.alert, .button.alert { background: #800040; color: #fff; }
button.alert:hover, .button.alert:hover { background: #CE0067; color: #fff; }
.normal-rechts .button { font-size: 0.9em; }

/*
    ============= *** DURCHGEHENDER FOOTER - ALLE SEITEN! ==================
*/

#footer { background: #494949; }
#footer .uk-text-small { font-size: 0.8em; }
#footer div.uk-first-column { padding-left: 0; }
/* Schaltet die Fettschrift im Footer wieder aus */
#footer h4, #footer .uk-text-small h4 { font-family: var(--cd-font); font-size: 1.2em; color: white;  }
#footer .uk-container .uk-padding, #footer a { color: rgba(255, 255, 255, .7); }
#footer a:hover { color: rgba(255, 255, 255, 1); text-decoration: none; }

/* =================== MEDIA QUERIES =================== */

@media only screen and (max-width:640px) {
  	* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
		margin-top: 10px;
	}
    .uk-background-cover { background-position: 75% 0%; }
	.uk-background-cover.uk-height-large { height: 150px; } 
  /* Startseiten-Headline ganz oben
    Header jetzt für Startseite explizite CSS-Klasse eingebaut
  	*/
	header.cd-startseite .uk-background-cover.uk-height-large { height: 300px ; }
	header.cd-startseite  .uk-container.cd-first-row header h1 { font-size: 2.8em; } 
  
    .cd-masonry-ext .cd-product-name { max-width: 400px; }
  	.navigation-rechts ul {  padding-left: 1.1em; }
	.navigation-rechts li::before {
		left: -18px;
		width: 18px;
	}
	/* 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;
	}
	/* Startseiten-Icon */
	#c325 .ce-textpic.ce-right img {
		margin: 0 auto;
		width: 400px;
	}
	h4.uk-comment-title { font-size: 1em; }
	.uk-comment-body { font-size: 0.9em; }
	#footer .uk-text-small div { line-height: 2em; }
}
@media only screen and (min-width:641px) { }
@media only screen and (min-width:960px) {
	.cd-counter-20.china-fachdelegationen > .counters > div > .uk-background-cdc { min-height: 260px; }
}
@media only screen and (min-width: 641px) and (max-width:1599px) {
  /* Hintergrundbilder oben */
  .uk-background-cover { background-position: 95% 35%; }
  .uk-background-cover.uk-height-large { height: 250px; }
}

@media only screen and (max-width:1025px) {
  	/* Für kleine Auflösungen kleinere Schriftarten */
    .cd-startseite-img h1 { font-size: 1.8em; }
    .cd-startseite-img h2 { font-size: 1.2em; }  
	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; }
}

@media only screen and (max-width:1279px) {
    .cd-second-row, .cd-third-row, .cd-fourth-row, .cd-fifth-row, .cd-six-row, .cd-seven-row { padding-left: 1.5em; padding-right: 1.5em; }
    .cd-six-row .cd-image-slider-text { max-width: 100%; }
     .ce-gallery img { margin-bottom: 1rem; }
}

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

/* 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 {
  background: var(--cd-brightblue);
  color: #ffffff; padding: 0.4em;
}
.tx-powermail .btn-group button.btn-primary:hover {
	background: var(--cd-darkblue);
	color: #ffffff; cursor: pointer;   
}


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