/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */

@media all {
    /*
    * @section global typography settings
    *

  LIGHT
  font-family: 'Open Sans', sans-serif; font-weight:300; font-style:normal;

  REG
  font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;

  BOLD
  font-family: 'Open Sans', sans-serif; font-weight:700; font-style:normal;


    * vertical rhythm settings (based on em-unit)
    * -------------------------------------------
    * basefont-size:  14px (87.5%)
    * line-height  :  21px (factor: 1.5) */
    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html {
        -webkit-text-size-adjust: auto;
        -moz-text-size-adjust: auto;
        text-size-adjust: auto;
    }

    /*   html * {
        font-size: 20px;
      }
      */
    /**
    * (en) reset monospaced elements to font size 16px in all browsers
    * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
    *
    * @see: http://webkit.org/blog/67/strange-medium/
    */
    textarea,
    pre,
    code,
    kbd,
    samp,
    var,
    tt {
        font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
    }

    /* font-size: 14px; */
    body {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 15px;
        color: #002868;
    }

    /*--- Headings | Überschriften ------------------------------------------------------------------------*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #002868;
        margin: 0;
    }

    h1 {
        font-size: 24px;
        line-height: 1.2em;
        margin: 0 0 0.75em 0;
    }

    h2 {
        font-size: 13px;
        line-height: 1.2em;
        margin: 0 0 0.25em 0;
        color: #BF0A30;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    /*
    .fce_wrapper h2, .fce_wrapper h2.csc-firstHeader {
        position: absolute;
        top: 5px;
    }
    */


    .owl-theme3.fce_wrapper h2,
    .owl-theme4.fce_wrapper h2 {
        position: absolute;
        top: 20px;
    }

    .owl-theme4.fce_wrapper h1 {
        position: absolute;
        top: 65px;
    }

    h3 {
        font-size: 15px;
        line-height: 1.2em;
        color: #002868;
        font-weight: 700;
        line-height: 1.5;
        margin: 0 0 1.5em 0;
    }

    .subheader {
        font-size: 18px;
        color: #002868;
        font-weight: 400;
        line-height: 1.25;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }


    /* --- Lists | Listen  -------------------------------------------------------------------------------- */
    ul,
    ol,
    dl {
        font-size: 13px;
        line-height: 1.5;
        margin: 0 0 1.5em 0;
    }

    ul {
        list-style-type: disc;
    }

    ol {
        list-style-type: decimal;
    }

    ul ul {
        list-style-type: none;
        margin-top: 0;
    }

    main ul ul li:before {
        content: "-";
        position: relative;
        left: -5px;
    }

    /* main ul ul li{ text-indent:-10px; } */
    ol ol {
        list-style-type: lower-latin;
        margin-top: 0;
    }

    ol ul {
        list-style-type: circle;
        margin-top: 0;
    }

    li {
        font-size: 15px;
        line-height: 1.5em;
        margin-left: 1.2em;
        margin-bottom: 0;
    }

    dt {
        font-weight: bold;
    }

    dd {
        margin: 0 0 1.5em 0.8em;
    }

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
    p {
        font-size: 15px;
        line-height: 1.5;
        margin: 0 0 1.5em 0;
    }

    p.no-margin {
        margin: 0;
    }

    .ym-gbox p:last-child, .ym-gbox .csc-default p:last-child,
    .ym-gbox-left p:last-child, .ym-gbox-left .csc-default p:last-child,
    .ym-gbox-right p:last-child, .ym-gbox-right .csc-default p:last-child {
        margin-bottom: 0;
    }

    .keinAbstandUnten .ym-gbox p:last-child, .keinAbstandUnten .ym-gbox .csc-default p:last-child,
    .keinAbstandUnten .ym-gbox-left p:last-child, .keinAbstandUnten .ym-gbox-left .csc-default p:last-child,
    .keinAbstandUnten .ym-gbox-right p:last-child, .keinAbstandUnten .ym-gbox-right .csc-default p:last-child {
        margin-bottom: 1.5em;
    }

    #acc-interferde .ym-gbox p:last-child,
    #acc-interferde .ym-gbox .csc-default p:last-child {
        margin-bottom: 0;
    }

    blockquote,
    cite,
    q {
        font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
        font-style: italic;
    }

    blockquote {
        background: transparent;
        color: #666666;
        margin: 1.5em 0 0 1.5em;
    }

    strong,
    b {
        font-weight: 700;
        font-style: normal;
    }

    em,
    i {
        font-style: italic;
    }

    pre,
    code,
    kbd,
    tt,
    samp,
    var {
        font-size: 16px;
    }

    pre {
        font-size: 16px;
        line-height: 1.5;
        margin: 0 0 1.5em 0;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    pre,
    code {
        color: #880000;
    }

    kbd,
    samp,
    var,
    tt {
        color: #666666;
        font-weight: bold;
    }

    var,
    dfn {
        font-style: italic;
    }

    acronym,
    abbr {
        border-bottom: 1px #aaa dotted;
        font-variant: small-caps;
        letter-spacing: .07em;
        cursor: help;
    }

    sub,
    sup {
        font-size: 12px;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup {
        top: -0.5em;
    }

    sub {
        bottom: -0.25em;
    }

    mark {
        background: yellow;
        color: black;
    }

    hr {
        color: #fff;
        background: transparent;
        margin: 0 0 35px 0;
        padding: 0 0 35px 0;
        border: 0;
        border-bottom: 1px #002868 solid;
    }

    /*--- Links ----------------------------------------------------------------------------------------- */
    a, a:visited,
    .mfp-link, .mfp-link:visited, .mfp-link:link {
        background: transparent;
        text-decoration: none;
        color: #888888;
    }

    a:hover, a:focus, a:active,
    .mfp-link:focus, .mfp-link:hover, .mfp-link:active {
        text-decoration: underline;
        color: #BF0A30;
    }

    a[href^="tel:"] {
        text-decoration: none;
        color: inherit !important;
    }

    footer a, footer a:visited {
        text-decoration: none;
        color: #C8C8C8;
    }

    footer a:hover {
        text-decoration: none;
        color: #fff;
    }

    a.mehrblau, a.mehrblau:visited,
    .news-backlink-wrap a, .news-backlink-wrap a:visited, .news-backlink-wrap a:link {
        display: inline-block;
        background-color: #002868;
        color: #FFF;
        text-decoration: none;
        padding: 0 13px 0 7px;
        font-size: 13px;
        line-height: 19px;
        -webkit-border-radius: 0 0 17px 0;
        border-radius: 0 0 17px 0;
    }

    a.mehrblau:hover, a.mehrblau:focus, a.mehrblau:active,
    .news-backlink-wrap a:focus, .news-backlink-wrap a:hover, .news-backlink-wrap a:active {
        color: #002868;
        background-color: #BFC9D9;
    }

    .light a.mehrblau:hover, .light a.mehrblau:focus, .light a.mehrblau:active {
        color: #002868;
        background-color: #fff;
    }

    a.mehrweiss, a.mehrweiss:visited {
        display: inline-block;
        background-color: #fff;
        color: #002868;
        text-decoration: none;
        padding: 0 13px 0 7px;
        font-size: 13px;
        line-height: 19px;
        -webkit-border-radius: 0 0 17px 0;
        border-radius: 0 0 17px 0;
    }

    a.mehrweiss:hover, a.mehrweiss:focus, a.mehrweiss:active {
        color: #fff;
        background-color: #002868;
    }

    .dark a.mehrweiss:hover, .dark a.mehrweiss:focus, .dark a.mehrweiss:active {
        color: #002868;
        background-color: #BFC9D9;
    }

    a.knaufbutton, a.knaufbutton:visited, a.knaufbutton:focus, a.knaufbutton:active {
        display: block;
        background-color: #BFC9D9;
        color: #002868;
        text-decoration: none;

        /* line-height: 60px; */
        display: table;
        vertical-align: middle;
        height: 60px;

        padding: 0 10px 0 20px;

        font-size: 15px;
        font-weight: 700;

        /* margin: 0 0 25px 0; */
        margin: 25px 0 0 0;

        -webkit-border-radius: 0 0 30px 0;
        border-radius: 0 0 30px 0;
    }

    a.knaufbutton:hover {
        background-color: #BF0A30;
        color: #fff;
        -webkit-box-shadow: inset 4px 4px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 4px 4px 5px 0px rgba(0, 0, 0, 0.4);
    }

    /*   a.knaufbutton:last-child {
          margin-bottom: 0;
      } */
    a.knaufbutton:nth-child(1), a.knaufbutton:nth-child(2) {
        margin-top: 0;
    }

    a.knaufbutton span {
        display: table-cell;
        vertical-align: middle;
    }

    .custom2col a.knaufbutton {
        width: 220px;
        float: left;
        box-sizing: border-box;
        margin-right: 10px;
        margin-left: 10px;
    }

    .custom2col a.knaufbutton:nth-child(even) {
        margin-right: 0px;
    }

    .custom2col a.knaufbutton:nth-child(odd) {
        margin-left: 0px;
    }

    a.knauf_download, a.knauf_download:visited {
        display: inline-block;
        color: #002868;
        text-decoration: none;
        height: 1.3em;
        padding: 0 0 28px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: normal;

        background-image: url(../../../icons/download.png);
        background-repeat: no-repeat;
        background-position: bottom left;
    }

    a.knauf_download:hover, a.knauf_download:focus, a.knauf_download:active {
        text-decoration: underline;
    }

    a.knauf_download_inline, a.knauf_download_inline:visited {
        display: inline-block;
        color: #002868;
        text-decoration: none;
        height: 1.3em;
        padding: 0 28px 0 0;
        font-size: 15px;
        font-weight: 700;
        line-height: normal;

        background-image: url(../../../icons/download.png);
        background-repeat: no-repeat;
        background-position: bottom right;
    }

    a.knauf_download_inline:hover, a.knauf_download_inline:focus, a.knauf_download_inline:active {
        text-decoration: underline;
    }

    a.knauf_forward, a.knauf_forward:visited {
        display: inline-block;
        color: #002868;
        text-decoration: none;
        height: 1.3em;
        padding: 0 0 28px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: normal;

        background-image: url(../../../icons/forward.png);
        background-repeat: no-repeat;
        background-position: bottom left;
    }

    a.knauf_forward:hover, a.knauf_forward:focus, a.knauf_forward:active {
        text-decoration: underline;
    }

    #topnav a {
        text-decoration: none;
    }

    #topnav a:hover {
        text-decoration: underline;
        color: #002868;
    }

    #topnav #sprachmenue a:hover {
        text-decoration: none;
    }

    #breadcrumb a, #breadcrumb a:visited {
        text-decoration: none;
        color: #808080;
    }

    #breadcrumb a:hover {
        text-decoration: none;
        color: #002686;
    }

    #breadcrumb a:last-child {
        color: #002686;
    }

    /* --- images ------------------
    img,
    figure {
      margin: 0;
    }

    .flexible {
      margin-bottom: 1.5em;
      max-width: 100%;
      height: auto;
    } */
    /* IE6 workaround - 2% space for possible borders
    * html .flexible {
      width: 98%;
    }

    .bordered {
      margin-bottom: 1.5em;
      border: 2px #eee solid;
      border: 2px white solid;
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    }
   */
    /**
    * ------------------------------------------------------------------------------------------------- #
    *
    * Tables | Tabellen
    *
    * (en) Generic classes for table-width and design definition
    * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
    *
    * @section content-tables
    */
    table {
        width: auto;
        /* border-collapse: collapse; */
        color: inherit;
        border-top: none;
        margin: 0;
        font-size: inherit;
    }

    table.narrow {
        margin: 0 0 1.42857em 0;
    }

    table.narrow th,
    table.narrow td {
        padding: 0 0.5em;
        line-height: 1.42857;
    }

    table.fixed {
        table-layout: fixed;
    }

    table.bordertable {
        border: 1px #ccc solid;
    }

    table.bordertable thead th {
        background: #BF0A30;
        border-right: 1px #808080 solid;
        border-bottom: 1px #808080 solid;
    }

    table.bordertable tbody th[scope="row"] {
        background: #f0f0f0;
    }

    table.bordertable tbody th {
        border-right: 1px solid #ccc;
    }

    table.bordertable tbody td {
        border-right: 1px solid #ccc;
    }

    caption {
        font-variant: small-caps;
    }

    tr {
        background-color: transparent;
        font-size: inherit;
    }

    th,
    td {
        line-height: 1.5em;
        vertical-align: center;
        padding: 0 1em 0 0;
        color: inherit;
        border: none;
        font-size: inherit;
    }

    th {
        color: inherit;
    }

    th *:first-child,
    td *:first-child {
        margin-top: 0;
    }

    th.nowrap,
    td.nowrap {
        white-space: nowrap;
    }

    thead th {
        text-align: left;
    }

    tbody {
        /* highlight row on mouse over */
    }

    tbody th {
        text-align: left;
    }

    tbody td {
        text-align: left;
    }

    /* KNAUF TABELLE */
    .knauftable {
    }

    table.knauftable {
        width: 100%;
        border-collapse: separate;
        color: #002868;
        margin: 0 0 20px 0;
        border: none;
        border: 1px solid #C8C8C8;
        padding: 0 15px 15px 0;
        /* border-top-right-radius: 30px; */
        border-bottom-right-radius: 37px;
        border-left: none;
        border-top: none;
    }

    table.knauftable tbody th {
        background-color: #002768;
        color: #fff;
        font-weight: 700;
        padding: 5px;
        text-align: center;
        font-size: 13px;
        border: none;
        border-right: 2px solid #fff;
    }

    table.knauftable tbody td {
        border: none;
        border-right: 2px solid #fff;
        background-color: transparent;
        padding: 5px;
        text-align: center;
        color: #000;
        font-size: 13px;
    }

    table.knauftable tbody th:last-child,
    table.knauftable tbody td:last-child {
        border: none;
    }

    table.knauftable tbody tr {
        background-color: transparent;
    }

    table.knauftable tbody tr td {
        background-color: #E9E9E9;
    }

    table.knauftable tbody tr:nth-child(odd) td {
        background-color: #C8C8C8;
    }

    /*
    table.knauftable tr:first-child th:last-child {
        border-top-right-radius:30px;
    }

    table.knauftable tr:first-child {
        border-top-right-radius:30px;
    }
    */
    table.knauftable tr:last-child,
    table.knauftable tr:last-child td:last-child {
        border-bottom-right-radius: 30px;
    }

    /**
    * ------------------------------------------------------------------------------------------------- #
    *
    * OTHER
    */
    /*---------------------------------------------------------------------------- */
    .csc-textpic-caption {
        font-size: 13px;
        font-style: italic;
        line-height: normal;
        margin: -2px 0 10px 0;
    }

    .rot {
        color: #BF0A30;
    }

    a.rot, a.rot:hover, a.rot:visited, a.rot:link {
        color: #BF0A30;
    }

    .htmlarea-content-body {
        background-color: #E8E8E8 !important;
        font-size: 15px;
    }

    .htmlarea-content-body .text-left,
    .text-left {
        text-align: left !important;
    }

    .htmlarea-content-body .text-center,
    .text-center {
        text-align: center !important;
    }

    .htmlarea-content-body .text-right,
    .text-right {
        text-align: right !important;
    }

    .htmlarea-content-body .text-justify,
    .text-justify {
        text-align: justify !important;
    }

    .htmlarea-content-body b, .htmlarea-content-body strong {
        font-weight: bold !important;
    }

    .imgfloatright {
        float: right;
        margin: 0 0 15px 15px;
    }

    .imgfloatleft {
        float: left;
        margin: 0 15px 15px 0;
    }

    .imgfloatrightnomargin {
        float: right;
        margin: 0 0 10px 0;
    }

    .imgfloatleftnomargin {
        float: left;
        margin: 0 0 10px 0;
    }

    br {
        clear: both;
    }


}