b, strong {
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
}


/* ============================= DECKS Allgemein ========================================== */

.deck {
    width: 100%;
}


/* ============================= LEVEL Allgemein ========================================== */

.level {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1600px) {
    .level {
        width: 1140px;
    }
}

@media (max-width: 1010px) {
    .level {
        width: 100%;
    }
}

/* ============================= BANNER ========================================== */

.BANNER.deck {
    background-color: #c8d3de; /*d7d7d7*/
    overflow: hidden;
}

/* ============================= FOOTER ========================================== */
.FOOTER.deck {
    background-color: #3b455e; /*3c3c3c*/
    overflow: hidden;
}

.FOOTER.level .section {
    background: url("/web/20230425205118im_//fileadmin/templates/sanitop.de/img/shadow_top.png") center -23px no-repeat; /*SW*/
    padding-top: 20px;
    padding-left: 20px;
}

/* ============================= BRANDS ========================================== */
.BRANDS.deck {
    background-color: #000;
    overflow: hidden;
}

.BRANDS.level {
    width: 100%;
}

.BRANDS .RESPONSIVE.sw-content {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}

.BRANDS .RESPONSIVE.sw-content .section > div {
    margin-left: 0;
}

.PODD.deck {
    background-color: #000;
    overflow: hidden;
}


@media (min-width: 599px) {
    #contentWrapper .nav .sublogo img {
        margin-top: 10px;
    }
}

@media (min-width: 768px) {

    /* #contentWrapper .categorie img {
    margin-top: 20px;
    } */
    /*SW*/
    #footerWrapper .downloads .footer_block,
    #footerWrapper .unternehmen .footer_block {
        height: 160px;
    }

    #footerWrapper #top .fourcolumns img {
        display: block;
    }

    /* marken.php */
    #contentWrapper .nav {
        height: 145px;
    }

    #contentWrapper .nav h2 {
        margin-top: 45px;
    }

    #contentWrapper .nav .sublogo img {
        margin-top: 30px;
    }

    #contentWrapper .nav .subnav li {
        padding: 0 12px;
        border: 0 none;
        border-left: 1px solid white;
        display: inline;
    }

    #contentWrapper .nav .subnav li:first-child {
        border-left: 0;
        padding-left: 0;
    }

    /* marken.php end */
}


.Result.first a span.text:before {
    content: '«';
}

.Result.prev a span.text:before {
    content: '‹';
}

.Result.next a span.text:before {
    content: '›';
}

.Result.last a span.text:before {
    content: '»';
}

.Result a {
    padding-bottom: 3px;
}


#c28 .news-list-item .date, /* #c28 auf dem Test-Server*/
#c236 .news-list-item .date /* #c236 auf dem Live-Server*/
{
    padding-right: 8px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #dde7ef;
    border-color: #dbe0e8;
    color: #002f56;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #f7f7f7;
}


/* ============================= FONTS ========================================== */

@font-face {
    font-family: 'fontello';
    src: url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/fontello.eot?34995770');
    src: url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/fontello.eot?34995770#iefix') format('embedded-opentype'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/fontello.woff?34995770') format('woff'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/fontello.ttf?34995770') format('truetype'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/fontello.svg?34995770#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/fontello.svg?44326569#fontello') format('svg');
}
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-sw_config:before {
    content: '\e800';
}

/* '' */
.icon-sw_video:before {
    content: '\e801';
}

/* '' */
.icon-sw_download:before {
    content: '\e802';
}

/* '' */
.icon-sw_hand:before {
    content: '\e803';
}

/* '' */
.icon-sw_angle_right:before {
    content: '\e804';
}

/* '' */
.icon-sw_angle_left:before {
    content: '\e805';
}

/* '' */

@font-face {
    font-family: 'aq_wannen_icons';
    src: url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/aq_wannen_icons.eot?82436883');
    src: url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/aq_wannen_icons.eot?82436883#iefix') format('embedded-opentype'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/aq_wannen_icons.woff2?82436883') format('woff2'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/aq_wannen_icons.woff?82436883') format('woff'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/aq_wannen_icons.ttf?82436883') format('truetype'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/aq_wannen_icons.svg?82436883#aq_wannen_icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'aq_wannen_icons';
    src: url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/aq_wannen_icons.svg?82436883#aq_wannen_icons') format('svg');
  }
}
*/

[class^="icon-wannen-"]:before, [class*=" icon-wannen"]:before {
    font-family: "aq_wannen_icons";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-wannen-flossen:before {
    content: '\e800';
}

/* '' */
.icon-wannen-wasserball:before {
    content: '\e801';
}

/* '' */
.icon-wannen-schwimmfluegel:before {
    content: '\e802';
}

/* '' */
.icon-wannen-nixe:before {
    content: '\e803';
}

/* '' */
.icon-wannen-schwimmer:before {
    content: '\e804';
}

/* '' */
.icon-wannen-badelatschen:before {
    content: '\e805';
}

/* '' */
.icon-wannen-ente:before {
    content: '\e806';
}

/* '' */
.icon-wannen-taucherbrille:before {
    content: '\e807';
}

/* '' */
.icon-wannen-tropfen:before {
    content: '\e808';
}

/* '' */

@font-face {
    font-family: 'DrunkenSerif';
    src: url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/DrunkenSerif.eot');
    src: url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/DrunkenSerif.eot#iefix') format('embedded-opentype'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/DrunkenSerif.woff2') format('woff2'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/DrunkenSerif.woff') format('woff'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/DrunkenSerif.ttf') format('truetype'),
    url('/web/20230425205118im_//fileadmin/templates/sanitop.de/fonts/DrunkenSerif.svg#DrunkenSerif') format('svg');
    font-weight: 500;
    font-style: normal;
}


/* Folgende Styles überschreiben vorhandene Styles aus der Main.css */

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
*/


a.download img {
    margin-right: 10px;
    margin-bottom: 10px;
}

.dropdown a.dir {
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
    -webkit-font-smoothing: antialiased; /*  für Safari aber nur in Verbindung zu lighter */
}

#headerWrapper ul.dropdown ul li a, #headerWrapper ul.dropdown ul li a:visited {
    font-family: 'Myriad Pro Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: bold;
}

#headerWrapper ul.dropdown ul a:hover {
    color: #002F56 !important;
}

.overview {
    background: #8497b1;
    background-image: url("/web/20230425205118im_//fileadmin/templates/sanitop.de/img/footer_shadow.jpg"), url("/web/20230425205118im_//fileadmin/templates/sanitop.de/img/footer_shadow_2.jpg");
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
}

.csc-header-n1 {
    margin-bottom: 3px;
}


#contentWrapper .categorie {
    padding-bottom: 10px;
}

.news-list-container {
    margin: 0 20px 0 20px !important;
}

.news-single-item {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.news-list-container .news-list-item img {
    margin-right: 20px !important;
}

#headerWrapper ul.dropdown > li > a {
    text-transform: uppercase;
}

#headerWrapper ul.dropdown .level2 {
    text-transform: none;
}


/*************************** * X. ALLGEMEINES  *********************************************/
/*************************** * X. ALLGEMEINES  *********************************************/


/* Sonstige Klassen */

.RESPONSIVE .clearfix:after { /* eleminieren !!! */
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.sw-clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.RESPONSIVE .clear {
    clear: both;
}

.RESPONSIVE .relative {
    position: relative;
}

.RESPONSIVE .relative-child > * {
    position: relative;
}

.RESPONSIVE .overflow {
    overflow: hidden;
}

/* ======== Allgemeine Abstände ======== */
.RESPONSIVE.sw-content h1,
.RESPONSIVE.sw-content h2,
.RESPONSIVE.sw-content h3,
.RESPONSIVE.sw-content h4,
.RESPONSIVE.sw-content h6,
    /*.RESPONSIVE.sw-content a,*/
.RESPONSIVE.sw-content p,
.RESPONSIVE.sw-content .img {
    padding-right: 20px;
    padding-bottom: 20px;
}

.RESPONSIVE.sw-content a img {
    padding: 0;
}

.RESPONSIVE.sw-content p + p { /* Aufeinander folgende Absätze haben 5px (20px - 15px = 5px) Abstand  */
    margin-top: -15px;
}

/* Allgemeine Listen */
.RESPONSIVE.sw-content ul,
.RESPONSIVE.sw-content ol,
.ULTRA ul,
.ULTRA ol {
    padding-right: 20px;
    padding-bottom: 12px; /* kleinerer Abstand da der letzte Bullet bereits 8px hat. */
}

.RESPONSIVE.sw-content ul,
.RESPONSIVE.sw-content ol,
.RESPONSIVE.sw-content ul ul,
.RESPONSIVE.sw-content ol ol,
.ULTRA ul,
.ULTRA ol,
.ULTRA ul ul,
.ULTRA ol ol {
    margin: 0px;
    padding-left: 0px;
    /*border:1px solid #952;*/
}

.RESPONSIVE.sw-content ul li,
.RESPONSIVE.sw-content ol li,
.ULTRA ul li,
.ULTRA ol li {
    margin-left: 20px;
    margin-bottom: 8px; /* Abstand der Bullets */
}

.RESPONSIVE.sw-content ul li ul li,
.RESPONSIVE.sw-content ul li ol li,
.ULTRA ul li ul li,
.ULTRA ul li ol li {
    margin-left: 10px;
}

.RESPONSIVE.sw-content ul li.no-bullet, /* für einzelne Listenpunkte */
.RESPONSIVE.sw-content ul.no-bullet li, /* für gesamte Listenpunkte */
.ULTRA ul li.no-bullet, /* für einzelne Listenpunkte */
.ULTRA ul.no-bullet li /* für gesamte Listenpunkte */
{
    margin-left: 0px;
    list-style: none;
}

.RESPONSIVE.sw-content ul li.head,
.RESPONSIVE.sw-content ol li.head,
.ULTRA ul li.head,
.ULTRA ol li.head {
    margin-left: 0px;
}

.RESPONSIVE.sw-content ul li ul,
.RESPONSIVE.sw-content ol li ol,
.ULTRA ul li ol,
.ULTRA ol li ul {
    padding-bottom: 0px;
}


/* Bilder mit Padding werden im IE8 nicht  proportional skaliert. Daher müssen sie mit einem div umgeben werden,  der das Padding hat */
/* Das Bild darf kein Padding haben */

.img-100, /* wurde nur für die Logos der AQ Seiten gemacht */
.RESPONSIVE.sw-content .img-100,
.RESPONSIVE.sw-header .img-100 { /* Bilder werden auf 100% skaliert */
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.RESPONSIVE.sw-content .img-auto { /* bestimmte Bilder bleiben auf Originalgröße */
    padding: 0 !important;
    width: auto;
    max-width: 100%;
    height: auto;
}

/*
img { /* Bilder müssen Höhe auto haben, damit sie proportional skaliert werden *//*
overflow:hidden;
/*width:100%;*//*
height:auto;
}*/

/* --------- BOXES ----------- */


.RESPONSIVE.sw-content .box-padding-FULL {
    padding: 20px;
}


.RESPONSIVE.sw-content .box-margin-TL {
    margin-top: 20px;
    margin-left: 20px;
}

.RESPONSIVE.sw-content .box-margin-RL {
    margin-left: 20px;
    margin-right: 20px;
}

.RESPONSIVE.sw-content .box-margin-RB {
    margin-right: 20px;
    margin-bottom: 20px;
}

.RESPONSIVE.sw-content .box-margin-T {
    margin-top: 20px;
}

.RESPONSIVE.sw-content .box-margin-L {
    margin-left: 20px;
}


.RESPONSIVE.sw-content .box-padding-TL,
.RESPONSIVE.sw-content.box-padding-TL {
    padding-top: 20px;
    padding-left: 20px;
}

.RESPONSIVE.sw-content .box-padding-BL {
    padding-bottom: 20px;
    padding-left: 20px;
}

.RESPONSIVE.sw-content .box-padding-RB {
    padding-right: 20px;
    padding-bottom: 20px;
}

.RESPONSIVE.sw-content .box-padding-L {
    padding-left: 20px;
}

.RESPONSIVE.sw-content .box-padding-T {
    padding-top: 20px;
}

.RESPONSIVE.sw-content .box-padding-B {
    padding-bottom: 20px;
}


.RESPONSIVE.sw-content .st-full-box,
.RESPONSIVE.sw-content .box-full {
    padding: 0px !important; /* Statt Padding bottom muss margin genutzt werden, da sonst das Bild gequentscht würde */
    margin-top: 0 !important; /* Damit die Box die gesammte Fläche füllt (außer unten) */
    margin-bottom: 20px;
    margin-left: 0 !important;
}

.RESPONSIVE.sw-content .st-color-box,
.RESPONSIVE.sw-content .box-color {
    padding-top: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 0;
}

.RESPONSIVE.sw-content .st-full-color-box,
.RESPONSIVE.sw-content .box-full-color {
    overflow: hidden;
    padding-left: 20px;
    margin-top: 0 !important; /* Damit die Box die gesammte Fläche füllt (außer unten) */
    margin-bottom: 20px;
    margin-left: 0 !important;
}

.float-child-left > * { /*  */
    float: left;
}

.float-child-right > * { /*  */
    float: right;
}

.float-self-left,
.RESPONSIVE.sw-content .st-float-box,
.RESPONSIVE.sw-content .box-float { /*  */
    float: left;
}

.float-self-right { /*  */
    float: right;
}

.RESPONSIVE.sw-content .st-padding-box { /*  */
    padding-top: 20px;
    padding-left: 20px;
}

.RESPONSIVE.sw-content .st-content-box,
.RESPONSIVE.sw-content .box-content { /*  */
    padding-bottom: 20px;
    padding-right: 20px;
}

.RESPONSIVE.sw-content .box-zero { /*  */
    padding-bottom: 20px;
    padding-right: 20px;
}

.RESPONSIVE.sw-content .box-zero > * { /*  */
    padding: 0;
}

.RESPONSIVE.sw-content .box-zero a > * { /*  */
    padding: 0;
}


.RESPONSIVE.sw-content .section > * {
    margin-left: 20px;
}

.RESPONSIVE.sw-content .section.box-full-color > *,
.RESPONSIVE.sw-content .section.box-full > * {
    margin-left: 0px;
}

.RESPONSIVE.sw-content .section > .no-margin-left {
    margin-left: 0px;
}


/* Allgemeine LINKS */


.RESPONSIVE a:link,
.RESPONSIVE a:visited,
.RESPONSIVE a:active {
    outline: 0 none;
    text-decoration: none;
}

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

/* Spezielle LINKS */

.RESPONSIVE a:link.white,
.RESPONSIVE a:visited.white,
.RESPONSIVE a:active.white,
.RESPONSIVE a:focus.white,
.RESPONSIVE a:hover.white {
    color: #fff !important;
}


/* Allgemeine Linien */
.RESPONSIVE hr.line-dotted-white {
    margin-right: 20px !important; /****************** * Formatierung aus main.css negiert ******************/
    margin-bottom: 20px;
    border: none;
    border-top: dotted #aaaaaa 2px;
    background-color: #000000;
    height: 1px;
    border-bottom: 0px dashed #000000 !important; /****************** * Formatierung aus main.css negiert ******************/
}

/*************************** * X.1 Schriftgrößen HEADER  **************************************/
/*************************** * X.1 Schriftgrößen HEADER  **************************************/

/* Für alle Headerelemente */
.RESPONSIVE.sw-header h1,
.RESPONSIVE.sw-header h2,
.RESPONSIVE.sw-header ul,
.RESPONSIVE.sw-header ol {
    font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', sans-serif !important;
    font-weight: normal;
    text-transform: none;
}

.RESPONSIVE.sw-header h1 {
    font-size: 2.5em;
    line-height: 1.2em;
    padding-bottom: 15px;
    font-weight: 100;
    letter-spacing: 0.03em;
}

/* großer Breakpoint bei 730px, Bitte bei
Header Styles ohne Logo (class=KEINLOGO) beachten */

@media (max-width: 730px) {
    .RESPONSIVE.sw-header h1 {
        font-size: 25px;
    }
}

.RESPONSIVE.sw-header h2 {
    font-size: 25px;
    line-height: 1.25em;
    letter-spacing: 0.01em;
}

.RESPONSIVE.sw-header ul {
    font-size: 17px;
    letter-spacing: 0.05em;
    padding: 0 3px;
    /* margin-bottom:0px !important; /* Überschreibt Styles 10px von Bootstrap */
}

@media (max-width: 300px) {
    .RESPONSIVE.sw-header ul {
        font-size: 15px;
    }
}


/********************************* * X. Schriftgrößen Content  *********************************************/
/********************************* * X. Schriftgrößen Content  *********************************************/


/* Schrifteigenschafte für Myriad Pro Light */
.RESPONSIVE.sw-content h1,
.RESPONSIVE .news-list-container .news-list-item h3, .news-single-item h3, .tx-avency-sanitopdm h2,
.RESPONSIVE.sw-content h2,
.RESPONSIVE.sw-content h3,
.RESPONSIVE .news-single-item h2,
.RESPONSIVE .news-list-container .news-list-item p,
.RESPONSIVE .news-single-item p,
.RESPONSIVE.sw-content p {
    font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    letter-spacing: 0.02em;
    margin: 0;
}

.RESPONSIVE.sw-content ul li,
.RESPONSIVE.sw-content ol li {
    font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', sans-serif;
    font-weight: normal;
    line-height: 1.25em;
    letter-spacing: 0.02em;
}

/* Schrifteigenschafte für Myriad Pro Regular */
.RESPONSIVE.sw-content p.strong {
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
}

/* Schriftgrößen & Abstände für Headlines */

.RESPONSIVE.sw-content h1,
.RESPONSIVE .news-list-container .news-list-item h3, .news-single-item h3, .tx-avency-sanitopdm h2,
.RESPONSIVE.sw-content h2 {
    font-size: 27px;
}

.RESPONSIVE.sw-content h1,
.RESPONSIVE .news-list-container .news-list-item h3, .news-single-item h3, .tx-avency-sanitopdm h2 {
    padding-top: 5px;
    padding-bottom: 15px;
}

.RESPONSIVE.sw-content h2 {
    padding-top: 0px;
    padding-bottom: 25px;
}

.RESPONSIVE.sw-content h3 {
    font-size: 20px;
}

.RESPONSIVE .tx-avency-sanitopdm h2 {
    margin-bottom: 20px;
}

.RESPONSIVE .news-single-item h2 {
    margin: 0 0 20px 0;
    font-size: 17px;
}

/* Schriftgrößen & Abstände für Absätze & Listen */
.RESPONSIVE .news-list-container .news-list-item p,
.RESPONSIVE .news-single-item p {
    font-size: 17px;
    line-height: 1.6em;
    padding-bottom: 20px;
}

.RESPONSIVE.sw-content p {
    font-size: 17px;
    line-height: 1.6em;
}

.RESPONSIVE.sw-content ol li,
.RESPONSIVE.sw-content ul li {
    font-size: 17px;
}

.RESPONSIVE.sw-content ul li.head {
    font-size: 24px;
    font-weight: 100;
}


/* Schriftgröße für alle st-small Klassen */
.RESPONSIVE.sw-content .st-small,
.RESPONSIVE.sw-content .st-small p,
.RESPONSIVE.sw-content p.st-small,
.RESPONSIVE.sw-content .st-small p,
.RESPONSIVE.sw-content ul.st-small li,
.RESPONSIVE.sw-content .st-small ul li,
.RESPONSIVE.sw-content ol.st-small li,
.RESPONSIVE.sw-content .st-small ol li {
    font-size: 15px;
}

.RESPONSIVE.sw-content ul.st-small li,
.RESPONSIVE.sw-content .st-small ul li,
.RESPONSIVE.sw-content ol.st-small li,
.RESPONSIVE.sw-content .st-small ol li {
    margin-bottom: 6px; /* Abstand der Bullets */
}

.RESPONSIVE.sw-content ul.st-small li.head,
.RESPONSIVE.sw-content .st-small ul li.head,
.RESPONSIVE.sw-content ol.st-small li.head,
.RESPONSIVE.sw-content .st-small ol li.head {
    font-size: 24px;
    font-weight: 100;
}


/********************************* * X. Schriftgrößen Content RESPONSIVE *********************************************/
/********************************* * X. Schriftgrößen Content RESPONSIVE *********************************************/

@media (max-width: 600px) {
    .RESPONSIVE .news-list-container .news-list-item p,
    .RESPONSIVE .news-single-item p,
    .RESPONSIVE.sw-content p {
        font-size: 15px;
        line-height: 1.6em;
    }

    .RESPONSIVE.sw-content ul li,
    .RESPONSIVE.sw-content ol li {
        font-size: 15px;
    }
}


.RESPONSIVE.sw-content h4 { /* fetter für ie */
    font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', sans-serif !important;
    /*-moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    font-size: 20px; /*1.4*/
    font-weight: 200;
    letter-spacing: 0.01em /* 0.01 max wegen wannen (freistehende) */
}

.RESPONSIVE.sw-content h5 {
    margin: 0;
    font-size: 1.6em;
    font-weight: 100;
    letter-spacing: 0.03em
}

.RESPONSIVE.sw-content h6 {
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
    font-weight: normal;
    margin: 0;
    padding: 0px;
    font-size: 17px;
    -moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
    line-height: 1.2em;
}

.RESPONSIVE .news-list-morelink,
.RESPONSIVE .news-single-backlink,
.RESPONSIVE .button a {
    font-size: 17px;
    font-weight: 100;
}

.RESPONSIVE.sw-content strong {
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
    -moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
    font-weight: normal;

}

@media (max-width: 600px) {
    .RESPONSIVE.sw-content h1,
    .RESPONSIVE .news-list-container .news-list-item h3,
    .RESPONSIVE .news-single-item h3,
    .RESPONSIVE .tx-avency-sanitopdm h2,
    .RESPONSIVE.sw-content h3,
    .RESPONSIVE.sw-content h2,
    .RESPONSIVE.sw-content h3 {
        font-size: 21px;
        line-height: 28px;
    }
}

.RESPONSIVE.sw-content wbr.N01 {
    display: inline;
}

.RESPONSIVE.sw-content wbr.N02 {
    display: none;
}


@media (max-width: 600px) {
    .RESPONSIVE.sw-content wbr.N02 {
        display: inline;
    }
}


@media (max-width: 200px) {
    .RESPONSIVE .news-list-container .news-list-item p,
    .RESPONSIVE .news-single-item p,
    .RESPONSIVE.sw-content p,
    .RESPONSIVE.sw-content ol li,
    .RESPONSIVE.sw-content ul li,
    .RESPONSIVE.sw-content h2 {
        font-size: 15px;
        line-height: 22px;
    }
}

/********************************** * 1. HEADER  **********************************/
/********************************** * 1. HEADER  **********************************/

/************************** * 1.1 HEADER - Allgemeines **************************/
/************************** * 1.1 HEADER - Allgemeines **************************/

.RESPONSIVE.sw-header {
    overflow: hidden;
    padding-top: 20px;
    padding-left: 20px;
    min-height: 210px;
}

@media (max-width: 820px) {
    .RESPONSIVE.sw-header {
        min-height: initial;
        height: auto; /* überscheriebt UserBackup */
    }
}

@media (min-width: 731px) {
    .RESPONSIVE.sw-header.KEINLOGO {
        min-height: 210px; /* min notwendig, damit die farbige Fläche bei einem responsive Textumbruch mitwächst */
    }
}

.RESPONSIVE.sw-header > div {
    float: left;
}

.RESPONSIVE.sw-header ol li,
.RESPONSIVE.sw-header ul li {
    display: inline;
    list-style: none;
    padding: 0 5px 0 0;
}

@media (max-width: 300px) {
    .RESPONSIVE.sw-header ol li,
    .RESPONSIVE.sw-header ul li {
        display: block;
    }
}

@media (max-width: 300px) {
    .RESPONSIVE.sw-header .separator {
        display: none;
    }
}


/****************************** * 1.2 HEADER - Designwelten ******************************/
/****************************** * 1.2 HEADER - Designwelten ******************************/


.RESPONSIVE.sw-header.DESIGNWELTEN {
    background: #000000; /** * ALT dunkelgrau 3e3e40  **/
    text-align: center;
    margin-bottom: 20px; /* Abstand zum Slider */
}

@media (min-width: 730px) {
    .RESPONSIVE.sw-header.DESIGNWELTEN {
        padding-top: 85px;
    }
}

.RESPONSIVE.sw-header.DESIGNWELTEN h1 {
    color: #ffffff;
}

/****************** * 1.3 HEADER - Neutral (Markenwelten + Unternehmen + (Herstellermarken) + F404 ) ******************/

.RESPONSIVE.sw-header.NEUTRAL {
    background: #002f53; /** * dunkelblau **/
    text-align: center;
}

@media (min-width: 730px) {
    .RESPONSIVE.sw-header.NEUTRAL {
        padding-top: 62px;
        min-height: 210px;
        /* min notwendig, damit die farbige Fläche bei einem Textumbruch mitwächst
         WICHTIG: IM IE (ie_gte8.css) MUSS EINE MIN-HEIGHT von 130 px ANGEGEBEN WERDEN*/
    }
}

.RESPONSIVE.sw-header.NEUTRAL h1 {
    color: #ffffff;
}

.RESPONSIVE.sw-header.NEUTRAL ul {
    padding: 0 20px 0 20px;
    color: #ffffff;
}

.RESPONSIVE.sw-header.NEUTRAL a:link,
.RESPONSIVE.sw-header.NEUTRAL a:visited,
.RESPONSIVE.sw-header.NEUTRAL a:active {
    color: #ffffff;
}

.RESPONSIVE.sw-header.NEUTRAL a:focus,
.RESPONSIVE.sw-header.NEUTRAL a:hover {
    color: #ffffff;
}

.RESPONSIVE.sw-header.NEUTRAL.HERSTELLERMARKEN {
    background: #88888e; /** * grau **/
}

@media (min-width: 730px) {
    .RESPONSIVE.sw-header.NEUTRAL.HERSTELLERMARKEN {
        padding-top: 85px;
    }
}

div.Logos div {
    display: block;
    padding: 10px;
    float: left;
    width: 25%;
}

div.Logos div img {
    width: 100%;
}

@media (max-width: 730px) {
    div.Logos div {
        width: 33%;
    }
}

@media (max-width: 450px) {
    div.Logos div {
        width: 50%;
    }
}


@media (min-width: 730px) {
    .RESPONSIVE.sw-header.NEUTRAL.F404 {
        padding-top: 85px;
    }
}

/****************** * 1.4 HEADER - AQUASU ******************/
.RESPONSIVE.sw-header.AQUASU {
    background: #000000; /** * schwarz **/
}

@media (min-width: 935px) {
    .RESPONSIVE.sw-header.AQUASU {
        padding-top: 49px;
        min-height: 210px;
        /* min notwendig, damit die farbige Fläche bei einem Textumbruch mitwächst
         WICHTIG: IM IE (ie_gte8.css) MUSS EINE MIN-HEIGHT von 130 px ANGEGEBEN WERDEN*/
    }
}

.RESPONSIVE.sw-header.AQUASU .brandlogo {
    margin: 10px 20px 0 20px;
    float: left;
}

@media (max-width: 935px) {
    .RESPONSIVE.sw-header.AQUASU .brandlogo {
        height: auto;
    }
}

.RESPONSIVE.sw-header.AQUASU .brandlogo img {
    width: 283px;
    height: 94px;
}

@media (max-width: 935px) {
    .RESPONSIVE.sw-header.AQUASU .brandlogo img {
        width: 240px;
        height: 80px;
    }
}

.RESPONSIVE.sw-header.AQUASU div h2 {
    margin: 10px 18px 0px 20px;
    color: #ffffff;
}

@media (max-width: 935px) {
    .RESPONSIVE.sw-header.AQUASU div h2 {
        margin: 17px 18px 0px 20px;
    }
}

@media (min-width: 935px) {
    .RESPONSIVE.sw-header.AQUASU div h2 {
        margin-top: 27px;
    }
}

.RESPONSIVE.sw-header.AQUASU div ul {
    margin: 0px 18px 20px 20px;
    color: #ffffff;
}

.RESPONSIVE.sw-header.AQUASU a:link,
.RESPONSIVE.sw-header.AQUASU a:visited,
.RESPONSIVE.sw-header.AQUASU a:active {
    color: #ffffff;
}

.RESPONSIVE.sw-header.AQUASU a:focus,
.RESPONSIVE.sw-header.AQUASU a:hover {
    color: #ffffff;
}


/************************************* * 2. CONTENT *************************************/
/************************************* * 2. CONTENT *************************************/
/************************************* * 2. CONTENT *************************************/
/************************************* * 2. CONTENT *************************************/


/**************************** * 2.1 CONTENT - Allgemeines ****************************/
/**************************** * 2.1 CONTENT - Allgemeines ****************************/


.RESPONSIVE .tx-avency-sanitopdm h2,
.RESPONSIVE.content ul,
.RESPONSIVE.content a,
.RESPONSIVE .news-list-item p,
.RESPONSIVE .news-list-item h3,
.RESPONSIVE .news-single-item p,
.RESPONSIVE .news-single-item h2,
.RESPONSIVE .news-single-item h3,
.RESPONSIVE.sw-content.NEUTRAL h1,
.RESPONSIVE.sw-content.NEUTRAL h2,
.RESPONSIVE.sw-content.NEUTRAL h3,
.RESPONSIVE.sw-content.NEUTRAL p,
.RESPONSIVE.sw-content.NEUTRAL p strong {
    color: #58585a;
    text-transform: none;
}


.RESPONSIVE .news-single-item a:link,
.RESPONSIVE .news-single-item a:visited,
.RESPONSIVE .news-single-item a:active,
.RESPONSIVE .news-list-item a:link,
.RESPONSIVE .news-list-item a:visited,
.RESPONSIVE .news-list-item a:active,
.RESPONSIVE.sw-content.NEUTRAL a:link,
.RESPONSIVE.sw-content.NEUTRAL a:visited,
.RESPONSIVE.sw-content.NEUTRAL a:active {
    color: #58585a;
    outline: 0 none;
    text-decoration: none;
}

.RESPONSIVE .news-single-item a:focus,
.RESPONSIVE .news-single-item a:hover,
.RESPONSIVE .news-list-item a:focus,
.RESPONSIVE .news-list-item a:hover,
.RESPONSIVE.sw-content.NEUTRAL a:focus,
.RESPONSIVE.sw-content.NEUTRAL a:hover {
    color: #002f53;
    text-decoration: underline;
}

.sw-content {
    margin-top: 20px;
}

.RESPONSIVE.sw-content.NEUTRAL .box-color a:link,
.RESPONSIVE.sw-content.NEUTRAL .box-color a:visited,
.RESPONSIVE.sw-content.NEUTRAL .box-color a:active {
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}

.RESPONSIVE.sw-content.NEUTRAL .box-color a:focus,
.RESPONSIVE.sw-content.NEUTRAL .box-color a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.sw-content {
    margin-top: 20px;
}

@media (min-width: 1000px) {
    /* Rahmen um CONTENT verschwindet wenn kleiner als 1000px */
    .RESPONSIVE.sw-content {
        margin-left: 20px;
        margin-right: 20px;
    }
}

/*
.sw-content ul {
margin-left:15px;
}
.sw-content ol {
margin-left:0px;
padding-left:21px;
}
.logo.grafik {
margin-top:10px;
margin-bottom:10px;
}*/


/*  **************** BUTTONS *************** */

/*  **** Schrift & Links ***** */
.RESPONSIVE.sw-content .button-text,
.RESPONSIVE.sw-content .button,
.RESPONSIVE .news-single-backlink {
    font-size: 17px;
}

@media (max-width: 600px) {
    .RESPONSIVE.sw-content .button-text,
    .RESPONSIVE.sw-content .button,
    .RESPONSIVE .news-single-backlink {
        font-size: 15px;
    }
}

.RESPONSIVE .news-single-backlink a:link,
.RESPONSIVE .news-single-backlink a:visited,
.RESPONSIVE .news-single-backlink a:active,
.RESPONSIVE.sw-content a:link.button,
.RESPONSIVE.sw-content a:visited.button,
.RESPONSIVE.sw-content a:active.button,
.RESPONSIVE.sw-content .button a:link, /* Alte Buttons */
.RESPONSIVE.sw-content .button a:visited,
.RESPONSIVE.sw-content .button a:active {
    color: #ffffff;
    outline: 0 none;
    text-decoration: none;
}

.RESPONSIVE .news-single-backlink a:focus,
.RESPONSIVE .news-single-backlink a:hover,
.RESPONSIVE.sw-content a:focus.button,
.RESPONSIVE.sw-content a:hover.button,
.RESPONSIVE.sw-content .button a:focus, /* Alte Buttons */
.RESPONSIVE.sw-content .button a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/*  **** Icons ***** */
.RESPONSIVE.sw-content .button img {
    padding: 0;
}

.RESPONSIVE .button {
    background: #002f53 none repeat scroll 0 0;
}

.RESPONSIVE .button.tip-static {
    margin-bottom: 60px;
}


.RESPONSIVE.sw-content a.button,
.RESPONSIVE .news-single-backlink a {
    display: inline-block;
    padding: 10px 20px 10px 20px;
}

.RESPONSIVE.sw-content a.button.download {
    position: realative;
    padding: 10px 20px 10px 80px;
    float: right;
}

.RESPONSIVE.sw-content a.button.konfig {
    position: realative;
    padding: 10px 20px 10px 58px;
    float: right;
}

@media (max-width: 480px) {
    .RESPONSIVE.sw-content a.button.download,
    .RESPONSIVE.sw-content a.button.konfig {
        float: left;
    }
}

.RESPONSIVE.sw-content .button.download,
.RESPONSIVE.sw-content a.button.konfig {
    position: relative;
}


.RESPONSIVE.sw-content a.buttonXXX.download:before {
    content: "Diese Stellenanzeige als PDF";
    color: #58585a;
    text-align: right;
    width: 250px;
    position: absolute;
    top: 10px;
    right: 210px;
}

@media (max-width: 800px) {
    .RESPONSIVE.sw-content a.buttonXXX.download:before {
        display: none;
    }
}

.RESPONSIVE.sw-content .button.back {
    float: left;

}

.RESPONSIVE .button-text {
    float: right;
    margin: 10px 0 0px 0px;
    padding: 10px 20px;
}


.RESPONSIVE.sw-content.PAGE-single .back.button {
    margin-top: 40px;
}

/*@media (min-width: 551px) and (max-width: 870px) {
.RESPONSIVE.sw-content.PAGE-single .back.button {
  position:absolute;
  bottom:10px;
  margin-top:0px;
}
}*/

.RESPONSIVE.sw-content .button.link {
    float: left;
}

.RESPONSIVE.sw-content .button {
    display: inline-block;
    /*margin:10px 20px 20px 20px;*/
}

.RESPONSIVE .news-single-backlink,
.RESPONSIVE.sw-content.TYP-category .button {
    display: inline-block;
    margin: 40px 20px 20px 20px;
}


.RESPONSIVE.sw-content .link.button a {
    padding: 10px 20px 10px 40px;
}

.RESPONSIVE.sw-content .konfig.button a {
    padding: 10px 20px 10px 60px;
}


.RESPONSIVE.sw-content .link.button {
    position: relative;
    margin: 10px 20px 20px 0px;
}

.RESPONSIVE.sw-content .link.button img {
    position: absolute;
    bottom: -10px;
    left: 8px;
}

.RESPONSIVE.sw-content .button.download img {
    position: absolute;
    top: -12px;
    left: 8px;
}


.RESPONSIVE.sw-content .konfig.button img {
    position: absolute;
    top: 7px;
    left: 14px;
}


/*  **** Tooltip ***** */
.RESPONSIVE .tip-static {
    position: relative;
    text-decoration: none;
}

.RESPONSIVE .tip-static:after { /* Container */
    content: attr(data-tooltip);
    position: absolute;
    bottom: -100%;
    background: #ccddee;
    padding: 5px 15px;
    color: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    /*
    opacity: 0;
    /* At time of this creation, only Fx4 doing pseduo transitions *//*
    -webkit-transition: all 0.4s ease;
    -moz-transition   : all 0.4s ease;*/
}

.RESPONSIVE .tip-static.left:after { /* Container */
    left: -30%;
}

.RESPONSIVE .tip-static.right:after { /* Container */
    right: 20px;
}


.RESPONSIVE .tip-static:before { /* Dreieck */
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 20px solid #ccddee;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    /* At time of this creation, only Fx4 doing pseduo transitions */
    /*
    -webkit-transition: all 0.4s ease;
    -moz-transition   : all 0.4s ease;
    opacity: 0;*/

    left: 50%;
    bottom: -30%;
}

@media (max-width: 480px) {
    .RESPONSIVE .tip-static.left:after,
    .RESPONSIVE .tip-static.right:after { /* Container */
        bottom: -100%;
        left: 10px;
        right: auto;
    }

    .RESPONSIVE .tip-static:before { /* Dreieck */
        left: 50%;
        bottom: -30%;
    }
}


/*  **** Tooltip MouseOver ***** */
.RESPONSIVE .tip-hover {
    display: none;
}

.RESPONSIVE .tip-hover:hover {
    position: relative;
    text-decoration: none;
    display: block;
}

.RESPONSIVE .tip-hover:hover:after { /* Container */
    content: attr(data-tooltip);
    position: absolute;
    bottom: -100%;
    left: -30%;
    background: #ccddee;
    padding: 5px 15px;
    color: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
}


/*Style Guide*/
.RESPONSIVE.sw-content.STYLE-GUIDE .section {
    background-color: #fcfdfe;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px solid #f4f4f8;
}

.RESPONSIVE.STYLE-GUIDE.sw-content {
    margin: 0;
    border-width: 0 0px 0;
    border-color: #f5f5f9;
    border-style: solid;
    overflow: hidden;
}

body div.STYLE-GUIDE.NEUTRAL h1,
body div.STYLE-GUIDE.NEUTRAL p,
body div.STYLE-GUIDE.NEUTRAL ul {
    color: #4b6d96;
}

body div.STYLE-GUIDE.NEUTRAL h2 {
    color: #4e6e8d; /* 17436d */
}

body div.STYLE-GUIDE.NEUTRAL h3 {
    color: #8c91b4;
}

body div.STYLE-GUIDE.NEUTRAL h4 {
    color: #4e6e8d;
}

.RESPONSIVE.STYLE-GUIDE.NEUTRAL h1 {
    font-size: 30px;
}

.RESPONSIVE.STYLE-GUIDE.NEUTRAL h2 {
    font-size: 36px;
}

.RESPONSIVE.STYLE-GUIDE.NEUTRAL h3 {
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: -20px;
}

.RESPONSIVE.STYLE-GUIDE.NEUTRAL .subnav li.head {
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
    font-size: 16px;
    text-transform: uppercase;
}

.RESPONSIVE.STYLE-GUIDE.NEUTRAL h4 {
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
    font-size: 17px;
}


code {
    font-size: 13px;
    background-color: transparent;
    color: #ccc;
    white-space: pre-line;
    padding: 0;
}

code span.highlight {
    color: #f1283f;
}

code span.lowlight {
    color: #551D5C;
}

.st-single-box.st-box-example,
.st-single-box.st-box-html,
.st-single-box.st-box-css {
    border-width: 1px;
    border-style: solid;
    border-color: #def;
    border-radius: 4px;
    box-shadow: none;
    position: relative;
    clear: both;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.RESPONSIVE.STYLE-GUIDE .st-box-1 {
    border-width: 1px;
    border-style: solid;
    border-color: #dde;
    border-radius: 4px;
    box-shadow: none;
    background-color: #eef;
    padding: 1.1%;
}

.RESPONSIVE.STYLE-GUIDE .box-grid {
    border-width: 1px;
    border-style: solid;
    border-color: #dde;
    background-color: #fafaff;
    padding: 1.1% 0.7%;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

.st-box-example,
.st-box-html,
.st-box-css {
    padding: 20px 15px 15px;

}

.RESPONSIVE.STYLE-GUIDE .st-box-html,
.RESPONSIVE.STYLE-GUIDE .st-box-css {
    background-color: #f7f8fd;
}

.st-box-example::after {
    content: "Beispiel";
}

.st-box-html::after {
    content: "HTML";
}

.st-box-css::after {
    content: "Styles";
}

.st-box-example::after,
.st-box-html::after,
.st-box-css::after {
    border-radius: 0 0 0 4px;
    background-color: #97bddb;
    padding: 6px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    right: 0px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: 0px;
}


.RESPONSIVE.AQUASU .st-single-box.st-box-example,
.RESPONSIVE.AQUASU .st-single-box.st-box-html,
.RESPONSIVE.AQUASU .st-single-box.st-box-css {
    border-color: #999;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    clear: both;
    min-height: 60px;
}

.RESPONSIVE.AQUASU .st-box-html,
.RESPONSIVE.AQUASU .st-box-css {
    background-color: #fff;
    margin-bottom: 20px;
}

.RESPONSIVE.AQUASU .st-box-example::after,
.RESPONSIVE.AQUASU .st-box-html::after,
.RESPONSIVE.AQUASU .st-box-css::after {
    border-radius: 0;
    background-color: #999;
}


.RESPONSIVE div.subnav .st-sticky {
    width: 235px;


}

.RESPONSIVE div.subnav ul {
    margin-left: 10px;
    padding: 0px;
}

.RESPONSIVE div.subnav ul ul {
    margin-left: 10px;
    padding: 0px;
}

.RESPONSIVE div.subnav ul li,
.RESPONSIVE div.subnav ul li ul li {
    list-style: none;
}


div,
ul,
p,
a,
img {
    border: 0px solid #555;
}

.FOOTER div {
    border: 0px solid #ddd;
}


.BANNER.level {
    padding-top: 20px;

}


.FOOTER.level {
    overflow: hidden;
}

#footerWrapper .overview > div,
.FOOTER.level .section > div {
    float: left;
}


#footerWrapper h2.csc-firstHeader a, /* ALT */
.FOOTER.level h2.csc-firstHeader a {
    font-size: 17px;
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    font-weight: normal;
    letter-spacing: 0.03em;
    color: #002f53;
}

.dropdown a:link,
.dropdown a:visited,
.dropdown a:hover,
.dropdown a:active {
    font-size: 17px;
}

#footerWrapper p.bodytext a, /* ALT */
.FOOTER.level p.bodytext a {
    font-size: 14px;
    font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    font-weight: normal;
    letter-spacing: 0.03em;
    color: #58585A;
}

#footerWrapper .subtitle, /* ALT */
#footerWrapper .subtitle a, /* ALT */
#footerWrapper .subtitle a:visited, /* ALT */
#footerWrapper .subtitle a:active, /* ALT */
#footerWrapper ul li.head, /* ALT */
#footerWrapper ul li.head a, /* ALT */
#footerWrapper ul li.head a:visited, /* ALT */
#footerWrapper ul li.head a:active /* ALT */
.FOOTER.level ul li.head,
.FOOTER.level ul li.head a,
.FOOTER.level ul li.head a:visited,
.FOOTER.level ul li.head a:active {
    margin: 20px 0 10px;
    padding: 0;
    font-size: 16px;
    line-height: 1.2em;
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    font-weight: normal;
    letter-spacing: 0.03em;
    color: #bdccd8;
    text-transform: uppercase;
}

#footerWrapper .subtitle a:focus, /* ALT */
#footerWrapper .subtitle a:hover, /* ALT */
.FOOTER.level ul li.head a:focus,
.FOOTER.level ul li.head a:hover {
    color: #dae0e8;
    text-decoration: none;
}

#footerWrapper ul, /* ALT */
#footerWrapper ul a, /* ALT */
#footerWrapper .news-latest-container h3.news_headline span.date, /* ALT */
#footerWrapper .news-latest-container h3.news_headline a, /* ALT */
#footerWrapper .news-latest-container h3.news_headline, /* ALT */
.FOOTER.level ul,
.FOOTER.level ul a,
.FOOTER.level .news-latest-container h3.news_headline span.date,
.FOOTER.level .news-latest-container h3.news_headline a,
.FOOTER.level .news-latest-container h3.news_headline,
.PODD.level .section li a,
.PODD.level .section p {
    color: #dae0e8;
    font-size: 14px;
    font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 1.4em;
}


#footerWrapper ul li,
#footerWrapper ol li,
#footerWrapper .news-latest-container .news,
.FOOTER.level ul li,
.FOOTER.level ol li,
.FOOTER.level .news-latest-container .news {
    margin-bottom: 3px; /* Abstand der Bullets */
}


.FOOTER.level .downloads ul ul {
    padding-bottom: 0;
}

.FOOTER.level .aktuelles ul {
    padding-bottom: 0;
    padding-right: 0;
}

.FOOTER.level .section .designwelten,
.FOOTER.level .section .marken,
.FOOTER.level .section .downloads,
.FOOTER.level .section .unternehmen,
.FOOTER.level .section .aktuelles {
    padding-bottom: 10px;
}

.FOOTER.level .section.logo {
    margin-top: 20px;
    background-color: #ebf3fa;
    overflow: hidden;
}

.FOOTER.level .section.logo ul {
    line-height: 1.1em;
    color: #929292;
}

.FOOTER.level .section.logo div {
    padding-bottom: 20px;
}

.FOOTER.level .section.logo.dock-bottom {
    position: absolute;
    bottom: 0px;
    right: 0;
}

.PODD.deck {
    padding-bottom: 5px;
}

.PODD.level {
    padding-top: 10px;
    padding-left: 20px;
}

.PODD.level .section ul {
    padding-right: 20px;
    padding-bottom: 12px;
}

.PODD.level .section ul li {
    list-style: none;
    float: left;
}

/********************************* * Medien *********************************************/
/********************************* * Medien *********************************************/

/* Headline bei Leistungeserklärungen (#p68) ausgeblendet */
body#p68 .tx-avency-sanitopdm h3 {
    display: none;
}

/*
     FILE ARCHIVED ON 20:51:18 Apr 25, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:43:38 Jul 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.404
  exclusion.robots: 0.049
  exclusion.robots.policy: 0.041
  esindex: 0.006
  cdx.remote: 7.136
  LoadShardBlock: 104.75 (3)
  PetaboxLoader3.datanode: 54.417 (5)
  PetaboxLoader3.resolve: 266.882 (3)
  load_resource: 276.319
  loaddict: 57.809
*/