/* 8.x Template ti_base_knaul.css */

/* normalize.css v6.0.0 expected! https://github.com/necolas/normalize.css/blob/6.0.0/normalize.css */

/* iframe n shit */
@media all {

.iframe-video-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .iframe-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1.265rem;
    background-color: rgba(0, 0, 0, .75);
  }
  
  .iframe-loader button {
    cursor: pointer;
  }
  
  .iframe-loader > * {
    display: inline-block;
    margin-bottom: 1.25rem;
  }
  
  .iframe-loader ,
  .iframe-loader a {
    color: #fff;
  }
  
  .iframe-loader a {
    font-weight: 700;
  }
  
  #c732 .iframe-video-container {
    background-image: url("/fileadmin/user_upload/Knaul/01_Startseite/video_platzhalter.jpg");
  }

    #c776 .iframe-video-container {
        background-image: url("/fileadmin/user_upload/Knaul/01_Startseite/video-platzhalter-20220616.png");
    }
}

/* hover effects */
@media all {

    a:not(.btn):focus,
    a:not(.btn):hover {
        color: #7a160f;
    }
    footer a:not(.btn):focus,
    footer a:not(.btn):hover {
        color: #991f1f;
    }
    .ce-media img {
        transition: opacity 0.25s ease-in-out;
    }

    .ce-teaserlink-outer .ce-media-caption { position:relative; }

    .ce-teaserlink-link:focus,
    .ce-teaserlink-link:hover { background: rgba(255,255,255,0.25);}

    .ce-media a:hover {
        opacity: .75;
    }

}

/* mobile - xsmall */
@media all {

    body:after { /* http://adactio.com/journal/5429/ */
        content: 'rc-xsmall';
        display: none;
    }
    head { font-family: 'rc-xsmall'; }

    .hide-xsmall,
    .show-small,
    .show-medium,
    .show-large,
    .show-xlarge,
    .show-xxlarge { display: none; }

    .show-xsmall { display: block; }

    /* hide/toggle/show stuff */
    .js .page-header-searchbox {
        display: none;
    }

    .js .page-rollover-searchbox {
        display: flex;
    }

    .no-js .search-link,
    .js .search-toggle-inner { display: flex; }
    .js .search-link {display: none; }

}

/* mobile - small */
@media all and (min-width: 30em) { /* ~ 480px */
    body:after {
        content: 'rc-small';
        display: none;
    }
    head { font-family: 'rc-small'; }

    .show-xsmall { display: none; }
    .hide-xsmall { display: block; }

    .show-small { display: block; }
    .hide-small { display: none; }

}

/* tablet + print - medium */
@media all and (min-width: 47.5em), print { /* ~ 760px */
    body:after {
        content: 'rc-medium';
        display: none;
    }
    head { font-family: 'rc-medium'; }

    .show-small { display: none; }
    .hide-small { display: block; }

    .show-medium { display: block; }
    .hide-medium { display: none; }

}

/* desktop */
@media all and (min-width: 62.5em) { /* ~ 1000px */

    body:after {
        content: 'rc-large';
        display: none;
    }
    head { font-family: 'rc-large'; }

    .show-medium { display: none; }
    .hide-medium { display: block; }

    .show-large { display: block; }
    .hide-large { display: none; }

    /* hide/toggle/show stuff */
    .js .page-header-searchbox {
        transition: all ease 0.5s;
    }
    .page-header-searchbox {
        float: right;
        margin: 0;
        padding-right: 2.5rem;
        transition: width ease 0.25s;
    }
    .no-js .search-link {display: none; }

}

/* desktop - xlarge */
@media all and (min-width: 82.5em) {

    body:after {
        content: 'rc-xlarge';
        display: none;
    }
    head { font-family: 'rc-xlarge'; }

    .show-large { display: none; }
    .hide-large { display: block; }

    .show-xlarge { display: block; }
    .hide-xlarge { display: none; }

}

/* xxlarge */
@media all and (min-width: 90em) {

    body:after {
        content: 'rc-xxlarge';
        display: none;
    }
    head { font-family: 'rc-xxlarge'; }

    .show-xlarge { display: none; }
    .hide-xlarge { display: block; }

    .show-xxlarge { display: block; }
    .hide-xxlarge { display: none; }

}

/* print */
@media print {

    html, body, a { font-size: 10pt !important; }

    h2, h3 {
        page-break-after: avoid;
    }

    table, ol, ul, figure, img {
        page-break-inside: avoid;
    }

    a {
        font-size: 10pt !important;
        overflow: visible !important;
    }
    a::before {
        content: none !important;
    }

    .ce-bodytext a[href^=http]::after {
        content:" [" attr(href) "] ";
        font-size: 8pt !important;
    }

    .print-only { display: block; }

    .stage,
    .totoplink,
    .topnav,
    .searchbox,
    .mainnav,
    .subnav,
    .footernav,
    .footer {
        display: none !important;
    }

}