/**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
/* STYLES COLLECTION */
/* theme colors, mixins, body&content styles and font import */
/**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
/* COLORS, VARIABLES, MIXINS, BODY AND CONTENT STYLES */
/*  Design Colors
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* no color */
/* black */
/* white */
/* gelb */
/* orange */
/* cyanblau */
/* hellgrau */
/* mittelgrau */
/* anthrazit */
/* himbeer */
/* violet */
/*  Basic Variables
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*  LESS Media queries breakpoints Variables
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* Responsive sizing TEMPLATE or any other breakpoint action
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.IMAGE-SIZER {
    height: 100%; width: 100%; // XS Default (575.98px) no specs required/Standard CSS for all tiers
    @media (min-width: @xs-min) and (max-width: @xs-max) {height: 100%; width: 100%;} // SM
    @media (min-width: @sm-min) and (max-width: @sm-max) {height: 100%; width: 100%;} // MD
    @media (min-width: @md-min) and (max-width: @md-max) {height: 100%; width: 100%;} // LG
    @media (min-width: @lg-min) and (max-width: @lg-max) {height: 100%; width: 100%;} // XL
    @media (min-width: @xl-min) {height: 100%; width: 100%;} // XXL
    @media (max-width: @xs-max) {.responsive-invisibility();} // eg: hides image @XS
    } */
/* Mixins
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  Body Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
:root {
  font-size: 16px;
}
body {
  background: transparent;
}
body .body-page-login {
  background-color: transparent;
}
/*  Content Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
body, #images, #images a {
    font-family: 'Indie Flower', cursive;
 }
pre, code, kbd, samp {
	font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1em;
}*/
html {
  background: none;
}
div.ccm-page {
  overflow-x: hidden;
  position: relative;
}
/*  Content Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
div.ccm-page {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  line-height: 1.428571429;
  /*  addl page styles */
}
div.ccm-page a {
  color: blue;
  text-decoration: none;
}
div.ccm-page a:hover {
  color: magenta;
}
div.ccm-page img {
  max-width: 100%;
}
div.ccm-page hr {
  border: none;
  margin-top: 3px;
  margin-bottom: 3px;
  border-top: 1px dotted rgba(121, 119, 118, 0.979);
  opacity: 1;
}
div.ccm-page main,
div.ccm-page footer {
  background-color: transparent;
}
div.ccm-page div[data-container=block] div.container:last-child {
  padding-bottom: 0px;
}
/**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
/* FONT IMPORT */
/*  Font Import (local)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-ExtraLight.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-ExtraLight.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Light.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Light.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Serif/IBMPlexSerif-Italic.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Serif/IBMPlexSerif-Italic.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Serif/IBMPlexSerif-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.woff2') format('woff2'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.woff') format('woff'), url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Source Code Pro';
  src: url('/packages/blinkbox_edition_verver/themes/blinkbox_base/fonts/Source_Code_Pro/SourceCodePro-Medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
/* namespaced styles */
div.ccm-page {
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /* CUSTOM STYLES */
  /* mediaquery template */
  /* ******************************************************************************* */
  /* Stacking Styles Vertical
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  /* Responsive Scrollup Styles Unicode: f062
embed html-block: <a id="scrollup"><i class="fas fa-arrow-up"></i></a>
- - - - - - - - - - - - - - - - - - - - - */
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /* HEADER & FOOTER STYLES */
  /* footer styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  /* end footer styles */
  /* theme styles */
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /* TYPOGRAPHY STYLES */
  /* type colors according to design colors
- - - - - - - - - - - - - - - - - - - - - */
  /* Headers, Titles, Text etc.
- - - - - - - - - - - - - - - - - - - - - */
  /* Standard Schriftart unformatiert 
p { font-size: @body-type-font-size;
    //font-family: ~"'Helvetica Neue', Helvetica, Arial, sans-serif";
	font-family: ~"'IBM Plex Mono', Courier, monospace";
    color: magenta; // @c6
    a {
    color: blue; // @c6
    text-decoration: none;
    transition: color 0.3s ease 0s;
    &:hover {
        color:cyan; // @c3
        }
      }
    }*/
  /* fluid typography
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* animated type gradient
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* gradient typography
- - - - - - - - - - - - - - - - - - - - - */
  /* outline text
- - - - - - - - - - - - - - - - - - - - - */
  /* Style for fontawesome with text
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* typesetting & typography variations and non breaking space &nbsp; oder nobr {white-space: nowrap;}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  /* Forcing Breaks, Hyphenation for Long Words and URLs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /* PAGE SECTION STYLES */
  /* FLUID page margins / padding
- - - - - - - - - - - - - - - - - - - - - */
  /* page with background image, color or pattern
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  /* Page with background video mp4/webm/ogv
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  /* HOME Section header class and #id for image 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
.header-content-image {
    //background-color: rgba(155, 155, 155, 0.2);
    // or static top padding >remove fluid top padding
    //padding: 0 0 5% 0;
    // for bottom padding add
    //padding-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    // if pattern add overflow hidden
    //overflow: hidden;
    // if HD sized image section, >activate min-height
    // if TALL sized image section, >comment out min-height
    //min-height: 100vh;
    min-width: 100vw;
    //z-index: 1;
    &:before {content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
    }

#header-home-image:before {
    //background-color: rgba(155, 155, 155, 0.5);
    //background-image: url("/index.php/download_file/3/0"); // url to ccm filemanager
    background-image: linear-gradient(rgba(0,0,0,.15), rgba(77, 169, 245, 0.15)), url("../../media/images/blinkbox_background.jpg");
    //background-image: url("https://www.dev-sys.blink-design.ch/gkg/application/files/2417/1230/8197/gkg_home_background.jpg"); //background image without opaque overlay
    background-position: 50% 50%; // horizontal - vertikal 
    @media (max-width: @sm-min) {background-position: 70% 50%;}
    //@media (min-width: 1200px) {background-position: 50% 85%;}
    //background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    //background-attachment: scroll; // |fixed|local|initial|inherit;
    z-index: -1;
    }

// HOME MULTIPLE SECTIONS: Classes & ID's for Images 
.page-section-image {
      position: relative;
      //z-index: -1;
      overflow: hidden;
      //margin: 20px 0 30px 0;
      //padding: 2vh 10%;
      // if HD sized image, pattern or color section, -> activate min-height
      // if TALL sized image, pattern or color section, -> comment out min-height
      min-height: 100vh;
      min-width: 100vw;
      box-sizing: border-box;
      //transform-style: preserve-3d;
      // if no background -> comment out &:before. If bkgr-img is on 2nd section: use position: absolute.
      &:before {content: "";position:fixed;top: 0;bottom: 0;left: 0;right: 0;}
      }
      // Add to section area, container or row if neccessary
      .section-1-extra-styles {padding: 30px 0px 0px 0px;}

.page-section-image-intro {
      position: relative;
      //z-index: -1;
      overflow: hidden;
      //margin: 20px 0 30px 0;
      //padding: 2vh 10%;
      // if HD sized image, pattern or color section, -> activate min-height
      // if TALL sized image, pattern or color section, -> comment out min-height
      //min-height: 100%;
      min-width: 100vw;
      box-sizing: border-box;
      //transform-style: preserve-3d;
      // If no background -> comment out &:before. If bkgr-img is on 2nd section: use position: absolute.
      &:before {content: "";position:absolute;top: 0;bottom: 0;left: 0;right: 0;}
      }
      //Add to 2nd section in row. If bkgr-img, make 2nd section on z-axis 1
      .section-2-extra-styles {padding: 30px 0px 0px 0px;position:relative; z-index: 1;}

#welcome:before {
      background-color: @c2;
      //background-image: url("images/online.jpg");
      //background-image: linear-gradient(rgba(0,0,0,.15), rgba(77, 169, 245, 0.15)), url("../../media/images/blinkbox_background.jpg");
      background-image: url("https://www.dev-sys.blink-design.ch/ss/index.php/download_file/3d277d96-fcaf-400c-ad74-3659f79a8ab9/9");
      background-position: 20% 50%;
      @media (@xs-max) {background-position: 10% 50%;}
      background-repeat: no-repeat;
      background-attachment: scroll; //make 2nd section visible
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      z-index: -1; // on lowest level
      }
      */
  /* gkg Column Ordering on mobile template header full page with css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
#column-ordering-header-full {
      @media only screen and (max-width: @sm-max) {
                  #first-column {
                        order: 1;
                  }
                  #second-column {
                        order: 3;
                  }
                  #third-column {
                        order: 2;
                  }
            }
      }
      */
  /* blinkbox utilities */
  /* CLIENT/PROJECT NAME :: PRINT/HIDE STYLES */
  /* responsive hiding styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  /* print styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  /* atomik print css zpartakov 
@media print {
  // Hide unnecessary elements
  header,
  .page-header,
  footer,
  .page-footer,
  .breadcrumb,
  .your-sidebar,
  .your-hero-image {
      display: none !important;
  }

  // Ensure content uses full width and has no background 
  .page,
  .container {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
      background: white !important;
  }

 // Make links show their URLs
  a[href]:after {
      content: " (" attr(href) ")";
      font-size: 90%;
  }
}
*/
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /* COLUMN FLOW STYLES */
  /* XXS-1, XS-1, SM-2, MD-2, LG-2, XL-3
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* XXS-1, XS-2, SM-3, MD-3, LG-3, XL-4
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* XXS-1, XS-2, SM-3, MD-4, LG-4, XL-5
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /* BUTTON STYLES */
  /* BS Button styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.btn {
  //display: inline-block;
  border-radius: 50%;
  padding: 5px 12px;
  margin: 30px 30px 0px 0px;
  //margin-right: 30px;
  font-size: 28px;
  font-weight: 400;
  //line-height: 1.42857143;
	line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  //border: 1px solid transparent;
  //border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
}

*/
  /* reg. elemental style 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
.btn-success {
  .button-variant(@btn-success-color, #00cc66, @btn-success-border);
}

.btn-default {
  .button-variant(@body-type-color, @page-background-color, @default-button-border-color);
}
*/
  /* blinkbox background sliders (only one can be loaded due to styles mismatch) */
  /* block styles */
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /* ACCORDION STYLES */
  /* If classes are commented out, standard bootsrap values apply, -> use other colors etc.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* Optional classes for styling icon
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
  .accordion-icon-color {color: @c4 !important;} 
  .accordion-icon-active-color {color: @c5 !important;} 
  
    .accordion-button:not(.collapsed)::after {
      content: "\f067";
      font-family: "Font Awesome 5 Free";
      color: @c5;
      background-image: none;
      //background-size: 1.25rem;
    }
    .accordion-button:after {
      content: "\f068";
      font-family: "Font Awesome 5 Free";
      color: @c4;
      background-image: none;
      //background-size: 1.25rem;
    }
    
  // + / - Plus Minus Button
    .accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(.7) !important;
    }
    .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }
  
  .accordion-header {
      align-content: center;
      text-align: left;
    }
  </style>*/
  /**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
  /* TEASER BOX STYLES */
  /* APO TEAM BOX TEMPLATE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* Caption Styles, add these classes to Pagetheme, to be available in styles dropdown */
  /* DEFAULT TEMPLATE CAPTION BELOW
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* remove class ".teaser-box-caption:hover" to have caption dissapear on image mouseout */
  /* Caption Styles, add these classes to Pagetheme, to be available in styles dropdown */
  /* TEMPLATE OVERLAY VETO SANS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* Caption Styles, add these classes to Pagetheme, to be available in styles dropdown */
  /* GKG HOME BUTTONS SCOOPED
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* Caption Styles, add these classes to Pagetheme, to be available in styles dropdown */
  /* remove class ".teaser-box-caption-overlay-gkg:hover" to have caption dissapear on image mouseout 
.teaser-box-image-overlay-gkg:hover + .teaser-box-caption-overlay-gkg, .teaser-box-caption-overlay-gkg:hover {
    //visibility: visible;
    opacity: 1.0;
}*/
  /* Caption Styles, add these classes to Pagetheme, to be available in styles dropdown */
}
div.ccm-page .fluid-margin-breakpoints-template {
  background-color: black;
  padding: 0px 0px 0px 0px;
}
@media (min-width: 576px /*576*/) {
  div.ccm-page .fluid-margin-breakpoints-template {
    padding: 10px 10px 10px 10px;
  }
}
@media (min-width: 768px /*768*/) {
  div.ccm-page .fluid-margin-breakpoints-template {
    padding: 20px 20px 20px 20px;
  }
}
@media (min-width: 992px /*992*/) {
  div.ccm-page .fluid-margin-breakpoints-template {
    padding: 30px 30px 30px 30px;
  }
}
@media (min-width: 1200px /*1200*/) {
  div.ccm-page .fluid-margin-breakpoints-template {
    padding: 40px 40px 40px 40px;
  }
}
@media (min-width: 1400px /*1400*/) {
  div.ccm-page .fluid-margin-breakpoints-template {
    padding: 50px 50px 50px 50px;
  }
}
div.ccm-page .pagination {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
div.ccm-page .card {
  border-width: 0;
}
div.ccm-page .row-gutter-resource-list .card {
  margin-bottom: 0rem !important;
}
@media (min-width: 576px /*576*/) {
  div.ccm-page .row-gutter-resource-list .card {
    margin-bottom: 3rem !important;
  }
}
div.ccm-page .qr-image-size {
  width: 100px;
}
div.ccm-page .qr-page-name-dynamic {
  font-size: 12px;
  font-weight: 600;
}
div.ccm-page .qr-page-name {
  text-align: center;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #40423c;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 5px 0;
}
div.ccm-page .qr-page-name a {
  color: #40423c;
  text-decoration: none;
}
div.ccm-page .qr-page-name a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .qr-page-name a:hover {
  color: #f8079c;
  text-decoration: none;
}
div.ccm-page .hamburger-position {
  margin-top: 8px;
}
@media (min-width: 576px /*576*/) {
  div.ccm-page .hamburger-position {
    margin-top: 15px;
  }
}
div.ccm-page .pagelist-container-side-padding {
  padding-left: 0px;
  padding-right: 0px;
}
div.ccm-page .tondo-padding-catalog-page {
  padding: 5px;
  margin-top: 10px;
}
@media (min-width: 576px /*576*/) {
  div.ccm-page .tondo-padding-catalog-page {
    padding: 25px;
    margin-top: 25px;
  }
}
div.ccm-page .tondo-styles-catalog-page {
  border-radius: 50%;
}
div.ccm-page .archiv-formfield-bootom-space {
  margin-bottom: 10px;
}
div.ccm-page .archive-layout-title {
  font-size: 16px;
  line-height: auto;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #40423c;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  margin: 15px 0px 0px 0px;
}
div.ccm-page .archive-layout-label {
  font-size: 10px;
  line-height: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #05a6cd;
  font-weight: 400;
  font-style: normal;
  display: block;
  margin: 0px 0px 0px 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
div.ccm-page .btn-bx {
  font-size: 24px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #000000;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
}
div.ccm-page .btn-bx a {
  color: blue;
  text-decoration: none;
}
div.ccm-page .btn-bx a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .btn-bx a:hover {
  color: #f8079c;
  text-decoration: none;
}
div.ccm-page .footer-float-right {
  float: right;
}
div.ccm-page .btn-bx-right {
  float: right;
}
div.ccm-page .btn-bx-center {
  font-size: 18px;
  display: flex;
  justify-content: center;
}
div.ccm-page .home-footer-box {
  position: fixed;
  bottom: 0px;
}
div.ccm-page .sticky-footer-0 {
  position: fixed;
  bottom: 20px;
}
div.ccm-page .background-transparent {
  background-color: transparent !important;
}
div.ccm-page .text-flush-right {
  text-align: right !important;
}
div.ccm-page .text-flush-center {
  text-align: center !important;
}
div.ccm-page .footer-padding {
  margin: 20px 15px 20px 15px;
}
div.ccm-page div.margin-bottom-regular {
  margin-bottom: 15px;
}
div.ccm-page div.margin-bottom-medium {
  margin-bottom: 30px;
}
div.ccm-page div.margin-bottom-large {
  margin-bottom: 60px;
}
div.ccm-page div.margin-top-regular {
  margin-top: 15px;
}
div.ccm-page div.margin-top-medium {
  margin-top: 30px;
}
div.ccm-page div.margin-top-large {
  margin-top: 60px;
}
@media (max-width: 576px) {
  div.ccm-page div.margin-top-large {
    margin-top: 30px;
  }
}
div.ccm-page #scrollup {
  margin-right: 1px;
  border-radius: 3px;
  opacity: 1.0;
  position: fixed;
  bottom: 35px;
  right: 10px;
  display: none;
  line-height: 35px;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 35px;
  cursor: pointer;
  background-color: transparent;
  color: #ff7300;
  z-index: 999999;
}
@media screen and (min-width: 768px) {
  div.ccm-page #scrollup {
    margin-right: calc(1px  +  143  * ((100vw -  768px ) / 432 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page #scrollup {
    margin-right: 144px;
  }
}
div.ccm-page #scrollup:hover {
  color: #cccccc;
  background-color: transparent;
}
div.ccm-page header {
  padding: 20px 0 10px 0;
  text-align: right;
  /* ----------- navigation links ---------------- */
}
div.ccm-page header nav {
  float: right;
  padding-right: 8px;
  /* ----------- erste ebene ---------------- */
}
div.ccm-page header nav .dropdown:after {
  content: ' ▶';
}
div.ccm-page header nav .dropdown:hover:after {
  content: '\25bc';
}
div.ccm-page header nav ul {
  list-style: none;
  margin-top: 10px !important;
  float: left;
}
div.ccm-page header nav ul a {
  padding: 8px 0px 3px 30px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  font-weight: 400;
  color: #000000;
  text-transform: none;
}
div.ccm-page header nav ul a:hover {
  color: #f8079c;
  text-decoration: none;
}
div.ccm-page header nav ul a:active {
  color: #ffc037;
  text-decoration: none;
}
div.ccm-page header nav ul a:focus {
  outline: none;
}
div.ccm-page header nav ul a.nav-selected {
  font-weight: 500;
  font-size: 20px;
  color: #f8079c !important;
}
div.ccm-page header nav ul li {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  /* ----------- zweite ebene ---------------- */
}
div.ccm-page header nav ul li:hover ul {
  opacity: 1;
  top: 30px;
  visibility: visible;
}
div.ccm-page header nav ul li ul {
  /* ----------- hintergrund fläche ---------------- */
  cursor: pointer;
  padding: 8px 0px 8px 0px;
  float: left;
  top: 25px;
  left: 0px;
  position: absolute;
  visibility: hidden;
  background-color: #ffffff;
  z-index: 99;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
div.ccm-page header nav ul li ul li {
  float: none;
  width: 100%;
}
div.ccm-page header nav ul li ul li:hover a {
  color: #5c6666;
}
div.ccm-page header nav ul li ul li a {
  display: block;
  padding: 2px 10px 5px 30px;
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: none;
  color: #000000;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-family: 'IBM Plex Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
div.ccm-page header nav ul li ul li a:hover {
  color: #f8079c;
}
div.ccm-page footer {
  /* -----------fixed footer--------------------- 
  width: 100%; 
	position: fixed;
	left: 0;
	bottom: 0;
  */
  background-color: transparent;
  margin: 0 0 30px 0;
}
div.ccm-page .text-schwarz {
  color: #000000;
}
div.ccm-page .text-weiss {
  color: #ffffff;
}
div.ccm-page .text-gelb {
  color: #ffc037;
}
div.ccm-page .text-orange {
  color: #ff7300;
}
div.ccm-page .text-cyanblau {
  color: #05a6cd;
}
div.ccm-page .text-hellgrau {
  color: #cccccc;
}
div.ccm-page .text-mittelgrau {
  color: #5c6666;
}
div.ccm-page .text-anthrazit {
  color: #40423c;
}
div.ccm-page .text-himbeer {
  color: #f8079c;
}
div.ccm-page .text-violet {
  color: #6f00ff;
}
div.ccm-page h1,
div.ccm-page .h1 {
  font-size: 30px;
  line-height: 36px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #ff7300;
  font-weight: 600;
  font-style: normal;
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.ccm-page h1,
  div.ccm-page .h1 {
    font-size: calc(30px  +  14  * ((100vw -  768px ) / 432 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h1,
  div.ccm-page .h1 {
    font-size: 44px;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page h1,
  div.ccm-page .h1 {
    line-height: calc(36px  +  14  * ((100vw -  768px ) / 432 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h1,
  div.ccm-page .h1 {
    line-height: 50px;
  }
}
div.ccm-page .h1-home {
  font-size: 45px;
  font-weight: 200;
  text-align: center;
  color: #ff6600;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  div.ccm-page .h1-home {
    font-size: calc(45px  +  105  * ((100vw -  768px ) / 432 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .h1-home {
    font-size: 150px;
  }
}
div.ccm-page h2,
div.ccm-page .h2 {
  font-size: 18px;
  line-height: 30px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #ff7300;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  div.ccm-page h2,
  div.ccm-page .h2 {
    font-size: calc(18px  +  6  * ((100vw -  768px ) / 432 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h2,
  div.ccm-page .h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page h2,
  div.ccm-page .h2 {
    line-height: calc(30px  +  6  * ((100vw -  768px ) / 432 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h2,
  div.ccm-page .h2 {
    line-height: 36px;
  }
}
div.ccm-page h3,
div.ccm-page .h3 {
  font-size: 24px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #ff7300;
  font-weight: 400;
  font-style: normal;
}
div.ccm-page h4,
div.ccm-page .h4 {
  font-size: 20px;
  line-height: 28px;
  font-family: 'IBM Plex Serif', sans-serif;
  color: #40423c;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  div.ccm-page h4,
  div.ccm-page .h4 {
    font-size: calc(20px  +  4  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h4,
  div.ccm-page .h4 {
    font-size: 24px;
  }
}
@media screen and (min-width: 992px) {
  div.ccm-page h4,
  div.ccm-page .h4 {
    line-height: calc(28px  +  4  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h4,
  div.ccm-page .h4 {
    line-height: 32px;
  }
}
div.ccm-page h4 a,
div.ccm-page .h4 a {
  color: #ff7300;
  border-bottom: 1px dotted #ff7300;
  text-decoration: none;
}
div.ccm-page h4 a:hover,
div.ccm-page .h4 a:hover {
  color: #ff7300;
  border-bottom: 1px dotted #ff7300;
}
div.ccm-page h4 a:hover:visited,
div.ccm-page .h4 a:hover:visited {
  text-decoration: none;
  border-bottom: 1px dotted #ff7300;
}
div.ccm-page h5,
div.ccm-page .h5 {
  font-size: 20px;
  line-height: 28px;
  font-family: 'IBM Plex Serif', sans-serif;
  color: #ff7300;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  div.ccm-page h5,
  div.ccm-page .h5 {
    font-size: calc(20px  +  4  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h5,
  div.ccm-page .h5 {
    font-size: 24px;
  }
}
@media screen and (min-width: 992px) {
  div.ccm-page h5,
  div.ccm-page .h5 {
    line-height: calc(28px  +  4  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h5,
  div.ccm-page .h5 {
    line-height: 32px;
  }
}
div.ccm-page h6,
div.ccm-page .h6 {
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #f8079c;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  div.ccm-page h6,
  div.ccm-page .h6 {
    font-size: calc(14px  +  6  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page h6,
  div.ccm-page .h6 {
    font-size: 20px;
  }
}
div.ccm-page h6 a,
div.ccm-page .h6 a {
  color: #f8079c;
  text-decoration: none;
}
div.ccm-page h6 a:hover,
div.ccm-page .h6 a:hover {
  color: #ff7300;
}
div.ccm-page h6 a:hover:visited,
div.ccm-page .h6 a:hover:visited {
  text-decoration: none;
}
div.ccm-page .text-normal {
  font-size: 16px;
  line-height: 22px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #000000;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  div.ccm-page .text-normal {
    font-size: calc(16px  +  2  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .text-normal {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page .text-normal {
    line-height: calc(22px  +  2  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .text-normal {
    line-height: 24px;
  }
}
div.ccm-page .text-normal a {
  color: #000000;
  transition: color 0.3s ease 0s;
  border-bottom: 2px dotted #ff7300;
  text-decoration: none;
}
div.ccm-page .text-normal a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .text-normal a:hover {
  color: #ff7300;
  text-decoration: none;
}
div.ccm-page .text-klein {
  font-size: 14px;
  line-height: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #40423c;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  div.ccm-page .text-klein {
    font-size: calc(14px  +  2  * ((100vw -  480px ) / 720 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .text-klein {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  div.ccm-page .text-klein {
    line-height: calc(16px  +  2  * ((100vw -  480px ) / 720 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .text-klein {
    line-height: 18px;
  }
}
div.ccm-page .text-klein a {
  color: #40423c;
  border-bottom: 1px dotted #40423c;
  text-decoration: none;
}
div.ccm-page .text-klein a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .text-klein a:hover {
  color: #ff7300;
  border-bottom: 1px dotted #ff7300;
  text-decoration: none;
}
div.ccm-page .titel-gross {
  font-size: 22px;
  line-height: 30px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #ff7300;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  div.ccm-page .titel-gross {
    font-size: calc(22px  +  6  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .titel-gross {
    font-size: 28;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page .titel-gross {
    line-height: calc(30px  +  8  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .titel-gross {
    line-height: 38px;
  }
}
div.ccm-page .titel-klein {
  font-size: 18px;
  line-height: 26px;
  font-family: 'IBM Plex Serif', serif;
  color: #ff7300;
  font-weight: 500;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  div.ccm-page .titel-klein {
    font-size: calc(18px  +  10  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .titel-klein {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page .titel-klein {
    line-height: calc(26px  +  10  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .titel-klein {
    line-height: 36px;
  }
}
div.ccm-page .titel-news {
  font-size: 18px;
  line-height: 26px;
  font-family: 'IBM Plex Serif', serif;
  color: #ff7300;
  column-span: all;
  font-weight: 500;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  div.ccm-page .titel-news {
    font-size: calc(18px  +  10  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .titel-news {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page .titel-news {
    line-height: calc(26px  +  10  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .titel-news {
    line-height: 36px;
  }
}
div.ccm-page .lead-text {
  font-size: 17px;
  line-height: 25px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #40423c;
  font-weight: 300;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  div.ccm-page .lead-text {
    font-size: calc(17px  +  6  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .lead-text {
    font-size: 23px;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page .lead-text {
    line-height: calc(25px  +  8  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .lead-text {
    line-height: 33px;
  }
}
div.ccm-page .lead-text a {
  color: #f8079c;
  transition: color 0.3s ease 0s;
  text-decoration: none;
}
div.ccm-page .lead-text a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .lead-text a:hover {
  color: #05a6cd;
  text-decoration: none;
}
div.ccm-page .legende {
  font-family: 'IBM Plex Sans', sans-serif;
  color: #40423c;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
div.ccm-page .legende a {
  color: #40423c;
  border-bottom: 1px dotted #40423c;
  text-decoration: none;
}
div.ccm-page .legende a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .legende a:hover {
  color: #ff7300;
  border-bottom: 1px dotted #ff7300;
  text-decoration: none;
}
div.ccm-page .copyright {
  font-family: 'IBM Plex Sans', sans-serif;
  color: #40423c;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
div.ccm-page .copyright a {
  color: #40423c;
  border-bottom: 1px dotted #40423c;
  text-decoration: none;
}
div.ccm-page .copyright a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .copyright a:hover {
  color: #ff7300;
  border-bottom: 1px dotted #ff7300;
  text-decoration: none;
}
div.ccm-page .liste {
  font-size: 14px;
  line-height: 22px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #40423c;
  font-weight: 400;
  line-height: 18px;
}
@media screen and (min-width: 768px) {
  div.ccm-page .liste {
    font-size: calc(14px  +  2  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .liste {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page .liste {
    line-height: calc(22px  +  -2  * ((100vw -  768px ) / 832 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .liste {
    line-height: 20px;
  }
}
div.ccm-page .liste a {
  color: #40423c;
  border-bottom: 1px dotted #40423c;
  text-decoration: none;
}
div.ccm-page .liste a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .liste a:hover {
  color: #ff7300;
  border-bottom: 1px dotted #ff7300;
  text-decoration: none;
}
div.ccm-page .fluid-type {
  font-family: 'IBM Plex Sans', sans-serif;
  color: #ff7300;
  font-weight: 400;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  div.ccm-page .fluid-type {
    font-size: calc(16px  +  10  * ((100vw -  320px ) / 880 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-type {
    font-size: 26px;
  }
}
div.ccm-page .linear-wipe a {
  font-size: 21px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  background: repeating-linear-gradient(45deg, #001aff, #5200ff, #ad00ff, #ff00d6, #ff0000, #ff00d6, #ad00ff, #5200ff, #0400ff, #0400ff);
  background-size: 200% auto;
  color: #000;
  text-shadow: 0 0 2px rgba(35, 39, 41, 0.7);
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 12s linear infinite;
}
@media screen and (min-width: 992px) {
  div.ccm-page .linear-wipe a {
    font-size: calc(21px  +  15  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .linear-wipe a {
    font-size: 36px;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}
div.ccm-page .gradient-text {
  display: inline-block;
  position: relative;
  color: #000;
  background: #fff;
  mix-blend-mode: multiply;
}
div.ccm-page .gradient-text::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #ff7300, #5c6666, #05a6cd, #cccccc);
  pointer-events: none;
  mix-blend-mode: screen;
}
div.ccm-page .text-stroked {
  font-family: 'Source Code Pro', monospace;
  color: transparent;
  font-size: 100px;
  font-weight: 700;
  letter-spacing: 1px;
  -webkit-text-stroke: 1px #f2551c;
}
div.ccm-page .text-outlined {
  color: transparent;
  text-shadow: -1px -1px 0 #f2551c, 0 -1px 0 #f2551c, 1px -1px 0 #f2551c, 1px 0 0 #f2551c, 1px 1px 0 #f2551c, 0 1px 0 #f2551c, -1px 1px 0 #f2551c, -1px 0 0 #f2551c;
}
div.ccm-page .outline {
  color: transparent;
  -webkit-text-stroke: 0.15em #f2551c;
}
div.ccm-page .outline::before {
  content: attr(data-content);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0;
  position: absolute;
}
div.ccm-page .outline-wrapper {
  font-family: 'Source Code Pro', monospace;
  font-size: 100px;
}
div.ccm-page .next-page-link-turquise {
  font-size: 20px;
  line-height: 40px;
  font-family: 'Work Sans', sans-serif;
  color: #ffc037;
  text-align: center;
  font-weight: 400;
  letter-spacing: 1px;
}
@media screen and (min-width: 576px) {
  div.ccm-page .next-page-link-turquise {
    font-size: calc(20px  +  8  * ((100vw -  576px ) / 1024 ));
  }
}
@media screen and (min-width: 1600px) {
  div.ccm-page .next-page-link-turquise {
    font-size: 28px;
  }
}
div.ccm-page .next-page-link-turquise a {
  color: #ffc037;
  transition: color 0.3s ease 0s;
  text-decoration: none;
}
div.ccm-page .next-page-link-turquise a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .next-page-link-turquise a:hover {
  color: #ffffff;
  text-decoration: none;
}
div.ccm-page .arrow-down i {
  font-size: 32px;
  line-height: 45px;
}
div.ccm-page .arrow-right i {
  font-size: 28px;
}
div.ccm-page .bullets-highlightcolor ul li::marker {
  color: #ff7300;
  font-size: 16px;
}
div.ccm-page .numbers-highlightcolor ol li::marker {
  color: #ff7300;
  font-size: 16px;
}
div.ccm-page .text-schatten {
  text-shadow: 1px 1px 20px #000000;
}
div.ccm-page .letter-spacing-1 {
  letter-spacing: 1px;
}
div.ccm-page .remove-underline {
  text-decoration: none;
}
div.ccm-page .no-line-break {
  white-space: nowrap;
}
div.ccm-page .hyphenate-text {
  hyphens: auto;
}
div.ccm-page .lineheight-sm {
  font-size: 14px;
}
div.ccm-page .lineheight-base {
  font-size: 18px;
}
div.ccm-page .lineheight-lg {
  font-size: 24px;
}
div.ccm-page .insert-nbsp-before p:before {
  content: "\00a0";
}
div.ccm-page .insert-nbsp-after p:after {
  content: "\00a0";
}
div.ccm-page .dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
div.ccm-page .fluid-side-margin {
  margin-left: 1px;
  margin-right: 1px;
}
@media screen and (min-width: 1024px) {
  div.ccm-page .fluid-side-margin {
    margin-left: calc(1px  +  143  * ((100vw -  1024px ) / 176 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-side-margin {
    margin-left: 144px;
  }
}
@media screen and (min-width: 1024px) {
  div.ccm-page .fluid-side-margin {
    margin-right: calc(1px  +  143  * ((100vw -  1024px ) / 176 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-side-margin {
    margin-right: 144px;
  }
}
div.ccm-page .fluid-side-padding {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 756px) {
  div.ccm-page .fluid-side-padding {
    padding-left: calc(20px  +  52  * ((100vw -  756px ) / 444 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-side-padding {
    padding-left: 72px;
  }
}
@media screen and (min-width: 756px) {
  div.ccm-page .fluid-side-padding {
    padding-right: calc(20px  +  52  * ((100vw -  756px ) / 444 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-side-padding {
    padding-right: 72px;
  }
}
div.ccm-page .fluid-margin-top {
  margin-top: 70px;
}
@media screen and (min-width: 1024px) {
  div.ccm-page .fluid-margin-top {
    margin-top: calc(70px  +  20  * ((100vw -  1024px ) / 176 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-margin-top {
    margin-top: 90px;
  }
}
div.ccm-page .fluid-margin-top-home {
  margin-top: 120px;
}
@media screen and (min-width: 756px) {
  div.ccm-page .fluid-margin-top-home {
    margin-top: calc(120px  +  80  * ((100vw -  756px ) / 444 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-margin-top-home {
    margin-top: 200px;
  }
}
div.ccm-page .side-margin-20 {
  margin: 0px 20px 0px 20px;
}
div.ccm-page .side-padding-20 {
  padding: 0px 20px 0px 20px;
}
div.ccm-page .fluid-section {
  padding-left: 1px;
  padding-right: 1px;
  padding: 20px 0 30px 0;
  position: relative;
  overflow: hidden;
  min-width: 100vw;
  box-sizing: border-box;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  div.ccm-page .fluid-section {
    padding-left: calc(1px  +  143  * ((100vw -  1024px ) / 176 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-section {
    padding-left: 144px;
  }
}
@media screen and (min-width: 1024px) {
  div.ccm-page .fluid-section {
    padding-right: calc(1px  +  143  * ((100vw -  1024px ) / 176 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .fluid-section {
    padding-right: 144px;
  }
}
div.ccm-page .fluid-section:before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
div.ccm-page #background-color:before {
  background-color: #ffffff;
  z-index: -1;
}
div.ccm-page #background-pattern:before {
  background-image: url("/packages/blinkbox_edition_verver/themes/blinkbox_base/media/overlays/muster_dot.png");
  background-repeat: repeat;
  background-attachment: fixed;
  z-index: -1;
}
div.ccm-page #background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  object-position: center center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000000;
  z-index: -1;
}
@media (max-width: 991px) {
  div.ccm-page #background-video {
    object-position: 60% 0%;
  }
}
@media (max-width: 576px) and (max-width: 767.98px) {
  div.ccm-page .d-xs-none {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  div.ccm-page .d-sm-none {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  div.ccm-page .d-md-none {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  div.ccm-page .d-lg-none {
    display: none !important;
  }
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
  div.ccm-page .d-xl-none {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  div.ccm-page .d-xxl-none {
    display: none !important;
  }
}
div.ccm-page .visible-print {
  display: none !important;
}
@media print {
  div.ccm-page .visible-print {
    display: block !important;
  }
  div.ccm-page table.visible-print {
    display: table;
  }
  div.ccm-page tr.visible-print {
    display: table-row !important;
  }
  div.ccm-page th.visible-print,
  div.ccm-page td.visible-print {
    display: table-cell !important;
  }
}
div.ccm-page .visible-print-block {
  display: none !important;
}
@media print {
  div.ccm-page .visible-print-block {
    display: block !important;
  }
}
div.ccm-page .visible-print-inline {
  display: none !important;
}
@media print {
  div.ccm-page .visible-print-inline {
    display: inline !important;
  }
}
div.ccm-page .visible-print-inline-block {
  display: none !important;
}
@media print {
  div.ccm-page .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  div.ccm-page .hidden-print {
    display: none !important;
  }
}
@media print {
  div.ccm-page a,
  div.ccm-page a:visited {
    text-decoration: underline;
  }
  div.ccm-page a[href]:after {
    display: none !important;
  }
  div.ccm-page abbr[title]:after {
    display: none !important;
  }
  div.ccm-page a[href^="#"]:after,
  div.ccm-page a[href^="javascript:"]:after {
    display: none !important;
  }
}
div.ccm-page .titel-alle-spalten {
  column-span: all;
}
div.ccm-page .kein-absatz-umbruch {
  break-before: column;
  break-after: avoid;
}
div.ccm-page .column-flow-2 {
  margin: 0 0 30px 0;
  column-gap: 30px;
  column-rule: 1px dotted #000;
  -webkit-column-rule: 1px dotted #000;
  /* Chrome, Safari, Opera */
  column-count: 2;
  -webkit-column-count: 2;
  /* Safari and Chrome */
  column-span: all;
  -webkit-column-span: all;
  /* Chrome, Safari, Opera */
  /* extend to 3 columns for XL size
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    @media (min-width: 1440px) {
    column-count:3;
        -webkit-column-count:3; // Safari and Chrome 
    }*/
}
@media (max-width: 479px) {
  div.ccm-page .column-flow-2 {
    column-count: 1;
    -webkit-column-count: 1;
    /* Safari and Chrome */
  }
}
div.ccm-page .column-flow-3 {
  margin: 0 0 30px 0;
  column-gap: 30px;
  column-rule: 1px dotted #000;
  -webkit-column-rule: 1px dotted #000;
  /* Chrome, Safari, Opera */
  column-count: 3;
  -webkit-column-count: 3;
  /* Safari and Chrome */
  column-span: all;
  -webkit-column-span: all;
  /* Chrome, Safari, Opera */
}
@media (max-width: 479px) {
  div.ccm-page .column-flow-3 {
    column-count: 1;
    -webkit-column-count: 1;
    /* Safari and Chrome */
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  div.ccm-page .column-flow-3 {
    column-count: 2;
    -webkit-column-count: 2;
    /* Safari and Chrome */
  }
}
@media (min-width: 1440px) {
  div.ccm-page .column-flow-3 {
    column-count: 3;
    -webkit-column-count: 3;
    /* Safari and Chrome */
  }
}
div.ccm-page .column-flow-4 {
  margin: 0 0 30px 0;
  column-gap: 30px;
  column-rule: 1px dotted #000;
  -webkit-column-rule: 1px dotted #000;
  /* Chrome, Safari, Opera */
  column-count: 4;
  -webkit-column-count: 4;
  /* Safari and Chrome */
  column-span: all;
  -webkit-column-span: all;
  /* Chrome, Safari, Opera */
}
@media (max-width: 479px) {
  div.ccm-page .column-flow-4 {
    column-count: 1;
    -webkit-column-count: 1;
    /* Safari and Chrome */
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  div.ccm-page .column-flow-4 {
    column-count: 2;
    -webkit-column-count: 2;
    /* Safari and Chrome */
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.ccm-page .column-flow-4 {
    column-count: 3;
    -webkit-column-count: 3;
    /* Safari and Chrome */
  }
}
@media (min-width: 1440px) {
  div.ccm-page .column-flow-4 {
    column-count: 5;
    -webkit-column-count: 5;
    /* Safari and Chrome */
  }
}
div.ccm-page .btn {
  color: #09098d;
  border: 1px solid #09098d;
}
div.ccm-page .btn .btn:hover,
div.ccm-page .btn .btn:focus,
div.ccm-page .btn .btn.focus {
  color: #fc8701;
  text-decoration: none;
}
div.ccm-page .image-right-tilt .ccm-image-block {
  display: block;
  margin: 0px auto 0px auto;
  transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
}
div.ccm-page .rounded-circle .ccm-image-block {
  border-radius: 50%;
}
div.ccm-page .rounded .ccm-image-block {
  border-radius: 8px;
}
div.ccm-page .rounded-top .ccm-image-block {
  border-radius: 5px 5px 0 0;
}
div.ccm-page img {
  max-width: 100%;
  height: auto;
}
div.ccm-page .image-center {
  text-align: center;
}
div.ccm-page .image-center img {
  margin: 0 auto;
}
div.ccm-page .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.4rem .3rem .3rem .5rem;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media screen and (min-width: 576px) {
  div.ccm-page .accordion-button {
    font-size: calc(14px  +  2  * ((100vw -  576px ) / 624 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .accordion-button {
    font-size: 16px;
  }
}
@media screen and (min-width: 576px) {
  div.ccm-page .accordion-button {
    line-height: calc(20px  +  2  * ((100vw -  576px ) / 624 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .accordion-button {
    line-height: 22px;
  }
}
@media (prefers-reduced-motion: reduce) {
  div.ccm-page .accordion-button {
    transition: none;
  }
}
div.ccm-page .accordion-button:not(.collapsed) {
  color: #ff7300;
  background-color: transparent;
  box-shadow: inset 0px 0 rgba(0, 0, 0, 0.125);
}
div.ccm-page .accordion-button:not(.collapsed)::after {
  background-image: url("/packages/blinkbox_edition_verver/themes/blinkbox_base/media/vectors/minus_orange.svg");
  transform: rotate(-180deg);
}
div.ccm-page .accordion-button::after {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-left: auto;
  margin-right: 15px;
  content: "";
  background-image: url("/packages/blinkbox_edition_verver/themes/blinkbox_base/media/vectors/plus_schwarz.svg");
  background-repeat: no-repeat;
  background-size: 11px;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  div.ccm-page .accordion-button::after {
    transition: none;
  }
}
div.ccm-page .accordion-button:hover {
  z-index: 2;
  color: #ff7300;
}
div.ccm-page .accordion-button:focus {
  z-index: 3;
  border-color: #fd01be;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
div.ccm-page .accordion-header {
  margin-bottom: 0;
}
div.ccm-page .accordion-item {
  background-color: transparent;
  border: 1px dotted #000000;
}
div.ccm-page .accordion-item:first-of-type {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
div.ccm-page .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
div.ccm-page .accordion-item:not(:first-of-type) {
  border-top: 0;
}
div.ccm-page .accordion-item:last-of-type {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
div.ccm-page .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
div.ccm-page .accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
div.ccm-page .accordion-body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  padding: .5rem 1.25rem .5rem .5rem;
  color: #000000;
  text-align: left;
}
div.ccm-page .accordion-body a {
  color: #5c6666;
  text-decoration: none;
}
div.ccm-page .accordion-body a:hover {
  color: #ffc037;
}
div.ccm-page .accordion-flush .accordion-collapse {
  border-width: 0;
}
div.ccm-page .accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
div.ccm-page .accordion-flush .accordion-item:first-child {
  border-top: 5px;
}
div.ccm-page .accordion-flush .accordion-item:last-child {
  border-bottom: 5px;
}
div.ccm-page .accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}
div.ccm-page .teaser-box-wrapper-apo-team {
  float: left;
  height: auto;
  cursor: pointer;
  position: relative;
  display: block;
  z-index: 1;
}
div.ccm-page .teaser-box-image-apo-team {
  width: 100%;
  padding: 12px 12px 8px 12px;
  /* &:hover, &:active {-webkit-user-select: none;-webkit-touch-callout: none;} 
    margin-bottom:3px;*/
}
div.ccm-page .teaser-box-caption-apo-team {
  transition: all 200ms ease-in-out;
  padding: 8px 5px 12px 5px;
  opacity: 1.0;
}
div.ccm-page .teaser-box-caption-apo-team a {
  text-decoration: none;
}
div.ccm-page .teaser-box-caption-apo-team a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .teaser-box-caption-apo-team a:hover {
  text-decoration: none;
}
@media (max-width: 576px) {
  div.ccm-page .teaser-box-caption-apo-team {
    opacity: 1.0;
  }
}
div.ccm-page .teaser-box-title-apo-team {
  font-size: 16px;
  line-height: 17px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #5c6666;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 1px;
}
@media screen and (min-width: 992px) {
  div.ccm-page .teaser-box-title-apo-team {
    font-size: calc(16px  +  2  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-title-apo-team {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  div.ccm-page .teaser-box-title-apo-team {
    line-height: calc(17px  +  3  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-title-apo-team {
    line-height: 20px;
  }
}
div.ccm-page .teaser-box-text-apo-team {
  font-size: 14px;
  line-height: 15px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #cccccc;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 992px) {
  div.ccm-page .teaser-box-text-apo-team {
    font-size: calc(14px  +  2  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-text-apo-team {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  div.ccm-page .teaser-box-text-apo-team {
    line-height: calc(15px  +  3  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-text-apo-team {
    line-height: 18px;
  }
}
div.ccm-page .teaser-box-wrapper {
  float: left;
  height: auto;
  cursor: pointer;
  position: relative;
  display: block;
  z-index: 1;
}
div.ccm-page .teaser-box-wrapper:hover .teaser-box-image {
  opacity: 0.75;
}
div.ccm-page .teaser-box-image {
  width: 100%;
  /* &:hover, &:active {-webkit-user-select: none;-webkit-touch-callout: none;} 
    margin-bottom:3px;*/
}
div.ccm-page .teaser-box-caption {
  transition: all 200ms ease-in-out;
  padding: 8px 5px 12px 5px;
  opacity: 0.0;
}
div.ccm-page .teaser-box-caption a {
  text-decoration: none;
}
div.ccm-page .teaser-box-caption a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .teaser-box-caption a:hover {
  text-decoration: none;
}
@media (max-width: 576px) {
  div.ccm-page .teaser-box-caption {
    opacity: 1.0;
  }
}
div.ccm-page .teaser-box-image:hover + .teaser-box-caption,
div.ccm-page .teaser-box-caption:hover {
  opacity: 1.0;
}
div.ccm-page .teaser-box-title {
  font-size: 16px;
  line-height: 17px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #5c6666;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 1px;
}
@media screen and (min-width: 992px) {
  div.ccm-page .teaser-box-title {
    font-size: calc(16px  +  2  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  div.ccm-page .teaser-box-title {
    line-height: calc(17px  +  3  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-title {
    line-height: 20px;
  }
}
div.ccm-page .teaser-box-text {
  font-size: 14px;
  line-height: 15px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #cccccc;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 992px) {
  div.ccm-page .teaser-box-text {
    font-size: calc(14px  +  2  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  div.ccm-page .teaser-box-text {
    line-height: calc(15px  +  3  * ((100vw -  992px ) / 208 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-text {
    line-height: 18px;
  }
}
div.ccm-page .teaser-box-wrapper-overlay {
  float: left;
  height: auto;
  cursor: pointer;
  position: relative;
  display: block;
  margin-bottom: 20px;
  z-index: 1;
}
div.ccm-page .teaser-box-image-overlay {
  width: 100%;
  /* &:hover, &:active {-webkit-user-select: none;-webkit-touch-callout: none;} 
    margin-bottom:3px;*/
}
div.ccm-page .teaser-box-caption-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 200ms ease-in-out;
  opacity: 0.0;
}
div.ccm-page .teaser-box-caption-overlay a {
  text-decoration: none;
}
div.ccm-page .teaser-box-caption-overlay a:visited {
  text-decoration: none;
  outline: none;
}
div.ccm-page .teaser-box-caption-overlay a:hover {
  text-decoration: none;
}
@media (max-width: 576px) {
  div.ccm-page .teaser-box-caption-overlay {
    opacity: 1.0;
  }
}
div.ccm-page .teaser-box-image-overlay:hover + .teaser-box-caption-overlay,
div.ccm-page .teaser-box-caption-overlay:hover {
  opacity: 1.0;
}
div.ccm-page .teaser-box-text-overlay {
  font-size: 20px;
  line-height: 24px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #ffffff;
  font-weight: 500;
  font-style: normal;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 9;
}
@media screen and (min-width: 576px) {
  div.ccm-page .teaser-box-text-overlay {
    font-size: calc(20px  +  -2  * ((100vw -  576px ) / 624 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-text-overlay {
    font-size: 18px;
  }
}
@media screen and (min-width: 576px) {
  div.ccm-page .teaser-box-text-overlay {
    line-height: calc(24px  +  -1  * ((100vw -  576px ) / 624 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-text-overlay {
    line-height: 23px;
  }
}
@media (max-width: 576px) {
  div.ccm-page .teaser-box-text-overlay {
    width: 90%;
  }
}
div.ccm-page .teaser-box-wrapper-overlay-gkg {
  float: left;
  height: auto;
  cursor: pointer;
  position: relative;
  display: block;
  margin-bottom: 10px;
  z-index: 1;
}
div.ccm-page .teaser-box-image-overlay-gkg {
  width: 100%;
  /* &:hover, &:active {-webkit-user-select: none;-webkit-touch-callout: none;} 
    margin-bottom:3px;*/
}
div.ccm-page .teaser-box-caption-overlay-gkg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: transparent;
  opacity: 1.0;
}
div.ccm-page .teaser-box-caption-overlay-gkg a {
  text-decoration: none;
}
div.ccm-page .teaser-box-caption-overlay-gkg a:hover {
  text-decoration: none;
}
div.ccm-page .teaser-box-text-overlay-gkg {
  font-size: 22px;
  font-family: 'Munson', serif;
  color: #ff7300;
  font-weight: 400;
  font-style: normal;
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  z-index: 9;
}
@media screen and (min-width: 576px) {
  div.ccm-page .teaser-box-text-overlay-gkg {
    font-size: calc(22px  +  4  * ((100vw -  576px ) / 624 ));
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .teaser-box-text-overlay-gkg {
    font-size: 26px;
  }
}
div.ccm-page .teaser-box-text-overlay-gkg:hover {
  color: #05a6cd;
  text-decoration: none;
}
/* not namespaced styles */
/**
 * @project:   Blinkbox Base Theme
 * @copyright  (C) 2025 www.blink.ch
 * @author     blinkbox 2025-08-28
 * @version    2.0.2
 */
/* MOBILE NAVIGATION STYLES */
.ccm-responsive-overlay {
  font-family: 'IBM Plex Sans';
  display: none;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  width: 100%;
  z-index: 99;
  top: 100px;
  left: 0px;
  padding: 10px 0 30px 32px;
  text-align: center;
  -webkit-text-size-adjust: none;
}
.ccm-responsive-overlay ul {
  padding-left: 0;
}
.ccm-responsive-overlay ul li {
  list-style-type: none;
  display: block;
}
.ccm-responsive-overlay ul li.parent-ul a:after {
  padding-left: 7px;
  padding-top: 3px;
  font-size: 20px;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}
.ccm-responsive-overlay ul li a {
  color: #40423c;
  font-size: 20px;
  letter-spacing: 1px;
  display: inline-block;
  width: 80%;
  padding: 4px 0px 4px 0px;
  height: 100%;
  font-weight: 400;
  text-decoration: none;
}
.ccm-responsive-overlay ul li a:hover {
  color: #f8079c;
}
.ccm-responsive-overlay ul li a.nav-selected {
  color: #ff7300;
}
.ccm-responsive-overlay ul li ul li {
  padding-left: 10px;
}
.ccm-responsive-overlay ul li ul li.last-li a {
  padding-top: 0px;
  font-size: 20px;
}
.ccm-responsive-overlay ul li ul li.last-li a:after {
  content: '';
}
/* different colors in each list item incl. hover state
.ccm-responsive-overlay {
  li:nth-child(4) a {color: green; &:hover {color: purple;}}
  li:nth-child(5) a {color: blue; &:hover {color: magenta;}}
}*/
.ccm-responsive-menu-launch {
  display: none;
  cursor: pointer;
  margin-bottom: 20px;
  margin-right: 5px;
  float: right;
  z-index: 1001;
}
.ccm-responsive-menu-launch.responsive-button-close i:after {
  font-size: 28px;
  color: #40423c;
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}
.ccm-responsive-menu-launch i:after {
  font-size: 28px;
  content: "\f0c9";
  font-family: "Font Awesome 5 Free";
  color: #40423c;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}
/* Hamburger @ sm breakpoint */
@media all and (max-width: 991.98px) {
  .ccm-responsive-menu-launch {
    display: block;
  }
  .ccm-responsive-navigation.original {
    display: none;
  }
}
@media all and (min-width: 991.98px) {
  .ccm-responsive-overlay {
    display: none !important;
  }
}
/* Hamburger only
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
.ccm-responsive-menu-launch {
    display: block;
    }

.ccm-responsive-navigation.original {
    display: none;
    }
*/
/* adjusting edit-layout */