/*Container Background Regel*/
.containerbgstyle {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 2em 0 2em;  
}

.boxed.containerbgstyle, 
.boxed.containerbgstyle::before {  
  border-radius: 2em;
}

.containerbgstyle::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  pointer-events: none;
}

.containerbgstyle > * {
  position: relative;
  z-index: 2;
}

/* Regel für weißen Hintergrund bei "Layout1 2 3" */
.frame-layout-1,
.frame-layout-2,
.frame-layout-3 {
  padding: 0 2em 0 2em;
  border-radius: 1em;
}

.frame-layout-1 {
  background: rgb(255 255 255 / 40%);
}

.frame-layout-2 {
  background: rgb(255 255 255 / 30%);
}

.frame-layout-3 {
  background: rgb(255 255 255 / 80%);
  border: 1px #024d91 solid;
}

.frame-layout-1 p:first-child,
.frame-layout-2 p:first-child,
.frame-layout-3 p:first-child {
    padding-top: 2em;
}

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fileadmin/fonts/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fileadmin/fonts/open-sans-v34-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/fileadmin/fonts/open-sans-v34-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fileadmin/fonts/open-sans-v34-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/fileadmin/fonts/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fileadmin/fonts/open-sans-v34-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/fileadmin/fonts/open-sans-v34-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fileadmin/fonts/open-sans-v34-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*Einstellungen für den neuen Counter auf der Website*/
.counterGrid {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}

.counterGrid p {
  font-weight: bold;
}

/*CookieConsent-Extension von Websedit*/
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link, 
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-learn-more {
  color: #aaa;
  }

.klaro.we_cookie_consent .cookie-notice a, .klaro.we_cookie_consent .cookie-modal a {
  border-bottom:none;
}

.klaro.we_cookie_consent .cookie-notice, .klaro.we_cookie_consent .cookie-modal {
  z-index: 2147483640!important;
}

#klaro .fa-square:before, 
#klaro ul.variant1 li:before, 
#klaro ul li:before {
  content:none;
}

.tx-we-cookie-consent a.btn.btn-primary.btn-lg.js-showConsentModal {
  border-bottom: none;
}

.klaro.we_cookie_consent .cookie-modal .cm-service>div>.cm-list-input:not(.only-required)+.cm-list-label>.cm-list-title+.cm-switch::before {
  content:none!important;
}

/*Cookie Banner Buttons*/
.klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-info.cm-btn-accept {
  background: #EFEFEF!important;
  color: initial!important;
}

.klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-accept-all {
  background: #024d91!important;
  color: #fff!important;
}

.klaro.we_cookie_consent button.cm-btn.cm-btn-success {
  background: #024d91!important;
  color: #fff!important;
}

.klaro.we_cookie_consent.notice--center-floated .cookie-notice:not(.cookie-modal-notice) .cn-body, .klaro.we_cookie_consent.notice--center .cookie-notice:not(.cookie-modal-notice) .cn-body {
  min-height: 300px;
  }
/*ENDE CookieConsent-Extension von Websedit*/

/*Höhe der Kacheln beim neuen Item Kundenreferenzen*/
.testimonial.kundenreferenzen .bxsliderCustom .sliderContent {
  height: 10.5rem;
}

@media screen and (max-width: 767px) {
.testimonial.kundenreferenzen .bxsliderCustom .sliderContent {
  height: 7.5rem;  
}
.testimonial.kundenreferenzen .gGridItem.size20, .gGridItem.size20:first-child {
  width: 50%;
}
}

/*Automatische Bildhöhe in Accordions*/
.accordion-content img[height] {
  height: auto;
}

/*Einstellung für Marquee bzw. Laufschrift */
marquee.ticker {
  height: auto;
  background: #024d91;
  color: white;
  font-weight: 600;
  height: 3em;
  line-height: 3em;
}

/*Text Formatierung*/
.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-right {
  text-align: right;
}

ul.col2 {
  column-count: 2;
}

ul.col3 {
  column-count: 3;
}

@media screen and (max-width: 767px) {
ul.col3,
ul.col2 {
  column-count: 1;
}
}

/*Umstellung auf Open Sans*/
.iconGrid .gGridItemContent h3, 
.iconGrid .gGridItemContent p {
  font-family: 'Open Sans', 'Arial', sans-serif;
}

html {
  font-size: 0.96em;
}

h1, h2, h3, h4, h5, h6 {
  font-kerning: normal;
}

nav.breadcrumb {
  /*top: 91px;*/
  top: 102px;
}

/*ol braucht mehr padding ab 2 Ziffern*/
ol li {
  padding-left: 1.8rem;
}

/*ol li:before mit content verwenden Standard-Nummerierung bei ol-Listen*/
#pageBody ol {
  list-style: none;
}

.tile-grid .tile.large h2 {
  height: 4rem;
  padding-top: 1.2rem;
}

/*Weiteres Einrücken von Unterlisten*/
ul ul {
  margin-left: 2rem;
}

/*SovialNav-Buttons im Footer*/
#socialNav a {
  border: 1px solid transparent;
  color: #024d91;
}

#socialNav a:hover {
  border-color: #024d91;
  color: #fff;
}

#socialNav a:before {
  color: #024d91;
  background-color: #d4dfea;
}

#socialNav a:hover:before {
  color: #fff;
  background-color: #024d91;
}

#socialNav ul {
  -ms-flex-wrap : wrap;
  flex-wrap: wrap;
}

#socialNav ul li {
  margin: 0 10px 10px 0;
}

/*Google Partner Badge 2022*/
.googlepartner a,
#socialNav .googlepartner a {
  border: none;
  display: inline-block;
  width: 140px;
  height: 140px;
  padding:0;
  margin:0;
}

/*Responsive Videos*/
.contentElement .ce-gallery video {
  max-width: 960px;  
}

@media screen and (max-width: 767px) {
.contentElement .ce-gallery video {width: 100%;}
}

.ce-gallery iframe {
  max-width: 100%;
}

/*Anpassungen der Schrift extra für Polen*/
/*Eigentlich nicht mehr nötig seit der Umstellung auf Open Sans*/
/*html:lang(pl-PL) h1, 
html:lang(pl-PL) h2, 
html:lang(pl-PL) h3, 
html:lang(pl-PL) h4, 
html:lang(pl-PL) h5, 
html:lang(pl-PL) h6 {*/
/*font-family: Arial,sans-serif;*/
/*font-family: 'Open Sans', Arial, sans-serif;
font-weight: 600;
}*/

/*html:lang(pl-PL) .sliderContent h4 {
font-weight:initial;
}*/

/*html:lang(pl-PL) .contentElement p {
font-family: 'Open Sans', Arial, sans-serif;
}*/
/*ENDE Anpassungen der Schrift extra für Polen*/

/*Anpassung Überschrift th von Tabellen*/
th {
  /*font-family: 'Helvetica Neue Medium', 'Arial', sans-serif;*/
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-weight: 600;
}

th h1, 
th h2, 
th h3, 
th h4, 
th h5, 
th h6 {
  color: #fff;
}

/*Anpassung Links in Tabellen*/
table.ce-table tbody tr td a {
  font-family: 'Open Sans','Arial',sans-serif;
  border-bottom: none;
  }

table.ce-table tbody tr td a:before {
  font: normal normal normal 14px/1 FontAwesome;
  }

/*leichte Anpassung größe der Indikatoren vom Slider*/
.bxsliderCustom .bx-wrapper .bx-pager.bx-default-pager a {
  width: 21px;
}

.bxsliderCustom .sliderContent {
  background-color: rgba(255, 255, 255, 0.8);
}

/*Positionierung der Navigationsbuttons im Slider mehr in die Mitte*/

.bx-wrapper .bx-prev {
  left: 20px;
}

.bx-wrapper .bx-next {
  right: 60px;
}

h2 {
  font-size:32px;
  /*text-align:left;*/
}

@media screen and (max-width: 767px) {
h2 {
  font-size: 28px;
}
}

h4 {
  font-size:24px;
}

h6 {
  font-size:16px;
}

/*Scrollbalken immer einblenden - das verhindert das horizontale "springen" beim Wechseln von Content mit und ohne Scrollbar*/
/*Smooth Scrolling aktivieren*/
html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

/*Verlinkungen in Pagination bei Freelancer oder Infineon*/
.pagination a {
  font-size: inherit;
  color: inherit;
}

/*info und 0-Zeichen für Pagination Freelancer/Infineon*/
.pagination .fa::before {
    font-weight: normal;
}

.pagination .fa.fa-number0:before {
  content: '0';
}

.pagination .fa.fa-info:before {
  content: '\f129';
  font-family: FontAwesome;
}

.pagination .fa.fa-calendar:before {
  content: '\f073';
  font-family: FontAwesome;
}

.pagination .fa.fa-globe:before {
  content: '\f041';
  font-family: FontAwesome;
}

.pagination .fa.fa-door-open:before {
  content: '\f52b';
  font-family: FontAwesome;
}

.pagination .fa.fa-archway:before {
  content: '\f557';
  font-family: FontAwesome;
}

.pagination .fa.fa-sitemap:before {
  content: '\f0e8';
  font-family: FontAwesome;
}

.pagination .fa.fa-campus:before {
  content: '\f19d';
  font-family: FontAwesome;
}

.pagination .fa.fa-user:before {
  content: "\f007";
  font-family: FontAwesome;
}

.pagination .fa.fa-signin:before {
  content: "\f090";
  font-family: FontAwesome;
}

.pagination .fa.fa-pencil:before {
  content: "\f040";
  font-family: FontAwesome;
}

.pagination .fa.fa-refresh:before {
  content: "\f021";
  font-family: FontAwesome;
}

.ribbonList .ribbonEntry:before {
  top: 0.4375rem;
}

/*Kalendersymbol*/
.ribbonList .ribbonEntry.calendar:before {
  content: '\f073';
}

/*at-zeichen für Ribbons*/
.ribbonList .ribbonEntry.at:before {
  content: '\f1fa'; 
}

/*comment-zeichen für Ribbons*/
.ribbonList .ribbonEntry.comments:before {
  content: '\f086'; 
}

/*comment-zeichen für YouTube*/
.ribbonList .ribbonEntry.youtube:before {
  content: '\f167'; 
  content: '\f16a';
}

/*globe ändern in location icon*/
.ribbonList .ribbonEntry.globe:before {
    content: '\f041';
}

/*comment-zeichen für Campus*/
.ribbonList .ribbonEntry.campus:before {
  content: '\f19d';
}

.ribbonList .ribbonEntry.campus:before {
    left: -3px;
}


.ribbonList > ul > li {
  margin: 0 0 8px 0;
}

/*highlight des mail-symbols im ribbon, wenn <li class="highlight"> gesetzt ist */
.ribbonList > ul > li.highlight {
  /*background-color:#009ee0;*/
  background-color:#c40038;
}

/*highlight des campus-symbols im ribbon, wenn <li class="campus"> gesetzt ist */
.ribbonList > ul > li.campus {
  background-color:#ce7026;
}

/*campus im Metamenü highlighten*/
a.fa.fa-graduation-cap.campus:before {
  color: #ce7026;
}

/*highlight metamenue*/
/*#metaNav ul li:nth-child(2) a:before {
color: #fff;
background-color: #009ee0;
}

#metaNav ul li:nth-child(2) a:hover:before {
background-color: #024d91;
}*/


/*Schrift für die Kontaktboxen*/
.contactbox h3 {
  /*font-family: 'Helvetica Neue Bold', 'Arial', sans-serif;*/
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-weight: bold;
}

.contactbox p {
  /*font-family: 'Helvetica Neue Regular', 'Arial', sans-serif;*/
  font-family: 'Open Sans', 'Arial', sans-serif;
}

/*Höhe 4er-Übersichtskachel*/
.hasMouse .contextual-content.variant4 figure p {
  height:initial;
}

/*Höhe 3er-Kachel*/
/*.tile-grid .tile.extra-large h2 {
height:initial;
}*/

/*Styling für Inline-Bilder */
.ce-intext.ce-left .ce-gallery {margin-right:32px;}

.ce-intext.ce-right .ce-gallery {margin-left: 32px;}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom:10px;}

p.fullWidthImage img {
  background:#ffffff;
}

/*break-Regel für das Menü*/
#mainNav > ul > li > ul > li a {
  white-space: normal;
}

/*Anpassungen Hauptmenü - Tecdoku vergrößert die Höhe des Menüs. Anpassungen ähnlich wie bei kerntraining.com - 2023-03-28 Tao*/
#mainNav > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 76px;
  line-height: 1.3rem;
  position: relative;
  padding: 1.2rem 0.85rem;
  text-align: center;
  color: #024d91;
}

.contextual-content a:hover {
  text-decoration: none!important;
}

/*Styling-Regeln für News-Modul*/
/*bullet-listen in News-Teaser*/
.news .page-navigation.bottom {
  margin-top: 2rem;
  padding-top: 1rem;
}

.news .teaser-text ul {
  overflow: hidden;
}

.topnews {
  /* background: white; */
  /* border: 1px solid #c50637; */
  box-shadow: 0px 0px 4px #ccc;
  padding: 16px;
}

.news-related ul li {
  line-height: 1.6;
}

span.news-list-author {
  display:none;
  visibility:hidden;
}

.news .article h3 a {
  color:#024d91;
  font-size:24px;
  border-bottom:none;
  border-bottom-width:initial;
}

.news .article h3 a:hover {
  border-bottom:none;
  border-bottom-width:initial;
  text-decoration:underline;
}

.news .article .teaser-text a {
  border-bottom:none;
  border-bottom-width:initial;
}

.news .article .teaser-text a:hover {
  border-bottom:none;
  border-bottom-width:initial;
  text-decoration:underline;
}

.news-single .article .news-img-wrap {
  background:none;
}

.news .article .news-img-wrap img {
  max-width:initial;
}

.news .news-list-view .article .news-img-wrap img {
  max-width:180px;
}

.shariff .orientation-horizontal li {
  padding-left:0;
}

.shariff .orientation-horizontal li:before {
  content:initial;
}

/*News als Kacheln*/

.news .tile-grid .tile.extra-large {
  width: 19.6rem;
  margin-top: 1.8rem;
  display:inline-block;
}

/*.news .tile-grid .tile.extra-large h2, .tile-grid .tile.extra-large h3 {
height: 10rem;
}*/

.news .tile-grid .tile.extra-large .tile-text {
  height: 18rem;
}

.news .tile-grid .tile.extra-large h2 {
  margin-bottom:0;
  padding-bottom: 0;
  padding-top: 0;
  height: 6rem;
}

.news .tile-grid .tile.extra-large h2 a {
  color: #024d91;
}

.news .tile-grid .tile.extra-large p {
  margin-bottom:0;
}

.news .tile-grid .tile.extra-large .tile-image img {
  height:fit-content;
  max-height:160px;
}

.news .tile-content .footer {
  padding: 1.125rem 1.5625rem 1.125rem 1.5625rem;
}

.news .tile-grid .tile .tile-button {
  padding: 0 1.5625rem 0rem 1.5625rem;
}

.news .tile-grid .tile .tile-content .btn {
  margin-bottom:0;
}

.news .tile-grid .tile.topnews {
  padding: 0;
}

.news .tile-text ul {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) { 
.news .tile-grid .tile.extra-large {
  display:block;
}
}

/*ENDE News als Kacheln*/

/*kleinere Schrift für das Sprachen-Menü*/
#langNav li a,
#langNav li {
  font-size: 0.8rem;
}

#langNav li {
  text-align: left;
  color: #8d8d8d;
}

#langNav li span.disabled:before {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  content: '|';
  /*font-family: 'Helvetica Neue Regular','Arial',sans-serif;*/
  font-family: 'Open Sans','Arial',sans-serif;    
  font-size: 1rem;
  line-height: 1.125rem;
  color: #8d8d8d;
  cursor: default;
}

#langNav li span.disabled {
  color:#c3c3c3;
}

a.download {
  background: url(/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-pdf.svg) no-repeat left top;
  padding: 0 0 0 1.8rem;
}

a.link-download {
  background: url(/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-pdf.svg) no-repeat left top;
  padding: 0 0 0 1.8rem;
}

a.link-audio {
  background: url(/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-media-audio.svg) no-repeat left top;
  padding: 0 0 0 1.8rem;
}

a.link-zip {
  background: url(/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-compressed.svg) no-repeat left top;
  padding: 0 0 0 1.8rem;
}

a.cc-link {
  border-bottom:none;
}

a:focus {
  outline:none;
}


/*styling für Buttons im Fließtext P*/
.contentElement p a.btn.btn-red {
  border: 0.0625rem solid #c50637;
  margin: 0 1.25rem 0 0;
}

.contentElement p a.btn.btn-blue {
  border: 0.0625rem solid #024d91;
  margin: 0 1.25rem 0 0;
}

.contentElement p a.btn.btn-red:hover,
.contentElement p a.btn.btn-blue:hover {
  text-decoration: none;
  border-bottom-width: 0.0625rem;
}



/*farbe für Focus-Label und -Border*/
[type="text"]:focus + label, [type="date"]:focus + label, [type="password"]:focus + label, [type="number"]:focus + label, [type="email"]:focus + label, [type="search"]:focus + label, [type="file"]:focus + label, textarea:focus + label, select:focus + label {
  color: #024d91;
}

[type="text"]:focus, [type="date"]:focus, [type="password"]:focus, [type="number"]:focus, [type="email"]:focus, [type="search"]:focus, [type="file"]:focus, textarea:focus, select:focus {
  border-color: #024d91;
}

/*Formhandler*/
.fieldsetRow .fieldset.small {
  max-width: 110px;
}

/*Styling-Regeln für Powermail -> Formhandler und PayPal-Formular*/

/*Andere Anordnung für Checkboxen*/
.input-field.checkboxSet {flex-wrap: wrap;}
.checkboxWrapper {flex: 1 1 300px;}

/*Rot für Errormeldungen*/
ul.powermail_message.powermail_message_error,
ul.parsley-errors-list {
  color: #c00;
  font-weight: bold;
}

ul.powermail_message.powermail_message_error li,
ul.parsley-errors-list li {
  padding-left:0;
}

ul.powermail_message.powermail_message_error li:before,
ul.parsley-errors-list li:before {
  list-style:none;
  content:none;
}

.nolabel > h1, .nolabel > h2, .nolabel > h3, .nolabel > h4, .nolabel > h5, .nolabel > h6, .nolabel > legend {
  display: none;
  visibility: hidden;
}

.tx-powermail .input-field {
  font-size: 1rem;
}

.tx-powermail legend.powermail_legend,
form.paypal legend {
  /*font-family: 'Helvetica Neue Medium','Arial',sans-serif;*/
  font-family: 'Open Sans','Arial',sans-serif;
  font-weight: 600;
  font-size: 18px;
  padding-top: 1.6rem;
  padding-bottom: 0.6em;
  color: #024d91;
  line-height: 1.2;
}

form.paypal #email {
  display:inline;
  display:initial;
}

.tx-powermail .powermail_fieldwrap_type_select label {
  display: block;
  /*font-family: 'Helvetica Neue Regular','Arial',sans-serif;*/
  font-family: 'Open Sans','Arial',sans-serif;
  font-size: 0.8rem;
  line-height: 1.6;
  color: #024d91;
  padding-left: 10px;
  padding-bottom: 10px;
}

.tx-powermail .selectBox-dropdown.styled {
  width:100%;
}

.tx-powermail [type="datetime-local"] {
  padding: 0px 10px;
  border: none;
  border-bottom: 1px solid #838383;
  border-radius: 0;
  max-width: 28.75rem;
  height: 36px;
  box-shadow: none;
  /*font-family: 'Helvetica Neue Regular','Arial',sans-serif;*/
  font-family: 'Open Sans','Arial',sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  background: none;
  vertical-align: top;
  /*color: #4d4d4d;*/
  color: #2d2d2d;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  transition: border-color 0.3s ease-out 0s;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
}

.tx-powermail .input-field .radio {
  display:inline-block;
}

.tx-powermail .input-field .radio label {
  position:relative;
  margin-right: 1em;
  margin-bottom: 1em;
}

/*umstellung von btn danger und primary zu btn-default
/*.tx-powermail .btn-danger,
.tx-powermail .btn-primary {
  padding: 0.35rem 1.35rem 0.35rem 1.35rem;
  min-width: 9.375rem;
  border: 0.0625rem solid #024d91;
  border-radius: 20px;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: center;
  background-color: #ffffff;
  color: #024d91;
  transition: background-color 0.5s ease 0s;
}

.tx-powermail .btn-danger:hover,
.tx-powermail .btn-primary:hover {
  border-bottom-width: 0.0625rem;
  background-color: #024d91;
  color: #ffffff;
  transition: background-color 0.5s ease 0s;
}
*/

.tx-powermail .btn-default {
  padding: 0.35rem 1rem 0.35rem 1rem;
  min-width: 9.375rem;
  border: 0.0625rem solid #024d91;
  border-radius: 20px;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: center;
  background-color: #ffffff;
  color: #024d91;
  transition: background-color 0.5s ease 0s;
  margin: 0 0.25rem 1rem 0;
}

.tx-powermail .btn-default:hover,
.tx-powermail .btn-primary{
  background-color: #024d91;
  color: #ffffff;
  transition: background-color 0.5s ease 0s;
}

.tx-powermail .btn-group {
  margin:2em 0 0 0;
}

/*Powermail Infobutton*/
.tx-powermail .powermail_fieldset label[title]:after {
  content: '?';
  display: inline-block;
  border-radius: 100px;
  height: 1.2em;
  width: 1.2em;
  background-color: #aaa;
  margin: 0 0 0 2px;
  font-size: 0.9em;
  line-height: 1.3em;
  text-align: center;
  color: white;
  font-family: arial;
  font-weight: bold;
  cursor: help;
}

.tx-powermail .powermail_fieldset label[title=""]:after {    
  cursor: inherit;
  content: none;
}
/*Powermail Checkboxen*/
.tx-powermail .powermail_fieldwrap_type_check label:first-child {
  display: block;
  /*font-family: 'Helvetica Neue Regular', 'Arial', sans-serif;*/
  font-family: 'Open Sans','Arial',sans-serif;
  font-size: 0.8rem;
  line-height: 1.6;
  /*color: #024d91;*/
  padding-left: 10px;
  padding-bottom: 10px;
}

.tx-powermail .powermail_fieldwrap_type_check .checkboxSet {
  padding-left:10px;
}

.tx-powermail .checkboxWrapper label {
  top:inherit;
  left:inherit;
  /*color:inherit;*/
}

.input-field label {
  /*color: #4d4d4d;*/
  color: #2d2d2d;
}

/*Newsletter2Go-Formularanmeldung*/
#newsletter2go td {
  background-color: initial;
}

#newsletter2go button[type=submit] {
  padding: 0.35rem 1.35rem 0.35rem 1.35rem!important;
  min-width: 9.375rem;
  border: 0.0625rem solid #024d91!important;
  border-radius: 20px!important;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: center;
  background-color: #ffffff!important;
  color: #024d91!important;
  transition: background-color 0.5s ease 0s;
}

#newsletter2go button[type=submit]:hover {
  border-bottom-width: 0.0625rem!important;
  background-color: #024d91!important;
  color: #ffffff!important;
  transition: background-color 0.5s ease 0s;
}


/*Animation für Ribbon "highlight"*/

.ribbonList > ul > li {
  transition: 0.2s ease-out all;
  width: 275px;
}

.ribbonList > ul > li.highlight {
  -webkit-animation: jump 4s ease 0.2s infinite normal;
  animation: jump 4s ease 0.2s infinite normal;
}

.ribbonList > ul > li.opened {
  transition: 0.2s ease-out all;
}

.ribbonList > ul > li.highlight.opened {
  -webkit-animation: slideopen 0.2s ease-out 0s 1 normal;
  animation: slideopen 0.2s ease-out 0s 1 normal;
  
  /*-webkit-transform: translateX(-270px) translateZ(0);
  transform: translateX(-270px) translateZ(0);
  transition: 0.4s ease-out all;*/
}

@-webkit-keyframes slideopen {
  0%{
    -webkit-transform: translateX(-48px) translateZ(0);
  transform: translateX(-48px) translateZ(0);
}
100%{
  -webkit-transform: translateX(-270px) translateZ(0);
  transform: translateX(-270px) translateZ(0);
}
}

@keyframes slideopen {
  0%{
    -webkit-transform: translateX(-48px) translateZ(0);
  transform: translateX(-48px) translateZ(0);
}
100%{
  -webkit-transform: translateX(-270px) translateZ(0);
  transform: translateX(-270px) translateZ(0);
}
}

@-webkit-keyframes jump {
  0%{
    -webkit-transform: translateX(-48px);
  transform: translateX(-48px);
}
5%{
  -webkit-transform: translateX(-53px);
  transform: translateX(-53px);
}
10%{
  -webkit-transform: translateX(-48px);
  transform: translateX(-48px);
}
12%{
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}
14%{
  -webkit-transform: translateX(-48px);
  transform: translateX(-48px);
}
100%{
  -webkit-transform: translateX(-48px);
  transform: translateX(-48px);
}
}

@keyframes jump {
  0%{
    -webkit-transform: translateX(-48px);
  transform: translateX(-48px);
}
5%{
  -webkit-transform: translateX(-53px);
  transform: translateX(-53px);
}
10%{
  -webkit-transform: translateX(-48px);
  transform: translateX(-48px);
}
12%{ 
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}
14%{
  -webkit-transform: translateX(-48px);
  transform: translateX(-48px);
}
100%{
  -webkit-transform: translateX(-48px);
  transform: translateX(-48px);
}
}

/*METANAV auf Tablets im Landscape ausblenden*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  
  nav#metaNav {
    display:none;    
}

}

/*Ich-Bin-Menü*/
#ichbin {
  position: relative;
  overflow: hidden;
  /*border-bottom: 0.1875rem solid #009ee0*/
  border-top: 1px solid #c50637;
  border-bottom: 0.1875rem solid #c50637;      
}

#ichbin-canvas {
  width: 100%;
  height: 540px;
  /*background: url('https://www.e-kern.com/fileadmin/user_upload/Images_Allgemein/Slider_TR/KERN_Training_App_User_w.jpg');*/
  background-position: top;
  background-repeat: no-repeat;
}

#ichbin-bubble {
  position: absolute;
  width: 100%;
  top: 0px;
  height: 540px;
  background: rgb(0 0 0 / 45%);
}

#ichbin-bubble .sliderContent {
  color: #024d91;
  margin: 0;
  padding: 0.8rem 1rem 1.5rem 1rem;
  background-color: rgba(255,255,255,0.7);
  text-align: center;
  top: 441px;
  position: relative;
}


form#ichbinform {
  margin: 0;
  width: 100%;
  max-width: 100%;
  color: #024d91;
}

form#ichbinform .selectBox-dropdown.styled {
  color: #024d91;
  border-color: #c50637;
  width: 200px!important;
}

form#ichbinform .fieldset {
  display: inline-block;
  margin: 0 2rem 0 0;
}

form#ichbinform .buttonPanel {
  display: inline-block;
  position: relative;
  top: 12px;
  margin-right: 1em;
}

form#ichbinform .buttonPanel a {
  margin: 0;
}

form#ichbinform .select label {
  text-align:left;
  color: #c50637;
}

#certificate, 
#footer-certificate {
  /*display:none;
  visibility:hidden;*/
}

#certificate {
  top: 5rem;
  }

#certificate img {
  height: 73px;
  }

#pageBody {
  /*padding-top:0;*/
}

@media screen and (max-width: 767px) {

.container {
  padding: inherit;
}

#ichbin-canvas {
  height: 22rem;
  background-size: cover;
}

#ichbin-bubble .sliderContent {
  top: 0rem;
}

#ichbin-bubble {
  height: 100%;
  padding-top: 1.5rem;
}

form#ichbinform .fieldset {
  margin: 0 1rem 1rem 0;
  width: 160px;
}

form#ichbinform .buttonPanel {
  margin: auto auto 1em auto;
  width: 150px;
  display: block;
}
}

/*DER BUBBLETEXT MUSS GRÖßER SEIN ICH KANN NICHTS LESEN!!!11elf*/
.parallax-bubble .sliderContent h4,
.bxsliderCustom .sliderContent h4 {
    font-size: 2.1rem;
}

.sliderContent p {
  font-size: 1.1rem;
}

.sliderContent .btn.btn-blue {
  font-size: 0.9rem;
}

/*Anpassung abstand h4 in Kacheln Mobilansicht*/
@media screen and (max-width: 767px) {
.bxsliderCustom .sliderContent {
  .bxsliderCustom .sliderContent;
  }

.bxsliderCustom .sliderContent h4 {
  padding-top: 1rem;
}
}

/*Anpassung Farben Highlight Auswahl Zielsprache*/
.selectBox-options.styled li.selectBox-selected a {
    background: #beffa4;
}

a.selectBox.powermail_select.form-control.selectBox-inline.selectBox-menuShowing.styled {
    height: 12em !important;
}

/*Buttons überall invertieren. Blau als default und weiß bei Hover*/
.btn-blue {
  background-color: #024d91;
  color: #ffffff;
}
.btn-blue:hover {
  background-color: #ffffff;
  color: #024d91;
}

/*Kein Umbrechen bei den Kacheln der Standortseiten*/
.tile-grid.variant2 .tile.extra-large.contact a {white-space: nowrap;}

/*Parallax-Slider*/
.parallax-container, .parallax-container-cover {
  position: relative;
  overflow: hidden;
}

.parallax-container-cover {
  border-bottom: 0.1875rem solid #009ee0;
}

.parallax-element {
  height: 540px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax-bubble {
  position: absolute;
  width: 100%;
  bottom: -65px;
  z-index: 1;
}

.parallax-bubble .sliderContent {
  background-color: rgba(255, 255, 255, 0.84);
  margin-top: 18%;
  padding: 5.125rem 3.5rem;
  max-width: 29.75rem;
  height: 28.125rem;
  border: 2px solid #ffffff;
  border-radius: 230px;
  text-align: center;
  color: #024d91;
}

/*Anpassungen Consent Manager*/
.cmpboxrecall,
div#cmpboxrecall { 
  right: 60px!important;
}

a.cmpboxrecalllink {
  border: none;
}