@charset "utf-8";

:root {
  --cd-darkblue: rgba(1, 54, 134, 1);
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
body 
{
  font-family: var(--cd-font);
}

body
{
	text-size-adjust: 100%;
}

h1,
h2 
{
  font-family: 'Hueber Forward Sans', 'PT Sans Latin', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #494949;
}

h1,
h2,
h3 {
  color: var(--cd-darkblue)
}

/* SECTIONS */

section.cdc-wave-01 
{
  background: rgb(1, 54, 134);
}

section.cdc-wave-02 
{
  background: rgb(108, 177, 227) !important;
}

section.cdc-bg-white 
{
  background: #fff;
}

.cdc-referenzen-bg {
  background: rgba(255, 255, 255, .30);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
}

.cdc-referenzen-bg img {
  filter: grayscale(100%);
}

.cdc-referenzen-bg img:hover {
  filter: grayscale(0%);
}

/* SECTION CONTENT */

.cd-startseite-img .uk-height-viewport
{
	min-height: 93dvh;
}

.cd-startseite-img .uk-grid > *
{
	padding-left: 30px;
	padding-right: 30px;
}

.cd-startseite-img .uk-button
{
	letter-spacing: .05em;
}

section.cdc-wave-01 :is(h1, h2) 
{
  color: #fff;
}

section.cdc-wave-01,
section.cdc-wave-02
{
	color: #fff;
	font-size: 1.2em;
	font-weight: 300;
}

section.cdc-wave-02 :is(h1, h2)
{
	color: rgb(1, 54, 134);
}

section.cdc-wave-white h1 
{
	color: rgb(1, 54, 134) !important;
}

section.cdc-wave-white h3 
{
	color: rgb(108, 177, 227);
}

section.cdc-wave-white {
  color: rgba(0, 0, 0, .5);
  font-size: 120%;
}

/* FOOTER */

#footer .uk-text-small {
  font-size: 0.8em;
}

#footer h4 {
  font-size: 1.2em;
  color: white;
}

#footer .uk-container .uk-padding,
#footer a {
  color: rgba(255, 255, 255, .7);
}

#footer a:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

#footer {
  background: var(--cd-darkblue);
}


/* NAV */

.uk-navbar-sticky {
  background: rgba(0, 0, 0, .8);
}

ul.uk-navbar-nav li a {
  font-family: 'Hueber Forward Sans', 'PT Sans Latin', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, .5);
}

.uk-iconnav {
  z-index: 1;
}

.uk-iconnav a {
  background: rgba(1, 54, 134, .8);
  color: rgba(255, 255, 255, .6) !important;
  transition: ease color .5s;
  padding: .5rem;
}

.uk-iconnav a:hover {
  color: rgba(1, 54, 134, 1) !important;
  background: orange;
  transition: ease color .5s;
  padding: .5rem;
}

.uk-iconnav:hover {
  transition: all .3s ease;
}

.uk-tooltip {
  z-index: 9999;
}


/* BOX HEADER */


.cd-header-bg-1 {
  background: rgba(255, 255, 255, .8);
  color: rgba(255, 255, 255, 1);
  border-radius: .4rem;
}

.cd-header-bg-2 {
  background: rgba(0, 0, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.cd-header-bg-3 {
  background: rgba(0, 0, 0, .6);
  color: rgba(255, 255, 255, 1);
}

.cd-bg-header {
  background: rgba(0, 0, 0, 1);
}

/* BG */
.dkk-bg-1 {
  background: rgba(0, 0, 0, 1);
}

.dkk-bg-2 {
  background: var(--cd-darkblue);
}

.dkk-bg-3 {
  background: rgba(0, 0, 0, .2);
}

/* CD BUTTONS */
.b-cdc-orange {
  background: #ffa500;
  color: white;
  font-size: 1.5rem;
  padding: 0.5em 1em;
}

.b-cdc-white {
  background: white;
  color: var(--cd-darkblue);
  font-size: 1.5rem;
  padding: 0.5em 1em;
}

.b-cdc-white a {
  color: var(--cd-darkblue);
}

.b-cdc-white a:hover {
  color: rgba(1, 54, 134, 0.9);
}

.b-cdc-blue {
  background: var(--cd-darkblue);
  color: white;
  font-size: 1.5rem;
  padding: 0.5em 1em;
}

.b-cdc-orange a,
.b-cdc-blue a,
.b-cdc.orange a:hover,
.b-cdc-blue a:hover {
  color: white;
}

.b-cdc-blue:hover {
  background: rgba(1, 54, 134, 0.9);
  transition: background-color 300ms ease-out;
}

a.cdc-pflege-button {
  background: rgba(108, 177, 227, 1) !important;
  color: white;
  padding: 1rem;
  border-radius: .3rem;
  transition: ease .5s background;
}

a.cdc-pflege-button:hover {
  background: rgba(102, 193, 86, 1) !important;
  transition: ease .5s background;
}

.cdc-button-1 {
  border-radius: .3rem;
  font-size: 1.2rem;
  color: white;
  transition: background ease .5s;
}

.cdc-button-1 a {
  color: white;
  transition: background ease .5s;
}

.cdc-tel a {
  color: var(--cd-darkblue);
  font-size: 1rem;
}

.cdc-referenzen {
  font-size: 1.1rem;
  color: #494949;
}

/*
.uk-dotnav > .uk-active > * { background-color: rgba(255,255,255,.6);border-color: transparent; border-radius:.2rem; }
.uk-dotnav > * > * { border-color: rgba(255,255,255,.6); border-radius:.2rem;  }
*/

/* Powermail Cheats */
.powermail_fieldwrap {
  margin: 1rem 0;
}

.powermail_input,
.powermail_submit,
.powermail_select {
  width: 100%;
  min-height: 34px;
  font-size: 1rem;
  font-family: 'Hueber Forward Sans', 'PT Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  padding: .2em;
}

.powermail_legend {
  display: none;
}

address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
  margin: 0 0 20px 0;
  border: none;
  padding: 0;
}


.uk-accordion-title {
  font-size: 1.6rem;
  font-family: 'Hueber Forward Sans', 'PT Sans Latin', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.uk-open .uk-accordion-title {
  font-size: 1.6rem;
}

.cdc-akkordion-padding {
  padding: 1em;
  background: rgba(255, 255, 255, 1);
  border: .1em solid rgba(0, 0, 0, .21);
  border-radius: .3rem;
}

.uk-accordion .uk-open {
  padding: 1em;
  background: rgba(0, 0, 0, 0.04);
  border: .1em solid rgba(0, 0, 0, .21);
  border-radius: .3rem;
}

.uk-open>.uk-accordion-title {
  color: var(--cd-darkblue);
}



.cd-first-row
{
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cd-first-row .uk-grid
{
	position: absolute;
	width: 100%;
}

h1.cdc-header-grid 
{
  color: white;
  font-family: 'Hueber Forward Sans', 'PT Sans Latin', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 2.6em;
  line-height: 1;
  margin-bottom: .2em;
}

h3.cdc-header-grid 
{
  color: white;
  font-family: 'Hueber Forward Sans', 'PT Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bolder;
  margin-top: .2em;
}


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

/* Bootstrap Form justage */
.powermail_form {
  margin-top: 2em;
}

.powermail_fieldset {
  margin: 2em 0 0 0em;
  min-height: 10em;
  font-size: 1.2em;
  border: 0;
}

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

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

/* ===== Form UIKIT ======= */
.tx-powermail legend {
  font-size: 1.2em;
  color: var(--cd-darkblue);
  display: none;
}

.tx-powermail input,
.tx-powermail option,
.tx-powermail select,
.tx-powermail label,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_text,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_content {
  font-size: 0.9em;
}

.tx-powermail .uk-form-label {
  font-size: 0.9em;
  color: var(--cd-darkblue);
}

.tx-powermail .uk-input,
.tx-powermail .uk-select,
.tx-powermail .uk-textarea {
  border-color: #c8c8c8;
}

.tx-powermail .powermail_fieldwrap {
  margin: .4em 0;
}

.tx-powermail .checkbox {
  padding-left: 1.2em;
}

.tx-powermail .btn-group .btn-primary {
  background: var(--cd-brightblue);
  color: #fff;
  padding: .4em;
}

.tx-powermail .btn-group .btn-primary:hover {
  background: var(--cd-darkblue);
  color: #fff;
}

.tx-powermail .btn-default {
  font-size: 1.2em;
  color: #494949;
  font-family: var(--cd-font);
  background: #ddd;
  border: 0em solid #ccc;
  margin-right: .2em;
  padding: .4em;
}

.tx-powermail .btn-default:hover {
  background: #efefef;
  cursor: pointer;
}

.tx-powermail .btn-group input.btn,
.tx-powermail .uk-form-controls input.uk-button,
.tx-powermail .btn-danger,
.tx-powermail input.btn.btn-primary {
  font-family: var(--cd-font);
  color: #ffffff;
  margin-top: 1em;
  padding: 0.4em 0.6em;
  border: 0;
  cursor: pointer;
}

.tx-powermail .btn-danger,
.tx-powermail input.btn.btn-primary {
  text-transform: uppercase;
}

.tx-powermail .btn-danger {
  background: rgba(162, 8, 8, 0.7);
}

.tx-powermail .btn-danger:hover {
  background: rgba(162, 8, 8, 1);
}

.tx-powermail input.btn.btn-primary {
  background: rgba(48, 111, 81, 1);
}

.tx-powermail input.btn.btn-primary:hover {
  background: rgba(30, 130, 80, 1);
}

.powermail_tab_navigation {
  padding-top: 1em;
}

.powermail_tab_navigation .btn {
  background: var(--cd-brightblue);
  font-size: 1em;
  padding: 0.5em 1.0em;
  text-align: center;
  color: #fff;
}

.powermail_tab_navigation .btn:hover {
  background: var(--cd-brightblue);
  color: #fff;
}

.powermail_tab_navigation .pull-right {
  float: right;
}

.powermail_confirmation h1 {
  font-size: 1.4em;
}

.powermail_confirmation table {
  margin-bottom: 1.25em;
}

.powermail_confirmation table td.powermail_all_marker_eventid,
.powermail_confirmation table td.powermail_all_type_captcha,
.powermail_create table td.powermail_all_type_captcha {
  display: none;
}

.powermail_all_label {
  color: var(--cd-darkblue);
}

.tx-powermail .powermail_fieldset div.error {
  background-color: rgba(255, 0, 0, 0.1);
  color: #A94442;
}

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus {
  background-color: rgba(255, 0, 0, 0.1);
  color: rgba(255, 0, 0, 0.5);
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list,
.tx-powermail .powermail_fieldset .parsley-errors-list {
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  border: none;
  list-style-type: none;
}

.tx-powermail .powermail_fieldset .parsley-errors-list li {
  color: rgba(255, 0, 0, 0.5);
  padding: 0.4em 0em;
}

.powermail_message.powermail_message_error {
  background: red;
  color: #fff;
  font-size: 2.4rem;
  list-style-type: none;
}

.cd-form-final {
  color: #494949;
  font-size: 1.4rem;
  padding: 0rem;
}

.tx-powermail .powermail_fieldset div.error,
.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus {
  background-color: rgba(255, 0, 0, 0.1);
  color: rgba(255, 0, 0, 0.5);
}

.powermail-errors-list {
  color: darkred;
}

/* Media Queries */

@media (min-width: 960px)
{
	.cd-first-row .uk-grid
	{
		bottom: 50%;
		transform: translateY(50%);
	}
}

@media (min-width: 960px) and (max-width: 1200px)
{
	.cd-startseite-img h1 
	{
		font-size: 2.2em;
	}
}

@media (max-width: 959px) 
{
	h2.cdc-header-grid 
	{
		font-size: 1.8rem;
	}

	.cd-startseite-img :is(h1, h3)
	{
		font-family: 'Hueber Forward Sans', 'PT Sans Latin', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-shadow: 0 1px 24px black;
	}
}

@media (min-width: 641px)
{
	#c2370
	{
		padding-top: 70px;
	}
}

@media (min-width: 641px) and (max-width: 959px)
{
	.cd-first-row .uk-grid
	{
		bottom: 20%;
	}
}

@media (max-width: 640px) 
{
	.cd-first-row .uk-grid
	{
		bottom: 10%;
	}

	h1 {
	font-size: 2rem;
  }

  h2 {
	font-size: 1.8rem;
  }

  h3 {
	font-size: 1.5rem;
  }

  h4 {
	font-size: 1.3rem;
  }

  h5 {
	font-size: 1.2rem;
  }

  section.cdc-wave-01 {
	font-size: 100%;
  }

  section.cdc-wave-02 {
	font-size: 100%;
  }

  section.cdc-wave-white {
	font-size: 100%;
  }

  .cdc-tel a {
	color: white;
	font-size: 1rem;
  }

	.cdc-referenzen-bg 
	{
		display: none !important;
	}

	.cdc-referenzen 
	{
		color: #494949;
		font-size: .9rem;
	}
}

@media (min-width: 420px) and (max-width: 959px)
{
	.cd-startseite-img h1 
	{
		font-size: 1.9em;
	}

	.cd-startseite-img h3 
	{
		font-size: 1.5em;
	}
}

@media (max-width: 419px)
{
	.cd-startseite-img h1 
	{
		font-size: 1.6em;
	}

	.cd-startseite-img h3 
	{
		font-size: 1.3em;
	}
}

/* @media only screen and (min-width: 960px) {} */

.cdc-height-xlarge {
  height: 600px;
}

.cdc-references img {
  padding: 1rem;
}