/***  how-to-liste fix nach Release 12-10-00  ***/
.howto-list ul .icon-box:after, .howto-list ul img:after {
 background: var(--swatches-secondary-500) !important;
}
.howto-list ul .icon-box,.howto-list ul img {
 color: var(--text-default-on-accent) !important;
}
/*   runde Ecken fix nach 12-10-00 Release */
.teaser .ad-box,.teaser .image-box {
   background-color: inherit !important;
}

/*   Farbverlauf Banner Fix nach 12.10 Release */
.infobanner:not(.has-image-box) .text-wrapper {
background: linear-gradient(120deg,rgba(var(--swatches-primary-500-rgb),1) 0,rgba(var(--swatches-primary-500-rgb),.2) 100%);
}
 
/*   Ausklappliste Fix nach 12.10 Release */
.accordion .accordion-content {
    margin-left: inherit !important;
}
 
/*   Chartteaser in Dokumentenliste Fix nach 12.10 Release */
.document-list-item .image-box .chart-title {
color: var(--color-text);
font-size: 1.0em;
}
 
/*  TEAMIHK24-1447  OTR SR-355049 IHK24: Cardslider */
.card-slider.fullwidth .like-h2 
{   max-width: 1340px !important; }
 
/** dies ist ein leeres CSS **/
.richtext .rte--list a[data-linktypeicon=CMDownload]:after, .richtext .strong a[data-linktypeicon=CMDownload]:after, .richtext .text a[data-linktypeicon=CMDownload]:after {
height: 18px;
}
.social-box iframe{max-width:100%}

/*
.cover[data-type=background-image] .image-box:after {
    background: transparent;
}
*/
.page-header nav .primary li.magazine-nav a:before {
content: "\E8C8" !important;
}
 
.CookieDeclaration {
display: none !important;
}
 
 
  @media screen and (max-width: 1299px){
    .magazine-header .title {
      font-size: 40px;
      width:100%;
    }
  }
 
input[type="radio"] {
border-radius: 100%;
}

.container-fluid .contact-wrapper h2 {
padding: 0 0 0 0 !important;
}
 
/* SR-291614 Druckausgabe mit störendem Cookie-Consent-Button */
@media print {
  #CookiebotWidget {
    display: none;
  }
}
 
 
/*Anpassung Buttons Cookiebot*/
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
background-color: transparent !important;
border-color: #1032CF;
color: #000000 !important;
}
 
section.marketingheader .search.open {
height: 430px;
}

/*Anzeige Karte Beteiligungsportal*/
.participation-map svg {
margin-left: auto;
margin-right: auto;
}
.participation-map {
text-align: center;
}
 
/* Größenänderung für responsive HTML Fragmente*/
.responsiveContainer {
position: relative;
padding-bottom: 56%;
height: 0;
overflow: hidden;
}
.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
 
 
 

/*Farbvariante-04 hotfix  [TEAMIHK24-1911] 14.09.26*/
[data-theme="colorvariant-04"] {
 --swatches-primary-600: #434B52;
 --swatches-primary-500: #6C7883;
 --swatches-primary-500-rgb: 108, 120, 131;
 --swatches-primary-500-o20: rgba(108,120,131,0.20);
 --swatches-primary-400: #89939C;
 --swatches-primary-300: #D3D6DA;
 --swatches-primary-200: #E2E4E6;
 --swatches-primary-100: #F0F2F3;
 --swatches-primary-100-o30: rgba(240,242,243,0.3);
 --swatches-primary-050: #F8F8F9;
 --swatches-secondary-700: #9E6C25;
 --swatches-secondary-500: #F7A93A;
 --swatches-secondary-500-o30: rgba(247,169,58,0.3);
 --swatches-secondary-300: #FDE5C4;
 --swatches-secondary-200: #FDEED8;
 --swatches-secondary-100: #FEF6EB;
 --swatches-neutrals-white: #FFF;
 --swatches-neutrals-white-o0: rgba(255,255,255,0);
 --gradient-a: var(--swatches-secondary-500);
 --gradient-b: var(--swatches-primary-500);
 --buttons-secondary-text: var(--swatches-primary-600);
 --buttons-secondary-background: var(--swatches-secondary-500);
 --buttons-tertiary-text: var(--swatches-primary-500);
 --buttons-tertiary-background: var(--swatches-primary-200);
 --text-default-standard: var(--swatches-primary-500);
 --text-default-on-accent: var(--swatches-primary-600);
 --text-default-on-solid: var(--swatches-neutrals-white);
 --text-accent-default: var(--swatches-secondary-700);
 --text-accent-on-accent: var(--swatches-primary-600);
 --text-accent-on-solid: var(--swatches-secondary-300);
 --feedback-error: #D54048;
 --feedback-error-light: #F7D9DA;
 --feedback-warning: #FDC600;
 --feedback-warning-light: #FFF4CC;
}
[data-theme="colorvariant-04"] .variant-base,
[data-theme="colorvariant-04"] .variant-base-hover:hover {
 --color-background: var(--swatches-neutrals-white);
 --color-text: var(--text-default-standard);
 --color-text-accent: var(--text-accent-default);
 --color-decoration: var(--swatches-secondary-500);
 --color-border: var(--swatches-secondary-500);
 --color-surface-inset: var(--swatches-primary-500-o20);
 --color-button-primary-background: var(--swatches-primary-500);
 --color-button-primary-text: var(--swatches-neutrals-white);
 --color-button-secondary-background: var(--buttons-secondary-background);
 --color-button-secondary-text: var(--buttons-secondary-text);
 --color-button-tertiary-background: var(--buttons-tertiary-background);
 --color-button-tertiary-text: var(--buttons-tertiary-text);
 --color-button-ghost-background: var(--swatches-neutrals-white-o0);
 --color-button-ghost-text: var(--color-text);
 --color-text-microsite: var(--color-text);
 --color-text-microsite-secondary: var(--color-decoration);
}
[data-theme="colorvariant-04"] .variant-subtle-primary,
[data-theme="colorvariant-04"] .variant-subtle-primary-hover:hover {
 --color-background: var(--swatches-primary-100);
 --color-text: var(--text-default-standard);
 --color-text-accent: var(--text-accent-default);
 --color-decoration: var(--swatches-secondary-500);
 --color-border: var(--swatches-secondary-500);
 --color-surface-inset: var(--swatches-primary-500-o20);
 --color-button-primary-background: var(--swatches-primary-500);
 --color-button-primary-text: var(--swatches-neutrals-white);
 --color-button-secondary-background: var(--buttons-secondary-background);
 --color-button-secondary-text: var(--buttons-secondary-text);
 --color-button-tertiary-background: var(--swatches-neutrals-white);
 --color-button-tertiary-text: var(--buttons-tertiary-text);
 --color-button-ghost-background: var(--swatches-neutrals-white-o0);
 --color-button-ghost-text: var(--color-text);
 --color-text-microsite: var(--color-text);
 --color-text-microsite-secondary: var(--color-decoration);
}
[data-theme="colorvariant-04"] .variant-subtle-secondary,
[data-theme="colorvariant-04"] .variant-subtle-secondary-hover:hover {
 --color-background: var(--swatches-secondary-200);
 --color-text: var(--text-default-standard);
 --color-text-accent: var(--text-accent-default);
 --color-decoration: var(--swatches-secondary-500);
 --color-border: var(--swatches-secondary-500);
 --color-surface-inset: var(--swatches-secondary-500-o30);
 --color-button-primary-background: var(--swatches-primary-500);
 --color-button-primary-text: var(--swatches-neutrals-white);
 --color-button-secondary-background: var(--buttons-secondary-background);
 --color-button-secondary-text: var(--buttons-secondary-text);
 --color-button-tertiary-background: var(--swatches-neutrals-white);
 --color-button-tertiary-text: var(--buttons-tertiary-text);
 --color-button-ghost-background: var(--swatches-neutrals-white-o0);
 --color-button-ghost-text: var(--color-text);
 --color-text-microsite: var(--color-text);
 --color-text-microsite-secondary: var(--color-decoration);
}
[data-theme="colorvariant-04"] .variant-solid,
[data-theme="colorvariant-04"] .variant-solid-hover:hover {
 --color-background: var(--swatches-primary-500);
 --color-text: var(--swatches-neutrals-white);
 --color-text-accent: var(--text-accent-on-solid);
 --color-decoration: var(--color-text-accent);
 --color-border: var(--swatches-secondary-500);
 --color-surface-inset: var(--swatches-primary-100-o30);
 --color-button-primary-background: var(--swatches-neutrals-white);
 --color-button-primary-text: var(--swatches-primary-500);
 --color-button-secondary-background: var(--buttons-secondary-background);
 --color-button-secondary-text: var(--buttons-secondary-text);
 --color-button-tertiary-background: var(--buttons-tertiary-background);
 --color-button-tertiary-text: var(--buttons-tertiary-text);
 --color-button-ghost-background: var(--swatches-neutrals-white-o0);
 --color-button-ghost-text: var(--color-text);
 --color-text-microsite: var(--color-text);
 --color-text-microsite-secondary: var(--color-decoration);
}
[data-theme="colorvariant-04"] .variant-accent,
[data-theme="colorvariant-04"] .variant-accent-hover:hover {
 --color-background: var(--swatches-secondary-500);
 --color-text: var(--text-default-on-accent);
 --color-text-accent: var(--text-accent-on-accent);
 --color-decoration: var(--color-text-accent);
 --color-border: var(--swatches-secondary-500);
 --color-surface-inset: var(--swatches-primary-500-o20);
 --color-button-primary-background: var(--swatches-primary-500);
 --color-button-primary-text: var(--swatches-neutrals-white);
 --color-button-secondary-background: var(--swatches-neutrals-white);
 --color-button-secondary-text: var(--text-accent-default);
 --color-button-tertiary-background: var(--buttons-tertiary-background);
 --color-button-tertiary-text: var(--buttons-tertiary-text);
 --color-button-ghost-background: var(--swatches-neutrals-white-o0);
 --color-button-ghost-text: var(--color-text);
 --color-text-microsite: var(--color-text);
 --color-text-microsite-secondary: var(--color-decoration);
}
[data-theme="colorvariant-04"] select,
[data-theme="colorvariant-04"] select.form-control {
 background-image: url("data:image/svg+xml,%3Csvg width=%2743%27 height=%2730%27 viewBox=%270 0 43 30%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.5001 22L6.27283 10.75L22.7273 10.75L14.5001 22Z%27 fill=%27%236C7883%27/%3E%3C/svg%3E");
}