/*
 *
 * 1.3.0        2021-08-12  Yannick Sprenger
 *              - Anpassung, um den Consent-Manager fuer IE angenehm zu gestalten
 * 1.2.0        2021-08-10  Yannick Sprenger
 *              - Buttonpositionen veraendern, Checkboxen wieder auf den urspruenglichen Stand bringen.
 * 1.1.0        2021-08-10  Yannick Sprenger
 *              - Cookiebanner ueberarbeitet
 * 1.0.0        2021-08-10  Yannick Sprenger
 *              - Versionierung eingefuehrt
 */

:root {
  --font-color-dark: #172E4C;
  --green1: #00aa00;
  --green2: #00aa00;
  --green3: #00aa00;
}

@font-face{
    font-family: 'UnitOffc-Light';
    src: url("/static/files/webfonts/2F3EBF_4_0.eot");
    src: url("/static/files/webfonts/2F3EBF_4_0.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/2F3EBF_4_0.woff2") format("woff2"), url("/static/files/webfonts/2F3EBF_4_0.woff") format("woff"), url("/static/files/webfonts/2F3EBF_4_0.ttf") format("truetype");
}

#klaro h2 {
  margin-top: 0px;
}

.klaro .cookie-modal,
.klaro .context-notice,
.klaro .cookie-notice {
  font-family: UnitOffc-Light !important;
  font-size:14px !important;
} 

.klaro .cookie-modal .cm-switch-container,
.klaro .context-notice .cm-switch-container,
.klaro .cookie-notice .cm-switch-container {
  display:block;
  position:relative;
  padding:10px;
  padding-left:66px;
  line-height:20px;
  vertical-align:middle;
  min-height:40px;
  border-bottom:1px solid #ccc;
} 

.klaro .cookie-modal .cm-switch-container:last-child,
.klaro .context-notice .cm-switch-container:last-child,
.klaro .cookie-notice .cm-switch-container:last-child {
  border-bottom:0;
} 

.klaro .cookie-modal .cm-switch-container:first-child,
.klaro .context-notice .cm-switch-container:first-child,
.klaro .cookie-notice .cm-switch-container:first-child {
  margin-top:0;
} 

.klaro .cookie-modal .cm-switch-container p,
.klaro .context-notice .cm-switch-container p,
.klaro .cookie-notice .cm-switch-container p {
  margin-top:0;
} 

.klaro .cookie-modal .cm-switch,
.klaro .context-notice .cm-switch,
.klaro .cookie-notice .cm-switch {
  position:relative;
  display:inline-block;
  width:50px;
  height:22.5px;
} 

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
  background-color:var(--green1,#00aa00);
} 

.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {
  background-color:var(--green1,#00aa00);
  opacity:.6;
} 

.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider::before,
.klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before {
  -webkit-transform:translateX(7.5px);
  -ms-transform:translateX(7.5px);
  transform:translateX(7.5px);
}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
  background-color:var(--green2,#00aa00);
  opacity:.8
}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider::before,
.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider::before {
  -webkit-transform:translateX(7.5px);
  -ms-transform:translateX(7.5px);
  transform:translateX(7.5px);
}

.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {
  background-color:var(--green2,#00aa00);
  opacity:.8;
  cursor:not-allowed;
}

.klaro .context-notice .slider,
.klaro .cookie-notice .slider {
  box-shadow:0 3px 3px 0 rgba(0,0,0,.2), 3px 3px 9px 0 rgba(0,0,0,.19);
} 

.klaro .cookie-modal .cm-list-input,
.klaro .context-notice .cm-list-input,
.klaro .cookie-notice .cm-list-input {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:50px;
  height:30px;
}

.klaro .cookie-modal .cm-list-title,
.klaro .context-notice .cm-list-title,
.klaro .cookie-notice .cm-list-title {
  font-size:14px;
  font-weight:600
}

.klaro .cookie-modal .cm-list-description,
.klaro .context-notice .cm-list-description,
.klaro .cookie-notice .cm-list-description {
  font-size:14px;
  color:#172E4C;
  padding-bottom:5px;
}

.klaro .cookie-modal .cm-list-label,
.klaro .context-notice .cm-list-label,
.klaro .cookie-notice .cm-list-label {
  margin-bottom:0px;
}

.klaro .cookie-modal .cm-list-label .cm-switch,
.klaro .context-notice .cm-list-label .cm-switch,
.klaro .cookie-notice .cm-list-label .cm-switch {
  position:absolute;
  left:0;
}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .context-notice .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
  width:37.5px;
  display:inline-block;
}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .context-notice .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before {
  position:absolute;
  content:'';
  height:15px;
  width:15px;
  left:3.75px;
  bottom:3.75px;
  -webkit-transition:.4s;
  transition:.4s;
}

.klaro .cookie-modal .cm-list-label .slider.round.active,
.klaro .context-notice .cm-list-label .slider.round,
.klaro .cookie-notice .cm-list-label .slider.round {
  border-radius:30px;
}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .context-notice .cm-list-label .slider.round::before,
.klaro .cookie-notice .cm-list-label .slider.round::before {
    background-color: white;
    border-radius:50%;
}

.klaro .cookie-modal .cm-list-label input:focus+.slider,
.klaro .context-notice .cm-list-label input:focus+.slider,
.klaro .cookie-notice .cm-list-label input:focus+.slider {
  box-shadow-color:var(--green3,#00aa00);
  box-shadow:0 0 1px #86afd4;
}

.klaro .cookie-modal .cm-list-label input:checked+.slider::before,
.klaro .context-notice .cm-list-label input:checked+.slider::before,
.klaro .cookie-notice .cm-list-label input:checked+.slider::before {
  -webkit-transform:translateX(15px);
  -ms-transform:translateX(15px);
  transform:translateX(15px);
}

.klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider,
.klaro .context-notice .cm-list-input:focus+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider {
  box-shadow:0 4px 6px 0 rgba(125,125,125,.2), 5px 5px 10px 0 rgba(125,125,125,.19);
}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before,
.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider::before {
  -webkit-transform:translateX(15px);
  -ms-transform:translateX(15px);
  transform:translateX(15px);
}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .context-notice .slider,
.klaro .cookie-notice .slider {
  box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);
}

.klaro .cookie-modal a,
.klaro .context-notice a,
.klaro .cookie-notice a {
  color:#0482C3;
  text-decoration:none;
  font-weight:bold;
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice strong,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
  color:#000;
  color:var(--font-color-dark,#eee);
}

.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
  display:block;
  text-align:left;
  margin:0;
  padding:0;
  margin-top:.7em;
}

.klaro .cookie-modal .cm-link,
.klaro .context-notice .cm-link,
.klaro .cookie-notice .cm-link {
  margin-right:.5em;
  vertical-align:middle;
}

.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro .cookie-notice .cm-btn {
  padding:2px 12px;
  font-size:1em;
  cursor:pointer;
}

.klaro .cookie-modal .cm-btn:disabled,
.klaro .context-notice .cm-btn:disabled,
.klaro .cookie-notice .cm-btn:disabled {
  opacity:.5;
}

.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .context-notice .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close {
  background:#aaa;
  color:#000;
}

.klaro .cookie-modal .cm-btn.cm-btn-success-var,
.klaro .cookie-notice .cm-btn.cm-btn-success-var {
  background:var(--green2,#00aa00);
}

.klaro .context-notice {
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  height:100%;
  background:#eee;
  border:1px solid #172e4c;
  border-radius:4px;
  padding:12px;
}

.klaro .context-notice p {
  font-family:UnitOffc-Light;
  font-size:18px;
  flex-grow:0;
  text-align:center;
  padding-top:0;
  margin-top:0;
  color:#000;
} 

.klaro .context-notice p strong {
  color:#333;
}

.klaro .context-notice p.cm-buttons {
  margin-top:12px;
}

.klaro .cookie-modal {
  width:100%;
  height:100%;
  position:fixed;
  overflow:hidden;
  left:0;
  top:0;
  z-index:1000;
}

.klaro .cookie-modal.cm-embedded {
  position:relative;
  height:inherit;
  width:inherit;
  left:inherit;
  right:inherit;
  z-index:0;
}

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
  position:relative;
  transform:none;
}

.klaro .cookie-modal .cm-bg {
  background:rgba(0,0,0,.5);
  height:100%;
  width:100%;
  position:fixed;
  top:0;
  left:0;
}

.klaro .cm-modal.cm-klaro {
  z-index:1001;
  box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);
  width:100%;
  max-height:98%;
  top:50%;
  transform:translateY(-50%);
  position:fixed;
  overflow:auto;
  background:white;
  color:black;
}

.klaro .cm-modal .hide {
  border-style:none;
  background:0 0;
  position:absolute;
  top:20px;
  right:20px;
  z-index:1;
}

.klaro .cm-modal .hide svg {
  stroke:#eee;
}

.klaro .cm-modal .cm-footer {
  border-top:1px solid #555;
  padding:0px;
  padding-top:1em;
}

.klaro .cm-modal .cm-footer-buttons {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-evenly;
  padding:0 10px;
} 

.klaro .cm-modal .cm-footer .cm-powered-by {
  font-size:.8em;
  padding-top:4px;
  text-align:right;
  padding-right:20px;
}

.klaro .cm-modal .cm-footer .cm-powered-by a {
  color:#999;
}

.klaro .cm-modal .cm-header {
  padding:1em;
  padding-right:24px;
  border-bottom:1px solid #555;
}

.klaro .cm-modal .cm-header h1 {
  margin:0;
  font-size:2em;
  display:block;
}

.klaro .cm-modal .cm-body {
  padding:1em;
}

.klaro .cm-modal .cm-body ul {
  display:block;
}

.klaro .cm-modal .cm-body span {
  display:inline-block;width:auto;
}

.klaro .cm-modal .cm-body ul.cm-services,
.klaro .cm-modal .cm-body ul.cm-purposes {
  padding:0;
  margin:0;
}

.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret {
  color:#888;
  position:absolute;
  top:25px;
  right:5px;
}

.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content { margin-left:-40px;display:none } 

.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded { margin-top:10px;display:block; margin-left:0px; } 

.klaro .cm-modal .cm-body ul.cm-services li.cm-service,
.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose { position:relative;line-height:24px;vertical-align:middle;padding-left:55px;min-height:40px } 

.klaro .cm-modal .cm-body ul.cm-services li.cm-service:first-child,
.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child { margin-top:0 } 

.klaro .cm-modal .cm-body ul.cm-services li.cm-service p,
.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose p,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service p,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose p { margin-top:0; padding-right:65px; } 

.klaro .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,
.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes { font-size:.8em;color:#999 } 

.klaro .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all,
.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all { border-top:1px solid #555;padding-top:1em; display:none; } 

.klaro .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title,
.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title { font-weight:600 } 

.klaro .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,
.klaro .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required,
.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out,
.klaro .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required { padding-left:.2em;font-size:.8em;color:#999 } 

.klaro .cookie-notice:not(.cookie-modal-notice) { background:#333;z-index:999;position:fixed;width:100%;bottom:0;right:0 }

@media(min-width:1024px) { 
    .klaro .cookie-notice:not(.cookie-modal-notice) { box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);border-radius:4px;position:fixed;bottom:20px;right:20px;max-width:400px }
}
@media(max-width:1023px) { 
    .klaro .cookie-notice:not(.cookie-modal-notice) { border-style:none;border-radius:0 }
} 

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded { position:relative;height:inherit;width:inherit;left:inherit;right:inherit;bottom:inherit;z-index:0 } 

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body { padding-top:.5em } 

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body { margin-bottom:0;margin-right:0;bottom:0;padding:1em;padding-top:0 } 

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p { margin-bottom:.5em } 

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes { text-decoration:underline } 

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more { display:inline-block;flex-grow:1 } 

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons { display:inline-block;margin-top:-.5em }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn { margin-top:.5em }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok { margin-top:-.5em;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:right;align-items:baseline } 

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div { margin-top:.5em } 

.klaro .cookie-modal-notice { z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);width:100%;max-height:98%;top:50%;transform:translateY(-50%);position:fixed;overflow:auto;background:#333;color:#eee;padding:1em;padding-top:.2em }

@media(min-width:400px) { 
    .klaro .cookie-modal-notice { border-radius:4px;position:relative;margin:0 auto;max-width:400px;height:auto;width:auto }
} 

.klaro .cookie-modal-notice .cn-ok { display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em } 

.klaro .cookie-notice-hidden { display:none!important } 

.klaro.cm-as-context-notice { position:absolute;left:0;bottom:0;right:0;top:0;min-height:5em }

.klaro .cm-services .cm-list-label .cm-required { display: none !important; }
.klaro .cm-services .purposes { display: none !important; }
.klaro li.cm-service { margin-top: 0px; }

.klaro .cm-modal.cm-klaro {
    position: absolute !important;
    margin: 0 0 10px 0 !important;
    bottom: 0px !important;
    top: initial !important;
    left:50%;
    -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);
    transition: height 1s !important;
}

@media(min-width:450px) { 
    .klaro .cm-modal.cm-klaro {
        border-radius:8px;
        position:relative;
        margin:0 auto;
        max-width:614px;
        height:auto;
    }
}

#klaro li, #klaro p {
    line-height:inherit;
}
.cm-header p {
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
}
.cm-purpose, .cm-services, .cm-footer{
    font-size:14px !important;
    line-height:24px !important;
}
.cm-btn {
    font-family: UnitOffc-Light;
    white-space: nowrap;
}
.cm-content {
    line-height:21px !important;
}

.cm-list-label {
    line-height:24px !important;
}
.cm-powered-by {
    line-height:16.8px !important;
}
.cm-required {
    font-size:11px !important;
}

.klaro .cm-modal .cm-body .cm-purposes .cm-purpose .cm-list-input {
    border-radius: 0px;
}

.klaro .cm-modal .cm-footer .cm-footer-buttons .cm-btn {
    font-size: 18px;
    font-weight: bold;
}





.cm-placeholder {
  display:block;
  min-height:25em;
  position:relative;
  z-index:99;
}
.cm-placeholder.cm-acast {
  min-height:11.7em;
  margin:0px;
}
.cm-placeholder.cm-acast .klaro.cm-as-context-notice,
.cm-placeholder.cm-acast .context-notice {
  margin:0px;
  padding:0px;
}
.cm-placeholder.cm-acast .context-notice p {
  font-size:15px !important;
  line-height:1.3em;
}
.cm-placeholder.cm-acast .context-notice p h4 {
  margin-bottom:10px;
}

.list-small .cm-placeholder.cm-acast {
  min-height:6.4em;
}
.list-small .cm-placeholder.cm-acast .context-notice p h4 {
  font-size:16px;
  margin-bottom:5px;
}

.c-podcast-player--detail .cm-placeholder.cm-acast {
  margin-right:20px;
}

.cm-placeholder .c-button--secondary {
  --c-button-bg:white;
  margin-right:20px;
}

.cm-placeholder .c-button--secondary:hover {
  --c-button-bg: #172e4c;
  --c-button-color: #fff;
  --c-button-border: #172e4c;
}
.cm-placeholder .context-notice p {
  white-space:pre-line;
}


@media(max-width:530px) {
  .cm-placeholder * {
    font-size:16px !important;
  }
  .cm-placeholder .context-notice p {
    white-space:normal;
  }
  .cm-placeholder .cm-buttons button {
    margin:10px 0px 0px 0px !important;
    width:100%;
  }
}

@media(max-width:640px) {
  .klaro .cookie-modal .cm-footer-buttons button {
    max-width:100% !important;
    width:100% !important;
    margin:0px 0px 10px 0px !important;
  }
}

@media(max-width:440px) { 
  .cm-placeholder * {
    font-size:14px !important;
  }
}

@media(max-width:340px) {
  .klaro .cm-modal .cm-body {
    display: block;
  }
  .klaro .cm-modal .cm-services {
    margin-top:20px;
  }
}