html {
    font-size: 100%;
}

body {
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
}

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

.content ul {
    font-size: 17px !important;
}

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

#c142 .carousel {
    margin: 0 44px 30px 36px !important;
}

/* News */

.showResults {
    padding-top: 20px;
}

/* DL Bereich */

.tx-avency-sanitopdm {
    padding-left: 40px; /* Innenabstand links */
}

#c277 h3,
#c271 h3 { /* unterdrückt H3 */
    display: none;
}

.tx-avency-sanitopdm ul {
    border-bottom: 0 solid #e4e4e4; /* unterdrückt Linie */
    padding-left: 0;
}

.dropdown a.dir {
    font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', Helvetica, 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/20230425205903im_//fileadmin/templates/sanitop.de/img/footer_shadow.jpg"), url("/web/20230425205903im_//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;
}

#footerWrapper h2.csc-firstHeader a {
    font-size: 17px;
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, 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 {
    font-size: 14px;
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    letter-spacing: 0.03em;
    color: #58585A;
}

#footerWrapper .subtitle,
#footerWrapper .subtitle a,
#footerWrapper .subtitle a:visited,
#footerWrapper .subtitle a:active {
    margin: 20px 0 10px;
    padding: 0;
    font-size: 16px;
    line-height: 1.2em;
    font-family: 'Myriad Pro Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #bdccd8;
    text-transform: uppercase;
}

#footerWrapper .subtitle a:focus,
#footerWrapper .subtitle a:hover {
    color: #dae0e8;
    text-decoration: none;
}

#footerWrapper ul,
#footerWrapper ul a {
    color: #dae0e8;
    font-size: 14px;
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    letter-spacing: 0.03em;
}

#footerWrapper .news-latest-container h3.news_headline a {
    color: #dae0e8;
    font-size: 13px !important;
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    letter-spacing: 0.04em;
}

#footerWrapper .news-latest-container h3.news_headline span.date {
    color: #dae0e8;
    font-size: 14px !important;
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;

}

#contentWrapper .categorie img {
    padding-right: 0px !important;
    margin-top: 0px !important;
}

.carousel {
    margin: 0 0 30px 0 !important;
}

#contentWrapper .categorie {
    margin: 0px 0 0 0 !important;
}

#contentWrapper {
    padding: 20px 0 0 0;
!important;
    position: relative;
}

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

.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;
}

/* Pluszeichen nicht für größere Bildschirme */
/*
@media (min-width: 768px) {
.dropdown > .hasSub i {
display: none;
}
}
.dropdown .level2 a {
padding: 11px 14px 11px 14px;
font-weight: normal;
}


@media (min-width: 768px) {
#headerWrapper ul.dropdown li.hasSub.active {
background-color: #f7f7f7;
}
}
@media (min-width: 599px) {
#headerWrapper ul.dropdown li.active {
padding: 0;
}
#headerWrapper ul.dropdown li:hover > a.dir {
position: relative;
z-index: 1000;
background-color: #f7f7f7;
}

#headerWrapper ul.dropdown ul.level2 li:hover a {
box-shadow: none;
}

#headerWrapper ul.dropdown ul {
background-color: #f7f7f7;
opacity: 1;
width: inherit;
margin-top:-1px;
}
#headerWrapper ul.dropdown ul a {
padding: 10px 15px;
}
#headerWrapper ul.dropdown ul a:hover {
background-color: #dde7ef;
color: #002F56
}
#headerWrapper ul.dropdown ul li a,
#headerWrapper ul.dropdown ul li a:visited {
color: #7788aa;
border-bottom: 1px solid #dbe0e8;
}
#headerWrapper ul.dropdown ul li:last-child a {
border-bottom: 0;
}
} /* min-width: 599px */
/* LWIS HAS LEFT THE BUILDING */


/****************** * von Sanitop-Wingenroth ******************/

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

.clearfix {
    display: inline-block;
}

.clear {
    clear: both;
}

.overflow {
    overflow: hidden;
}

.center {
    text-align: center;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.block li {
    display: block !important;
}

.padding-top-xs {
    padding-top: 5px !important;
}

.padding-top-s {
    padding-top: 10px !important;
}

.padding-top {
    padding-top: 20px !important;
}

.padding-top-l {
    padding-top: 40px !important;
}

.padding-left-s {
    padding-left: 10px !important;
}

.padding-left {
    padding-left: 20px !important;
}

.padding-left-ml {
    padding-left: 30px !important;
}

.padding-left-xxl {
    padding-left: 85px !important;
}

.padding-right-s {
    padding-right: 10px !important;
}

.padding-right {
    padding-right: 20px !important;
}

.padding-bottom {
    padding-bottom: 20px !important;
}


.margin-top-s {
    margin-top: 10px
}

#contentWrapper .categorie .margin-top {
    margin-top: 20px
}

.margin-top-ml {
    margin-top: 30px
}

.margin-top-l {
    margin-top: 40px
}

.margin-right-s {
    margin-right: 10px
}

.margin-right {
    margin-right: 20px
}


.margin-bottom-s {
    margin-bottom: 10px
}

.margin-bottom {
    margin-bottom: 20px
}

.margin-bottom-l {
    margin-bottom: 40px
}


.margin-left {
    margin-left: 20px
}

/*auch für NEU*/

.width-33 {
    width: 33% !important;
}

/****************** * HEADER ******************/


/**** Die Headline-Klasse .sw erhöht die Spezifität des Tags ****/

.sw_header,
.sw_header-wiroflex {
    width: 980px;
    overflow: hidden;
}

/****** * SW Farben *******/
.bg-neutral,
.link-button.neutral {
    background: #002f53;
}

/****** * sw dunkelblau *******/
.bg-white {
    background: #ffffff;
}

.text-white,
.text-white a {
    color: #ffffff !important;
}

.text-black,
.text-black a {
    color: #000000 !important;
}

.text-grey {
    color: #58585a !important;
}

.border-sw-2 {
    border: 1px solid #395b7c;
}

/****** * aquaSu Farben *******/
.bg-aquasu,
.link-button.aquasu {
    background: #000000;
}

.link-button.aquasu,
.link-button.badelust {
    border: 1px solid #444444;
}


.bg-brausen-neuheit {
    background: #d10019;
}

/****** * rot *******/
.bg-brausen-comfort {
    background: #007e97;
}

/****** * petrol *******/
.bg-brausen-classic {
    background: #a5c753;
}

/****** * hellgrün *******/
.bg-brausen-deluxe {
    background: #dd2569;
}

/****** * magenta *******/
.bg-brausen-style {
    background: #65c3d5;
}

/****** * cyan *******/
.bg-img-brausen {
    background-image: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/aquasu/sw_marken_aquasu_brausen_bg.jpg");
}

.bg-wellness {
    background: #620b38;
}

/****** * beere *******/


.bg-mineralguss {
    background: #606163;
}

/****** * dunkelgrau (77% schwarz) *******/

.bg-coldgrey {
    background: #eaeaea;
}

/****** * hellgrau (10% schwarz) *******/

.bg-img-armaturen {
    background-image: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/aquasu/sw_marken_aquasu_armaturen_bg.jpg");
}

/****** * Badelust Farben *******/
.bg-badelust,
.link-button.badelust {
    background: #1e0e04;
}

/****** * braun *******/

.bg-wannen,
.link-button.wannen {
    background: #5db4bd;
}

/****** * türkis *******/
.bg-dusch,
.link-button.dusch {
    background: #a78bbc;
}

/****** * lila *******/
.bg-whirl,
.link-button.whirl {
    background: #b59c00;
}

/****** * orange *******/

.text-wannen {
    color: #5db4bd;
}

/****** * türkis *******/
.text-dusch {
    color: #a78bbc;
}

/****** * lila *******/
.text-whirl {
    color: #b59c00;
}

/****** * orange *******/

/****** * Wiroflex Farben *******/
.bg-wiroflex {
    background: #f6f6f6;
}

/****** * hellgrau (5% schwarz) *******/

.bg-steck {
    background: #144861;
}

/****** * blau *******/
.bg-steckhell {
    background: #e5e9ef;
}

/****** * hellblau *******/

.bg-press {
    background: #e3e4e5;
}

/****** * hellgrau (15% schwarz) *******/

.bg-schraub {
    background: #646567;
}

/****** * hellgrau (75% schwarz) *******/

.bg-einklinker-rot,
.link-button.wiroflex {
    background: #bc1720;
}

/****** * rot *******/

.text-wiroflex {
    color: #58585a;
}

/****** * grau (80% schwarz) *******/


/****** * Andere Farben *******/
.bg-meinwohnbad {
    background: #842967;
}

/****** * magenta *******/

.headerlogo {
    margin-top: 20px;
}


.sw_header h2.sw {
    margin: 20px 20px 10px 20px;
    font-size: 1.9em;
    font-weight: 100;
    color: #ffffff;
}

.sw_header h1.sw,
.sw_header ul {
    margin: 20px 20px 10px 20px;
    font-size: 17px;
    font-weight: lighter;
    letter-spacing: 0.055em;
    color: #ffffff;
}

.sw_header-wiroflex ul {
    margin: 0px 0px 10px 00px;
    font-size: 17px;
    font-weight: 100;
    color: #58585a;
}

.sw_header-badelust ul {
    margin: 0px 0px 10px 00px;
    font-size: 17px;
    font-weight: 100;
    letter-spacing: 0.1em;
    color: #ffffff;
}

.sw_header a:link,
.sw_header a:visited,
.sw_header a:active {
    color: #ffffff;
    outline: 0 none;
    text-decoration: none;
}

.sw_header a:focus,
.sw_header a:hover, {
    color: #ffffff;
    text-decoration: underline;
}


.sw_header-wiroflex h2.row2 {
    padding: 0px !important;
    margin-bottom: 10px;
    margin-right: 20px;
    font-size: 1.9em;
    line-height: 1.5em;
    font-weight: 100;
    color: #58585a;
}

.sw_header-badelust h2.row2 {
    padding: 30px 0px 0 0 !important;
    margin-bottom: 10px;
    margin-right: 20px;
    font-size: 1.9em;
    line-height: 1.5em;
    font-weight: 100;
    color: #ffffff;
}

.sw_header-badelust a:link,
.sw_header-badelust a:visited,
.sw_header-badelust a:active {
    color: #ffffff;
    outline: 0 none;
    text-decoration: none;
}

.sw_header-badelust a:focus,
.sw_header-badelust a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.sw_header-wiroflex a:link,
.sw_header-wiroflex a:visited,
.sw_header-wiroflex a:active {
    color: #58585a;
    outline: 0 none;
    text-decoration: none;
}

.sw_header-wiroflex a:focus,
.sw_header-wiroflex a:hover {
    color: #58585a;
    text-decoration: underline;
}

/******************** * HEADER ******************/
/****************** * RESPONSIVE ******************/

@media (min-width: 630px) and   (max-width: 870px) {
    /*  */
    .sw_header h1.sw {
        margin: 30px 20px 20px 20px;
        font-size: 28px;
    }

    .sw_header ul {
        position: relative;
        top: -10px;
        margin: 0px 0px 20px 20px;
        font-size: 14px;
    }

}

@media (min-width: 871px) {
    /*  */
    .sw_header,
    .sw_header-wiroflex,
    .sw_header-badelust {
        height: 210px;
    }

    .headerlogo {
        margin-top: 68px;
    }

    .sw_header h1.sw {
        margin-top: 88px;
        font-size: 2.2em;
    }

    .sw_header h2.sw {
        margin-top: 88px;
        font-size: 28px;
    }

    .headerlogo-2 {
        margin-top: 45px;
    }

    .headertext-2 {
        margin-top: 35px;
    }

    .sw_header-wiroflex h2.row2,
    .sw_header-badelust h2.row2 {
        font-size: 1.9em;
        line-height: 1.3em;
    }

    .sw_header ul {
        font-size: 14px;
    }

}

/****************** * CONTENT ******************/

.space {
    width: 100%;
    height: 10px;
}

.space-m {
    width: 100%;
    height: 20px;
}

.herstellerlogo {
    border: 1px solid #000000;
    width: 120px;
    height: 276px;
    display: table-cell;
    vertical-align: middle
}

.sw_content {
    margin: 20px;
}

.sw_inner-rimTL {
    padding-top: 20px !important;
    padding-left: 20px !important;
}

.sw_inner-rimRB {
    padding-right: 20px !important;
    padding-bottom: 20px !important;
}


.sw_inner-content-mineralguss {
    margin: 20px 55px 20px 55px !important;
}

.sw_content h3.sw {
    padding: 0px;
    font-size: 1.7em;
    font-weight: 100;
    letter-spacing: -0.01em
}

.sw_content h4.sw {
    margin-bottom: 0px !important; /****************** * Formatierung aus main.css negiert ******************/
    margin-top: 0px !important; /****************** * Formatierung aus main.css negiert ******************/
    padding: 0px !important;
    font-size: 2.5em;
    font-weight: 100;
}

.sw-content h5.sw {
    padding: 0px;
    font-size: 1.6em;
    font-weight: 100;
    line-height: 1.7em;

}


.sw_content h6.sw {
    padding: 0px;
    font-size: 0.8em;
    font-weight: 300;
    line-height: 1.2em;
}

.padding {
    padding: 5px 20px 5px 20px;
    font-size: 1.2em;
    font-weight: 300;
}

.col-2 {
    width: 49%;
}

.text-bold {
    font-weight: bold !important;
}

.text-m {
    font-size: 15px;
    font-weight: 200;
    line-height: 1.3em;
    margin-bottom: 5px;
}

.text-ml { /**** Text-m mit erhöhtem Zeilenabstand *****/
    font-size: 0.9em !important;
    font-weight: 100;
    line-height: 1.7em;
}

.text-l {
    font-size: 1.1em !important;
    font-weight: 100;
    line-height: 1.7em;
}

.sw_content p.headbox {
    margin: 0px !important; /****************** * Formatierung aus main.css negiert ******************/
    font-size: 1.1em;
    font-weight: 100;
    line-height: 1.7em; /****************** * auf 1.7 zurück ändern, texte korrekt formatieren ******************/
}

.sbr br {
    line-height: 0.1em;
}

.width-auto-left {
    width: auto;
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
}

.width-auto-right {
    width: auto;
    float: right;
    margin-left: 100%;
    margin-bottom: 10px;
}

.sw_inner-rim-textbutton {
    padding-top: 10px !important;
    padding-right: 20px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
}


.testborder {
    border: 1px solid #000000;
}


.kleinerskaliert {
    transform: scale(0.8);
}

.width-900 {
    width: 900px;
}

.width-100 {
    width: 100%;
}


.width-half {
    width: 440px;
}

.width-half-wiroflex {
    width: 430px;
}

.width-half-wiroflex-fix {
    width: 240px;
}


.width-whirl-fix {
    width: 300px;
}

.textbox-2 {
    width: 220px;
}

.textbox-1 {
    width: 180px;
}


.brausen-text {
    height: 289px;
    padding-top: 93px !important;
}

.border-top-bottom {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.brausen-textbox {
    width: 200px;
    padding-top: 50px !important;
    padding-left: 20px;
    padding-right: 10px;
}

ul.list li,
ul.list li.list {
    width: 220px;
    list-style-type: disc inside none !important;
    list-style: disc inside none !important;
    margin-left: 10px !important;
    padding-left: 10px !important;
}


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


/****************** * SAUBER UMGESETZT ******************/

/*
1. HEADER
1.1 HEADER - Allgemeines
1.2 HEADER - Herstellermarken
1.3 HEADER - AQUASU
1.4 HEADER - MILAMONDO
1.5 HEADER - BADELUST
1.6 HEADER - Sitzplatz
1.7 HEADER - Handwerk
1.8 HEADER - Wiroflex

2. CONTENT

2.1 LAYOUTS
2.1.1 - Layout 1
2.1.2 - Layout 1A
2.1.3 - Layout 2
2.1.4 - Layout 2A

1.1 CONTENT - Allgemeines
1.2 CONTENT - Herstellermarken
1.3 CONTENT - AQUASU
1.4 CONTENT - MILAMONDO
1.5 CONTENT - BADELUST
1.6 CONTENT - Sitzplatz
1.7 CONTENT - Handwerk
1.8 CONTENT - Wiroflex




*/
/****************** * Schriftgrößen bei Myriad Pro  ******************/

/********* * Schriftgrößen Header  *********************************************/
.sw-header h1 {
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: none;
    font-size: 35px;
    line-height: 1.5em;
    font-weight: normal;
    letter-spacing: 0.03em; /* 0 bei alter Schrift */
}

.sw-header h2 {
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: none;
    font-size: 25px; /* 1.8em - 25px */
    line-height: 1.25em; /* 1.25em - */
    font-weight: normal;
    /*-moz-osx-font-smoothing: grayscale;*/
    letter-spacing: 0.01em; /* 0 bei alter Schrift */
}

.sw-header ul {
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 17px !important; /* 1.15em */
    font-weight: normal;
    /*-moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
    letter-spacing: 0.05em; /* 0 bei alter Schrift */
    padding: 0 3px;
}

/********* * Schriftgrößen Content  *********************************************/
.sw-content h1 {
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    margin: 0px;
    padding: 0;
    font-size: 27px;
    line-height: 34px;
    letter-spacing: 0.01em;
}

.news-list-container .news-list-item h3,
.news-single-item h3,
.tx-avency-sanitopdm h2 {
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    padding: 0;
    font-size: 27px; /* 1.7 bei alter Schrift */
    line-height: 1.2em;
    letter-spacing: 0.03em; /* -0.01 bei alter Schrift */
}

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

.news-single-item h2 {
    margin: 0 0 20px 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
}

.sw-content h2 {
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: none;
    margin: 0;
    padding: 0;
    font-size: 17px; /*1.15*/
    font-weight: normal;
    line-height: 1.5em;
    letter-spacing: 0.02em;
}

.news-list-container .news-list-item p,
.news-single-item p,
.sw-content p {
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    margin-top: 0;
    font-size: 17px; /*1.15*/
    line-height: 1.6em;
    margin-bottom: 0px; /*1.1em*/
}

.sw-content ol li,
.sw-content ul li {
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    margin-top: 0 !important;
    font-size: 17px;
    font-weight: 200;
    line-height: 1.2em;
    margin-bottom: 8px;
}


.sw-content ol.small li,
.sw-content ul.small li,
.sw-content .small p,
.sw-content .small ol li,
.sw-content .small ul li {
    margin-top: 0 !important;
    font-size: 15px;
    font-weight: 200;
    line-height: 1.3em;
    margin-bottom: 5px;
}

.sw-content h3 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    font-size: 25px; /*1.8*/
    font-weight: 200;
    line-height: 30px;
    letter-spacing: 0.03em
}

.sw-content h4 { /* fetter für ie */
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, 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) */
}

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

.sw-content h6 {
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, 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;
}


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

.sw-content strong {
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;

}

.sw-content ul li.no-bullet {
    list-style: none;
}

.content ul li ul {
    margin: 0;
    padding-left: 20px;
}

/****************** * 1. HEADER - Farben und Abstände ******************/

/****************** * 1.1 HEADER - Allgemeines ******************/
.sw-header {
    overflow: hidden;
    height: 210px;
}

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

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

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

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

/****************** * 1.2 HEADER - Designwelten ******************/
.sw-header.DESIGNWELTEN {
    padding: 85px 20px 20px 20px;
    background: #3e3e40; /** * dunkelgrau  **/
    text-align: center;
    margin-bottom: 20px; /* Abstand zum Slider */
}

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


/****************** * 1.2 HEADER - Neutral (Markenwelten + Unternehmen + (Herstellermarken) ) ******************/
.sw-header.NEUTRAL {
    padding: 62px 0px 0px 20px;
    background: #002f53; /** * dunkelblau **/
    text-align: center;
}

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

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

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

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

.sw-header.NEUTRAL.HERSTELLERMARKEN {
    padding: 85px 20px 20px 20px;
    background: #88888e; /** * grau **/
}

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

/****************** * 1.3 HEADER - AQUASU ******************/
.sw-header.AQUASU {
    padding: 49px 0px 0px 20px;
    background: #000000; /** * schwarz **/
}

.sw-header.AQUASU .brandlogo {
    margin: 10px 20px;
}

.sw-header.AQUASU div h2 {
    margin: 25px 20px 2px 20px;
    color: #ffffff;
}

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

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

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

/****************** * 1.4 HEADER - MILAMONDO ******************/
.sw-header.MILAMONDO {
    padding: 63px 0px 0px 20px;
    background: #000000; /** * schwarz **/
}

.sw-header.MILAMONDO .brandlogo {
    margin: 10px 5px 10px 20px;
}

.sw-header.MILAMONDO div h2 {
    margin: 20px 20px 2px 20px;
    color: #ffffff;
}

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

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

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

/****************** * 1.5 HEADER - BADELUST ******************/
.sw-header.BADELUST {
    padding: 65px 0px 0px 20px;
    background: #1e0e04; /** * braun **/
}

.sw-header.BADELUST .brandlogo {
    margin: 10px 20px;
}

.sw-header.BADELUST div h2 {
    margin: 12px 20px 3px 20px;
    color: #ffffff;
}

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

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

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

/****************** * 1.6 HEADER - SITZPLATZ ******************/
.sw-header.SITZPLATZ {
    padding: 42px 0px 0px 20px;
    background: #ffffff; /** * weiß **/
    background-image: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/sitzplatz/sw_marken_sitzplatz_bg.jpg");
}

.sw-header.SITZPLATZ .brandlogo {
    margin: 10px 20px;
}

.sw-header.SITZPLATZ div h2 {
    margin: 39px 0 0px 20px;
    color: #000000;
}

/****************** * 1.7 HEADER - HANDWERK ******************/
.sw-header.HANDWERK {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 42px 0px 0px 20px;
    background: #ffffff; /** * weiß **/
}

.sw-header.HANDWERK .brandlogo {
    margin: 10px 20px;
}

.sw-header.HANDWERK div h2 {
    margin: 50px 0 0px 20px;
    color: #002e60;
}

/****************** * 1.7 HEADER - WIROFLEX ******************/
.sw-header.WIROFLEX {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 55px 0px 0px 20px;
    background: #ffffff; /** * schwarz **/
}

.sw-header.WIROFLEX .brandlogo {
    margin: 10px 20px;
}

.sw-header.WIROFLEX div h2 {
    margin: 15px 20px 5px 20px;
    color: #58585a;
}

.sw-header.WIROFLEX div ul {
    margin: 0px 20px 20px 20px;
    color: #58585a;
}

.sw-header.WIROFLEX a:link,
.sw-header.WIROFLEX a:visited,
.sw-header.WIROFLEX a:active {
    color: #58585a;
}

.sw-header.WIROFLEX a:focus,
.sw-header.WIROFLEX a:hover {
    color: #58585a;
}


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

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

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

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

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

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

@media (min-width: 1000px) {
    .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;
}

.parent {
    padding-top: 20px;
    padding-left: 20px;
    overflow: hidden;
}

.head .text.parent > div,
.head .text.parent p,
.head .text.parent h1 {
    padding-right: 20px;
    padding-bottom: 20px;
}

.NEUTRAL.KARRIERE.short .head .text.parent > div {
    float: right;
    margin: 0px 20px 18px 20px !important;
    padding: 0px !important
}

@media (max-width: 721px) {
    /*  */
    .NEUTRAL.KARRIERE.short .head .text.parent > div {
        float: left;
        margin: 0px 20px 18px 0px !important;
    }
}

.NEUTRAL.KARRIERE.short .head .text.parent > h1 {
    float: left;
    font-size: 25px;
    padding-top: 4px;
}

.NEUTRAL.KARRIERE.short .head .text.parent > h1 span {
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.main .parent > div,
.main .parent > p {
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.AQ-ARMATUREN .head .text.parent > div {
    overflow: hidden;
}

.AQ-ARMATUREN .head .text.parent > div > p {
    float: left;
    width: 450px;
}

/*  **************** link-button *************** */

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

.sw-content .download.button {
    float: right;
}

.sw-content .link.button {
    float: right;
}

.sw-content .konfig.button {
    float: right;
}

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

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

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

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

.sw-content .download.button a {
    padding: 10px 20px 10px 80px;
}

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

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

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

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

.sw-content .download.button {
    position: relative;
    margin: 40px 0px 20px 0px;
}

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

.sw-content .konfig.button {
    position: relative;
    margin: 40px 20px 20px 0px;
}

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

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

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

/****************** * CONTENT - HOME STARTSEITE ********************************/
.sw-content.NEUTRAL .stoerer a:link,
.sw-content.NEUTRAL .stoerer a:visited,
.sw-content.NEUTRAL .stoerer a:active { /* Löschen */
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}

.sw-content.NEUTRAL .stoerer a:focus,
.sw-content.NEUTRAL .stoerer a:hover { /* Löschen */
    color: #fff;
    text-decoration: underline;
}


.HOME .GALLERY.HALF { /* Löschen */
    padding-top: 20px;
    padding-left: 20px;
    position: relative;
}

.HOME .GALLERY.HALF > div { /* Löschen */
    float: left;
    width: 440px;
    padding-right: 20px;
}

.HOME .GALLERY.HALF h1 { /* Löschen */
    padding-bottom: 20px;
}

.HOME .GALLERY.HALF img { /* Löschen */
    margin-left: 40px;
}

.HOME .stoerer { /* Löschen */
    background: #002f53;
    top: 175px;
    right: 5px;
    overflow: hidden;
    padding: 5px 20px;
    position: absolute;
    z-index: 11;
}

.HOME .stoerer p,
.RESPONSIVE.sw-content.HOME .stoerer p { /* Löschen */
    color: #fff;
}

/****************** * CONTENT - F404 ********************************/
.F404 .LAYOUT > div {
    width: 670px;
}

.F404 .grafik {
    margin: auto;
}

.F404 .grafik > img {
    float: right;
    width: 470px;
    height: 445px;
}

.F404 .stoerer {
    position: absolute;
    top: 270px;
    left: 60px;
}

.F404 .stoerer p {
    margin-top: 20px;
    background: #002F53;
    color: #fff;
    padding: 10px 20px;
}

/****************** * CONTENT - DESIGNWELTEN ********************************/

.sw-content.DESIGNWELTEN {
}


.news-single-img img {

}

/****************** * CONTENT - MARKEN ********************************/

.NEUTRAL .sw-brands > div {
    width: 430px;
    margin-right: 20px;
    overflow: hidden;
}

.NEUTRAL .sw-brands > div > div {
    height: 134px;
    text-align: center;
}

.NEUTRAL .sw-brands > div > div a {
    display: inline-block;
    width: 430px;
    height: 134px;
    padding: 20px 10px;
}

.NEUTRAL .sw-brands .aquasu a {
    background: #000000;
    padding-top: 21px;
    padding-right: 11px;
}

.NEUTRAL .sw-brands .milamondo a {
    background: #000000;
    padding-top: 33px;
}

.NEUTRAL .sw-brands .badelust a {
    background: #1e0e04;
    padding-top: 37px;
}

.NEUTRAL .sw-brands .sitzplatz a {
    background-image: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/sitzplatz/sw_marken_sitzplatz_bg.jpg");
    border: 1px solid #ccc;
    padding-top: 23px;
}

.NEUTRAL .sw-brands .handwerk a {
    border: 1px solid #ccc;
    padding-right: 16px;
}

.NEUTRAL .sw-brands .wiroflex a {
    padding-top: 30px;
    border: 1px solid #ccc;
    padding-top: 37px;
}

.NEUTRAL .back.button,
.NEUTRAL .download.button {
    background: #002f53; /****** * dunkelblau *******/
    margin-left: 20px;
}

.news-single-backlink {
    background: #002f53; /****** * dunkelblau *******/
    margin-left: 0px;
}

.NEUTRAL.KARRIERE .back.button {
    background: #002f53; /****** * dunkelblau *******/
    margin-left: 0px;
}

.NEUTRAL.HERSTELLERMARKEN .back.button {
    background: #88888e; /****** * grau *******/
    margin-left: 20px;
}

.NEUTRAL .button-text {
    color: #58585a; /****** * grau *******/
}

.sw-content.NEUTRAL.AGB,
.sw-content.NEUTRAL.IMPRESSUM,
.sw-content.NEUTRAL.KONTAKT {
    margin-top: 0;
}

.agb-1-head,
.agb-2-head {
    font-size: 14px;
    font-weight: 800;
    float: left;
    padding-right: 20px;
    padding-bottom: 5px;
    color: #58585a;
}

.agb-1,
.agb-2 {
    font-size: 14px;
    float: left;
    padding-right: 20px;
    padding-bottom: 10px;
    color: #58585a;
}

.agb-1,
.agb-1-head {
    width: 40px;
}

.agb-2,
.agb-2-head {
    width: 860px;
}

/****************** * MARKEN - HERSTELLERMARKEN ******************/

.HERSTELLERMARKEN .GALLERY.COL4 {
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
}

.HERSTELLERMARKEN .GALLERY.COL4 > div {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 2px solid #f5f5f5;
}

.HERSTELLERMARKEN .GALLERY.COL4 > div img {
    width: 210px;
    height: 210px;
}

/****************** * 2.1.1 LAYOUT 1 - Headgrafik 940px + Text unterhalb **/
.head.LAYOUT-1 {
    overflow: hidden;
    position: relative;
}

.head.LAYOUT-1 .grafik > img {
    width: 940px;
    height: 400px;
}

.head.LAYOUT-1 .grafik:after {
    content: "";
    height: 10px;
    background: #ffffff;
    display: block;
}

/****************** * 2.1.2 LAYOUT 1A - Headgrafik 980px * 210px + Text unterhalb, Subnavi entfällt **/
.head.LAYOUT-1A .grafik > img {
    width: 980px;
    height: 210px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 10px;
}

/****************** * 2.1.3 LAYOUT 2 - hälfte = 470 + Text 470 **/
.head.LAYOUT-2 {
    overflow: hidden;
}

.head.LAYOUT-2 .grafik > img {
    width: 470px;
    height: 400px;
    margin-bottom: 0px;
}

.AQ-WELLNESS .head.LAYOUT-2 .grafik > img {
    width: 470px;
    height: 445px;
    margin-bottom: 0px;
}

.head.LAYOUT-2 > div {
    width: 470px;
    float: left;
}

/****************** * 2.1.4 LAYOUT 2A - mit Rand = 470 + Text 450 **/
.head.LAYOUT-2A {
    overflow: hidden;
}

.head.LAYOUT-2A .grafik > img {
    width: 470px;
    height: 400px;
    margin-bottom: 0px;
}

.head.LAYOUT-2A > div {
    width: 450px;
    float: left;
}

/****************** * LAYOUT 2B -  **/
.head.LAYOUT-2B {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.head.LAYOUT-2B .grafik > img {
    width: 940px;
    height: 400px;
    margin-bottom: 0px;
}

.head.LAYOUT-2B > div.text {
    position: absolute;
    top: 20px;
    left: 470px;
    width: 450px;
    z-index: 99;
}

/****************** * 2.1.4 LAYOUT 2C - Bild verschoben mit Rand = 470 + Text 450 **/
.head.LAYOUT-2C {
    overflow: hidden;
}

.head.LAYOUT-2C .grafik {
    padding-top: 20px;
    padding-bottom: 20px;
}

.head.LAYOUT-2C .grafik > img {
    margin-left: 10px;
    width: 470px;
    height: 585px;
}

.head.LAYOUT-2C > div {
    width: 470px;
    float: left;
}

/****************** * E-TEXT-01 ************/
.E-TEXT-01 {
    overflow: hidden;
    padding-top: 20px;
    padding-left: 20px;
}

.E-TEXT-01 h1,
.E-TEXT-01 p {
    padding-bottom: 20px;
    padding-right: 20px;
}

/****************** * Gilt für alle Galleryelemente ************/
.SE-GALLERY-FLEX-01 p,
.SE-GALLERY-COL4-01 p,
.SE-GALLERY-COL3-01 p, {
    margin-top: 0 !important;
    font-size: 0.86em;
    font-weight: 100;
    line-height: 1.3em;
    margin-bottom: 0;
    padding-left: 10px;
}

.SE-GALLERY-FLEX-01 p sup {
    vertical-align: middle;
    font-size: 14px;
}

#contentWrapper .NEWSIMG img {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/****************** * BREITEN ******************/
.width-half-2 {
    width: 470px;
}

/****************** * NEUTRAL - FARBEN und HINTERGRÜNDE ******************/
.NEUTRAL.KARRIERE p {
    padding-bottom: 20px;
}

.NEUTRAL.KARRIERE.TEXTBOX {
    background: #e9eff4; /****** * hellblau *******/
    overflow: hidden;
}

.NEUTRAL.KARRIERE .TEXTBOX,
.NEUTRAL.KONTAKT .TEXTBOX {
    background: #e9eff4; /****** * hellblau *******/
    overflow: hidden;
    padding-top: 20px;
    padding-left: 20px;
}

.NEUTRAL .TEXTBOX.bg-white {
    background: #fff; /****** * hellblau *******/
    margin-bottom: 30px;
}

.NEUTRAL .TEXTBOX p,
.NEUTRAL .TEXTBOX h1 {
    padding-right: 20px;
    padding-bottom: 20px;
}

div:not(.RESPONSIVE).NEUTRAL .TEXTBOX > div {
    width: 460px;
}

.NEUTRAL .TEXTBOX > div {
    float: left;
}

.NEUTRAL.KARRIERE p {
    padding-bottom: 20px;
}

.NEUTRAL.KARRIERE .TEXTBOX > .einklinker {
    background: #002f53; /****** * 8198b2blau *******/
    padding-top: 20px;
    padding-left: 20px;
}

.NEUTRAL.KARRIERE .TEXTBOX > .einklinker p {
    color: #fff;
}

.NEUTRAL.KARRIERE .TEXTBOX p.adresse {
    line-height: 22px;
}

.NEUTRAL.KARRIERE .bannerrund {
    background-image: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/sw_unternehmen_banner_rund.png");
    width: 199px;
    height: 199px;
    position: absolute;
    left: 540px;
    top: 296px;
}

.NEUTRAL.KARRIERE .bannerrund p {
    color: #fff;
    font-size: 22px;
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    -moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
    font-weight: normal;
    text-align: center;
    padding-top: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.NEUTRAL.KARRIERE.TRAINEE .bannerrund p {
    padding-top: 45px;
}


/****************** * DESIGNWELTEN - FARBEN und HINTERGRÜNDE ******************/
.DESIGNWELTEN .link.button {
    background: #842967; /****** * magenta *******/
    margin-top: 20px;
    margin-right: -20px; /****** * direkt an Außenkante *******/
}

.DESIGNWELTEN .button-text {
    color: #58585a; /****** * grau *******/
    margin-top: 20px;
}


/****************** * AQUASU BANNER ******************/
.sw-content .banner {
    position: relative;

}

.sw-content p.bannertext a:link,
.sw-content p.bannertext a:visited,
.sw-content p.bannertext a:active,
.sw-content p.bannertext a:focus,
.sw-content p.bannertext a:hover {
    font-size: 23px;
    line-height: 20px;
    text-decoration: none;
}

.sw-content p.bannertext {
    position: absolute;
    top: 35px;
    left: 272px;
    z-index: 2;
}

.sw-content .ARMATUREN p.bannertext a:link,
.sw-content .ARMATUREN p.bannertext a:visited,
.sw-content .ARMATUREN p.bannertext a:active,
.sw-content .BRAUSEN p.bannertext a:link,
.sw-content .BRAUSEN p.bannertext a:visited,
.sw-content .BRAUSEN p.bannertext a:active,
.sw-content .WELLNESS p.bannertext a:link,
.sw-content .WELLNESS p.bannertext a:visited,
.sw-content .WELLNESS p.bannertext a:active {
    color: #000;
}

.sw-content .ARMATUREN p.bannertext a:focus,
.sw-content .ARMATUREN p.bannertext a:hover,
.sw-content .BRAUSEN p.bannertext a:focus,
.sw-content .BRAUSEN p.bannertext a:hover,
.sw-content .WELLNESS p.bannertext a:focus,
.sw-content .WELLNESS p.bannertext a:hover {
    color: #000;
}

.sw-content .STOPFEN p.bannertext a:link,
.sw-content .STOPFEN p.bannertext a:visited,
.sw-content .STOPFEN p.bannertext a:active,
.sw-content .KERAMIK p.bannertext a:link,
.sw-content .KERAMIK p.bannertext a:visited,
.sw-content .KERAMIK p.bannertext a:active {
    color: #fff;
}

.sw-content .STOPFEN p.bannertext a:focus,
.sw-content .STOPFEN p.bannertext a:hover,
.sw-content .KERAMIK p.bannertext a:focus,
.sw-content .KERAMIK p.bannertext a:hover {
    color: #fff;
}

/****************** * AQUASU BRAUSEN - FARBEN und HINTERGRÜNDE ******************/
.AQ-BRAUSEN .head,
.AQ-BRAUSEN .main {
    overflow: hidden;
    background: #000000; /** * schwarz **/
}

.AQ-BRAUSEN .head .text h1,
.AQ-BRAUSEN .head .text h2,
.AQ-BRAUSEN .head .text p {
    color: #ffffff; /** * weiss  **/
}

.AQ-BRAUSEN .download.button {
    background: #c9da95; /****** * hellgrün *******/
    margin-right: 0px;
    color: #000000;
}

.AQUASU .back.button {
    background: #000; /****** * schwarz *******/
    margin-left: 0px;
    color: #fff;
}

.AQ-BRAUSEN .back.button {
    background: #c9da95; /****** * schwarz *******/
    margin-left: 0px;
    color: #000000;
}

.AQ-BRAUSEN .download.button a,
.AQ-BRAUSEN .download.button a:hover,
.AQ-BRAUSEN .back.button a,
.AQ-BRAUSEN .back.button a:hover,
.AQ-BRAUSEN .button-text {
    color: #000000;
}

/****************** * AQUASU WELLNESS - FARBEN und HINTERGRÜNDE ******************/
.AQ-WELLNESS .head, /** * Bei Layout 2 und 2A muss der head mit der Hintergrundfarbe gefüllt sein **/
.AQ-WELLNESS .main,
.AQ-WELLNESS .bg-color {
    overflow: hidden;
    background: #620b38; /** * beere **/
}

.AQ-WELLNESS .head .text h1,
.AQ-WELLNESS .head .text h2,
.AQ-WELLNESS .head .text p,
.AQ-WELLNESS h3 {
    color: #ffffff; /** * weiss  **/
}

.AQ-WELLNESS .KONFIGURATOR p,
.AQ-WELLNESS .KONFIGURATOR ul,
.AQ-WELLNESS .GALLERY p {
    color: #000; /** * schwarz  **/
}

.AQ-WELLNESS .back.button {
    background: #620b38; /****** * beere *******/
    margin-left: 0px;
    width: 220px;
}

.AQ-WELLNESS .color {
    color: #620b38; /****** * beere *******/
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    -moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
    font-weight: normal;
}

/****************** * AQUASU WELLNESS - Struktur ******************/
.AQ-WELLNESS .durchmesser:before { /* HEXAdezimal für Durchmesser - IE8 hat anderes Zeichen (Oslsh) */
    content: "\2300\ ";
}

.bg-img-wellness {
    background-image: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/aquasu/sw_marken_aquasu_wellness_bg.jpg");
    margin-right: -1px;
    margin-left: -1px;
    border-left: 1px solid #bfe1e5;
    border-right: 1px solid #bfe1e5;
}

.AQ-WELLNESS .KONFIGURATOR hr.line-dotted {
    margin: 0 0 20px 20px;
!important; /****************** * Formatierung aus main.css negiert ******************/
    border: none;
    border-top: dotted #ffffff 2px;
    background-color: #bfe1e5;
    height: 1px;
    border-bottom: 0px dashed #bfe1e5 !important; /****************** * Formatierung aus main.css negiert ******************/
}

.AQ-WELLNESS .KONFIGURATOR hr.line-dotted-2 {
    margin: 0 0px 20px 0px;
!important; /****************** * Formatierung aus main.css negiert ******************/
    border: none;
    border-top: dotted #ffffff 2px;
    background-color: #620b38;
    height: 1px;
    border-bottom: 0px dashed #620b38 !important; /****************** * Formatierung aus main.css negiert ******************/
}

.AQ-WELLNESS .KONFIGURATOR {
    overflow: hidden;
    margin-bottom: 20px;
}

.AQ-WELLNESS .KONFIGURATOR h1,
.AQ-WELLNESS .KONFIGURATOR p {

}

.AQ-WELLNESS .KONFIGURATOR h1.inline,
.AQ-WELLNESS .KONFIGURATOR p.inline {
    display: inline-block;
    padding: 15px 0px 15px 20px;
    color: #fff;
}

.AQ-WELLNESS .KONFIGURATOR ul {
    margin-left: 0px;
    margin-top: 5px;
}

.AQ-WELLNESS .KONFIGURATOR ul li {
    list-style-type: none;
}

.AQ-WELLNESS .KONFIGURATOR p.eyecatcher {
    float: left;
    padding: 10px 20px;
    margin-bottom: 10px;
    margin-right: 100%;
    background: #620b38;
    color: #fff;
}

.AQ-WELLNESS .KONFIGURATOR > .col-1-third .eyecatcher {
    float: left;
    padding: 10px 20px;
    margin-right: 100%;
    background: #fff;
    color: #620b38;
}

.AQ-WELLNESS .KONFIGURATOR > .col-1-third h4.eyecatcher {
    float: left;
    padding: 10px 20px;
    margin-right: 100%;
    margin-top: 8px !important;
    margin-bottom: 9px !important;
    background: #fff;
    color: #620b38;
}

.AQ-WELLNESS .KONFIGURATOR > .col-1-third {
    float: left;
    width: 220px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 0px;
    background: #620b38; /****** * beere *******/
}

.AQ-WELLNESS .KONFIGURATOR > .col-1-third p {
    color: #fff;
    margin-bottom: 6px;
    line-height: 27px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-1-third.BASIS {
    height: 640px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds .arm1 {
    height: 286px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds .arm2 {
    height: 285px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-1-third.KOPF {
    height: 1000px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-1-third.HAND {
    height: 340px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-1-third.WAND {
    height: 250px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds {
    float: left;
    width: 720px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds > div {
    float: left;
    background: #fff;
    width: 340px;
    padding: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds.BASIS > div > .COL2 {
    float: right;
    margin-left: 20px;
    width: 155px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds.KOPF > div > .COL2 {
    float: right;
    margin-left: 20px;
    width: 125px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds.HAND > div > .COL2 {
    float: right;
    margin-left: 20px;
    width: 125px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds.WAND > div > .COL2 {
    float: right;
    margin-left: 20px;
    width: 125px;
}

.AQ-WELLNESS .KONFIGURATOR > .col-2-thirds.HAND > div > img {
    margin-left: 20px;
}

/****************** * AQUASU ARMATUREN - Struktur ******************/

.AQ-ARMATUREN .bg-img-armaturen .head { /****************** * noch nicht final ******************/
    padding: 5px 20px 5px 20px;
}

/****************** * AQUASU ARMATUREN - FARBEN und HINTERGRÜNDE ******************/
.AQ-ARMATUREN .head {
    overflow: hidden;
    background: #000000; /** * schwarz **/
}

.AQ-ARMATUREN .bg-img-armaturen .head { /****************** * noch nicht final ******************/
    background: #cadd99; /****** * hellgrün *******/
    overflow: hidden;
}

.AQ-ARMATUREN .head .text h1,
.AQ-ARMATUREN .head .text h2,
.AQ-ARMATUREN .head .text p {
    color: #ffffff; /** * weiss  **/
}

.AQ-ARMATUREN .back.button {
    background: #cadd99; /****** *hellgrün*******/
    margin-left: 0px;
}

.AQ-ARMATUREN .back.button a,
.AQ-ARMATUREN .back.button a:hover,
.AQ-ARMATUREN .button-text {
    color: #000000;
}

/****************** * AQUASU STOPFEN - FARBEN und HINTERGRÜNDE ******************/
.AQ-STOPFEN {
    overflow: hidden;
    background: #000000; /** * schwarz **/
}

.AQ-STOPFEN .head .text h1,
.AQ-STOPFEN .head .text h2,
.AQ-STOPFEN .head .text p,
.AQ-STOPFEN .main h1,
.AQ-STOPFEN .main h2,
.AQ-STOPFEN .main h3,
.AQ-STOPFEN .main p,
.AQ-STOPFEN .main ol,
.AQ-STOPFEN .main ul,
.AQ-STOPFEN .main li {
    color: #ffffff; /** * weiss  **/
}

.AQ-STOPFEN .SE-GALLERY-COL4-01 .head h3,
.AQ-STOPFEN .SE-GALLERY-COL3-01 .head h3,
.AQ-STOPFEN .download.button a,
.AQ-STOPFEN .download.button a:hover,
.AQ-STOPFEN .back.button a,
.AQ-STOPFEN .back.button a:hover {
    color: #000000; /** * schwarz  **/
}

/****************** * AQ-STOPFEN - GALLERY Struktur ******************/


/****************** * 2.1.4 LAYOUT 2A - mit Rand = 470 + Text 450 **/
.AQ-STOPFEN .text.parent h1 {
    white-space: pre-wrap;
}

.AQ-STOPFEN .main .LAYOUT-COL02-01 { /*ungenutzt*/
    overflow: hidden;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.AQ-STOPFEN .main .LAYOUT-COL02-01 > div { /*ungenutzt*/
    width: 450px;
    float: left;
}

.AQ-STOPFEN .main .LAYOUT-COL02-01 .text { /*ungenutzt*/
    padding-top: 50px;
}

/*********************** Superelement SE-GALLERY-COL4-02 **********************/
.AQ-STOPFEN .SE-GALLERY-COL4-02 { /* Superelement */
    padding-top: 20px;
    padding-left: 20px;
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .head { /* Headline */
    margin-left: -20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .head h3 { /* Headline */
    background: #8dcdc6; /* türkis */
    padding: 5px 20px;
    float: left;
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .head:before { /* Headline */
    content: "";
    height: 2px;
    background: #8dcdc6; /* türkis */
    display: block;
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery { /* Elternteil der Gallery */
    overflow: hidden;
    clear: both;
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div { /* Kinder der Gallery - 4 Spalten sind normal */
    background: #fbfbfc;
    float: left;
    width: 28%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div {
        width: 210px; /* maximale Breite (width+Padding) bei 4 Spalten 230px (900/4) */
    }
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div.width-col2 {

}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div.width-col2 {
        width: 440px; /* abweichende Childs - Größe = 2 Spalten */
    }
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div img { /* Bildgröße und Padding des div ergeben zusammen 230px Breite - Höhe ist egal */
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div img {
        width: 205px;
        height: 187px; /* maximale Breite (width+Padding) bei 4 Spalten 230px (900/4) */
    }
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div.width-col2 img { /* Bildgröße und Padding des div ergeben zusammen 460px Breite - Höhe ist egal */

}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div.width-col2 img {
        width: 322px;
        height: 294px; /* maximale Breite (width+Padding) bei 4 Spalten 230px (900/4) */
    }
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div.width-col2.stoerer { /* Größe und Padding des div ergeben zusammen 450px Breite - Höhe ist egal */
    background: #8dcdc6; /* türkis */
    padding: 7px 20px 12px 20px;
    overflow: hidden;
    width: 100%;
}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div.width-col2.stoerer {
        float: right;
        margin-right: 0px !important;
        width: 460px;
    }
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div.width-col2.stoerer h1 {
    color: #000;
}

.AQ-STOPFEN .SE-GALLERY-COL4-02 .gallery > div p {
    text-align: center;
    padding: 5px;
    background: #; /* türkis */
    color: #000;
}


/****************** * AQ-STOPFEN - GALLERY Struktur ******************/


.AQ-STOPFEN .SE-GALLERY-COL3-01 { /* Superelement */
    padding-top: 20px;
    padding-left: 20px;
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .head { /* Headline */
    margin-left: -20px;
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .head h3 { /* Headline */
    background: #8dcdc6;
    padding: 4px 20px 6px 20px;
    float: left;
    width: 460px;
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .head:before { /* Headline */
    content: "";
    height: 2px;
    background: #8dcdc6;
    display: block;
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .gallery { /* Elternteil der Gallery */
    overflow: hidden;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    clear: both;
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .gallery div { /* Kinder der Gallery - 4 Spalten sind normal */
    float: left;
    width: 28%; /* maximale Breite (width+Padding) bei 3 Spalten 300px (900/3) */
    min-height: 240px;
    margin-right: 15px;
    padding-bottom: 30px;
    position: relative;
}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL3-01 .gallery div {
        width: 285px;
    }
}

@media (min-width: 500px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL3-01 .gallery div {
        padding-right: 20px;
    }
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .gallery div img { /* Bildgröße und Padding des div ergeben zusammen 225px Breite - Höhe ist egal */
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL3-01 .gallery div img {
        width: 250px;
        height: auto;
    }
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .gallery div p { /* Bildgröße und Padding des div ergeben zusammen 225px Breite - Höhe ist egal */
    margin-left: 10px;
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .stoerer {
    bottom: 60px;
    right: -5px;
    position: absolute;
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .stoerer {
    float: left;
    background: #8DCDC6;
    width: 330px;
    overflow: hidden;
    padding: 5px 20px;
    z-index: 11;
}

.AQ-STOPFEN .SE-GALLERY-COL3-01 .stoerer p {
    color: #000;
}


.AQ-STOPFEN .SE-GALLERY-COL4-01 { /* Superelement */
    padding-top: 20px;
    padding-left: 20px;
}

.AQ-STOPFEN .SE-GALLERY-COL4-01 .head { /* Headline */
    margin-left: -20px;
}

.AQ-STOPFEN .SE-GALLERY-COL4-01 .head h3 { /* Headline */
    background: #8dcdc6; /****** * türkis *******/
    padding: 4px 20px 6px 20px;
    float: left;
    width: 460px;

}

.AQ-STOPFEN .SE-GALLERY-COL4-01 .head:before { /* Headline */
    content: "";
    height: 2px;
    background: #8dcdc6;
    display: block;
}

.AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery { /* Elternteil der Gallery */
    overflow: hidden;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    clear: both;
}

.AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery div { /* Kinder der Gallery - 4 Spalten sind normal */
    float: left;
    width: 28%; /* maximale Breite (width+Padding) bei 4 Spalten 225px (900/4) */
    margin-right: 15px;
    padding-right: 20px;
    padding-bottom: 30px;
    position: relative;
}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery div {
        width: 210px;
    }
}

@media (max-width: 550px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery div {
        width: 45%;
    }
}

@media (max-width: 370px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery div {
        width: 70%;
        padding-left: 10px;
    }
}

@media (max-width: 240px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery div {
        width: 70%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery div img { /* Bildgröße und Padding des div ergeben zusammen 225px Breite - Höhe ist egal */
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

@media (min-width: 1000px) {
    /*  */
    .AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery div img {
        width: 180px;
        height: 144px;
    }
}

.AQ-STOPFEN .SE-GALLERY-COL4-01 .gallery div p { /* Bildgröße und Padding des div ergeben zusammen 225px Breite - Höhe ist egal */
    margin-left: 10px;
}


.AQ-STOPFEN p.stoerer_neu {
    font-size: 22px;
    float: left;
    background: #fff;
    padding: 0px 7px;
    z-index: 11;
    position: absolute;
    right: 15px;
    bottom: 115px;
}

.AQ-STOPFEN p.stoerer_neu {
    color: #000;
}


.AQ-STOPFEN .back.button {
    background: #8dcdc6; /****** * türkis *******/
    margin-left: 0px;
}

.AQ-STOPFEN .download.button {
    background: #8dcdc6; /****** * türkis *******/
    margin-right: 0px;
}

.AQ-STOPFEN .button-text {
    color: #ffffff;
}

.AQ-STOPFEN .nodisplay_01 {

}

@media (max-width: 370px) {
    /*  */
    .AQ-STOPFEN .nodisplay.n01 {
        display: none;
    }
}

@media (max-width: 550px) {
    /*  */
    .AQ-STOPFEN .nodisplay.n02 {
        display: none;
    }
}

/****************** * AQUASU MINERALGUSS - FARBEN und HINTERGRÜNDE ******************/
.AQ-MINERALGUSS p.deluxe {
    width: 230px;
    margin-top: 5px;
    color: #fff;
    font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    overflow: hidden;
    padding: 0 0 2px 0;
    background: #5e5e5e; /** * deluxe (77% schwarz) **/
}

.AQ-MINERALGUSS .head,
.AQ-MINERALGUSS .SE-GALLERY-COL3-01 {
    overflow: hidden;
    background: #606163; /** * dunkelgrau (77% schwarz) **/
}

.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .head {
    background: #ffffff; /** * weiss  **/
}

.AQ-MINERALGUSS .main {
    margin-top: 10px;
    overflow: hidden;
    background: #000000; /** * dunkelgrau (77% schwarz) **/
}

.AQ-MINERALGUSS .head .text h1,
.AQ-MINERALGUSS .head .text h2,
.AQ-MINERALGUSS .head .text p,
.AQ-MINERALGUSS .SE-GALLERY-COL3-01 p,
.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery h6,
.AQ-MINERALGUSS .main h2,
.AQ-MINERALGUSS .main h3,
.AQ-MINERALGUSS .main ol,
.AQ-MINERALGUSS .main ul,
.AQ-MINERALGUSS .main li,
.AQ-MINERALGUSS .button-text {
    color: #ffffff; /** * weiss  **/
}

.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .head h6,
.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .head p {
    color: #000000; /** * weiss  **/
}

.AQ-MINERALGUSS .download.button {
    background: #606163; /** * dunkelgrau (77% schwarz) **/
    margin-right: 55px;
}

.AQ-MINERALGUSS .back.button {
    background: #606163; /** * dunkelgrau (77% schwarz) **/
    margin-left: 55px;
}

/****************** * 2.1.4 LAYOUT 2A - mit Rand = 470 + Text 450 **/
.AQ-MINERALGUSS .main .LAYOUT-COL02-01 {
    overflow: hidden;
    margin: 40px 55px 20px 55px !important;
}

.AQ-MINERALGUSS .main .LAYOUT-COL02-01 > div {
    float: left;
}

.AQ-MINERALGUSS .main .LAYOUT-COL02-01 .grafik {
    width: 450px;
    float: left;
}

.AQ-MINERALGUSS .main .LAYOUT-COL02-01 .text {
    width: 380px;
    padding-top: 20px;
}

.AQ-MINERALGUSS .main .LAYOUT-COL02-01 .text h2 {
    padding-top: 20px;
    padding-bottom: 10px;
}

/****************** * AQ-MINERALGUSS - CONTENT () ************/

.AQ-MINERALGUSS ul {
    margin-left: 20px;
    width: 230px;
}

.AQ-MINERALGUSS ul li {
    margin-left: 20px;
}

.AQ-MINERALGUSS ul li.no-bullet {
    margin-left: 5px;
    list-style: none;
}

/****************** * AQ-MINERALGUSS - GALLERY () ************/
.AQ-MINERALGUSS .SE-GALLERY-COL3-01 {
    margin-top: 20px;
    margin-left: 55px;
    margin-right: 55px;
}

.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .head { /* Headline*/
    padding: 5px 10px 5px 10px;
}

.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery { /* Elternteil der Gallery */
    overflow: hidden;
}

.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery div { /* Gilt für alle Saplten */
    float: left;
    overflow: hidden;
    width: 265px;
    padding-bottom: 20px;
    margin-right: 10px;
    margin-top: 10px;
}

.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery div img {
    width: 84px;
    height: 84px;
    margin-right: 10px;
}

.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery div h6,
.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery div p {
    width: 161px;;
}

.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery div img,
.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery div h6,
.AQ-MINERALGUSS .SE-GALLERY-COL3-01 .gallery div p {
    float: left;
    line-height: 1.3em;
}


/****************** * MILAMONDO Allgemein - FARBEN und HINTERGRÜNDE ******************/
.MILAMONDO .logo {
    padding: 20px 20px 20px 20px;
}

.MILAMONDO .back.button {
    background: #000; /****** * schwarz *******/
    margin-left: 0px;
    color: #fff;
}

/*
.MILAMONDO .logo:after {
content: "";
height:10px;
background:#ffffff;
display: block;
margin:20px -20px -20px -20px ;
}*/
.MILAMONDO .E-TEXT-01 {
    padding-bottom: 20px;

}

.MILAMONDO .E-TEXT-01 h3 {
    width: 358px;
}

.MILAMONDO .E-TEXT-01 h3,
.MILAMONDO .back.button {
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px; /* firefox geht nicht */

    -khtml-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px; /* Konqueror */

    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px; /* Webkit (Chrome/Safari) */

    border-radius: 0px 10px 10px 0; /* firefox - IE8 geht nicht */

}

.MILAMONDO .download.button {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px; /* firefox geht nicht */

    -khtml-border-top-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px; /* Konqueror */

    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px; /* Webkit (Chrome/Safari) */

    border-radius: 10px 0px 0px 10px; /* firefox - IE8 geht nicht */

}

.MILAMONDO .eyecatcher {
    -moz-border-radius: 10px;

    -khtml-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px; /* firefox - IE8 geht nicht */

}

/*================================================================================================================================================*/
/****************** * MILAMONDO BAD - FARBEN und HINTERGRÜNDE ******************/
.MILAMONDO.BAD .bg {
    background-image: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/milamondo/sw_marken_milamondo_bad_bg.jpg");
    overflow: hidden;
}

.MILAMONDO.BAD .head .text h1,
.MILAMONDO.BAD .head .text h2,
.MILAMONDO.BAD .head .text p,
.MILAMONDO.BAD .E-TEXT-01 h3,
.MILAMONDO.BAD .gallery p,
.MILAMONDO.BAD .button-text {
    color: #ffffff; /** * weiss  **/
}

.MILAMONDO.BAD .gallery p span.sondrio {
    color: #d2ca00; /** * hellorange  **/
}

.MILAMONDO.BAD .gallery p span.brenta {
    color: #208fa8; /** * petrol  **/
}

.MILAMONDO.BAD .gallery p span.loreto {
    color: #dc1d2c; /** * rot  **/
}

.MILAMONDO.BAD .gallery p span.singolo {
    color: #9c9d9f; /** * grau  **/
}

.MILAMONDO.BAD .E-TEXT-01 h3 {
    background: #d3257b; /****** * magenta *******/
    padding: 10px 20px;
    margin-left: -20px;
    float: left;
}

.MILAMONDO.BAD .back.button {
    margin: 40px 20px 20px 0;
    background: #d3257b; /****** * magenta *******/
}

.MILAMONDO.BAD .download.button {
    margin: 40px 0 20px 20px;
    background: #d3257b; /****** * magenta *******/
}

/****************** * LAYOUT SE01 - GALLERY (verwendet bei milamondo bad) ************/
.MILAMONDO.BAD .SE-GALLERY-FLEX-01 {
    padding-top: 20px;
    padding-left: 20px;
    clear: both;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .head.grafik, { /* Headline als Grafik */
    padding-right: 20px !important;
    padding-bottom: 20px;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery { /* Elternteil der Gallery */

    overflow: hidden;
    padding-right: 20px;
    padding-bottom: 30px;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery div { /* Gilt für alle Saplten */
    float: left;
    width: 210px;
    padding-bottom: 20px;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery.cols4 div { /* 4 Spalten sind normal */
    margin-right: 15px;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery.cols3 div { /* 3 Spalten haben mehr Zwischen-Abstand */
    margin-right: 60px;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery div img {
    width: 210px;
    height: 210px;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery.cols3 p {
    padding-left: 30px;
    margin-right: -25px; /* leichte Überlappung, damit lange Texte in einer Zeile stehen */
    margin-top: -25px; /* Text leicht nach oben gerückt */
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery.cols4 p {
    padding-left: 30px;
    margin-right: -25px; /* leichte Überlappung, damit lange Texte in einer Zeile stehen */
    margin-top: 0px; /* Text leicht nach oben gerückt */
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery p.eyecatcher {
    font-size: 15px;
    float: left;
    padding: 10px 10px 10px 30px;
    margin-top: 20px;
    margin-left: 0px;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery p.eyecatcher.sondrio {
    width: 310px;
    background: #d2ca00;
    color: #000;
}

.MILAMONDO.BAD .SE-GALLERY-FLEX-01 .gallery p.eyecatcher.singolo {

    width: 230px;
    background: #fff;
    color: #000;
}

/*================================================================================================================================================*/
/****************** * MILAMONDO KUECHE - FARBEN und HINTERGRÜNDE ******************/
.MILAMONDO.KUECHE .logo {
    background: #dad9d7; /** * hellgrau **/
    overflow: hidden;
}

.MILAMONDO.KUECHE .bg {
    background: #dad9d7; /** * hellgrau **/
    overflow: hidden;
}

.MILAMONDO.KUECHE .head .text h1,
.MILAMONDO.KUECHE .head .text h2,
.MILAMONDO.KUECHE .head .text p,
.MILAMONDO.KUECHE .E-TEXT-01 h3,
.MILAMONDO.KUECHE .gallery p,
.MILAMONDO.KUECHE .button-text {
    color: #000000; /** * schwarz  **/
}

.MILAMONDO.KUECHE .E-TEXT-01 h3 {
    color: #ffffff; /** * weiß  **/
}

.MILAMONDO.KUECHE .E-TEXT-01 h3 {
    background: #004b6e; /****** * dunkelblau *******/
    padding: 10px 20px;
    margin-left: -20px;
    float: left;
}

.MILAMONDO.KUECHE .back.button {
    margin: 40px 20px 20px 0px;
    background: #004b6e; /****** * dunkelblau *******/
}

.MILAMONDO.KUECHE .download.button {
    margin: 40px 0px 20px 20px;
    background: #004b6e; /****** * dunkelblau *******/
}

/****************** * SE-GALLERY-COL4-03 - GALLERY 4spaltig (verwendet bei milamondo KÜCHE) ************/
.MILAMONDO.KUECHE .SE-GALLERY-COL4-03 { /* Superelement */ /* Elternteil der Gallery */
    padding-top: 20px;
    padding-left: 20px;
    overflow: hidden;
    clear: both;
}

.MILAMONDO.KUECHE .SE-GALLERY-COL4-03 > div { /* Kinder der Gallery - 4 Spalten sind normal */
    overflow: hidden;
    float: left;
    width: 460px; /*  */
    min-height: 310px;
}

.MILAMONDO.KUECHE .SE-GALLERY-COL4-03 .head.grafik { /* Headline als Grafik */
    float: left;
    padding-right: 20px !important;
    padding-bottom: 10px;
}

.MILAMONDO.KUECHE .SE-GALLERY-COL4-03 .head.grafik img { /*  */
    width: 160px;
    height: 34px;
}

.MILAMONDO.KUECHE .SE-GALLERY-COL4-03 > div > img { /*  */
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 210px;
    height: 250px;
}

.MILAMONDO.KUECHE .SE-GALLERY-COL4-03 > div > p { /*  */
    float: left;
    margin-left: 31px;
}

.MILAMONDO.KUECHE .SE-GALLERY-COL4-03 > div > p.eyecatcher {
    float: left;
    padding: 10px 20px 10px 31px;
    width: 212px;
    margin-top: 20px;
    margin-left: 0px;
    background: #004b6e;
    color: #fff;
}

/*================================================================================================================================================*/
/****************** * MILAMONDO SIPHONS - FARBEN und HINTERGRÜNDE ******************/
.MILAMONDO.SIPHONS .bg {
    background-image: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/milamondo/sw_marken_milamondo_bad_bg.jpg");
    overflow: hidden;
}

.MILAMONDO.SIPHONS .head .text h1,
.MILAMONDO.SIPHONS .head .text h2,
.MILAMONDO.SIPHONS .head .text p {
    color: #ffffff; /** * weiss  **/
}

.MILAMONDO.SIPHONS .E-TEXT-01 h3,
.MILAMONDO.SIPHONS .gallery p {
    color: #ffffff; /** * schwarz  **/
}

.MILAMONDO.SIPHONS .E-TEXT-01 h3 {
    background: #4e9cad; /****** * türkis *******/
    padding: 10px 20px;
    margin-left: -20px;
    float: left;
}

.MILAMONDO.SIPHONS .back.button {
    margin: 40px 20px 20px 0px;
    background: #4e9cad; /****** * dunkelblau *******/
}

.MILAMONDO.SIPHONS .download.button {
    margin: 40px 0px 20px 20px;
    background: #4e9cad; /****** * dunkelblau *******/
}

/****************** * MILAMONDO SIPHONS - GALLERY Struktur ******************/
.MILAMONDO.SIPHONS .SE-GALLERY-COL4-01 { /* Superelement */
    padding-top: 20px;
    padding-left: 20px;
    clear: both;
}

.MILAMONDO.SIPHONS .SE-GALLERY-COL4-01 .head.grafik { /* Headline als Grafik */
    padding-right: 20px !important;
    padding-bottom: 20px;
}

.MILAMONDO.SIPHONS .SE-GALLERY-COL4-01 .gallery { /* Elternteil der Gallery */
    overflow: hidden;
    padding-right: 20px;
    padding-bottom: 20px;
}

.MILAMONDO.SIPHONS .SE-GALLERY-COL4-01 .gallery div { /* Kinder der Gallery - 4 Spalten sind normal */
    float: left;
    width: 210px; /* maximale Breite (width+Padding) bei 4 Spalten 225px */
    min-height: 300px;
    margin-right: 15px;
    padding-bottom: 30px;
}

.MILAMONDO.SIPHONS .SE-GALLERY-COL4-01 .gallery div img { /* Bildgröße und Padding des div ergeben zusammen 225px Breite - Höhe ist egal */
    width: 150px;
    height: 150px;
}

.MILAMONDO.SIPHONS .SE-GALLERY-COL4-01 .gallery div p { /*  */
    padding-left: 10px;
}

/****************** * SITZPLATZ - FARBEN und HINTERGRÜNDE ******************/

.SITZPLATZ .bg {
    overflow: hidden;
    background: #fff url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/sitzplatz/sw_marken_sitzplatz_bg.jpg") scroll repeat -20px -240px;
}

.SITZPLATZ .head .text h1,
.SITZPLATZ .head .text h2,
.SITZPLATZ .head .text p {
    color: #000000; /** * schwarz  **/
}

.SITZPLATZ .E-TEXT-01 h1,
.SITZPLATZ .SE-GALLERY-COL4-05 h2,
.SITZPLATZ .SE-GALLERY-COL4-05 p,
.SITZPLATZ .SE-GALLERY-COL4-04 h2,
.SITZPLATZ .SE-GALLERY-COL4-04 p,
.SITZPLATZ .gallery p,
.SITZPLATZ .download.button a,
.SITZPLATZ .download.button a:hover,
.SITZPLATZ .back.button a,
.SITZPLATZ .back.button a:hover,
.SITZPLATZ .button-text {
    color: #000000; /** * schwarz  **/
}

.SITZPLATZ .LAYOUT-2C .einklinker {
    background: #fff; /** * weiß  **/
    overflow: hidden;
    padding: 20px 0 0 20px !important;
    margin-right: 20px;
    margin-bottom: 20px;
}

.SITZPLATZ .gallery p {
    padding-left: 15px;
}

.SITZPLATZ .back.button {
    background: #97c037; /****** * grün *******/
    margin-left: 0px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px; /* firefox geht nicht */

    -khtml-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px; /* Konqueror */

    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px; /* Webkit (Chrome/Safari) */

    border-radius: 0px 10px 10px 0px; /* firefox - IE8 geht nicht */
}

.SITZPLATZ .download.button {
    background: #97c037; /****** * grün *******/
    margin-top: 40px;
    margin-right: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px; /* firefox geht nicht */

    -khtml-border-top-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px; /* Konqueror */

    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px; /* Webkit (Chrome/Safari) */

    border-radius: 10px 0px 0px 10px; /* firefox - IE8 geht nicht */
}

.SITZPLATZ .button-text {
    margin-top: 40px;
}


/****************** * SE-GALLERY-COL4-04 - GALLERY 4spaltig (verwendet bei Sitzplatz) ************/
.SITZPLATZ .SE-GALLERY-COL4-05,
.SITZPLATZ .SE-GALLERY-COL4-04 { /* Superelement */
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-left: 20px;
    background: #ffffff;
}

.SITZPLATZ .SE-GALLERY-COL4-05 .head.grafik,
.SITZPLATZ .SE-GALLERY-COL4-04 .head.grafik { /* Headline als Grafik */
    margin-top: -20px;
    margin-left: -20px;
    margin-bottom: 20px;
    padding: 10px 20px;
    background: #97c037;
    -moz-border-radius-bottomright: 10px; /* firefox geht nicht */

    -khtml-border-bottom-right-radius: 10px; /* Konqueror */

    -webkit-border-bottom-right-radius: 10px; /* Webkit (Chrome/Safari) */

    border-radius: 0px 0px 10px 0; /* firefox - IE8 geht nicht */

    width: 555px;
    float: left;

}

.SITZPLATZ .SE-GALLERY-COL4-05 .head.grafik {
    background: #97c037 url("/web/20230425205903im_//fileadmin/templates/sanitop.de/img/marken/sitzplatz/sw_marken_sitzplatz_highgloss_P.png") scroll no-repeat 420px 0px;
}

.SITZPLATZ .SE-GALLERY-COL4-05 .gallery,
.SITZPLATZ .SE-GALLERY-COL4-04 .gallery { /* Elternteil der Gallery */
    overflow: hidden;
    padding-bottom: 20px;
}

.SITZPLATZ .SE-GALLERY-COL4-05 .gallery > div,
.SITZPLATZ .SE-GALLERY-COL4-04 .gallery > div { /* Kinder der Gallery - 4 Spalten sind normal */
    float: left;
    width: 200px; /* maximale Breite (width+Padding) bei 4 Spalten 225px */
    min-height: 200px;
    margin-right: 20px;
    border: 0px solid #000000;
    position: relative;
    padding-top: 25px;
}

.SITZPLATZ .SE-GALLERY-COL4-05 .gallery > div {
    padding-top: 35px;
}

.SITZPLATZ .SE-GALLERY-COL4-04 .gallery > div > img { /* Bildgröße und Padding des div ergeben zusammen 225px Breite - Höhe ist egal */
    width: 180px;
    height: 214px;
    margin-bottom: 10px;
}

.SITZPLATZ .SE-GALLERY-COL4-05 .gallery > div > img { /* Bildgröße und Padding des div ergeben zusammen 225px Breite - Höhe ist egal */
    width: 200px;
    height: 137px;
}

.SITZPLATZ .SE-GALLERY-COL4-05 .gallery .piktos {
    width: 121px;
    position: absolute;
    top: 0px;
    left: 79px;
}

.SITZPLATZ .SE-GALLERY-COL4-04 .gallery .piktos {
    width: 121px;
    position: absolute;
    top: 0px;
    left: 59px;
}

.SITZPLATZ .piktos > img {
    float: right;
}

/****************** * BADELUST Allgemein - FARBEN und HINTERGRÜNDE ******************/
.BADELUST .head,
.BADELUST .main {
    overflow: hidden;
    background: #1e0e04; /** * braun **/
}

.BADELUST .head .text h1,
.BADELUST .head .text h2,
.BADELUST p,
.BADELUST ul,
.BADELUST ol,
.BADELUST .button-text {
    color: #ffffff; /** * weiss  **/
}

.BADELUST .back.button {
    background: #1e0e04; /****** * braun *******/
    margin-left: 0px;
    color: #fff;
}

.BADELUST ul.square li {
    list-style-type: square;
}

.BADELUST .link.button {
    margin: 0 0 0 0;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99;
}

.BADELUST .link.button a {
    font-size: 19px;
}

/****************** * BADELUST Allgemeine Struktur ******************/
.XX .GALLERY {
    background: #ffffff;
    overflow: hidden;
    margin-right: 20px;
    padding-top: 20px;
    padding-left: 20px;
}

.BADELUST .LOGO {
    padding: 20px;
}

.BADELUST .GALLERY {
    overflow: hidden;
    margin-bottom: 20px;
}

.BADELUST .GALLERY h3 {
    padding: 10px 0px 5px 0px;
    color: #ffffff;
}

.BADELUST .GALLERY h4 {
    padding: 5px 20px 5px 20px;
    margin-right: 20px;
    font-size: 20px;
    color: #ffffff;
}

.BADELUST .GALLERY.WIDE.COL3 h4 {
    width: 255px;
}

.BADELUST .GALLERY.WIDE.COL3 > div {
    float: left;
    margin-right: 20px;
}

.BADELUST .GALLERY.WIDE.COL3 > .col-1-thirds {
    width: 286px;
}

.BADELUST .GALLERY.WIDE.COL3 > .col-2-thirds {
    width: 594px;
}

.BADELUST .GALLERY.WIDE.COL2 > div {
    float: left;
    width: 440px;
    margin-top: 20px;
    margin-right: 20px;
}

.BADELUST .GALLERY.HALF {
    float: left;
    width: 460px;
}

.BADELUST .GALLERY.HALF > p {
    padding-top: 10px;
    margin-right: 20px;
}

.BADELUST .GALLERY.HALF > div {
    float: left;
    margin-right: 20px;
    width: 210px;
}

/****************** * BADELUST-WANNEN - FARBEN und HINTERGRÜNDE ******************/
.BL-WANNEN .color {
    color: #5db4bd; /** * türkis  **/
}

.BL-WANNEN .back.button {
    background: #5db4bd; /****** * türkis *******/
    margin-left: 0px;
}

.BL-WANNEN .download.button {
    background: #5db4bd; /****** * türkis *******/
}

.BL-WANNEN .link.button,
.BL-WANNEN .bg-color {
    background: #5db4bd; /****** * türkis *******/
}

/****************** * BADELUST-WANNEN - Struktur ******************/
.BL-WANNEN .GALLERY.HALF {
    min-height: 300px;
}

.BL-WANNEN .GALLERY.HALF > p {
    min-height: 60px;
}

/****************** * BADELUST-DUSCHEN - FARBEN und HINTERGRÜNDE ******************/
.BL-DUSCHEN .color {
    color: #a78bbc; /** * lila  **/
}

.BL-DUSCHEN .back.button {
    background: #a78bbc; /****** * lila *******/
    margin-left: 0px;
}

.BL-DUSCHEN .download.button,
.BL-DUSCHEN .link.button,
.BL-DUSCHEN .bg-color {
    background: #a78bbc; /****** * lila *******/
}

/****************** * BADELUST-DUSCHEN - Struktur ******************/
.BL-DUSCHEN .GALLERY.HALF {
    min-height: 350px;
}

.BL-DUSCHEN .GALLERY.HALF > p {
    min-height: 80px;
}

/****************** * BADELUST-WHIRL - FARBEN und HINTERGRÜNDE ******************/
.BL-WHIRL .color {
    color: #b59c00; /** * orange  **/
}

.BL-WHIRL .download.button,
.BL-WHIRL .back.button,
.BL-WHIRL .konfig.button,
.BL-WHIRL .link.button {
    background: #b59c00; /****** * orange *******/
    margin-left: 0px;
}

.BL-WHIRL .bg-color {
    background: #b59c00; /****** * orange *******/
}

.BL-WHIRL .GALLERY.WIDE.COL3 {
    height: 280px;
}

.BL-WHIRL .GALLERY.WIDE.COL3 > div > img {
    position: absolute;
    top: 60px;
    left: 350px;
    z-index: 10;
}

.BL-WHIRL .konfig.stoerer {
    position: absolute;
    top: 160px;
    left: 390px;
    overflow: hidden;
    padding: 5px 0;
    z-index: 11;
}

.BL-WHIRL .konfig.stoerer p {
    color: #ffffff;
    margin-left: -20px;
}

.BL-WHIRL .konfig.stoerer .button-text,
.BL-WHIRL .konfig.stoerer .konfig.button {
    margin: 0;
    clear: both;
    float: left;
}

.BL-WHIRL .konfig.button a {
    font-size: 19px;
}

.relative {
    position: relative;
}

.BL-WHIRL .height-fix {
    min-height: 70px;
}


/****************** * WIROFLEX Allgemein - FARBEN und HINTERGRÜNDE ******************/
.sw-content.WIROFLEX {
    margin-right: 0px;
    overflow: hidden;
}

.LAYOUT-2A {
    margin-right: 20px;
}

.WIROFLEX.ALT .head,
.WIROFLEX.ALT .main {
    overflow: hidden;
    background: #ffffff; /** * weiß **/
}

.WIROFLEX .head .text h1,
.WIROFLEX .head .text h2,
.WIROFLEX .head .text p,
.WIROFLEX h2,
.WIROFLEX p,
.WIROFLEX ul,
.WIROFLEX ol,
.WIROFLEX .button-text {
    color: #58585a; /** * grau (80% schwarz) **/
}

.WIROFLEX .back.button {
    background: #bc1720; /****** * rot *******/
    margin-left: 0px;
}

.WIROFLEX .download.button {
    background: #bc1720; /****** * rot *******/
    margin-right: 0px;
}

.WIROFLEX .link.button {
    background: #bc1720; /****** * rot *******/
    margin-right: 0px;
}

.WIROFLEX .konfig.button {
    background: #bc1720; /****** * rot *******/
}

.WIROFLEX ul.triangle {
    margin-left: 20px;
}

.WIROFLEX ul.triangle li {
    list-style-type: none;
}

.WIROFLEX ul.triangle li:before {
    content: "\25BA \0020";
    margin-left: -20px;
}


/****************** * WIROFLEX - Allgemein Strukturelemente ******************/

.WIROFLEX .GALLERY {
    background: #ffffff;
    overflow: hidden;
    margin-right: 20px;
    padding-top: 20px;
    padding-left: 20px;
}

.WIROFLEX .GALLERY h2,
.WIROFLEX .GALLERY ol,
.WIROFLEX .GALLERY ul {
    margin-right: 20px;
    margin-bottom: 10px;
}

.WIROFLEX .GALLERY.LOGO {
    margin-top: 10px;
    padding: 20px;
}

.WIROFLEX .GALLERY.LOGO > img,
.WIROFLEX .GALLERY.LOGO > ul {
    font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    margin-right: 20px;
    float: left;
}

.WIROFLEX .GALLERY.WIDE {
    margin-bottom: 10px;
}

.WIROFLEX .GALLERY.WIDE > div {
    padding-right: 20px;
    margin-bottom: 20px;
}

.WIROFLEX .GALLERY.WIDE h2 {
    margin-bottom: 5px;
}

.WIROFLEX .GALLERY.WIDE.COL2 > div {
    width: 440px;
    float: left;
}

.WIROFLEX .GALLERY.EYECATCHER > h2 {
    background: #bc1720;
    margin: 10px 20px 20px 0px;
    padding: 5px 20px;
    color: #ffffff;
}

.WIROFLEX .GALLERY.BUTTON {
    margin-bottom: 20px;
    margin-top: -10px;
}

.WIROFLEX .GALLERY.WIDE.COL2 > .COL6,
.WIROFLEX .GALLERY.WIDE.COL2 > .COL2 {
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}

.WIROFLEX .GALLERY.WIDE.COL2 > .COL6 > div {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.WIROFLEX .GALLERY.WIDE.COL2 > .COL6 > div img {
    border: 1px solid #d3d4d5;
}

.WIROFLEX .GALLERY.WIDE.COL2 > .COL2 > div,
.WIROFLEX .GALLERY.WIDE.COL2 > .COL2 > ol {
    width: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.WIROFLEX .GALLERY.HALF {
    float: left;
    width: 440px;
    background: #ffffff;
    margin-right: 20px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-left: 20px;
    min-height: 570px;
}

.WIROFLEX .GALLERY.HALF > div h2,
.WIROFLEX .GALLERY.HALF > div p,
.WIROFLEX .GALLERY.HALF > div ul {
    margin-bottom: 10px;
    margin-right: 20px;
}

.WIROFLEX .GALLERY.HALF > div img {
    padding-right: 20px;
    padding-bottom: 10px;
}

/****************** * WIROFLEX - PRESS Strukturelemente ******************/

.WIROFLEX .GALLERY.WIDE.COL2 > .COL2 > div {
    padding-left: 20px;
}

/****************** * HANDWERK - FARBEN und HINTERGRÜNDE ******************/

.HANDWERK .head,
.HANDWERK .main {
    overflow: hidden;
    background: #e3e4e5; /** * hellgrau (15% schwarz) **/
}

.HANDWERK .head .text h1,
.HANDWERK .head .text h2,
.HANDWERK .head .text p,
.HANDWERK .main,
.HANDWERK .download.button a,
.HANDWERK .download.button a:hover,
.HANDWERK .back.button a,
.HANDWERK .back.button a:hover,
.HANDWERK .button-text {
    color: #002e60; /** * dunkelblau  **/
}

.HANDWERK .parent.half > div {
    width: 460px; /** * inhalt + padding = width **/
}

.HANDWERK .logo {
    padding: 20px 30px 30px 20px;
    background: #ffffff; /** * weiß **/
    float: left;
    margin-right: 100%;
}

.HANDWERK .back.button {
    background: #ffffff; /****** * weiß *******/
}

/****************** * INHALTE ******************/


.AQUASU.BADWELTEN.CANDY .section.main.N03 .article.N02,
.AQUASU.BADWELTEN.CANDY .section.main.N03 .article.N02 > * {
    border: 0px solid #999;
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: 'Flaticon';
    font-size: 25px;
    font-style: normal;
    margin-left: 0px;
    color: #333;
}

.sirv-container {
    overflow: hidden;
    margin: 20px auto !important;
    max-width: 80%;
    min-height: 317px;
    position: relative;
}

.clear {
    clear: both;
}

.sirv-controls a {
    display: inline-block;
    margin: 0 10px;
    background: none !important;
    padding: 0 !important;
    border: none !important;
    text-decoration: none !important;
}

.sirv-controls a:before {
    margin-left: 0 !important;
}

.sirv-controls {
    text-align: center;
    margin: 10px 0;

    display: flex;
    justify-content: space-around;

}

.sirv-controls {
    z-index: 1;
    background: #fff;
    margin: 0;
    padding: 10px;
}

.overlay .sirv-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.6);
}

.sirv-container.overlay {
    min-height: 0px !important;
}

#pause-button-spin-1,
#pause-button-spin-2 {
    display: none;
}

.ihint {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    display: inline-block;
    padding: 5px;
    z-index: 10000;
    display: none;
}

.sirv-container.overlay {
    min-height: 266px;
}

.sirv-container.overlay .spin-container {
    font-size: 0px;
    line-height: 0px;
}

.sirv-container.overlay .sirv-controls a:hover:before {
    color: #333;
}

.flaticon-keyboard54:before {
    content: "\e0c3";
}

.flaticon-play106:before {
    content: "\e101";
}

.flaticon-keyboard53:before {
    content: "\e0c2";
}

.flaticon-expand39:before {
    content: "\e07c";
}

.flaticon-expand38:before {
    content: "\e07b";
}

.flaticon-round57:before {
    content: "\e129";
}

.flaticon-round56:before {
    content: "\e128";
}

.flaticon-move26:before {
    content: "\e0e8";
}

.flaticon-round52:before {
    content: "\e124";
}

@font-face {
    font-family: "Flaticon";
    src: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/css/flaticon/flaticon.eot");
    src: url("/web/20230425205903im_//fileadmin/templates/sanitop.de/css/flaticon/flaticon.eot#iefix") format("embedded-opentype"),
    url("/web/20230425205903im_//fileadmin/templates/sanitop.de/css/flaticon/flaticon.woff") format("woff"),
    url("/web/20230425205903im_//fileadmin/templates/sanitop.de/css/flaticon/flaticon.ttf") format("truetype"),
    url("/web/20230425205903im_//fileadmin/templates/sanitop.de/css/flaticon/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
}

.flaticon-account4:before {
    content: "\e000";
}

.flaticon-add179:before {
    content: "\e001";
}

.flaticon-add180:before {
    content: "\e002";
}

.flaticon-add181:before {
    content: "\e003";
}

.flaticon-add182:before {
    content: "\e004";
}

.flaticon-add183:before {
    content: "\e005";
}

.flaticon-add184:before {
    content: "\e006";
}

.flaticon-add186:before {
    content: "\e007";
}

.flaticon-adjust6:before {
    content: "\e008";
}

.flaticon-airplane106:before {
    content: "\e009";
}

.flaticon-android11:before {
    content: "\e00a";
}

.flaticon-android12:before {
    content: "\e00b";
}

.flaticon-apple70:before {
    content: "\e00c";
}

.flaticon-attachment19:before {
    content: "\e00d";
}

.flaticon-auto1:before {
    content: "\e00e";
}

.flaticon-automatic2:before {
    content: "\e00f";
}

.flaticon-automatic3:before {
    content: "\e010";
}

.flaticon-back57:before {
    content: "\e011";
}

.flaticon-backspace1:before {
    content: "\e012";
}

.flaticon-bed24:before {
    content: "\e013";
}

.flaticon-been:before {
    content: "\e014";
}

.flaticon-birthday20:before {
    content: "\e015";
}

.flaticon-black394:before {
    content: "\e016";
}

.flaticon-black395:before {
    content: "\e017";
}

.flaticon-black396:before {
    content: "\e018";
}

.flaticon-black397:before {
    content: "\e019";
}

.flaticon-black398:before {
    content: "\e01a";
}

.flaticon-black399:before {
    content: "\e01b";
}

.flaticon-black400:before {
    content: "\e01c";
}

.flaticon-black401:before {
    content: "\e01d";
}

.flaticon-black402:before {
    content: "\e01e";
}

.flaticon-blank30:before {
    content: "\e01f";
}

.flaticon-blank31:before {
    content: "\e020";
}

.flaticon-blank32:before {
    content: "\e021";
}

.flaticon-blank33:before {
    content: "\e022";
}

.flaticon-blogger12:before {
    content: "\e023";
}

.flaticon-blueetooth:before {
    content: "\e024";
}

.flaticon-bluetooth21:before {
    content: "\e025";
}

.flaticon-bluetooth22:before {
    content: "\e026";
}

.flaticon-bluetooth23:before {
    content: "\e027";
}

.flaticon-bluetooth24:before {
    content: "\e028";
}

.flaticon-bluetooth25:before {
    content: "\e029";
}

.flaticon-bookmark45:before {
    content: "\e02a";
}

.flaticon-bookmark46:before {
    content: "\e02b";
}

.flaticon-bookmark47:before {
    content: "\e02c";
}

.flaticon-bookmark48:before {
    content: "\e02d";
}

.flaticon-briefcase49:before {
    content: "\e02e";
}

.flaticon-briefcase50:before {
    content: "\e02f";
}

.flaticon-brightness10:before {
    content: "\e030";
}

.flaticon-brochure6:before {
    content: "\e031";
}

.flaticon-bubble8:before {
    content: "\e032";
}

.flaticon-bug18:before {
    content: "\e033";
}

.flaticon-burn9:before {
    content: "\e034";
}

.flaticon-button11:before {
    content: "\e035";
}

.flaticon-call47:before {
    content: "\e036";
}

.flaticon-call48:before {
    content: "\e037";
}

.flaticon-call49:before {
    content: "\e038";
}

.flaticon-camera59:before {
    content: "\e039";
}

.flaticon-camera60:before {
    content: "\e03a";
}

.flaticon-cancel19:before {
    content: "\e03b";
}

.flaticon-caps1:before {
    content: "\e03c";
}

.flaticon-caps:before {
    content: "\e03d";
}

.flaticon-car145:before {
    content: "\e03e";
}

.flaticon-car146:before {
    content: "\e03f";
}

.flaticon-car147:before {
    content: "\e040";
}

.flaticon-cell10:before {
    content: "\e041";
}

.flaticon-cell11:before {
    content: "\e042";
}

.flaticon-cell12:before {
    content: "\e043";
}

.flaticon-change3:before {
    content: "\e044";
}

.flaticon-chat75:before {
    content: "\e045";
}

.flaticon-chat76:before {
    content: "\e046";
}

.flaticon-check51:before {
    content: "\e047";
}

.flaticon-check52:before {
    content: "\e048";
}

.flaticon-chemistry17:before {
    content: "\e049";
}

.flaticon-circle107:before {
    content: "\e04a";
}

.flaticon-circle108:before {
    content: "\e04b";
}

.flaticon-circles23:before {
    content: "\e04c";
}

.flaticon-circumference:before {
    content: "\e04d";
}

.flaticon-city24:before {
    content: "\e04e";
}

.flaticon-clapperboard4:before {
    content: "\e04f";
}

.flaticon-clapperboard5:before {
    content: "\e050";
}

.flaticon-clear5:before {
    content: "\e051";
}

.flaticon-clipboard99:before {
    content: "\e052";
}

.flaticon-clock100:before {
    content: "\e053";
}

.flaticon-close47:before {
    content: "\e054";
}

.flaticon-closed64:before {
    content: "\e055";
}

.flaticon-cloud302:before {
    content: "\e056";
}

.flaticon-cloud303:before {
    content: "\e057";
}

.flaticon-cloud304:before {
    content: "\e058";
}

.flaticon-cloud305:before {
    content: "\e059";
}

.flaticon-cloud306:before {
    content: "\e05a";
}

.flaticon-cloud307:before {
    content: "\e05b";
}

.flaticon-compass106:before {
    content: "\e05c";
}

.flaticon-connection21:before {
    content: "\e05d";
}

.flaticon-copy31:before {
    content: "\e05e";
}

.flaticon-create2:before {
    content: "\e05f";
}

.flaticon-create3:before {
    content: "\e060";
}

.flaticon-credit98:before {
    content: "\e061";
}

.flaticon-crop13:before {
    content: "\e062";
}

.flaticon-crop14:before {
    content: "\e063";
}

.flaticon-cut23:before {
    content: "\e064";
}

.flaticon-dark55:before {
    content: "\e065";
}

.flaticon-developer2:before {
    content: "\e066";
}

.flaticon-device4:before {
    content: "\e067";
}

.flaticon-device5:before {
    content: "\e068";
}

.flaticon-disc30:before {
    content: "\e069";
}

.flaticon-do10:before {
    content: "\e06a";
}

.flaticon-double126:before {
    content: "\e06b";
}

.flaticon-download162:before {
    content: "\e06c";
}

.flaticon-download164:before {
    content: "\e06d";
}

.flaticon-download166:before {
    content: "\e06e";
}

.flaticon-downwards:before {
    content: "\e06f";
}

.flaticon-drafts:before {
    content: "\e070";
}

.flaticon-drop25:before {
    content: "\e071";
}

.flaticon-drop26:before {
    content: "\e072";
}

.flaticon-drop27:before {
    content: "\e073";
}

.flaticon-earth205:before {
    content: "\e074";
}

.flaticon-ellipsis1:before {
    content: "\e075";
}

.flaticon-email107:before {
    content: "\e076";
}

.flaticon-emoticon117:before {
    content: "\e077";
}

.flaticon-end3:before {
    content: "\e078";
}

.flaticon-enter5:before {
    content: "\e079";
}

.flaticon-exit13:before {
    content: "\e07a";
}

.flaticon-expand38:before {
    content: "\e07b";
}

.flaticon-expand39:before {
    content: "\e07c";
}

.flaticon-facebook56:before {
    content: "\e07d";
}

.flaticon-fast46:before {
    content: "\e07e";
}

.flaticon-favorite21:before {
    content: "\e07f";
}

.flaticon-favorite22:before {
    content: "\e080";
}

.flaticon-filled13:before {
    content: "\e081";
}

.flaticon-film61:before {
    content: "\e082";
}

.flaticon-filter20:before {
    content: "\e083";
}

.flaticon-flash25:before {
    content: "\e084";
}

.flaticon-flash26:before {
    content: "\e085";
}

.flaticon-folder215:before {
    content: "\e086";
}

.flaticon-forward18:before {
    content: "\e087";
}

.flaticon-forward19:before {
    content: "\e088";
}

.flaticon-framed1:before {
    content: "\e089";
}

.flaticon-front15:before {
    content: "\e08a";
}

.flaticon-front16:before {
    content: "\e08b";
}

.flaticon-front17:before {
    content: "\e08c";
}

.flaticon-full46:before {
    content: "\e08d";
}

.flaticon-gamepad3:before {
    content: "\e08e";
}

.flaticon-gamepad4:before {
    content: "\e08f";
}

.flaticon-get:before {
    content: "\e090";
}

.flaticon-gmail3:before {
    content: "\e091";
}

.flaticon-go10:before {
    content: "\e092";
}

.flaticon-good4:before {
    content: "\e093";
}

.flaticon-good5:before {
    content: "\e094";
}

.flaticon-google117:before {
    content: "\e095";
}

.flaticon-google118:before {
    content: "\e096";
}

.flaticon-google119:before {
    content: "\e097";
}

.flaticon-google120:before {
    content: "\e098";
}

.flaticon-google121:before {
    content: "\e099";
}

.flaticon-google122:before {
    content: "\e09a";
}

.flaticon-google123:before {
    content: "\e09b";
}

.flaticon-google124:before {
    content: "\e09c";
}

.flaticon-google125:before {
    content: "\e09d";
}

.flaticon-google126:before {
    content: "\e09e";
}

.flaticon-google127:before {
    content: "\e09f";
}

.flaticon-google128:before {
    content: "\e0a0";
}

.flaticon-google129:before {
    content: "\e0a1";
}

.flaticon-google130:before {
    content: "\e0a2";
}

.flaticon-google131:before {
    content: "\e0a3";
}

.flaticon-google132:before {
    content: "\e0a4";
}

.flaticon-google133:before {
    content: "\e0a5";
}

.flaticon-google134:before {
    content: "\e0a6";
}

.flaticon-google135:before {
    content: "\e0a7";
}

.flaticon-google136:before {
    content: "\e0a8";
}

.flaticon-google137:before {
    content: "\e0a9";
}

.flaticon-gps25:before {
    content: "\e0aa";
}

.flaticon-gps26:before {
    content: "\e0ab";
}

.flaticon-gps27:before {
    content: "\e0ac";
}

.flaticon-gps28:before {
    content: "\e0ad";
}

.flaticon-graduate32:before {
    content: "\e0ae";
}

.flaticon-halffilled1:before {
    content: "\e0af";
}

.flaticon-hangouts:before {
    content: "\e0b0";
}

.flaticon-headset11:before {
    content: "\e0b1";
}

.flaticon-headset12:before {
    content: "\e0b2";
}

.flaticon-help18:before {
    content: "\e0b3";
}

.flaticon-help19:before {
    content: "\e0b4";
}

.flaticon-hide3:before {
    content: "\e0b5";
}

.flaticon-high20:before {
    content: "\e0b6";
}

.flaticon-high21:before {
    content: "\e0b7";
}

.flaticon-high22:before {
    content: "\e0b8";
}

.flaticon-history6:before {
    content: "\e0b9";
}

.flaticon-home149:before {
    content: "\e0ba";
}

.flaticon-horizontal39:before {
    content: "\e0bb";
}

.flaticon-hotel68:before {
    content: "\e0bc";
}

.flaticon-https:before {
    content: "\e0bd";
}

.flaticon-import:before {
    content: "\e0be";
}

.flaticon-insert4:before {
    content: "\e0bf";
}

.flaticon-instagram16:before {
    content: "\e0c0";
}

.flaticon-invert1:before {
    content: "\e0c1";
}

.flaticon-keyboard53:before {
    content: "\e0c2";
}

.flaticon-keyboard54:before {
    content: "\e0c3";
}

.flaticon-label31:before {
    content: "\e0c4";
}

.flaticon-landscape10:before {
    content: "\e0c5";
}

.flaticon-laptop117:before {
    content: "\e0c6";
}

.flaticon-left216:before {
    content: "\e0c7";
}

.flaticon-left217:before {
    content: "\e0c8";
}

.flaticon-left218:before {
    content: "\e0c9";
}

.flaticon-light88:before {
    content: "\e0ca";
}

.flaticon-link60:before {
    content: "\e0cb";
}

.flaticon-linkedin24:before {
    content: "\e0cc";
}

.flaticon-list88:before {
    content: "\e0cd";
}

.flaticon-list89:before {
    content: "\e0ce";
}

.flaticon-location41:before {
    content: "\e0cf";
}

.flaticon-locked57:before {
    content: "\e0d0";
}

.flaticon-locked58:before {
    content: "\e0d1";
}

.flaticon-low34:before {
    content: "\e0d2";
}

.flaticon-magic20:before {
    content: "\e0d3";
}

.flaticon-man459:before {
    content: "\e0d4";
}

.flaticon-man460:before {
    content: "\e0d5";
}

.flaticon-map102:before {
    content: "\e0d6";
}

.flaticon-map103:before {
    content: "\e0d7";
}

.flaticon-mark1:before {
    content: "\e0d8";
}

.flaticon-mark2:before {
    content: "\e0d9";
}

.flaticon-medium5:before {
    content: "\e0da";
}

.flaticon-medium6:before {
    content: "\e0db";
}

.flaticon-medium7:before {
    content: "\e0dc";
}

.flaticon-memory1:before {
    content: "\e0dd";
}

.flaticon-menu55:before {
    content: "\e0de";
}

.flaticon-merge:before {
    content: "\e0df";
}

.flaticon-microphone84:before {
    content: "\e0e0";
}

.flaticon-microphone85:before {
    content: "\e0e1";
}

.flaticon-microsoft7:before {
    content: "\e0e2";
}

.flaticon-microsoft8:before {
    content: "\e0e3";
}

.flaticon-missed:before {
    content: "\e0e4";
}

.flaticon-mountain31:before {
    content: "\e0e5";
}

.flaticon-mountain32:before {
    content: "\e0e6";
}

.flaticon-mountains14:before {
    content: "\e0e7";
}

.flaticon-move26:before {
    content: "\e0e8";
}

.flaticon-new102:before {
    content: "\e0e9";
}

.flaticon-new103:before {
    content: "\e0ea";
}

.flaticon-nfc1:before {
    content: "\e0eb";
}

.flaticon-notifications1:before {
    content: "\e0ec";
}

.flaticon-notifications2:before {
    content: "\e0ed";
}

.flaticon-notifications:before {
    content: "\e0ee";
}

.flaticon-painter14:before {
    content: "\e0ef";
}

.flaticon-panoramic1:before {
    content: "\e0f0";
}

.flaticon-parking14:before {
    content: "\e0f1";
}

.flaticon-pause44:before {
    content: "\e0f2";
}

.flaticon-person325:before {
    content: "\e0f3";
}

.flaticon-phone370:before {
    content: "\e0f4";
}

.flaticon-phone371:before {
    content: "\e0f5";
}

.flaticon-phone372:before {
    content: "\e0f6";
}

.flaticon-phone373:before {
    content: "\e0f7";
}

.flaticon-phone374:before {
    content: "\e0f8";
}

.flaticon-phone375:before {
    content: "\e0f9";
}

.flaticon-photo210:before {
    content: "\e0fa";
}

.flaticon-photo211:before {
    content: "\e0fb";
}

.flaticon-photo212:before {
    content: "\e0fc";
}

.flaticon-photographic1:before {
    content: "\e0fd";
}

.flaticon-pinterest33:before {
    content: "\e0fe";
}

.flaticon-planet29:before {
    content: "\e0ff";
}

.flaticon-play105:before {
    content: "\e100";
}

.flaticon-play106:before {
    content: "\e101";
}

.flaticon-play107:before {
    content: "\e102";
}

.flaticon-play108:before {
    content: "\e103";
}

.flaticon-play109:before {
    content: "\e104";
}

.flaticon-plus80:before {
    content: "\e105";
}

.flaticon-poll:before {
    content: "\e106";
}

.flaticon-power106:before {
    content: "\e107";
}

.flaticon-previous14:before {
    content: "\e108";
}

.flaticon-printer88:before {
    content: "\e109";
}

.flaticon-problems:before {
    content: "\e10a";
}

.flaticon-progress10:before {
    content: "\e10b";
}

.flaticon-public10:before {
    content: "\e10c";
}

.flaticon-public11:before {
    content: "\e10d";
}

.flaticon-public9:before {
    content: "\e10e";
}

.flaticon-puzzle37:before {
    content: "\e10f";
}

.flaticon-radio51:before {
    content: "\e110";
}

.flaticon-random5:before {
    content: "\e111";
}

.flaticon-rate:before {
    content: "\e112";
}

.flaticon-read5:before {
    content: "\e113";
}

.flaticon-receipt9:before {
    content: "\e114";
}

.flaticon-record9:before {
    content: "\e115";
}

.flaticon-refresh55:before {
    content: "\e116";
}

.flaticon-refresh56:before {
    content: "\e117";
}

.flaticon-reminder6:before {
    content: "\e118";
}

.flaticon-replay4:before {
    content: "\e119";
}

.flaticon-reply18:before {
    content: "\e11a";
}

.flaticon-report:before {
    content: "\e11b";
}

.flaticon-rewind45:before {
    content: "\e11c";
}

.flaticon-right237:before {
    content: "\e11d";
}

.flaticon-right244:before {
    content: "\e11e";
}

.flaticon-ring24:before {
    content: "\e11f";
}

.flaticon-rotate11:before {
    content: "\e120";
}

.flaticon-rotate12:before {
    content: "\e121";
}

.flaticon-round50:before {
    content: "\e122";
}

.flaticon-round51:before {
    content: "\e123";
}

.flaticon-round52:before {
    content: "\e124";
}

.flaticon-round53:before {
    content: "\e125";
}

.flaticon-round54:before {
    content: "\e126";
}

.flaticon-round55:before {
    content: "\e127";
}

.flaticon-round56:before {
    content: "\e128";
}

.flaticon-round57:before {
    content: "\e129";
}

.flaticon-round58:before {
    content: "\e12a";
}

.flaticon-rounded54:before {
    content: "\e12b";
}

.flaticon-rounded55:before {
    content: "\e12c";
}

.flaticon-rounded56:before {
    content: "\e12d";
}

.flaticon-rounded57:before {
    content: "\e12e";
}

.flaticon-rounded58:before {
    content: "\e12f";
}

.flaticon-rounded59:before {
    content: "\e130";
}

.flaticon-rounded60:before {
    content: "\e131";
}

.flaticon-rubbish:before {
    content: "\e132";
}

.flaticon-save20:before {
    content: "\e133";
}

.flaticon-schedule2:before {
    content: "\e134";
}

.flaticon-screen44:before {
    content: "\e135";
}

.flaticon-screen45:before {
    content: "\e136";
}

.flaticon-screen46:before {
    content: "\e137";
}

.flaticon-screen47:before {
    content: "\e138";
}

.flaticon-screen48:before {
    content: "\e139";
}

.flaticon-screen49:before {
    content: "\e13a";
}

.flaticon-sd7:before {
    content: "\e13b";
}

.flaticon-sd8:before {
    content: "\e13c";
}

.flaticon-search100:before {
    content: "\e13d";
}

.flaticon-searching41:before {
    content: "\e13e";
}

.flaticon-select3:before {
    content: "\e13f";
}

.flaticon-select4:before {
    content: "\e140";
}

.flaticon-send12:before {
    content: "\e141";
}

.flaticon-send13:before {
    content: "\e142";
}

.flaticon-send14:before {
    content: "\e143";
}

.flaticon-server40:before {
    content: "\e144";
}

.flaticon-set5:before {
    content: "\e145";
}

.flaticon-set6:before {
    content: "\e146";
}

.flaticon-settings49:before {
    content: "\e147";
}

.flaticon-settings50:before {
    content: "\e148";
}

.flaticon-share39:before {
    content: "\e149";
}

.flaticon-shared1:before {
    content: "\e14a";
}

.flaticon-shining2:before {
    content: "\e14b";
}

.flaticon-shining3:before {
    content: "\e14c";
}

.flaticon-shopping231:before {
    content: "\e14d";
}

.flaticon-shopping232:before {
    content: "\e14e";
}

.flaticon-show4:before {
    content: "\e14f";
}

.flaticon-show5:before {
    content: "\e150";
}

.flaticon-show6:before {
    content: "\e151";
}

.flaticon-show7:before {
    content: "\e152";
}

.flaticon-show8:before {
    content: "\e153";
}

.flaticon-shuffle24:before {
    content: "\e154";
}

.flaticon-sim2:before {
    content: "\e155";
}

.flaticon-smartphone19:before {
    content: "\e156";
}

.flaticon-smartphone20:before {
    content: "\e157";
}

.flaticon-sms5:before {
    content: "\e158";
}

.flaticon-sms6:before {
    content: "\e159";
}

.flaticon-sms7:before {
    content: "\e15a";
}

.flaticon-snake4:before {
    content: "\e15b";
}

.flaticon-sort52:before {
    content: "\e15c";
}

.flaticon-speech108:before {
    content: "\e15d";
}

.flaticon-split4:before {
    content: "\e15e";
}

.flaticon-square181:before {
    content: "\e15f";
}

.flaticon-stop46:before {
    content: "\e160";
}

.flaticon-swap2:before {
    content: "\e161";
}

.flaticon-swap3:before {
    content: "\e162";
}

.flaticon-switch27:before {
    content: "\e163";
}

.flaticon-switch28:before {
    content: "\e164";
}

.flaticon-switch29:before {
    content: "\e165";
}

.flaticon-switch30:before {
    content: "\e166";
}

.flaticon-synchronization3:before {
    content: "\e167";
}

.flaticon-synchronization4:before {
    content: "\e168";
}

.flaticon-synchronization5:before {
    content: "\e169";
}

.flaticon-tab3:before {
    content: "\e16a";
}

.flaticon-tablet95:before {
    content: "\e16b";
}

.flaticon-tack:before {
    content: "\e16c";
}

.flaticon-tag71:before {
    content: "\e16d";
}

.flaticon-telephone105:before {
    content: "\e16e";
}

.flaticon-thermostat1:before {
    content: "\e16f";
}

.flaticon-three168:before {
    content: "\e170";
}

.flaticon-three170:before {
    content: "\e171";
}

.flaticon-thumb53:before {
    content: "\e172";
}

.flaticon-thumb54:before {
    content: "\e173";
}

.flaticon-tick7:before {
    content: "\e174";
}

.flaticon-timelapse:before {
    content: "\e175";
}

.flaticon-traffic21:before {
    content: "\e176";
}

.flaticon-tumblr22:before {
    content: "\e177";
}

.flaticon-turn17:before {
    content: "\e178";
}

.flaticon-turn18:before {
    content: "\e179";
}

.flaticon-turn19:before {
    content: "\e17a";
}

.flaticon-turn20:before {
    content: "\e17b";
}

.flaticon-turn21:before {
    content: "\e17c";
}

.flaticon-turn22:before {
    content: "\e17d";
}

.flaticon-turn23:before {
    content: "\e17e";
}

.flaticon-twitter47:before {
    content: "\e17f";
}

.flaticon-two375:before {
    content: "\e180";
}

.flaticon-two385:before {
    content: "\e181";
}

.flaticon-two393:before {
    content: "\e182";
}

.flaticon-underline6:before {
    content: "\e183";
}

.flaticon-underline7:before {
    content: "\e184";
}

.flaticon-undo19:before {
    content: "\e185";
}

.flaticon-unlocked43:before {
    content: "\e186";
}

.flaticon-up176:before {
    content: "\e187";
}

.flaticon-upload119:before {
    content: "\e188";
}

.flaticon-upload120:before {
    content: "\e189";
}

.flaticon-usb33:before {
    content: "\e18a";
}

.flaticon-user157:before {
    content: "\e18b";
}

.flaticon-user158:before {
    content: "\e18c";
}

.flaticon-users25:before {
    content: "\e18d";
}

.flaticon-verification24:before {
    content: "\e18e";
}

.flaticon-videocall:before {
    content: "\e18f";
}

.flaticon-view12:before {
    content: "\e190";
}

.flaticon-virtual2:before {
    content: "\e191";
}

.flaticon-visibility1:before {
    content: "\e192";
}

.flaticon-voice32:before {
    content: "\e193";
}

.flaticon-voicemail1:before {
    content: "\e194";
}

.flaticon-volume47:before {
    content: "\e195";
}

.flaticon-volume49:before {
    content: "\e196";
}

.flaticon-volume50:before {
    content: "\e197";
}

.flaticon-volume51:before {
    content: "\e198";
}

.flaticon-warning37:before {
    content: "\e199";
}

.flaticon-watch16:before {
    content: "\e19a";
}

.flaticon-waving:before {
    content: "\e19b";
}

.flaticon-web37:before {
    content: "\e19c";
}

.flaticon-website12:before {
    content: "\e19d";
}

.flaticon-wifi81:before {
    content: "\e19e";
}

.flaticon-wifi82:before {
    content: "\e19f";
}

.flaticon-wifi83:before {
    content: "\e1a0";
}

.flaticon-window57:before {
    content: "\e1a1";
}

.flaticon-work3:before {
    content: "\e1a2";
}

.flaticon-workspace:before {
    content: "\e1a3";
}

.flaticon-world96:before {
    content: "\e1a4";
}

.flaticon-write20:before {
    content: "\e1a5";
}

.flaticon-youtube35:before {
    content: "\e1a6";
}
/*
     FILE ARCHIVED ON 20:59:03 Apr 25, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:43:34 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.933
  exclusion.robots: 0.132
  exclusion.robots.policy: 0.116
  esindex: 0.016
  cdx.remote: 8.22
  LoadShardBlock: 107.266 (3)
  PetaboxLoader3.datanode: 91.36 (5)
  PetaboxLoader3.resolve: 340.231 (3)
  load_resource: 334.641
  loaddict: 21.067
*/