@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Lato|Roboto+Slab');*/


/**
 * [DAKO]
 *
 * {COLOR}
 * @dako-red
 * hex: #c93a3a
 * rgb: rgba(201, 58, 58, 1)
 *
 * @custom-name
 * hex: #
 * rgb: rgba()
 */

  /* font-family: 'Roboto', sans-serif; */
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../Roboto-Bold.woff") format("woff");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../Roboto-Light.woff") format("woff");
    font-weight: 300;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../Roboto-Medium.woff") format("woff");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../Roboto-Regular.woff") format("woff");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  


/************
 * BASE
 ************/

 

body {
    color: #333;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

article,
section,
header,
footer {
    display: block;
}

iframe[ng-src*="3xios/beleg1.php"] {
    min-height: 500px;
}

img {
    max-width: 100%;
}

p {
    line-height: 1.75;
}

a,
button,
*[href],
*[onclick],
*[ondblclick],
*[ui-sref],
*[ng-click] {
    cursor: pointer;
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    font-family: 'Roboto', sans-serif;
    color: inherit;
    font-size: inherit;
    text-decoration: none;
    -webkit-transition: background 300ms ease, border 300ms ease, color 300ms ease, font-size 300ms ease;
    transition: background 300ms ease, border 300ms ease, color 300ms ease, font-size 300ms ease;
}

*[ng-include="'template/includes/loading.html'"] {
    margin-top: 30px;
    margin-bottom: 15px;
}


/**
 * cookie
 * @package
 * @declare
 */

.cookie-warn--message {}


/**
 * cookie
 * @package
 * @component
 */

*[ng-if="showCookieWarn"] {
    padding-bottom: 220px;
}

@media (min-width: 420px) {
    *[ng-if="showCookieWarn"] {
        padding-bottom: 140px;
    }
}

@media (min-width: 720px) {
    *[ng-if="showCookieWarn"] {
        padding-bottom: 60px;
    }
}

.cookie-warn--message {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: lighter;
}


/************
 * LEGACY
 ************/

/* Warenkorb Preview */

#warenkorbvoransicht_kopf {
    height: 40px;
    padding: 10px;
    background-color: #c93a3a;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
}

#warenkorbvoransicht_kopf a {
    color: white;
    font-weight: bold;
}

#warenkorbvoransicht_preis {
    padding: 0 5px 5px 5px;
    text-align: center;
}

#warenkorbvoransicht_preis > a > span {
    color: #000;
    font-size: 15px;
    font-weight: bold;
}


/* Artikelgruppen Template */

div.artikelgruppen_container {
    margin-bottom: 25px;
    border: thin solid #E6E6E6;
    border-radius: 5px 5px 5px 5px;
}

div.artikelgruppen_container:hover {
    border: thin solid #c93a3a;
}

.artikelgruppen_container_image {
    position: relative;
    padding-top: 75%;
    border-bottom: thin solid #333;
}

.artikelgruppen_container_image > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.artikelgruppen_container_image .overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.artikelgruppen_container:hover .artikelgruppen_container_image .overlay {
    display: block;
}

.artikelgruppen_container_image .overlay .background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    opacity: .6;
    background: #CCC;
}

.artikelgruppen_container_image .overlay .text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 10%;
    text-align: center;
}

.artikelgruppen_container_image .overlay .text p {
    font-weight: bold;
    font-size: 20px;
}

.artikelgruppen_container_image_layer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    margin-top: 30%;
    padding-top: 10px;
    text-align: center;
    background: none repeat scroll 0 0 black;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with .6 opacity */
    background-color: rgba(0, 0, 0, .9);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000");
    /* For IE 8*/
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000");
}

.artikelgruppen_container_image_layer span {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

div.artikelgruppen_container div.artikelgruppen_container_titel {
    height: 40px;
    padding: 10px;
    font-weight: 300;
}

div.artikelgruppen_container:hover div.artikelgruppen_container_titel {
    color: #c93a3a;
}

.artikelgruppen_container_titel > span {
    float: right;
}


/* Artikellisten Template */

table.table > thead.artikelliste_table_head > tr > th {
    color: #666;
}

table.table > thead.artikelliste_table_head > tr > th.aktiv {
    color: #c93a3a;
}


/* Artikellistentabelle */

/* Bildspalte */

table.artikelliste_table > thead.artikelliste_table_head .artikelliste_table_head_bildspalte {
    width: 10%;
}

table.artikelliste_table > tbody.artikelliste_table_body .artikelliste_table_body_bildspalte {
    text-align: center;
    vertical-align: middle;
}


/* Artikelnummerspalte */

table.artikelliste_table > thead.artikelliste_table_head .artikelliste_table_head_artikelnrspalte {
    width: 20%;
    text-align: center;
}

table.artikelliste_table > tbody.artikelliste_table_body .artikelliste_table_body_artikelnummerspalte {
    text-align: center;
    vertical-align: middle;
}


/* Bezeichnungsspalte */

table.artikelliste_table > tbody.artikelliste_table_body .artikelliste_table_body_infospalte {
    vertical-align: middle;
}


/* Bestandsspalte */

table.artikelliste_table > thead.artikelliste_table_head .artikelliste_table_head_bestandspalte {
    width: 5%;
    text-align: center;
}

table.artikelliste_table > tbody.artikelliste_table_body .artikelliste_table_body_bestandspalte {
    text-align: center;
    vertical-align: middle;
}


/* Preisspalte */

table.artikelliste_table > thead.artikelliste_table_head .artikelliste_table_head_preisspalte {
    width: 15%;
    text-align: center;
}

table.artikelliste_table > tbody.artikelliste_table_body .artikelliste_table_body_preisspalte {
    text-align: center;
    vertical-align: middle;
}


/* Aktionsspalte */

table.artikelliste_table > tbody.artikelliste_table_body .artikelliste_table_body_aktionsspalte {
    width: 15%;
    text-align: center;
    vertical-align: middle;
}

.artikelliste_liste_bildcontainer {
    position: relative;
    width: 100px;
    height: 100px;
    border: thin solid #333;
    border-radius: 4px;
}

.artikelliste_liste_bildcontainer > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border-radius: 4px;
}

div.artikelliste_wk_button > span > i {
    float: right;
    color: #c93a3a;
    cursor: pointer;
}

div.artikelliste_wk_button > span {
    background: transparent;
}

.wk_button_icon_container > i {
    padding-top: 25px;
    color: #c93a3a;
    font-size: 40px;
}

.preis > p {
    font-weight: bold;
}

div.artikelliste_kachel_container {
    position: relative;
    min-height: 320px;
    margin-bottom: 20px;
}

div.artikelliste_kachel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: thin solid #E6E6E6;
}

div.artikelliste_kachel:hover {
    z-index: 3;
    -webkit-box-shadow: 0 0 25px #333;
    box-shadow: 0 0 25px #333;
    background: #EEE;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table {
    border-top: thin solid black;
}

div.artikelliste_kachel:hover {
    border: thin solid #c93a3a;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table {
    margin-bottom: 0;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_artikel {
    height: 60px;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_info {
    height: 0;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_info > td > div {
    font-size: 14px;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_artikel > td.artikelliste_kachel_table_bez {
    width: 90%;
    font-weight: 300;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_artikel > td.artikelliste_kachel_table_bestand {
    width: 10%;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_preis {
    width: 100%;
    height: 90px;
    font-weight: 300;
    text-align: right;
}

div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_preis > td {
    vertical-align: bottom;
}

div.artikelliste_kachel:hover > table.table > tbody > tr.artikelliste_kachel_table_zeile_preis > td > div > p {
    color: #c93a3a;
}

.artikelliste_kachel_table_zeile_preis a {
    color: #c93a3a;
    font-weight: bold;
    font-size: 18px;
    text-decoration: underline;
}

div.artikelliste_kachel:hover > table.table > tbody > tr > td.artikelliste_kachel_table_bez {
    color: #c93a3a;
}

div.artikelliste_kachel tr.artikelliste_kacel_table_zeile_aktion {
    display: none;
}

div.artikelliste_kachel:hover tr.artikelliste_kacel_table_zeile_aktion {
    display: table-row;
}

div.artikelliste_kachel:hover .artikelliste_kachel_details_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .8;
    background-color: #CCC;
}

div.artikelliste_kachel .artikelliste_kachel_details {
    display: none;
}

div.artikelliste_kachel:hover .artikelliste_kachel_details {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 10%;
    font-weight: bold;
    text-align: center;
}

.artikelliste_kachel_bildcontainer {
    position: relative;
    padding-top: 75%;
}

.artikelliste_kachel_bildcontainer > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.artikelliste_me_pe.input-group > .input-group-addon {
    height: 34px;
    background: transparent;
}

.artikelliste_me_pe.input-group > .input-group-addon:first-child {
    border-right: thin solid #CCC;
}

.artikelliste_me_pe.input-group > .input-group-btn > .btn {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}


/* Artikeldetail Template */

.artdetail_blaettern_icon {
    color: #c93a3a;
    font-size: 20pt;
    cursor: pointer;
}

div.artikeldetail_info div {
    min-height: 20px;
    padding-bottom: 10px;
    font-size: 14px;
}

div.artikeldetail_info h4 {
    font-weight: 300;
    font-size: 18px;
}

.artikeldetail_hauptbild_container {
    position: relative;
    padding-top: 100%;
    border: thin solid #333;
    border-radius: 4px;
}

.artikeldetail_hauptbild_container > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

#artikeldetail_overlay {
    display: none;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: thin solid black;
    background: #fff no-repeat;
    background-size: 200%;
}

.artikeldetail_alternativbilder_container {
    position: relative;
    padding-top: 73%;
    border: thin solid #333;
    border-radius: 4px;
}

.artikeldetail_alternativbilder_container > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
    cursor: pointer;
}

.artikeldetail_slider_container {
    position: relative;
    width: 100%;
    height: 300px;
    padding-left: 20px;
    border: thin solid #333;
    border-radius: 4px;
}

.artikeldetail_slider_container > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border-radius: 4px;
    cursor: pointer;
}

.artikeldetail_select_xs div {
    padding-bottom: 10px;
}

.artikeldetail_select_xs select {
    color: white;
    background-color: #c93a3a;
}

.artikeldetail_option .input-group > .input-group-addon {
    height: 34px;
    background: transparent;
}

.artikeldetail_aktionspreis_altpreis {
    color: #333;
    font-size: 18px;
    font-weight: 300;
    text-decoration: line-through;
}

.artikeldetail_preis p {
    color: #333;
    font-size: 22px;
    font-weight: 300;
}

div.artikeldetail_preisbemerkung {
    text-align: right;
}

div.artikeldetail_preisbemerkung > p,
div.artikeldetail_preisbemerkung > p > a {
    font-size: 10px;
}

div.artikeldetail_button {
    margin-top: 20px;
}

div.artikeldetail_button > div {
    padding-bottom: 10px;
}

div.artikeldetail_button > div > i {
    color: #c93a3a;
    font-size: 34px;
    cursor: pointer;
}

.artikeldetail_tabset > .nav-tabs {
    border: none;
}

.artikeldetail_tabset > .nav-tabs > li.active > a {
    color: #c93a3a;
    font-size: 14px;
    border: none;
}

.artikeldetail_tabset > .nav-tabs > li > a {
    color: #333;
    font-size: 14px;
    border: none;
}

.artikeldetail_tabset > .nav-tabs > li > a:hover {
    color: #c93a3a;
    background-color: transparent;
}

.artikeldetail_tabset > .tab-content {
    padding: 10px;
    border: thin solid #c93a3a;
    border-radius: 0 5px 5px 5px;
}

.artikeldetail_tab {
    border: thin solid #c93a3a;
    border-radius: 5px 5px 0 0;
}

div.artikeldetail_artikelanhang > div > a {
    color: #333;
    font-size: 14px;
    font-weight: 300;
}

.artikeldetail_bild_container {
    position: relative;
    width: 100%;
    height: 100px;
    border: thin solid #333;
    border-radius: 4px;
}

.artikeldetail_bild_container > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border-radius: 4px;
    cursor: pointer;
}

.artikeldetail_zubehoer_container {
    margin-top: 20px;
}

.artikeldetail_zubehoer_container > .carousel > .carousel-control {
    width: 0;
}

div.artikeldetail_slider > .carousel-control {
    width: 10%;
    margin-top: 9%;
    color: #c93a3a;
    font-size: 30px;
    background-image: none;
    text-shadow: none;
    opacity: 1;
}

.artikeldetail_alternativartikel_tabelle .artikeldetail_alternativartikel_bildspalte {
    width: 20%;
}

.artikeldetail_alternativartikel_tabelle .artikeldetail_alternativartikel_infospalte {
    width: 50%;
    text-align: left;
}

.artikeldetail_alternativartikel_tabelle .artikeldetail_alternativartikel_preisspalte {
    width: 30%;
    padding-top: 30px;
}

.artikeldetail_alternativartikel_tabelle .artikeldetail_alternativartikel_preisspalte > .artikeldetail_alternativartikel_preis > p {
    text-align: right;
    font-weight: 300;
    font-size: 18px;
}

.artikeldetail_variantenauswahl > div {
    margin-bottom: 10px;
}

.artikeldetail_variantenauswahl .input-group-addon {
    min-width: 70px;
}

.mengumrechnung > tbody > tr:hover {
    opacity: .7;
}


/* Merkzettel Template */

div.merkzettel_info a h4 {
    font-size: 14px;
}

div.merkzettel_info a h4:hover {
    color: #c93a3a;
}

div.merkzettel_info .input-group span {
    color: #c93a3a;
    cursor: pointer;
}

div.merkzettel_info .input-group .input-group-addon {
    background: transparent;
}


/* Konto Template */

.konto_xs_accordion {
    margin-top: 20px;
}

.konto_xs_accordion > div > div > .panel-default {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.konto_xs_accordion > div > div > .panel-default > .panel-heading {
    background-color: #fff;
    border: none;
}

.kontosuche > .input-group > div.input-group-addon {
    color: #c93a3a;
    background-color: transparent;
}


/* Warenkorb */

.wk_schnellerfassung {
    margin-bottom: 30px;
}

.wk_schnellerfassung > div {
    margin-bottom: 10px;
}

.wk_schnellerfassung .input-group > .input-group-addon {
    min-width: 100px;
}

.wk_schnellerfassung .input-group > .form-control {
    text-align: center;
}

.wk_stufen {
    margin-bottom: 30px;
}

.wk_stufen .symbol {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 25px;
    text-align: center;
}

.wk_stufen .symbol.active {
    color: #c93a3a;
}

.wk_stufen .symbol.success {
    color: #006400;
}

.wk_stufen .title {
    padding-left: 35px;
    line-height: 30px;
    font-size: 20px;
}

.wk_stufen .title.active {
    color: #c93a3a;
}

.wk_stufen .title.success {
    color: #006400;
}

.wk_footer {
    margin-top: 20px;
}

.wk_footer > div {
    margin-bottom: 10px;
}

.wk_login_bereich .panel .panel-title > input {
    margin-right: 10px;
}

.wk_login_bereich .panel .main {
    height: 165px;
}

.wk_login_bereich .wk_login_panel > .main > div {
    margin-bottom: 10px;
}

.wk_belegsumme {
    padding: 5px;
    color: #fff;
    border: thin solid #13335C;
    background-color: #c93a3a;
    font-weight: bold;
    text-align: right;
}

.wk_versandcontainer {
    margin: 20px 0;
    padding: 5px;
    background-color: #ddd;
    border: thin solid #CCC;
}

.wk_versandcontainer .checkbox input {
    margin-right: 5px;
}

.wk_bestellabschluss_bemerkung_container {
    padding: 10px;
    border: thin solid #CCC;
}

.wk_bestellabschluss_btn > div {
    margin-bottom: 10px;
}

.wk_pos_image_container {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.wk_pos_image_container img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.wk_pos_zeile {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: thin solid #DDD;
}

.wk_pos_zeile > div {
    padding-top: 10px;
}

.wk_pos_zeile .wk_pos_menge_zelle {
    line-height: 34px;
    font-size: 16px;
    font-weight: bold;
}

.wk_pos_zeile .wk_pos_gesamtpreis_zelle {
    line-height: 34px;
    font-weight: bold;
    font-size: 16px;
    text-align: right;
}

.wk_pos_zeile .wk_pos_delete_zelle {
    font-size: 16px;
    text-align: center;
}

.wk_pos_zeile .wk_pos_info_zelle .titel {
    padding-bottom: 10px;
}

.wk_pos_zeile .wk_pos_info_zelle .titel p {
    font-weight: bold;
    font-size: 16px;
}

.wk_pos_zeile .wk_pos_change_link a {
    text-decoration: underline;
}

.wk_pos_smart_foot {
    padding: 10px;
    background-color: #ddd;
}

.wk_table > thead > tr > th {
    text-align: center;
}

.wk_table > tbody > tr > td {
    vertical-align: middle;
    text-align: center;
}

.wk_table .titel p {
    margin: 0;
    font-weight: bold;
    text-decoration: underline;
}

.wk_table td.info_spalte {
    text-align: left;
}

.belegliste_kopf_pos {
    width: 5%;
}

.belegliste_kopf_artikelnummer {
    width: 20%;
}

.belegliste_kopf_menge {
    text-align: center;
}

.belegliste_inhalt_menge {
    text-align: center;
}

.belegliste_kopf_mengeneinheit {
    text-align: center;
}

.belegliste_inhalt_mengeneinheit {
    text-align: center;
}

.belegliste_kopf_preiseinheit {
    text-align: right;
}

.belegliste_inhalt_preiseinheit {
    text-align: right;
}

.belegliste_kopf_einzelpreis {
    text-align: right;
}

.belegliste_inhalt_einzelpreis {
    text-align: right;
}

.belegliste_kopf_rabatt {
    text-align: right;
}

.belegliste_inhalt_rabatt {
    text-align: right;
}

.belegliste_kopf_gesamtpreis {
    text-align: right;
}

.belegliste_inhalt_gesamtpreis {
    text-align: right;
}

.belegliste_kopf_bestand {
    text-align: right;
}

.belegliste_inhalt_bestand {
    width: 5%;
    max-width: 5%;
    text-align: center;
}

#continue_shopping,
#BestellenWeiterKL,
#AnmeldenKL {
    float: left;
    width: 148px;
    height: 30px;
    margin-top: 5px;
    line-height: 30px;
    border: thin solid #c93a3a;
    border-radius: 4px;
    background: #c93a3a;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
}

.td_warenkorb1_untere_zeile {
    width: 650px;
}

.wk_registrieren_button {
    width: 150px;
    height: 30px;
    margin-top: 20px;
    line-height: 30px;
    border: thin solid #c93a3a;
    border-radius: 4px;
    background: #c93a3a;
    text-align: center;
    cursor: pointer;
}

.wk_registrieren_button > a {
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.textfeld1 {
    height: 18px;
    font-size: 8pt;
}

.textarea1 {
    font-size: 8pt;
}

.font8 {
    font-size: 8pt;
    font-weight: normal;
}

.font9 {
    font-size: 9pt;
    font-weight: normal;
}

.font10 {
    font-size: 10pt;
    font-weight: normal;
}

.font8b {
    font-size: 8pt;
    font-weight: bold;
}

.font9b {
    font-size: 9pt;
    font-weight: bold;
}

.font10b {
    font-size: 10pt;
    font-weight: bold;
}

.font9blue {
    color: #00F;
    font-size: 9pt;
    font-weight: bold;
}

.font9red {
    color: #C00;
    font-size: 9pt;
}

.font9green {
    color: #006400;
    font-size: 9pt;
}

.font9greenb {
    color: #006400;
    font-size: 9pt;
    font-weight: bold;
}

.copyright {
    font-weight: 300;
    font-size: 12px;
}

.table_rahmentab {
    width: 100%;
    font-size: 12px;
}

.table_mitte_inhalt {
    font-size: 12px;
}

.bg_inhalt {
    width: 100%;
    background-color: #fff;
}

.mitte {
    width: 100%;
}

.td_mitte_inhalt_tabkopf {
    border-bottom: thin solid #000;
    color: #000;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.td_mitte_inhalt {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.warenk_table_bestellbereich {
    padding: 3px;
}

.warenk_table_bestellflaeche {
    margin-bottom: 20px;
    padding: 2px 2px 2px 0;
}

.warenk_td_bestell_font {
    color: #000;
    font-size: 10pt;
    font-weight: 300;
}

.warenk_table_bestellung_kopf {
    margin-bottom: 3px;
    margin-top: 10px;
    padding: 3px;
    border-bottom: thin solid black;
}

.warenk_tr_kundendaten {
    width: 100%;
    color: #000;
    font-size: 9pt;
    font-weight: 300;
}

.warenk_tr_bestellung_kopf {
    color: #000;
    font-size: 9pt;
    font-weight: 300;
    border-bottom: thin solid black;
}

.warenk_tr_bestellung_ohneInhalt {
    color: #000;
    font-size: 9pt;
    font-weight: 300;
    border-spacing: 3px;
    border-collapse: separate;
}

.warenk_table_bestellung_fuss {
    margin-top: 3px;
    margin-bottom: 3px;
}

.warenk_td_bestell_buttons {
    margin-top: 5px;
    font-size: 9pt;
    font-weight: normal;
}

.seiten_ueberschrift {
    width: 100%;
    font-size: 12pt;
    font-weight: 300;
}

.table_formularbox {
    margin: 2px;
    padding: 2px;
}

.td_formular_kopf {
    color: #000;
    font-size: 10pt;
    font-weight: 300;
}

.td_formular_beschriftung {
    width: 100px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.td_formular_text {
    font-size: 9pt;
    font-weight: 300;
}

.form_meldung_td {
    color: red;
    font-size: 10pt;
    font-weight: 300;
}

.beleg_mitte {
    margin-top: 7px;
    padding: 5px;
    background-color: #fff;
}

.fontbelegarchiv {
    color: #000;
    font-size: 9pt;
    font-weight: 300;
}

.warenk_lieferbedingung {
    color: #000;
    font-size: 9pt;
    font-weight: 300;
}

.table_warenkorb_teil2 {
    margin-top: 9px;
}

.select_versandarten {
    border: thin solid #C0C0C0;
    color: #13335C;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
}

.select_zahlungsarten {
    width: 170px;
    border: thin solid #C0C0C0;
    color: #13335C;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
}

.beleg_lfb_texte_table {
    width: 100%;
}

.beleg_lfb_texte_td1 {
    font-family: 'Roboto', sans-serif;
    font-size: 9pt;
    font-weight: 300;
}

.beleg_lfb_texte_td2 {
    font-family: 'Roboto', sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.beleg_zb_texte_table {
    width: 100%;
    margin-left: 3px;
}

.beleg_zb_texte_td1 {
    font-family: 'Roboto', sans-serif;
    font-size: 9pt;
    font-weight: 300;
}

.beleg_zb_texte_td2 {
    font-family: 'Roboto', sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.wk1_a_textfeld1 {
    width: 50px;
    height: 18px;
    border: thin solid #6F6F6F;
    font-size: 8pt;
}

.td_warenkorb_buttonleiste1_aktiv_variabel {
    width: 125px;
    height: 40px;
}

.td_warenkorb_buttonleiste1_passiv_variabel {
    width: 125px;
    height: 40px;
}

.td_warenkorb_buttonleiste2_aktiv_variabel {
    width: 125px;
}

.td_warenkorb_buttonleiste2_passiv_variabel {
    width: 125px;
}

.td_warenkorb_buttonleiste3_aktiv_variabel {
    width: 125px;
}

.td_warenkorb_buttonleiste3_passiv_variabel {
    width: 125px;
}

.td_warenkorb_buttonleiste4_aktiv_variabel {
    width: 125px;
}

.td_warenkorb_buttonleiste4_passiv_variabel {
    width: 125px;
}

.table_warenkorb_buttonleiste {
    width: 100%;
    height: 50px;
    margin-top: 8px;
    border-bottom: thin solid #C0C0C0;
}

.td_warenkorb_buttonleiste1_aktiv {
    width: 125px;
    height: 40px;
    background: url(../../3xios/images/button_wk1_a.png) no-repeat;
}

.td_warenkorb_buttonleiste1_passiv {
    width: 125px;
    height: 40px;
    background: url(../../3xios/images/button_wk1_p.png) no-repeat;
}

.td_warenkorb_buttonleiste2_aktiv {
    width: 125px;
    background: url(../../3xios/images/button_wk2_a.png) no-repeat;
}

.td_warenkorb_buttonleiste2_passiv {
    width: 125px;
    background: url(../../3xios/images/button_wk2_p.png) no-repeat;
}

.td_warenkorb_buttonleiste3_aktiv {
    width: 125px;
    background: url(../../3xios/images/button_wk3_a.png) no-repeat;
}

.td_warenkorb_buttonleiste3_passiv {
    width: 125px;
    background: url(../../3xios/images/button_wk3_p.png) no-repeat;
}

.td_warenkorb_buttonleiste4_aktiv {
    width: 125px;
    background: url(../../3xios/images/button_wk4_a.png) no-repeat;
}

.td_warenkorb_buttonleiste4_passiv {
    width: 125px;
    background: url(../../3xios/images/button_wk4_p.png) no-repeat;
}

.td_warenkorb_buttonleiste1_zelle_unten {
    height: 10px;
}

select#sel_lfb.select_versandarten {
    width: 170px;
    height: 20px;
}

.abstand_summenfeld2 {
    padding-right: 50px;
}

.td_warenkorb1_untere_zeile {
    width: 65%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.meldungstext {
    color: #FF0000;
}

.tr_mitte_inhalt_0 {
    padding: 10px 0;
}

.table_warenkorb1_untere_zeile {
    margin-top: 15px;
}

.warenk_td_summen {
    padding-left: 50px;
}

.button_fett_konto {
    width: 207px;
    height: 30px;
    margin-top: 5px;
    margin-right: 12px;
    line-height: 30px;
    border: thin solid red;
    background: #e2001a;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}

#sm_regneu,
#Zurueck,
#Bestellen,
#Verwerfen,
#Aendern,
#ZurueckFensterZu,
#sm_los_pw {
    width: 150px;
    height: 30px;
    margin-top: 5px;
    margin-right: 12px;
    line-height: 30px;
    border: thin solid #c93a3a;
    border-radius: 4px;
    background: #c93a3a;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
}

#WeiterWK,
#NeukundeRegistrieren,
#Anmelden,
#Abmelden {
    float: right;
    width: 148px;
    height: 33px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 5px 8px 5px;
    line-height: 30px;
    border: thin solid #c93a3a;
    border-radius: 4px;
    background: #c93a3a;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
}

#WeiterWK2,
#WeiterWK3_ak,
#Drucken {
    float: right;
    width: 150px;
    height: 30px;
    margin-right: 12px;
    line-height: 30px;
    border: thin solid #c93a3a;
    border-radius: 4px;
    background: #c93a3a;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
}

#WeiterWK3_nk {
    width: 150px;
    height: 30px;
    margin-top: 5px;
    margin-right: 12px;
    line-height: 30px;
    border: thin solid #c93a3a;
    border-radius: 4px;
    background: #c93a3a;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
}

.select_beleg2 {
    width: 100%;
    max-width: 195px;
    padding-top: 3px;
    padding-left: 5px;
    border: thin solid #aaa;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 8px #CCC;
    box-shadow: inset 0 0 8px #CCC;
    text-align: left;
}

.td_formular_kopf_beleg2 {
    height: 35px;
    max-height: 40px;
    padding: 5px 0 0 8px;
    line-height: 12px;
    vertical-align: top;
    background: url('images/hg-title.png');
    font-size: 11pt;
    text-align: left;
}

input.textfeld_wk_regstartbereich,
input#Artikelnummer_suche,
input#wk1_a_textfeld1,
input.textfeld_registrieren,
input.textfeld1,
input.textfeld_beleg2,
input.regi_textfeld_al,
select.select_registrieren,
select.regi_select_al,
select.select_zahlungsarten,
select.select_beleg2 {
    display: block;
    height: 30px;
    padding: 0 12px;
    line-height: 30px;
    line-height: 1.42857143;
    font-size: 14px;
    color: #555;
    border: thin solid #CCC;
    border-radius: 4px;
    background: #fff none;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

select.select_registrieren,
select.regi_select_al {
    width: 200px;
}

#tx_pw1,
#tx_pw2 {
    max-width: 200px;
}

input.button_normal,
input#uebernehmen,
input#sm_import,
input#zahlen {
    width: 148px;
    height: 30px;
    margin-top: 5px;
    line-height: 30px;
    border: thin solid #c93a3a;
    background: #c93a3a;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    -webkit-appearance: none;
}

input.button_normal#SeiteDrucken {
    float: right;
    margin: 2px;
}

input.button_normal#Zu {
    float: left;
    margin: 2px;
}

.warenk_lieferbedingung td {
    padding-top: 5px;
}

.wk_zahlungslink_button {
    display: contents;
}

.wk_footer .checkbox a {
    color: #c93a3a;
    text-decoration: underline;
}


/* Sonstiges */

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

.carousel-indicators {
    display: none;
}

img.img-thumbnail {
    width: 100%;
}

i.circle_red {
    color: #F00;
}

i.circle_yellow {
    color: #FF7F00;
}

i.circle_green {
    color: #0F0;
}

span.modal_close_button {
    position: absolute;
    top: 0;
    right: 0;
    margin: -20px -20px 0 0;
    padding: 2px 3px 0 4px;
    background-color: transparent;
    border-radius: 20px;
    color: #000;
    cursor: pointer;
}

form.login_modal_form > .input-group > .input-group-addon {
    color: #c93a3a;
    background-color: transparent;
}

.modal_img_container {
    position: relative;
    width: 100%;
    height: 500px;
}

.modal_img_container > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border-radius: 4px;
    cursor: pointer;
}

input.form_elem_div.captchacode {
    width: 100px;
}

.artikelmodal_bildcontainer {
    position: relative;
    padding-top: 100%;
    width: 100%;
    border: thin solid #333;
    border-radius: 4px;
}

.artikelmodal_bildcontainer > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}


/* @DYNALINK */

.category-list li ul {
    padding-left: 10px;
    border-left: thin solid #DDD;
    list-style: none;
}

.category-list li a.active {
    font-weight: bold;
}

.category-list li a span {
    padding-left: 5px;
    color: gray;
    font-size: x-small;
}

.ranges-list li label {
    font-size: small;
    font-weight: normal;
}

.tags-list li label {
    padding-left: 5px;
    font-size: small;
    font-weight: normal;
}

.tags-list li input {
    margin-right: 5px;
}

.category-list,
.ranges-list,
.tags-list {
    padding-left: 10px;
    font-size: smaller;
    list-style: none;
}

.category-list li,
.ranges-list li,
.tags-list li {
    margin-left: 0;
    margin-bottom: 5px;
}


/* mengenformel */

.mengenformel_modal .modal-body .input-group .input-group-addon {
    min-width: 100px;
}

.mengenformel_modal .modal-body .input-group .form-control {
    max-width: 100px;
}


/* Druckansicht */

.druck_kopf {
    border-bottom: 2px solid #333;
}

.druck_kopf_links h4 {
    font-size: 14px;
}

.druck_kopf_links p {
    margin-bottom: 5px;
}

.druck_kopf_rechts h4 {
    border-bottom: thin solid #333;
    font-size: 14px;
}

.druck_kopf_rechts p {
    margin-bottom: 5px;
}

.druck_kundendaten {
    border-bottom: 2px solid #333;
}

.druck_rechnungsanschrift h4 {
    font-size: 12px;
}

.druck_lieferanschrift h4 {
    height: 26px;
    font-size: 12px;
}

.druck_rechnungsanschrift label,
.druck_rechnungsanschrift p,
.druck_lieferanschrift label,
.druck_lieferanschrift p {
    margin-bottom: 0;
}

.druck_rechnungsanschrift .form-horizontal .form-group,
.druck_lieferanschrift .form-horizontal .form-group {
    margin-bottom: 5px;
}

.druck_bestelluebersicht h4 {
    font-size: 14px;
}

.druck_bestelluebersicht .table p {
    margin-bottom: 0;
}

.druck_bestelluebersicht .table thead th {
    padding: 5px;
}

.druck_bestelluebersicht .table tbody td {
    padding: 5px;
    vertical-align: middle;
}

.druck_bestelluebersicht {
    border-bottom: 2px solid #333;
}

.druck_bemerkung {
    border-bottom: 2px solid #333;
}

.druck_bemerkung h4 {
    font-size: 14px;
}

.druck_infotext {
    margin-top: 10px;
    font-weight: bold;
}

.druck_zahlung_lieferbedingung h4 {
    font-size: 14px;
}

.druck_zahlung_lieferbedingung {
    border-bottom: 2px solid #333;
}

.druck_button {
    margin-top: 20px;
}


/* XS */
@media (max-width: 767px) {
    .warenk_table_bestellflaeche,
    .table_warenkorb_buttonleiste,
    .belegliste_kopf_preiseinheit,
    .belegliste_inhalt_preiseinheit,
    .belegliste_kopf_mengeneinheit,
    .belegliste_inhalt_mengeneinheit,
    .belegliste_kopf_bestand,
    .belegliste_inhalt_bestand,
    .belegliste_kopf_rabatt,
    .belegliste_inhalt_rabatt,
    .belegliste_kopf_pos,
    .belegliste_inhalt_pos,
    .belegliste_kopf_gesamtpreis,
    .belegliste_inhalt_gesamtpreis {
        display: none;
    }

    .abstand_summenfeld2 {
        padding-right: 0;
    }

    .artikeldetail_info .left {
        float: left;
    }

    .artikeldetail_info .right {
        float: right;
    }

    div.artikelliste_kachel_container {
        min-height: 400px;
    }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    div.artikelliste_kachel_container {
        min-height: 400px;
    }
}


/************
 * RSS
 ************/

/**
 * rss
 * @package
 * @component
 */

.rss table {
    width: 100%;
    margin-bottom: 10px;
}

.rss a {
    text-decoration: underline;
}

.rss .row {
    margin-left: 0;
}

.rss-items {
    border-top: thin solid grey;
    cursor: pointer;
}

.rss-items .rss-date,
.rss-items .btn-primary {
    float: right;
}

.rss-items h6 {
    font-weight: bold;
}

.rss-items p:nth-child(4) {
    color: grey;
    font-style: italic;
    text-align: right;
}

.rss-text {
    padding-left: 0;
}

.rss-text img {
    float: left;
    width: 25%;
    margin-right: 10px;
    vertical-align: middle;
}


/************
 * BOOTSTRAP
 ************/

/**
 * navbar
 * @package bootstrap
 * @modifier
 */

.navbar-toggle.xxx---is-open .icon-bar {
    background: #c93a3a;
}


/**
 * btn
 * @package bootstrap
 * @modifier
 */

.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
    background: #c93a3a;
    border-color: #c93a3a;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
}

.btn-primary:focus,
.btn-primary:hover {
    background: #1e7db4;
    border-color: #1e7db4;
}

.btn-transparent {
    background: transparent none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/**
 * pagination
 * @package bootstrap
 * @modifier
 */

.pagination > .active > a {
    background-color: #c93a3a;
    border-color: #c93a3a;
}


/**
 * panel
 * @package bootstrap
 * @modifier
 */

.panel,
.panel-group,
.panel-heading,
.panel-collapse,
.panel-body {}


/**
 * carousel
 * @package bootstrap
 * @modifier
 */

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}


/************
 * XXX
 ************/

/**
 * page
 * @package dss
 * @declare
 */

.xxx--page {}


/**
 * page-wrapper
 * @package dss
 * @component
 */

.xxx--page-wrapper {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 1000;
    width: 100%;
    height: 100%;
    /*background: #000;*/
    opacity: 0;
    cursor: default !important;
    -webkit-transition: opacity 300ms ease, left 300ms ease 300ms;
    transition: opacity 300ms ease, left 300ms ease 300ms;
}

.xxx--page-wrapper.xxx---is-active {
    left: 0;
    opacity: .5;
    -webkit-transition: opacity 300ms ease 300ms, left 300ms ease;
    transition: opacity 300ms ease 300ms, left 300ms ease;
}


/**
 * page-header
 * @package dss
 * @component
 */

.xxx--page-header {
    position: relative;
    background: #fff;
    z-index: 1000;
}

.xxx--page-header--logo {
    display: block;
    margin: 10px;
}

.xxx--page-header--logo-img {
    height: 50px;
}

.xxx--page-header--search {
    position: relative;
    z-index: 10000;
    background: #fff;
}

.xxx--page-header--action-bar {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100%;
    background: #fff;
}

.xxx--page-header--action-bar .icon-bar {
    background: #666;
}

*[class*="xxx--page-header--action-bar--btn"] {
    margin: 4px 15px 4px 0;
    color: #666 !important;
    font-size: 18px;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
}

*[class*="xxx--page-header--action-bar--btn"].xxx---is-open,
*[class*="xxx--page-header--action-bar--btn"]:hover {
    display: inline-block !important;
    color: #c93a3a !important;
}

/* XXS */
@media (max-width: 359px) {
    .xxx--page-header--action-bar {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
    }
}

/* SM */
@media (min-width: 360px) {
    .xxx--page-header--action-bar {
        padding: 10px 0 10px 15px;
        border-left: thin solid #ddd;
    }
}

@media (min-width: 768px) {
    .xxx--page-header.xxx-scroll-sticky + main {
        padding-top: 70px;
    }
}

@media (max-width: 991px) {
    .xxx--page-header--logo {
        margin: 10px -20px;
    }

    .xxx--page-header--search {
        position: absolute;
        left: 0;
        width: 100%;
        max-height: 0;
        padding: 0;
        -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
        overflow: hidden;
        -webkit-transition: max-height 300ms ease, padding 300ms ease;
        transition: max-height 300ms ease, padding 300ms ease;
    }

    .xxx--page-header--search.xxx---is-open.xxx--nav---is-collapsed {
        max-height: 100px;
        padding-top: 15px;
    }

    .xxx--page-header--search label {
        width: calc(100% - 50px);
    }
}

/* MD */
@media (min-width: 992px) {
    .xxx--page-header--search {
        position: absolute;
        top: 0;
        right: 70px;
        max-width: 0;
        height: 100%;
        padding: 18px 0 0 15px;
        text-align: right;
        background: #fff;
        border-left: 2px solid #fff;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: background 300ms ease, border 300ms ease, max-width 300ms ease, opacity 300ms ease;
        transition: background 300ms ease, border 300ms ease, max-width 300ms ease, opacity 300ms ease;
    }

    .xxx--page-header--search.xxx---is-open {
        max-width: 350px;
        opacity: 1;
        border-left-color: #ddd;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .xxx--page-header.xxx-scroll-sticky + main {
        padding-top: 150px;
    }
}

/* LG */
@media (min-width: 1200px) {
    .xxx--page-header--logo {
        position: absolute;
        top: 5px;
        left: 5px;
        display: block;
    }
}


/**
 * page-footer
 * @package dss
 * @component
 */

.xxx--page-footer {
    position: relative;
    padding: 15px;
    border-top: thin solid #ddd;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.xxx--page-footer--headline {
    display: block;
    font-size: 16px;
    color: #c93a3a;
}

.xxx--page-footer--nav {
    padding: 15px 0;
}

.xxx--page-footer--col---current .xxx--list-item,
.xxx--page-footer--col---tmg .xxx--list-item {
    margin-top: 15px;
}

.xxx--page-footer--col---current .xxx--list-item--link,
.xxx--page-footer--col---tmg .xxx--list-item--link {
    color: #666;
    border-bottom: thin solid #fff;
    -webkit-transition: color 300ms ease, border 300ms ease;
    transition: color 300ms ease, border 300ms ease;
}

.xxx--page-footer--col---current .xxx--list-item--link:hover,
.xxx--page-footer--col---tmg .xxx--list-item--link:hover {
    color: #000;
    border-bottom-color: #000;
}

/* XS */
@media (max-width: 767px) {
    .xxx--page-footer--col {
        margin-top: 30px;
    }

    .xxx--page-footer--col + .xxx--page-footer--col {
        padding-top: 15px;
        border-top: thin solid #ddd;
    }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    .xxx--page-footer--col---tmg {
        border-left: thin solid #ddd;
    }

    .xxx--page-footer--col---social-media {
        margin: 15px 0;
        padding: 15px 0;
        border-top: thin solid #ddd;
    }
}

/* MD */
@media (min-width: 992px) {
    .xxx--page-footer--col + .xxx--page-footer--col {
        border-left: thin solid #ddd;
    }
}


/**
 * page-content
 * @package dss
 * @component
 */

.xxx--page-content {
    padding-bottom: 15px;
}


/**
 * list
 * @package dss
 * @component
 */

.xxx--list---cleared {
    list-style: none;
    padding: 0;
    margin: 0;
}


/**
 * nav
 * @package dss
 * @component
 */

.xxx--nav {
    position: relative;
}

.xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .xxx--nav--split .xxx--nav--label {
    padding-left: 50px;
}

.xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .xxx--nav--icon-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    margin: 15px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0);
    box-shadow: 3px 0 6px rgba(0, 0, 0, 0);
    border: 2px solid #999;
    border-radius: 50%;
    -webkit-transition: border 300ms ease, color 300ms ease, width 300ms ease, height 300ms ease, top 300ms ease, left 300ms ease, -webkit-box-shadow 300ms ease;
    transition: border 300ms ease, color 300ms ease, width 300ms ease, height 300ms ease, top 300ms ease, left 300ms ease, -webkit-box-shadow 300ms ease;
    transition: box-shadow 300ms ease, border 300ms ease, color 300ms ease, width 300ms ease, height 300ms ease, top 300ms ease, left 300ms ease;
    transition: box-shadow 300ms ease, border 300ms ease, color 300ms ease, width 300ms ease, height 300ms ease, top 300ms ease, left 300ms ease, -webkit-box-shadow 300ms ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .xxx--nav--icon-canvas {
    top: -2px;
    left: -2px;
    width: 38px;
    height: 38px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    border: 2px solid #c93a3a;
}

.xxx--nav--link,
.xxx--nav--caret {
    display: inline-block;
}

.xxx--nav--link {
    position: relative;
    z-index: 2;
}

.xxx--nav--link-toggle {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.xxx--nav--caret {
    padding: 0 10px 0 5px;
}

.xxx--nav--caret .caret {
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.xxx--nav--link-container:hover .xxx--nav--caret,
.xxx--nav--caret.xxx---is-open {
    display: inline-block !important;
}

/* XXS */
@media (max-width: 359px) {
    .xxx--nav {
        top: 120px;
    }
}

/* XS */
@media (min-width: 360px) and (max-width: 767px) {
    .xxx--nav {
        top: 70px;
    }
}

/* SM */
@media (max-width: 991px) {
    .xxx--nav {
        position: absolute;
        left: -100%;
        z-index: 100;
        max-width: 500px;
        max-height: 0;
        background: #fff;
        border-top: thin solid #ddd;
        border-right: thin solid #ddd;
        border-bottom: thin solid #ddd;
        -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0);
        box-shadow: 0 6px 6px rgba(0, 0, 0, 0);
        opacity: 0;
        overflow: hidden;
        -webkit-transition: left 300ms ease, opacity 300ms ease, max-height 300ms ease 300ms, -webkit-box-shadow 300ms ease;
        transition: left 300ms ease, opacity 300ms ease, max-height 300ms ease 300ms, -webkit-box-shadow 300ms ease;
        transition: left 300ms ease, opacity 300ms ease, box-shadow 300ms ease, max-height 300ms ease 300ms;
        transition: left 300ms ease, opacity 300ms ease, box-shadow 300ms ease, max-height 300ms ease 300ms, -webkit-box-shadow 300ms ease;
    }

    .xxx--nav.xxx---is-open {
        left: 0;
        max-height: 2000px;
        opacity: 1;
        -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .3);
        box-shadow: 6px 6px 10px rgba(0, 0, 0, .3);
        -webkit-transition: left 300ms ease 300ms, opacity 300ms ease 300ms, -webkit-box-shadow 300ms ease 300ms;
        transition: left 300ms ease 300ms, opacity 300ms ease 300ms, -webkit-box-shadow 300ms ease 300ms;
        transition: left 300ms ease 300ms, opacity 300ms ease 300ms, box-shadow 300ms ease 300ms;
        transition: left 300ms ease 300ms, opacity 300ms ease 300ms, box-shadow 300ms ease 300ms, -webkit-box-shadow 300ms ease 300ms;
    }

    .xxx--nav--caret {
        position: absolute;
        right: 0;
        padding: 7px 15px;
        line-height: 20px;
    }

    .xxx--nav--caret.xxx---is-open .caret {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .xxx--nav--list.xxx--nav--level-0 {
        padding: 15px 0;
    }

    .xxx--nav--list-item.xxx--nav--level-0 {
        position: relative;
        float: none;
    }

    .xxx--nav--list-item.xxx--nav--level-0 + .xxx--nav--list-item.xxx--nav--level-0 {
        margin-top: 15px;
    }

    .xxx--nav--list-item.xxx--nav--level-0 > .xxx--nav--link-container .xxx--nav--label {
        display: block;
        padding: 7px 15px;
        font-size: 14px;
        line-height: 20px;
        color: #333;
        border-left: 3px solid #fff;
    }

    .xxx--nav--list-item.xxx--nav--level-0.xxx---is-active > .xxx--nav--link-container .xxx--nav--label {
        color: #c93a3a;
        border-left-color: #c93a3a;
    }

    .xxx--nav--list.xxx--nav--level-1 {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 300ms ease;
        transition: max-height 300ms ease;
    }

    .xxx--nav--list.xxx--nav--level-1.xxx---is-open {
        max-height: 630px;
        border-bottom: thin solid #ddd;
    }

    .xxx--nav--list-item.xxx--nav--level-1 {
        margin-top: 10px;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .xxx--nav--link > div {
        padding: 15px;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .xxx--nav--label {
        line-height: 30px;
        font-size: 14px;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .xxx--nav--icon-canvas {
        border-color: #c93a3a;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .xxx--nav--icon-canvas {
        left: -2px;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .xxx--nav--icon-canvas .fa {
        margin-top: 7px;
        font-size: 16px;
        color: #c93a3a;
        -webkit-transition: color 300ms ease, font-size 300ms ease, margin 300ms ease;
        transition: color 300ms ease, font-size 300ms ease, margin 300ms ease;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .xxx--nav--icon-canvas .fa {
        margin-top: 6px;
        font-size: 20px;
    }
}

/* MD */
@media (min-width: 992px) {
    .xxx--nav--caret {
        cursor: default !important;
    }

    .xxx--nav--link-container:hover .xxx--nav--caret .caret {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .xxx--nav--list.xxx--nav--level-0 {
        position: relative;
    }

    .xxx--nav--list.xxx--nav--level-0.xxx--nav--list---hover .xxx--nav--list.xxx--nav--level-1 {
        position: absolute;
        z-index: 20;
        display: none;
        opacity: 0;
        background: #fff;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
        -webkit-transition: opacity 800ms ease 200ms, max-height 800ms ease;
        transition: opacity 800ms ease 200ms, max-height 800ms ease;
    }

    .xxx--nav--list.xxx--nav--level-0.xxx--nav--list---hover > .xxx--nav--list-item.xxx--nav--level-0:hover > .xxx--nav--list.xxx--nav--level-1 {
        display: block;
        opacity: 1;
        z-index: 21;
        -webkit-transition: opacity 800ms ease, max-height 800ms ease 200ms;
        transition: opacity 800ms ease, max-height 800ms ease 200ms;
    }

    .xxx--nav--list.xxx--nav--level-0.xxx--nav--list---hover.xxx--nav--list---layer-full-width .xxx--nav--list.xxx--nav--level-1 {
        left: 0;
        width: 100%;
    }

    .xxx--nav--list.xxx--nav--level-0.xxx--nav--list---layer-top-down .xxx--nav--list.xxx--nav--level-1 {
        display: block !important;
        max-height: 0;
        overflow: hidden;
        z-index: -1;
    }

    .xxx--nav--list.xxx--nav--level-0.xxx--nav--list---layer-top-down > .xxx--nav--list-item.xxx--nav--level-0:hover > .xxx--nav--list.xxx--nav--level-1 {
        max-height: 1000px;
    }

    .xxx--nav--list-item.xxx--nav--level-0.xxx---is-active .xxx--nav--list.xxx--nav--level-1,
    .xxx--nav--list.xxx--nav--level-1 {
        border-top: thin solid #c93a3a;
    }

    .xxx--nav--list.xxx--nav--level-2 {
        margin-left: 15px;
    }

    .xxx--nav--list-item.xxx--nav--level-0 {
        float: left;
        margin-right: 10px;
    }

    .xxx--nav--list-item.xxx--nav--level-0 > .xxx--nav--link-container .xxx--nav--label,
    .xxx--nav--list-item.xxx--nav--level-0 > .xxx--nav--link-container .xxx--nav--caret {
        line-height: 70px;
    }

    .xxx--nav--list-item.xxx--nav--level-0 > .xxx--nav--link-container .xxx--nav--label {
        display: block;
        padding: 0 5px;
        font-size: 14px;
        color: #666;
        border-bottom: 3px solid #fff;
        -webkit-transition: color 300ms ease, background 300ms ease, border 300ms ease;
        transition: color 300ms ease, background 300ms ease, border 300ms ease;
    }

    .xxx--nav--list-item.xxx--nav--level-0.xxx---is-active > .xxx--nav--link-container .xxx--nav--label {
        color: #000;
        border-bottom-color: #000;
    }

    .xxx--nav--list-item.xxx--nav--level-0:hover > .xxx--nav--link-container .xxx--nav--label {
        color: #c93a3a;
        border-bottom-color: #c93a3a;
    }

    .xxx--nav--list-item.xxx--nav--level-1 {
        margin-top: 15px;
        margin-left: -1px;
    }

    .xxx--nav--list-item.xxx--nav--level-1:last-child {
        margin-bottom: 15px;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .xxx--nav--link > div {
        position: relative;
        display: inline-block;
        padding: 15px;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .xxx--nav--label {
        display: block;
        padding: 5px 7px;
        font-size: 14px;
        color: #666;
        -webkit-transition: color 300ms ease;
        transition: color 300ms ease;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .xxx--nav--label {
        color: #c93a3a;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .fa {
        /*margin-top: 7px;*/
        font-size: 16px;
        color: #666;
        -webkit-transition: color 300ms ease, font-size 300ms ease;
        transition: color 300ms ease, font-size 300ms ease;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .fa {
        font-size: 20px;
        color: #c93a3a;
    }

    .xxx--nav--link .xxx--nav--icon-canvas .img__svg {
        height: 28px;
        width: 28px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        margin: auto;
    }

    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover img.img__svg {
        height: 32px;
        width: 32px;
        -webkit-filter: none;
        filter: none;
    }
}

/* LG */
@media (min-width: 1200px) {
    .xxx--nav {
        margin: 0 0 0 180px;
    }
}

@media (min-width: 1600px) {
    .xxx--nav {
        margin: 0;
    }
}


/**
 * social-media
 * @package dss
 * @component
 */

.xxx--social-media--list {
    padding: 0;
}

.xxx--social-media--list .xxx--list-item {
    display: inline-block;
}

.xxx--social-media--list .xxx--list-item + .xxx--list-item {
    margin-left: 15px;
}

.xxx--social-media--list .xxx--list-item--link {
    color: #666;
    font-size: 40px;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
}

.xxx--social-media--list .xxx--list-item--link:hover {
    color: #c93a3a;
}


/**
 * img-box
 * @package dss
 * @component
 */

.xxx--img-box {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.xxx--img-box--image {
    display: block;
    width: 100%;
    max-width: 100%;
}

.xxx--img-box--title {
    font-size: 14px;
}

.xxx--img-box--inner {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    outline: thin solid #fff;
}

.xxx--img-box---radial {
    border-radius: 3px;
}

.xxx--img-box---hover-shadow {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: -webkit-box-shadow 300ms ease;
    transition: -webkit-box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
}

.xxx--img-box---hover-shadow:hover {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    box-shadow: 0 0 3px rgba(0, 0, 0, .6);
}

.xxx--img-box--title---absolute-top-right {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 15px;
    background: rgba(255, 255, 255, .8);
    z-index: 10;
}

.xxx--img-box--title---bottom-plain-grey {
    display: block;
    padding: 5px 8px;
    background: #eee;
    border-top: thin solid #999;
    z-index: 10;
}

*[class*="xxx--img-box--image---max-height-"],
.xxx--img-box--image.xxx--img-box--image---normal-size {
    width: auto;
}

.xxx--img-box--image---center {
    margin: 0 auto;
}


/**
 * page-block-company
 * @package dss
 * @component
 */

/*.xxx--page-block-company {
    margin-top: 120px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: thin solid #ddd;
}*/

.xxx--page-block-company {
    /*margin-top: 30px;*/
    padding-top: 30px;
    padding-bottom: 30px;
    /*border-top: thin solid #ddd;*/
}

.xxx--page-block-company a {
    border-bottom: thin solid #fff;
}

.xxx--page-block-company a:hover {
    border-bottom-color: #000;
}

/* .xxx--page-block-company--logo {
    padding-top: 50px;
    padding-bottom: 50px;
} */

.xxx--page-block-company--logo {
    max-width: 100%;
    max-height: 200px;
}

.xxx--page-block-company--contact > div + div {
    margin-top: 30px;
}

.xxx--page-block-company--contact strong {
    display: block;
    margin-bottom: 10px;
}

.xxx--page-block-company--contact-email {
    padding-top: 15px;
}

.xxx--page-block-company--contact-call > div + div {
    margin-top: 10px;
}

/* XS */
@media (max-width: 767px) {
    .xxx--page-block-company--logo {
        padding-top: 15px;
    }
}


/**
 * page-block-service
 * @package dss
 * @component
 */

.xxx--page-block-service {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 20%;
    right: 0;
    z-index: 100;
    height: 150px;
    max-width: 50px;
    max-height: 150px;
    padding: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    /*background: rgba(255, 255, 255, .6);*/
    /*background: rgba(91, 160, 71, .6);*/
    background-color: #5BA047;
    border-top: thin solid #c93a3a;
    border-left: thin solid #c93a3a;
    border-bottom: thin solid #c93a3a;
    border-color: rgba(255, 255, 255, .6);
    -webkit-transition: top 300ms ease, max-width 1000ms ease, max-height 1000ms ease, background 300ms ease, border 300ms ease, opacity 300ms ease;
    transition: top 300ms ease, max-width 1000ms ease, max-height 1000ms ease, background 300ms ease, border 300ms ease, opacity 300ms ease;
}

.xxx--page-block-service:hover {
    background: rgba(201, 58, 58, 1);
    border-color: rgba(255, 255, 255, 1);
    /*max-width: 70px;*/
}

.xxx--page-block-service.xxx---is-open {
    top: 18%;
    height: auto;
    max-width: 360px;
    max-height: 500px;
    background: rgba(255, 255, 255, 1);
    border-color: rgba(201, 58, 58, 1);
    -webkit-transition: top 300ms ease, max-width 1000ms ease, max-height 1000ms ease, background 300ms ease, border 300ms ease, opacity 300ms ease;
    transition: top 300ms ease, max-width 1000ms ease, max-height 1000ms ease, background 300ms ease, border 300ms ease, opacity 300ms ease;
}

.xxx--page-block-service--title {
    position: absolute;
    /*top: 60px;*/
    /*left: -30px;*/
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: color 300ms ease, margin 300ms ease 300ms, padding 300ms ease 300ms;
    transition: color 300ms ease, margin 300ms ease 300ms, padding 300ms ease 300ms;
    color: #fff;
}

/*
.xxx--page-block-service:hover .xxx--page-block-service--title {
    padding-top: 15px;
    margin-top: -8px;
    margin-left: 15px;
    color: #fff;
}
*/

.xxx--page-block-service.xxx---is-open .xxx--page-block-service--title {
    position: relative;
    top: unset;
    left: unset;
    margin: 10px;
    padding-top: 0;
    color: #c93a3a;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: color 300ms ease, margin 0ms, padding 0ms;
    transition: color 300ms ease, margin 0ms, padding 0ms;
}

.xxx--page-block-service--title i + span {
    margin-left: 10px;
}

.xxx--page-block-service--title i + span + i {
    display: none;
    margin-left: 50px;
}

.xxx--page-block-service--headline span + i {
    margin-left: 10px;
}

.xxx--page-block-service.xxx---is-open .xxx--page-block-service--title i + span + i {
    display: inline-block;
}

.xxx--page-block-service--headline {}

.xxx--page-block-service--row {
    max-height: 0;
    margin-top: 20px;
    opacity: 0;
    overflow: hidden;
    border-top: thin solid #ddd;
    -webkit-transition: max-height 300ms ease, opacity 300ms ease;
    transition: max-height 300ms ease, opacity 300ms ease;
}

.xxx--page-block-service.xxx---is-open .xxx--page-block-service--row {
    max-height: 300px;
    opacity: 1;
}

.xxx--page-block-service--row > .xxx--page-block-service--headline {
    padding: 0 15px;
}

.xxx--page-block-service--link {
    color: #fff;
    text-align: left;
}

.xxx--page-block-service--call .xxx--page-block-service--link {
    color: #fff;
}

.xxx--page-block-service--team-viewer .xxx--page-block-service--link img {
    opacity: .7;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}

.xxx--page-block-service--team-viewer .xxx--page-block-service--link:hover img {
    opacity: 1;
}

.xxx--page-block-service--team-viewer .xxx--page-block-service--link span {
    position: absolute;
    top: 25%;
    left: 60px;
    -webkit-transition: color 300ms ease, background 300ms ease;
    transition: color 300ms ease, background 300ms ease;
}


/**
 * page-block-address
 * @package dss
 * @declare
 */

.xxx--page-block-address--list,
.xxx--page-block-address--list-item,
.xxx--page-block-address--item,
.xxx--page-block-address--col-img,
.xxx--page-block-address--col-info,
.xxx--page-block-address--img-box,
.xxx--page-block-address--img {}

.xxx--page-block-address---tile {}

/**
 * page-block-address
 * @package dss
 * @component
 */

.xxx--page-block-address---tile.xxx--page-block-address--list {
    margin-top: 60px;
}

.xxx--page-block-address---tile.xxx--page-block-address--list .fa {
    color: #c93a3a;
}

.xxx--page-block-address---tile .xxx--page-block-address--list-item {
    position: relative;
}

.xxx--page-block-address---tile .xxx--page-block-address--item {
    margin: 15px;
    margin-bottom: 60px !important;
    padding: 15px;
}

.xxx--page-block-address---tile .xxx--page-block-address--item:hover {
    opacity: 1;
}

.xxx--page-block-address---tile .xxx--page-block-address--item .row {
    margin-top: 15px;
}

.xxx--page-block-address---tile .xxx--page-block-address--item a,
.xxx--page-block-address---tile .xxx--page-block-address--item i,
.xxx--page-block-address---tile .xxx--page-block-address--item span,
.xxx--page-block-address---tile .xxx--page-block-address--item strong {
    font-size: 14px;
    line-height: 30px;
}

.xxx--page-block-address---tile .xxx--page-block-address--item strong {
    font-size: 18px;
    white-space: nowrap;
}

.xxx--page-block-address---tile .xxx--page-block-address--img-box {
    padding: 15px;
    background: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    border-radius: 5px;
    -webkit-transition: -webkit-box-shadow 300ms ease;
    transition: -webkit-box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
}

.xxx--page-block-address---tile .xxx--page-block-address--item:hover .xxx--page-block-address--img-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
}

.xxx--page-block-address---tile .xxx--page-block-address--img {
    max-height: 200px;
    width: calc(100% - 30px);
}

/* SM */
@media (min-width: 768px) {
    /*.xxx--page-block-address---tile .xxx--page-block-address--img {
        filter: blur(1px);
        transition: filter 300ms ease;
    }*/

    /*.xxx--page-block-address---tile .xxx--page-block-address--item:hover .xxx--page-block-address--img {
        filter: blur(0);
    }
*/
    /*.xxx--page-block-address---tile .xxx--page-block-address--item .xxx--page-block-address---opacity {
        opacity: .7;
        transition: opacity 300ms ease;
    }*/

    /*.xxx--page-block-address---tile .xxx--page-block-address--item:hover .xxx--page-block-address---opacity {
        opacity: 1;
    }*/
}


/**
 * page-block-frame
 * @package dss
 * @declare
 */

.xxx--page-block-frame {}

.xxx--page-block-frame---map,
.xxx--page-block-frame---video {}


/**
 * page-block-frame
 * @package dss
 * @component
 */

.xxx--page-block-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0 none;
    outline: 1px solid #ccc;
}

.xxx--page-block-frame---map {
    margin-bottom: 60px;
}

.xxx--page-block-frame---map .xxx--page-block-frame {
    min-height: 210px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    border: thin solid #fff;
}

.xxx--page-block-frame---video.container-fluid {
    background: #000;
}


/**
 * portal
 * @package dss
 * @component
 */

.xxx--portal-row {}
.xxx--portal-col {}
.xxx--portal-module {}
.xxx--portal-block {}

.xxx--portal-module--header {
    padding: 30px 15px;
}

.xxx--portal-module--headline {
    color: #666;
    font-size: 26px;
}

*[class*="xxx--portal-module"].headline-centered .xxx--portal-module--header {
    text-align: center;
}

*[class*="xxx--portal-module"].headline-centered .xxx--portal-module--headline {
    color: #c93a3a;
}

.xxx--portal-block {
    padding-top: 30px;
    padding-bottom: 15px;
}

.xxx--portal-block + .xxx--portal-block {
    margin-top: 50px;
}

.xxx--portal-block--article {
    text-align: left;
}

.xxx--portal-block--image-link {
    display: block;
    /*border: thin solid #c93a3a;*/
    border-radius: 5px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, .7);*/
    overflow: hidden;
}

.xxx--portal-block--header {
    margin-bottom: 15px;
}

.xxx--portal-block--headline {
    margin: 0;
    font-size: 24px;
}

.xxx--portal-block--headline * {
    font-size: 16px;
    color: #c93a3a;
}

.xxx--portal-block--teaser-text a {
    color: #c93a3a;
    text-decoration: underline;
}

/* XXS */
@media (max-width: 359px) {
    .xxx--portal-block .xxx--list-item {
        width: 100%;
    }
}

/* XS */
@media (max-width: 767px) {
    .xxx--portal-block--header {
        margin-top: 30px;
    }

    .xxx--portal-block--headline,
    .xxx--portal-block--teaser-text {
        text-align: center;
    }
}


/**
 * portal
 * @package dss
 * @modifier
 */

.xxx--portal-block---gallery {
    padding-top: 0;
    padding-bottom: 0;
}

.xxx--portal-module---home-square {
    padding-top: 60px;
}

.xxx--portal-module---home-square .xxx--list-item {
    margin-top: 30px;
    margin-bottom: 30px;
}

.xxx--portal-module---home-square .xxx--list-item--link {
    /*padding: 5px;*/
    /*border-radius: 5px;
    border: 1px solid #ddd;*/
    /*border-top: thin solid #fff;
    border-bottom: thin solid #fff;*/
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0);
    -webkit-transition: background 600ms ease, border 300ms ease 300ms, -webkit-box-shadow 300ms ease;
    transition: background 600ms ease, border 300ms ease 300ms, -webkit-box-shadow 300ms ease;
    transition: background 600ms ease, border 300ms ease 300ms, box-shadow 300ms ease;
    transition: background 600ms ease, border 300ms ease 300ms, box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
}

.xxx--portal-module---home-square .xxx--list-item--link > div {
    width: inherit;
}

.xxx--portal-module---home-square .xxx--list-item--link:hover,
.xxx--portal-block.xxx--portal-block---catalog:hover .xxx--list-item {
    /*border-top-color: #ddd;
    border-bottom-color: #ddd;*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, .5);*/
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -webkit-transition: border 300ms ease, -webkit-box-shadow 300ms ease 300ms;
    transition: border 300ms ease, -webkit-box-shadow 300ms ease 300ms;
    transition: border 300ms ease, box-shadow 300ms ease 300ms;
    transition: border 300ms ease, box-shadow 300ms ease 300ms, -webkit-box-shadow 300ms ease 300ms;
}

.xxx--portal-module---home-square .xxx--list-item--image {
    width: inherit;
    /*max-width: 170px;*/
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
    width: 170px;
    height: 170px;
}

.xxx--portal-module---home-square .xxx--list-item--link:hover .xxx--list-item--image {
    /*transform: scaleX(-1);*/
}

.xxx--portal-module---home-square .xxx--list-item--label {
    color: #333;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 0.84px;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
}

.xxx--portal-module---home-square .xxx--list-item--link:hover .xxx--list-item--label {
    color: #000;
}


/**
 * content-detail
 * @component
 * @dss
 */

.xxx--content-detail {}

.xxx--content-detail--header {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.xxx--content-detail--headline {
    color: #c93a3a;
    font-size: 24px;
}


/**
 * content-detail
 * @package dss
 * @modifier
 */

.xxx--content-detail---catalog,
.xxx--content-detail---news,
.xxx--content-detail---calendar,
.xxx--content-detail---document,
.xxx--content-detail---gallery {}


/**
 * content-detail
 * @package dss
 * @add
 */

.xxx--content-detail.p-centered .xxx--content-detail-section--text p {
    text-align: center;
}


/**
 * content-list
 * @package dss
 * @declare
 */

.xxx--content-list,
.xxx--content-list--header,
.xxx--content-list--headline,
.xxx--content-list--teaser-text,
.xxx--content-list--teaser-button,
.xxx--content-list--gallery,
.xxx--content-list--gallery--header,
.xxx--content-list--gallery--headline,
.xxx--content-list--gallery--teaser-text,
.xxx--content-list--gallery--teaser-button,
.xxx--content-list--gallery--carousel {}

.xxx--content-list--gallery---root,
.xxx--content-list--gallery---main,
.xxx--content-list--gallery---sub {}


/**
 * content-list
 * @package dss
 * @component
 */

.xxx--content-list--gallery--carousel {
    background: #fff;
    border-radius: 5px;
    /*border: thin solid #c93a3a;*/ /* REMOVE */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    overflow: hidden;
}


/**
 * content-list
 * @package dss
 * @modifier
 */

.xxx--content-list--gallery.xxx--content-list--gallery---main + .xxx--content-list--gallery.xxx--content-list--gallery---main {
    margin-top: 120px;
}

.xxx--content-list--gallery.xxx--content-list--gallery---sub {
    padding: 60px 0;
    background: #ddd;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
}

.xxx--content-list--gallery--header.xxx--content-list--gallery---main {
    margin-bottom: 30px;
    text-align: center;
    color: #c93a3a;
    font-size: 24px;
}


/**
 * cover
 * @package dss
 * @component
 */

.xxx--cover {
    position: relative;
    background: #ddd;
    border-top: thin solid #aaa;
    border-bottom: thin solid #aaa;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.xxx--cover--wrapper {
    z-index: 100;
}

.xxx--cover--wrapper > .container {
    height: 100%;
}

.xxx--cover--full-size {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.xxx--cover--title {
    position: absolute;
    bottom: -25px;
    height: 70px;
}

.xxx--cover--background {
    background-position: center;
    background-size: cover;
    opacity: .4;
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

.xxx--cover--placeholder {
    visibility: hidden;
}

.xxx--cover--img {
    width: calc(100% - 30px);
}

.xxx--cover--spacer {
    margin-top: 0;
    margin-bottom: 0;
}


/**
 * slogan
 * @package dss
 * @component
 */

.xxx--slogan--text {
    padding: 15px;
    border-left: 5px solid #c93a3a;
    background: rgba(255, 255, 255, .8);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-transition: padding 300ms ease, background 300ms ease;
    transition: padding 300ms ease, background 300ms ease;
}

.xxx--slogan:hover .xxx--slogan--text {
    padding-right: 30px;
    background: rgba(255, 255, 255, 1);
}

.xxx--slogan--upper,
.xxx--slogan--lower {
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.xxx--slogan--upper *,
.xxx--slogan--lower * {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
}

.xxx--slogan--upper {
    font-weight: bold;
}

.xxx--slogan--lower {
    color: #c93a3a;
}

.xxx--slogan--flag {
    float: right;
    width: 25px;
    height: 40px;
    margin-top: 5px;
    opacity: .6;
    background: transparent url("../images/fahne.svg") no-repeat right;
    background-size: auto 80px;
    -webkit-transition: opacity 300ms ease, width 300ms ease;
    transition: opacity 300ms ease, width 300ms ease;
}

.xxx--slogan:hover .xxx--slogan--flag {
    width: 30px;
    opacity: .8;
}

.xxx--slogan---text-double + .xxx--slogan--flag {
    height: 60px;
}


/**
 * slide-in
 * @package dss
 * @declare
 */

.xxx--slide-in {}

.xxx--slide-in---ltr,
.xxx--slide-in---rtl,
.xxx--slide-in---top-down,
.xxx--slide-in---bottom-up {}


/**
 * slide-in
 * @package dss
 * @component
 */

*[class*="xxx--slide-in"] {
    position: absolute;
    z-index: 2;
    -webkit-transition: top 300ms ease, left 300ms ease, bottom 300ms ease, right 300ms ease;
    transition: top 300ms ease, left 300ms ease, bottom 300ms ease, right 300ms ease;
}

.xxx--slide-in---ltr {
    left: -100%;
    -webkit-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;
}

.xxx--slide-in---ltr {
    left: 0;
}


/**
 * scroll-sticky
 * @package xxx
 * @modifier
 */

/* XS */
@media (min-width: 768px) {
    .xxx-scroll-sticky {
        position: fixed !important;
        width: 100%;
    }
}


/**
 * parallax
 * @package xxx
 * @modifier
 */

*[xxx-parallax] {
    position: absolute;
    -webkit-transition: top 300ms ease;
    transition: top 300ms ease;
}


/**
 * pagination
 * @package xxx
 * @modifier
 */

.xxx-pagination {
    font-family: 'Roboto', sans-serif;
}


/**
 * reboot
 * @package xxx
 * @modifier
 */

.xxx--reboot---padding,
.xxx--reboot---padding-all,
.xxx--reboot---padding-all .container,
.xxx--reboot---padding-all .row,
.xxx--reboot---padding-all *[class*="col-"],
.xxx--reboot---padding-all-panel.panel-group,
.xxx--reboot---padding-all-panel .panel-group,
.xxx--reboot---padding-all-container.container,
.xxx--reboot---padding-all-container .container,
.xxx--reboot---padding-all-row.row,
.xxx--reboot---padding-all-row .row,
.xxx--reboot---padding-all-col[class*="col-"],
.xxx--reboot---padding-all-col *[class*="col-"] {
    padding: 0;
}

.xxx--reboot---margin,
.xxx--reboot---margin-all,
.xxx--reboot---margin-all .row,
.xxx--reboot---margin-all *[class*="navbar-"],
.xxx--reboot---margin-all .panel-group,
.xxx--reboot---margin-all-row.row,
.xxx--reboot---margin-all-row .row,
.xxx--reboot---margin-all-panel[class*="panel-"],
.xxx--reboot---margin-all-panel *[class*="panel-"],
.xxx--reboot---margin-all-panel .panel-group,
.xxx--reboot---margin-all-navbar[class*="navbar-"],
.xxx--reboot---margin-all-navbar *[class*="navbar-"] {
    margin: 0;
}

.xxx--reboot---border-radius,
.xxx--reboot---border-radius * {
    border-radius: 0 !important;
}


/**
 *
 * @package dss
 * @modifier
 */

.xxx---shadow {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
}

.xxx---relative {
    position: relative;
}

.xxx---absolute {
    position: absolute;
}

.xxx---absolute-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xxx---overflow-hidden {
    overflow: hidden;
}

.xxx---block,
.xxx---inside-block > * {
    display: block !important;
}

.xxx---inline,
.xxx---inside-inline > * {
    display: inline-block !important;
}

.xxx---table-cell {
    display: table-cell !important;
}

.xxx---inside-float---left > * {
    float: left;
}

.xxx---none {
    display: none !important;
}

.xxx---vertical-top,
.xxx---inside-inline > * {
    vertical-align: top;
}

.xxx---is-collapsed {}
.xxx---is-visible {}
.xxx---is-active {}
.xxx---is-open {
    display: block;
}

.xxx---cursor-default {
    cursor: default !important;
}

.xxx---cursor-pointer {
    cursor: pointer !important;
}

*[class*="xxx---center"] {
    position: relative;
}

.xxx---center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.xxx---center-y {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xxx---ta-c {
    text-align: center !important;
}
.xxx---ta-r {
    text-align: right !important;
}
.xxx---center-x {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.xxx---mlr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.xxx---mt-1 {
    margin-top: 5px !important;
}
.xxx---mt-2 {
    margin-top: 10px !important;
}
.xxx---mt-3 {
    margin-top: 15px !important;
}
.xxx---mb-3 {
    margin-bottom: 15px !important;
}
.xxx---mb-4 {
    margin-bottom: 30px !important;
}
.xxx---mb-5 {
    margin-bottom: 60px !important;
}
.xxx---mt-4 {
    margin-top: 30px !important;
}
.xxx---mt-5 {
    margin-top: 45px !important;
}
.xxx---no-padding,
.xxx---p-0 {
    padding: 0 !important;
}

.xxx---p-1 {
    padding: 5px !important;
}

.xxx---p-2 {
    padding: 10px !important;
}

.xxx---p-3 {
    padding: 15px !important;
}

.xxx---p-4 {
    padding: 30px !important;
}

.xxx---p-5 {
    padding: 45px !important;
}

.xxx---pt-zero,
.xxx---pt-0 {
    padding-top: 0 !important;
}

.xxx---pt-1 {
    padding-top: 5px !important;
}

.xxx---pt-2 {
    padding-top: 10px !important;
}

.xxx---pt-3 {
    padding-top: 15px !important;
}

.xxx---pt-4 {
    padding-top: 30px !important;
}

.xxx---pt-5 {
    padding-top: 45px !important;
}

.xxx---pb-zero,
.xxx---pb-0 {
    padding-bottom: 0 !important;
}

.xxx---pb-1 {
    padding-bottom: 5px !important;
}

.xxx---pb-2 {
    padding-bottom: 10px !important;
}

.xxx---pb-3 {
    padding-bottom: 15px !important;
}

.xxx---pb-4 {
    padding-bottom: 30px !important;
}

.xxx---pb-5 {
    padding-bottom: 45px !important;
}

.xxx---ptb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.xxx---ptb-1 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.xxx---ptb-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.xxx---ptb-3 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.xxx---ptb-4 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.xxx---ptb-5 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.xxx---pl-0 {
    padding-left: 0 !important;
}

.xxx---pl-1 {
    padding-left: 5px !important;
}

.xxx---pl-2 {
    padding-left: 10px !important;
}

.xxx---pl-3 {
    padding-left: 15px !important;
}

.xxx---pl-4 {
    padding-left: 30px !important;
}

.xxx---pl-5 {
    padding-left: 45px !important;
}

.xxx---pr-0 {
    padding-right: 0 !important;
}

.xxx---pr-1 {
    padding-right: 5px !important;
}

.xxx---pr-2 {
    padding-right: 10px !important;
}

.xxx---pr-3 {
    padding-right: 15px !important;
}

.xxx---pr-4 {
    padding-right: 30px !important;
}

.xxx---pr-5 {
    padding-right: 45px !important;
}

.xxx---plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.xxx---plr-1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.xxx---plr-2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.xxx---plr-3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.xxx---plr-4 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.xxx---plr-5 {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.xxx---df {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.xxx---df-fd-c {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.xxx---df-fd-r {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.xxx---as-c {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.xxx---m-a {
    margin: auto !important;
}
/************
 * REMOVE
 ************/

.o---magenta {
    outline: thin solid magenta;
}




/* CUSTOM.CSS */



/* TODO */

.panel_close {
    display: none;
}

.panel {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

input[name*='captcha'] {
    min-width: 100px;
}

*[class*="xxx--v-card--"] dt,
*[class*="xxx--v-card--"] dd {
    margin-bottom: 15px;
    margin-top: 0px;
}


*[class*="xxx--v-card--"] i {
    color: #c93a3a;
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: -5px;
}
i.xxx--v-card--address-icon {
    font-size: 45px;
    margin-top: 0;
}


.xxx--page-block-company i.xxx--v-card--address-icon {
    color: #c93a3a;
    font-size: 30px;
    /*margin-bottom: 15px;*/
    margin-top: 10px;
}

.xxx--page-block-company .xxx--v-card--email-icon {
    color: #c93a3a;
    font-size: 30px;
    /*margin-bottom: 15px;*/
    margin-top: 5px;
}

.xxx--page-block-company .xxx--v-card--phone-icon {
    color: #c93a3a;
    font-size: 30px;
    /*margin-bottom: 15px;*/
    margin-top: 5px;
}

.xxx--v-card--action i {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}


section[class*="xxx--content-list"] .panelbody {
    padding-bottom: 15px;
}


section[class*="xxx--content-list"] .panelgroup,
section[class*="xxx--content-list"] .panel-group .panel-heading + .panel-collapse > .panel-body {
    /*border: 1px solid #ddd;
    box-shadow: -3px 5px 10px 1px rgba(0, 0, 0, 0.25);*/
    position: relative;
    background-color: #fff;
}

section.section__position .section__accordion {
    position: unset;
}

section[class*="xxx--content-list"] .panel-group .panel-heading + .panel-collapse > .panel-body {
    padding: 0 15px 15px 15px;
    margin-bottom: 15px;
}

/*section[class*="xxx--content-list"] .panel-body .panelbody > div > .galbild_vorsch img,
section[class*="xxx--content-list"] .panelgroup .galbild_vorsch img {
    margin: 15px 0;
    background-image: linear-gradient(134.25deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 77%);
    border-radius: 50px;
    border: 1px solid #DFE0E4;
}*/
section[class*="xxx--content-list"] .panel-body .panelbody > div > .galbild_vorsch,
section[class*="xxx--content-list"] .panelgroup .galbild_vorsch {
    margin: 15px 0;
    background-image: linear-gradient(134.25deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 77%);
    border-radius: 50px;
    border: 1px solid #DFE0E4;
    text-align: center;
    padding: 20px;
}
section[class*="xxx--content-list"] .panel-body .panelbody > div > .galbild_vorsch.galbild_vorsch_tn,
section[class*="xxx--content-list"] .panelgroup .galbild_vorsch.galbild_vorsch_tn {
    margin: 15px 0;
    background-image:none;
    border-radius: 50px;
    border: none;
    text-align: center;
    padding: 20px;
}
/*section[class*="xxx--content-list"] .panel-body .panelbody > div > .galbild_vorsch.galbild_vorsch_tn img,
section[class*="xxx--content-list"] .panelgroup .galbild_vorsch.galbild_vorsch_tn img {
    border: 1px solid #DFE0E4;
}*/
.xxx--content-list--teaser-button,
.xxx--content-list--teaser-button:hover {
    position: absolute;
    bottom: 30px;
    right: 10px;
    color: #c93a3a;
    padding: 7px 12px;
    border-radius: 30px;
    border: 3px solid #c93a3a;

}
.xxx--content-list--teaser-button-rund,
.xxx--content-list--teaser-button-rund:hover {
    /*position: absolute;
    bottom: 10px;
    right: 10px;*/
    color: #c93a3a;
    padding: 7px 12px;
    border-radius: 20px;
    border: 3px solid #c93a3a;
}
.xxx--content-list--teaser-button_news,
.xxx--content-list--teaser-button_news:hover {
    color: #c93a3a;
    padding: 7px 12px;
    border-radius: 30px;
    border: 3px solid #c93a3a;
}
.xxx--content-list--teaser-button-rund i,
.xxx--content-list--teaser-button-rund:hover i {
    color: #c93a3a;
}
.portal-katalog .xxx--content-list--teaser-button,
.portal-katalog .xxx--content-list--teaser-button:hover {
     position: relative;
     bottom: 10px;
     right: 10px;
     /*color: #c93a3a;*/
     padding: 7px 10px;
     border-radius: 30px;
     border: 5px solid #c93a3a;
     font-size: 16px;
     color: #333;
}
.btn-default,
.btn-default:focus,
.btn-default:hover {
    background: #FFF;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
    border: 5px solid #c93a3a;
    color: #333;
}

.btn-default:focus,
.btn-default:hover {
    background-color: #FFF;
    border: 5px solid #c93a3a;
}

.btn-primary, .btn-primary:focus, .btn-primary:hover {
    background: #FFF;
    color: #c93a3a;
    border-color: #c93a3a;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
}


.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: #333;
    background-color: #FFF;
    border: 2px solid #c93a3a;
}

/*.xxx--portal-module---home-square .xxx--list-item--link {
    min-height: 500px;
    height: auto;
}*/

.xxx--portal-module h2,
h2.xxx--portal-module--headline {
    border-left: 5px solid #E30613;
    padding-left: 5px;
}

.xxx--cover--title {
    bottom: 0px;
    height: 70px;
}

.symbolspace .text-center.symbol span {
    border: 4px solid #c93a3a;
    padding: 11px 13px;
    border-radius: 32px;
    margin: 15px;
    color: #c93a3a;
}

.knt__link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.knt__link a i {
    color: #c93a3a;
}


.knt__link a span.knt__linktext {
    border: 4px solid #c93a3a;
    padding: 11px 13px;
    border-radius: 32px;
    margin-left: 4rem;
    color: #c93a3a;
}

.symbolspace .text-center.symbol span {
    border: 4px solid #c93a3a;
    padding: 11px 13px;
    border-radius: 32px;
    margin: 15px;
    color: #c93a3a;
}

.text-center.symbol span {
    border: 4px solid #c93a3a;
    padding: 11px 13px;
    border-radius: 32px;
    margin: 15px;
    color: #c93a3a;
}
.doklist .xxx--list-item {
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: 150px;
}

.symbolspace.xxx--list-item--link {
    padding: 15px 0;
    border-radius: 5px;
    border-top: thin solid #fff;
    border-bottom: thin solid #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0);
    -webkit-transition: background 600ms ease, border 300ms ease 300ms, -webkit-box-shadow 300ms ease;
    transition: background 600ms ease, border 300ms ease 300ms, -webkit-box-shadow 300ms ease;
    transition: background 600ms ease, border 300ms ease 300ms, box-shadow 300ms ease;
    transition: background 600ms ease, border 300ms ease 300ms, box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
}

.xxx--v-card {
    margin-bottom: 20px;
    position: relative;

}

.xxx--portal-block--teaser-col {
    padding: 0;
}

.xxx--portal-block--headline-news {
    font-weight: 300;
    font-size: 22px;
}

.text-left {
    padding-left: 10px;
    padding-right: 10px;
}

.text-left .xxx--content-list--teaser-button, .text-left .xxx--content-list--teaser-button:hover {
    border-radius: 4px;
    right: unset;
    float: left;
}
.xxx--list-item---link-label .xxx--content-list--teaser-button, .xxx--list-item---link-label .xxx--content-list--teaser-button:hover {
    border-radius: 4px;
    right: unset;
}
.xxx--content-detail-section.xxx--content-detail-section--text .galbild_vorsch {
    background-image: linear-gradient(134.25deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 77%);
    border-radius: 50px;
    border: 1px solid #DFE0E4;
    text-align: center;
    padding: 20px;
}
.xxx--content-detail-section.xxx--content-detail-section--text .galbild_vorsch_tn {
    background-image: none;
    border-radius: 0;
    border: 1px solid #DFE0E4;
    text-align: center;
    padding: 0;
}

.xxx--portal-module---home-square .xxx--list-item--link {
    /*min-height: 600px;*/
    height: auto;
}


.xxx--portal-module---home-square {
     padding-top: 0;
}

.xxx--portal-block---news .xxx--portal-block--article {
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.xxx--portal-block---news .xxx--portal-block--article .xxx--portal-block--teaser-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.xxx--portal-block---news .xxx--portal-block--article .xxx--portal-block--image-col {
    height: 100%;
}

.xxx--portal-block---news .xxx--portal-block--article .xxx--portal-block--image-col a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.xxx--portal-block---news .xxx--portal-block--article a img {
    max-height: 100%;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

/*====================A.Frank==============================*/

.xxx--tmg {
    margin-top: 30px;
}
.xxx--scroll-sticky {
    position: fixed !important;
    top: 0;
    z-index: 100000;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.place {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.flex-row a {
    border-bottom: none;
}
.flex-row a:hover {
   border-bottom: none;
}
.flex-row .xxx--page-block-company--contact-call {
    padding-top: 15px;
}
.xxx--page-block-company--contact {
    padding-top: 30px;
}
.xxx--page-block-company--contact .xxx--page-block-company--contact-address strong {
    margin-bottom: 0;
}
.xxx--content-detail-section--text p {
    text-align: left !important;
}

.venus-suchen .btn-primary {
    /*background: #c93a3a;
    color: #fff;*/
    border-color: #c93a3a;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
}
.venus-suchen .btn-primary:hover {
    background: #fff;
    color: #c93a3a;
}
.venus-suchen .artikelliste_darstellung_text i {
    color: #c93a3a;
}
.venus-suchen-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.xxx--page-block-service--call p {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.xxx--page-block-service--call p span {
    font-weight: 500;
    margin-right: 10px;
}
.doklist-uk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.funk-ref .gallist img {
    height: 500px;
}
.katalog-label div.xxx--list-item--label {
    min-height: 60px;
    font-weight: 500;
}
.xxx--portal-block.xxx--portal-block---html h1 {
    font-size: 36px;
    font-weight: normal;
}
.xxx--portal-block.xxx--portal-block---html h2,
.xxx--portal-module .xxx--portal-module--header h2,
.xxx--portal-block.xxx--portal-block---news h2 {
    font-style: italic;
    font-weight: 500;
    font-size: 32px;
    line-height: 54px;
    letter-spacing: 0.84px;
    color: #333;
}
.xxx--portal-block.xxx--portal-block---news h2 {
    text-align: left;
    margin-bottom: 30px;
}
.portal-form-kontakt {
    padding-left: 15px;
    padding-right: 15px;
}
.xxx--portal-block---news h3 {
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.84px;
    margin-top: 0;
    margin-bottom: 0;
}
.xxx--portal-block---news p {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.84px;
}
.portal-titel-kontakt header {
    margin-bottom: 0;
}
.form_elem_div.input-captcha.form-control {
    height: 42px;
    border-top: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    border-right: 5px solid #ccc;
}
.xxx--portal-block--list li.xxx--list-item {
    border-radius: 5px;
    border: 1px solid #ddd;
    width: 255px;
    background-color: #fcfcfc;
}
.xxx--list-item--link-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f2f2;
    height: 255px;
}
.xxx--list-item--link-img img {
    margin: auto;
}
/*.katalog-label .xxx--list-item--label {
    display: flex;
    align-items: center;
}*/
.row.panelgroup.accordion-p {
    /*display: flex;*/
}
.accordion-p .galbild_vorsch {
    /*display: flex;
    height: 100%;*/
}
.accordion-p .galbild_vorsch img {
    margin: auto;
}
.accordion-p .galbild_vorsch.galbild_vorsch_tn img {
    margin: auto;
    border: 1px solid #ccc;
}
.accordion-p,
.accordion-p p,
 .accordion-p h4 {
     font-weight: normal;
 }
.accordion-p p {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.8px;
    margin: 0 0 5px;
}
.xxx--page-block-company .xxx--page-block-company-img {
    border-right: 1px solid #878786;
}
.carousel-control {
    width: 40px;
    opacity: 1 !important;
    text-shadow: none;
}

/*.carousel-control .glyphicon {
    border: 6px solid #c93a3a;
    border-radius: 34px;
    width: 68px;
    height: 68px;
    padding: 14px 2px;
    background-color: #FFF;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);
}*/
.carousel-control .glyphicon {
    border: 6px solid #c93a3a;
    border-radius: 34px;
    width: 68px;
    height: 68px;
    padding: 17px 2px;
    background-color: #FFF;
   /* -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);*/
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    color:#c93a3a;

}
.carousel-control .glyphicon-chevron-left {
    margin-left: -100px;
    font-size: 22px;
}
.carousel-control .glyphicon-chevron-right {
    margin-right: -100px;
    font-size: 22px;
}
.accordion-striped {
    background-color: #fcfcfc;
    border-top: 1px solid #DFE0E4;
    border-bottom: 1px solid #DFE0E4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion-button,
.accordion-button:hover {
    color: #c93a3a;
    padding: 7px 10px;
    border-radius: 30px;
    border: 3px solid #c93a3a;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-bottom: 1px solid #ddd;
}
.accordion-striped.accordion-formular h2,
.accordion-striped.accordion-galerie h2,
.accordion-dokument h2{
    border-left: 3px solid #E30613;
    padding-left: 5px;
    margin-bottom: 30px;
    font-style: italic;
    font-weight: 500;
    font-size: 32px;
    line-height: 47px;
}
.accordion-dokument h2{
    margin-top: 15px;
}
.accordion-striped.accordion-formular h2 p {
    font-size: 20px;
    font-style: normal;
    line-height: 23px;
    padding-left: 5px;
    letter-spacing: 0.84px;
}
.modal-dialog {
    margin: 130px auto;
}
/*
.xxx--portal-block.xxx--portal-block---html p,
.xxx--content-list--teaser-text p {
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 140%;
    letter-spacing: 0.84px;
}*/

.p-32 .xxx--portal-block.xxx--portal-block---html p,
.xxx--content-list--teaser-text p {
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 140%;
    letter-spacing: 0.84px;
}

.xxx--content-list--teaser-text {
    padding-left: 100px;
}
.panelgroup.accordion-p p.teaser-p {
    max-height: 50px;
    overflow: hidden;
}
/*.container.panelgroup.accordion-p {
    display: flex !important;
    display: -ms-flex;
}*/
/*
.container.panelgroup.accordion-p .accordion-p-text {
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    justify-content: space-around;
}
*/
.div-strich {
    border-bottom: 1px solid #DFE0E4;
}
.panelgroup.accordion-p,
.xxx--content-list-accordion h4 .panelgroup.accordion-p {
    border-bottom: 1px solid #DFE0E4;
}
.panelgroup.accordion-p:last-child {
    border-bottom: none;
}
.container.xxx--portal-block--article {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*.xxx--portal-module---home-news.headline-colored img {
    height: 400px;
}*/
.unternehmen-kontakt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.unternehmen-kontakt p {
    padding: 0 ;
    margin: 0;
}
.unternehmen-kontakt p:nth-child(2) {
    margin-bottom: 5px;
}
.unternehmen-kontakt-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.unternehmen-kontakt-spb,
.unternehmen-kontakt-b {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.accordion-striped.accordion-galerie .carousel-inner img {
    height: 300px;
}
/*
div[uib-slide] {
    height: 300px;
}
*/

.xxx--page-block-address--col-img .xxx--img-box.xxx--page-block-address--img-box {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}


/*=====================/A.Frank==============================*/

.form-horizontal .control-label {
    text-align: left;
    font-weight: 400 !important;
}


.supportzeit {
    width: 50%;
    text-align: right;
}

.xxx--nav--icon-canvas img.shopware {
    padding-top: 5px;
}
.xxx--nav--link-container:hover .xxx--nav--icon-canvas img.shopware {
    padding-top: 7px;
}

.image-shopware svg {
    fill:inherit;
    stroke:inherit;
    stroke-width:inherit;
}
.image-shopware {
    padding-top: 5px;
}
.xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .icon-shopware {
    fill: #666;
}
.xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .image-shopware {
    padding-top: 7px;
}
.xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .icon-shopware {
    fill: #c93a3a;
}
.dako__knt {
    border-bottom: 1px solid #DFE0E4;
}
.dako-knt__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dako-knt__kontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dako-p-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dako-teaser__button {
    padding: 7px 12px;
    border-radius: 50%;
    border: 3px solid #c93a3a;
}


@media (max-width: 767px) {
    h1 {
        font-size: 28px;
    }
    .xxx--portal-block.xxx--portal-block---html h2,
    .xxx--portal-module .xxx--portal-module--header h2,
    .xxx--portal-module .xxx--portal-module--header h2 span,
    .xxx--portal-block.xxx--portal-block---news h2 {
        font-size: 22px;
        line-height: 30px;
    }
    h3 a span {
        font-size: 18px;
    }
    .xxx--content-detail--headline {
        font-size: 20px;
    }
    .xxx--portal-module---home-square .xxx--list-item--link {
        /*min-height: 600px;*/
        height: auto;
    }

    .teaser-text {
        text-align: left;
    }

    .xxx--portal-block--teaser-text {
        text-align: left;
        margin-bottom: 35px;
    }

    .xxx--portal-module---home-square {
        padding-top: 0;
    }

    ul.xxx--list.xxx--list---cleared.xxx--portal-block--list {
        width: 100%;
        max-width: 300px;
        margin: 0px auto;
    }
    .flex-row i.xxx--v-card--address-icon {
        font-size: 30px;
    }
    .flex-row .xxx--v-card--email-icon,
    .flex-row .xxx--v-card--phone-icon {
        font-size: 24px;
    }
    .xxx--page-block-company--contact > div + div {
        margin-top: 10px;
    }
    .xxx--page-block-company--contact-email {
        padding-top: 10px;
    }
    .flex-row .xxx--page-block-company--contact-call {
        padding-top: 10px;
    }
    .call-tel {
        margin-top: 10px;
    }
    .xxx--page-block-company--contact strong {
        display: block;
        margin-bottom: 0;
    }
    .xxx--page-block-company--contact {
        padding-top: 0;
    }
    .xxx--page-block-company--contact .flex-row a:first-child {
        margin-bottom: 10px;
    }
    .venus-suchen-btn-group {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .venus-suchen-btn-group label {
        -ms-flex-preferred-size: 110px;
        flex-basis: 110px;
        margin-top: 10px;
    }
    .venus-suchen .galbild_vorsch {
        margin-bottom: 15px;
    }
    .doklist-uk-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .doklist-uk-d a {
        text-align: start;
    }
    .xxx--content-list--teaser-button,
    .xxx--content-list--teaser-button:hover {
        bottom: 22px;
        padding: 1px 6px;
    }
    .container.xxx---relative.xxx--cover--spacer {
        height: 200px;
        padding-left: 0;
        padding-right: 0;
    }
    .container.xxx---relative.xxx--cover--spacer .xxx--img-box img.xxx--img-box--image {
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }
    .xxx--page-block-company {
        font-size: 13px;
    }
    .funk-ref .gallist img {
        height: 200px;
    }
    .komp-logos .gallist img {
        height: 200px;
    }
    .xxx--portal-module--header {
        padding: 0px 15px;
    }
    .xxx--portal-block {
        padding-top: 0;
        padding-bottom: 0;
    }
    /*.katalog-label div.xxx--list-item--label {
        min-height: 30px;
    }*/
    .xxx--page-block-service h2 span,
    .xxx--page-block-service h3 span,
    .xxx--page-block-service a span,
    .xxx--page-block-service p ,
    .xxx--page-block-service p span {
        font-size: 16px;
    }
    .xxx--page-block-service h2 i,
    .xxx--page-block-service h3 i {
        font-size: 16px;
    }
    .xxx--page-block-service h2 i.fa-phone {
        font-size: 30px;
    }
    .xxx--page-block-service.xxx---is-open .xxx--page-block-service--title {
         margin: 0;
    }
    .xxx--page-block-service--title {
        position: relative !important;
        top: 0;
        left: 0;
    }
    .xxx--page-block-service {
        height: 48px;
        padding: 10px;
    }
    .xxx--page-block-service:hover .xxx--page-block-service--title {
        padding-top: 0;
        margin-top: 0;
        margin-left: 0;
    }
    .xxx--page-block-service--title {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    .xxx--page-block-service--title span {
        margin-left: 30px;
    }
    .xxx--page-block-service--title  i.fa-chevron-right {
        margin-left: 35px;
    }
    .xxx--portal-module---home-square .xxx--list-item {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .xxx--portal-block.xxx--portal-block---html h1 {
        font-size: 20px;
    }
    .xxx--page-block-company .xxx--page-block-company-img {
        border-right: none;
    }
    .carousel-control .glyphicon {
        border: 2px solid #c93a3a;
        border-radius: 15px;
        width: 30px;
        height: 30px;
        padding: 7px 2px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        font-size: 12px;
    }
    .accordion-striped.accordion-formular h2,
    .accordion-striped.accordion-galerie h2,
    .accordion-dokument h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .accordion-striped.accordion-formular h2 p {
        font-size: 16px;
        line-height: 20px;
    }
    .accordion-button, .accordion-button:hover {
        padding: 1px 4px;
    }
    .carousel-control .glyphicon-chevron-left {
        margin-left: -25px;
        font-size: 11px;
    }
    .carousel-control .glyphicon-chevron-right {
        margin-right: -25px;
        font-size: 11px;
    }
    .xxx--content-detail-section.xxx--content-detail-section--text .galbild_vorsch {
        background-image: none;
        border: none;
        margin-bottom: 15px;
    }
    .xxx--v-card .xxx--v-card--header h2  {
        font-size: 20px !important;
    }
    .xxx--portal-block.xxx--portal-block---html p {
        font-size: 14px;
    }
    .container.xxx--portal-block--article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    /*.xxx--portal-module---home-news.headline-colored img {
        height: 160px;
    }*/
    .xxx--portal-block---news .xxx--portal-block--header h3 {
        font-size: 20px;
        line-height: 20px;
        /*min-height: 86px;*/
    }
    .visible-xs.accordion-p-text {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .visible-xs.accordion-p-text button {
        bottom: 8px;
    }
    .xxx--portal-block.xxx--portal-block---html p, .xxx--content-list--teaser-text p {
        font-size: 16px;
    }
    .unternehmen-kontakt-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .unternehmen-kontakt-spb {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }
    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .icon-shopware {
        fill: #c93a3a;
    }
    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .icon-shopware {
        fill: #c93a3a;
    }
    .container.xxx--portal-block--article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dako-knt__row {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
    }

    .knt__link a span.knt__linktext {
        border: 2px solid #c93a3a;
        padding: 5px 7px;
        border-radius: 32px;
        margin-left: 1rem;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .xxx--portal-block--list {
        padding: unset;
    }

    .xxx--portal-module---home-square {
        padding-top: 0;
    }

    .xxx--portal-module---home-square .xxx--list-item--link {
        /*min-height: 450px;*/
        height: auto;
    }
    .xxx--page-block-company--contact {
        padding-top: 0;
    }
    .funk-ref .gallist img {
        height: 300px;
    }
    .xxx--page-block-company .xxx--page-block-company-img {
        border-right: none;
    }
    .xxx--portal-block.xxx--portal-block---html p {
        font-size: 16px;
    }
    /*.xxx--portal-module---home-news.headline-colored img {
        height: 250px;
    }*/
    .xxx--portal-block---news h3 {
        font-size: 20px;
        line-height: 30px;
        min-height: 70px;
    }
    .xxx--portal-block.xxx--portal-block---html p, .xxx--content-list--teaser-text p {
        font-size: 18px;
    }
    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container .icon-shopware {
        fill: #c93a3a;
    }
    .xxx--nav--list-item.xxx--nav--level-1 > .xxx--nav--link-container:hover .icon-shopware {
        fill: #c93a3a;
    }
    .container.xxx--portal-block--article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .xxx--portal-module---home-square .xxx--list-item--link {
        /*min-height: 600px;*/
        height: auto;
    }
    .funk-ref .gallist img {
        height: 400px;
    }
    .xxx--portal-block--list li.xxx--list-item {
        width: 200px;
    }
    .xxx--list-item--link-img {
        height: 200px;
    }
    .xxx--portal-module---home-square .xxx--list-item--label {
        font-size: 14px;
    }
    .xxx--page-block-address---tile .xxx--page-block-address--item strong {
        font-size: 14px;
    }
    .xxx--portal-block.xxx--portal-block---html p {
        font-size: 22px;
    }
    /*.xxx--portal-module---home-news.headline-colored img {
        height: 350px;
    }*/
    .xxx--portal-block---news h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .xxx--portal-block.xxx--portal-block---html p, .xxx--content-list--teaser-text p {
        font-size: 26px;
    }
}

.xxx--page-header--logo img.xxx--page-header--logo-img {
    width: 176px;
    height: 50px;
}


.komp-logos img {
    width: 265px;
    height: 265px;
}

.xxx--page-block-company-img img.xxx--page-block-company--logo {
    /*width: 352px;*/
    height: 100%;
}

.xxx--page-block-service--row img {
    width: 120px;
    height: 60px;
}

.xxx--cover--spacer img.xxx--cover--placeholder {
    width: 1920px;
    height: 399px;
}

.xxx--cover--spacer img.xxx--cover--img {
    width: 1140px;
    height: 399px;
}

/* .xxx--portal-block--image-col img {
    width: 600px;
    height: 214px;
} */

.xxx--list-item a.xxx--list-item--link img {
    width: 170px;
    height: 170px;
}

/*  / CUSTOM.CSS */
/*# sourceMappingURL=style.css.map */