/**
 * @author Eliane Wyler
 * @package Joomla
 * @subpackage Filados
 * @copyright Copyright (C) 2005 - 2017 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */


/********************************************************************************/
/* Webfonts *******************************************************************/
/********************************************************************************/
* {font-family:'Roboto', sans-serif;}
#adressen h3,
#copyright p small,
#fusslinks strong,
#hauptmenu li > label,
#hauptmenu li > span,
#oeffnungszeiten h3,
#submenu h3,
.product-field.product-field-type-X h3,
.product-field.product-field-type-X tr td:first-child,
.product-field-display,
.wissenswertes .page-header.article h1,
a,
button,
h2,
.products-view .product-container h2 a span,
.productdetails-view > h2 span {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:400;
    font-style:normal;
}
h2.strong {font-weight:bold;color:#008ED2;}
p.bigger {font-size:20px;color:#a6a6a6;}

span.highlight {
  color: #008ED2;
  display: inline-block;
  padding: 0 0.25em;
  background-color: #e5edf5;
}

#fusslinks a,
.error,
.links .item-page ul li a,
.product-short-description,
dd,
input,
label,
li,
p,
td,
.dosiermittel .product-field.product-field-type-X tr td:first-child {
    font-family:'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
}

#aktuell h3 a,
#logo p strong,
h1,
h3 {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:700 !important;
    font-style:normal;
}

.span4 h2,
.feiertage table td:first-child {
    font-family:'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
}
 
p.clear {clear:both;}
hr.clear {clear:both;margin:0;border:0;padding:0;}
div.box {clear:both;padding:1.5em 2em;background-color:#f2f2f2;margin-bottom:4px;}
div.box p {margin-top:0;}

sup {font-size:10px;line-height:1;vertical-align:super;}
.productdetails-view sup {font-size:15px;vertical-align:5px;}
sub {font-size:10px;line-height:1px;}


html {font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;min-height:100.1%;}
body {font-size:100%;margin:0;border:0;padding:0;}
.inside {display:block;position:relative;margin:0 auto;border:0;padding:0;width:84%;max-width:1200px;height:auto;}
/*body.home #main #content > .inside {padding-bottom:10em;width:100%;max-width:none;background:url('/images/design/wasseraufbereitung-hintergrundbild.jpg') no-repeat top center;background-size:cover;}*/
body.home #main #content > .inside {padding-bottom:10em;width:100%;max-width:none;}


video {width:auto;max-width:100%;}

p strong a {font-weight:bold;}

span.small {font-size:0.8125em;}


/********************************************************************************/
/* TAGFORMATE *******************************************************************/
/********************************************************************************/
/*body {background:#e5edf5;}*/


h1 {font-size:2em !important;line-height:1;text-transform:uppercase;letter-spacing:1px;color:#008ED2;margin:1em 0;border:0;padding:0.4em 0 0 0;width:auto;height:auto;}
@media screen and (max-width:620px) {h1 {font-size:1.5em;}}
@media screen and (max-width:480px) {h1 {font-size:1.25em;}}
@media screen and (max-width:400px) {h1 {font-size:1em;}}
.home h1 {font-size:2.5em;color:#008ED2;margin-bottom:0;}
@media screen and (max-width:620px) {.home h1 {margin-top:0.5em;}}
h1 strong {font-weight:normal;}
.wissenswertes .page-header h1 {margin-bottom:0;margin-right:90px;}
.wissenswertes .page-header.article h1 {font-size:1.5em;line-height:1.3;text-transform:none;letter-spacing:0px;color:#a6a6a6;margin:0 90px 0.75em 0;padding:0;}
h2 {font-size:1.5em;line-height:1.3;color:#a6a6a6;}
.hygiene-spuelarmaturen h2,
.intelligente.freispuel-automatik h2,
.einflussfaktoren.trinkwasserhygiene h2,
.Loesung.Bestand.Neubau h2,
.WimTec.HyPlus.Produktsortiment h2 {color:#666666;}
.home h2 {margin-top:0;padding-bottom:1.5em;}
@media screen and (max-width:768px) {
  .home h2 {padding-bottom:0.5em;}
}
@media screen and (max-width:480px) {
  h2 {font-size:1.25em;}
  .home h2 {padding-bottom:0;}
}
.span4 h2 {font-size:1em;/*font-size:0.875em;*/font-weight:bold;color:#000;margin-bottom:0.5em;padding:0 1.25em;}
h3 {font-size:0.9375em;}
p {font-size:1em;/*font-size:0.875em;*/color:#000;}
p.readmore {margin-top:0;padding:0;}
#oeffnungszeiten p,
#adressen p {color:#008ED2;}
a {font-size:1.07142857em;text-decoration:none;color:#666;transition:color 0.25s ease;}
a:hover {color:#000;text-decoration:none !important;}
td a {color:#666 !important;}
.item-page .article a,
.category-desc .download a,
.blog .span4 a,
.category_description a,
.acc-content a,
.newsflash_item a {padding-left:1.25em;background-image:url('/images/icons/linkpfeil.png');background-repeat:no-repeat;background-position:left center;font-weight:bold;}
.category_description .category-view a {padding-left:0;background:none;}
.item-page .article a:hover,
.blog .span4 a:hover,
.category_description a:hover,
.acc-content a:hover {background-image:url('/images/icons/linkpfeil-hover.png');background-repeat:no-repeat;background-position:left center;}
.category_description .category-view a:hover {background:none;}
.item-page.links .article ul li a {padding-left:0;background:none;}
.item-page .article a.button {padding:0;background:none;}
/* Listen */
ul {padding-left:1.25em;list-style-type:disc;}
ol {margin:1em 0;padding:0 0 0 1.5em;}
.article ul li,
.acc-content ul li {font-size:1em;/*font-size:0.875em;*/}
/* Tabelle */
table {width:100%;border-collapse:collapse;}
tr {margin:0;border:0;width:100%;}
td {font-size:1em;/*font-size:0.875em;*/color:#000;border-bottom:2px solid #e5edf5;padding:0.5em 0 0.5em 0;width:50%;}
td:first-child {width:200px;}
.noborder td {border-bottom:0;padding:0.5em 0 0em 0;}
img {display:block;margin:0;border:0;padding:0;width:auto;max-width:100%;height:auto;}
th {text-align:left;}

/* Tabelle in Akkordeonelement */
.accordion td {font-size:1em;/*font-size:0.875em;*/color:#000;border-bottom:2px solid #e5edf5;padding:0.5em 1em 0.5em 0;width:auto;vertical-align:top;}
.accordion td:first-child {width:auto;}


hr {display:block;margin:0;border:0;border-bottom: 2px solid #e5edf5;padding:0;width:100%;}

.browse-view p strong {color:#666;}


.feiertage table {width:100%;}
.feiertage table td {margin-right:1em;width:calc(33.33% - 1em);}
/*.feiertage table td:first-child {width:140px;}*/
@media screen and (max-width:550px) {
  .feiertage table tr,
  .home table tr,
  .kontakt table tr {display:block;border-bottom:2px solid #e5edf5;padding:0.5em 0 0.5em 0;}
  .feiertage table td,
  .home table td,
  .home table th,
  .kontakt table td,
  .kontakt table th {display:block;margin-right:0;border:0;padding:0;width:100%;}
}

#fusslinks a {font-size:1em;color:#a6a6a6;}
#fusslinks a:hover {color:#000;}
#kontakt a {display:block;}
#fusslinks p {font-size:0.875em/*0.8125em*/;}
#fusslinks strong {font-size:1.076923077em;line-height:1.5;font-weight:normal;color:#008ED2;}


dd {font-size:1em;/*font-size:0.875em;*/color:#000;}
img {border:0;width:auto;max-width:100%;}
.blog img {width:auto;max-width:100%;}
/* Formular */
fieldset {margin:0;border:0;padding:0;}
label {font-size:1em;/*font-size:0.875em;*/color:#000;display:block;margin:0 0 0.25em 0;}
input {font-size:1em;/*font-size:0.875em;*/color:#000;display:block;margin:0 0 2em 0;border:0;border-bottom:2px solid #e5edf5;padding:0.25em 0;}
button {font-size:0.9375em;color:#fff;display:block;margin:0;border:0;padding:0.5em 1em;background-color:#008ED2;}
button.btn-primary {background-color:#008ED2;}
button:hover {background-color:#195da5;}
button:active {background-color:#008ED2;}
.control-group {position:relative;}
label.checkbox {margin-bottom:2em;padding-left:1.5em;}
input[type='checkbox'] {position:absolute;top:0.25em;left:0;}
@media screen and (max-width:1024px) {
  h1 {margin-bottom:0.75em;}
}
@media screen and (max-width:750px) {
  h1 {margin-bottom:0.5em;}
}


iframe {width:675px;max-width:100%;height:380px;}
@media screen and (max-width:1024px) {
  iframe {width:506px;max-width:100%;height:285px;}
}
@media screen and (max-width:750px) {
  iframe {width:338px;max-width:100%;height:190px;}
}
@media screen and (max-width:460px) {
  iframe {width:253px;max-width:100%;height:142px;}
}


/* Bilder im Absatz .floatleft */
p .floatleft {float:left;margin-right:1em;}
p .floatright {float:right;margin-left:1em;}
h2 .floatleft {float:left;}
h2 .floatright {float:right;margin-left:1em;margin-top:-0.5em;}
@media screen and (max-width:460px) {
  p .floatleft {float:none;margin:1em auto 1em 0;display:block;}
}
/* Icons im Absatz .icon */
p .icon {width:52px;height:auto;}
h2 .icon {width:52px;height:auto;margin-left:-0.1em;margin-top:-0.5em;margin-right:0.5em;}


/* Pfeil entfernen bei verlinkten Bildern .linkbild */
.item-page .article .bildlink {background:none;margin:0;padding:0;}
.category_description .bildlink {background:none;margin:0;padding:0;display:block;}
.category_description .bildlink.first {background:none;margin:0;padding:0;display:block;}
.category_description .bannerlinkscategory {max-width:675px;}
.category_description .bannerlinkscategory .bildlink.first {background:none;margin:0;padding:0;display:inline-block;width:calc(50% - 9px);}
.category_description .bannerlinkscategory .bildlink.last {background:none;margin:0;padding:0;display:inline-block;width:calc(50% - 9px);float:right;}
.item-page .article .bildlink:hover {background:none;}
.category_description .bildlink:hover {background:none;}
/* Linktext als svg darueber */
.category_description .bannerlinkscategory a {position:relative;}
.category_description .linktext {position:absolute;top:0;left:0;width:100%;height:100%;transition:top 0.4s ease;}
.category_description a:hover .linktext {top:10px;}

/*@media screen and (min-width:1000px) {
  .category_description .bildlink {max-width:calc(50% - 9px);}
}*/


/* Broschueredownload fett */
.category-desc > p.download > a {font-weight:bold;}



/* Logos Engagement */
.logos-engagement {margin:2em 0;}
/*.logos-engagement span {display:inline-block;margin-right:2em;}*/
.logos-engagement a.bildlink {display:inline-block;}
.logos-engagement a {margin-right:2em;}
.logos-engagement a:last-child {margin-right:0;}
/* .logos-engagement a.bildlink img {margin:0 !important;}
.logos-engagement a.bildlink img:hover {cursor:pointer;} */
.logos-engagement.size268px img {width:268px;padding-bottom:2em;}
.logos-engagement.size190px img {width:190px;padding-bottom:2em;}
.acc-content > .logos-engagement {margin:2em 0;}
/*.acc-content > .logos-engagement span {display:inline-block;margin-right:2em;}*/
.acc-content > .logos-engagement a.bildlink {display:inline-block;background:none;padding-left:0;}
.acc-content > .logos-engagement a {margin-right:2em;width:128px;}
.acc-content > .logos-engagement a:last-child {margin-right:0;}
/*.acc-content > .logos-engagement a.bildlink img {margin:0 !important;}
.acc-content > .logos-engagement a.bildlink img:hover {cursor:pointer;}*/
.acc-content > .logos-engagement.size268px a.bildlink:first-child {margin-right:2em;width:268px;padding-bottom:2em;}
.acc-content > .logos-engagement.size190px a.bildlink:first-child {margin-right:2em;width:190px;padding-bottom:2em;}






/********************************************************************************/
/* HEADER ***********************************************************************/
/********************************************************************************/
#header {display:block;position:relative;margin:0;border:0;padding:0;width:100%;height:auto;}
#header .inside {padding-top:4em;}
/*body.home #header {background:url('/images/design/wasseraufbereitung-hintergrundbild.jpg') no-repeat top center;background-size:cover;}*/

/* #header .inside {background:url('/images/aktuelles/filados-swissbau-2020-quer.png') no-repeat left bottom;background-size:18.75%;}
*/
/* Logo */
#logo {position:absolute;top:4em;left:0;z-index:10;width:25%;}
#logo .moduletable {display:block;margin:0 25% 0 0;width:75%;}
#logo img {display:block;margin:0;padding:0;width:auto;max-width:100%;}
#logo p {font-size:1em;line-height:1.3;color:#008ED2;text-align:right;margin:0;padding:0;}
#logo p:first-child {padding-bottom:1.5em;}
@media screen and (max-width:1000px) {
  #logo {top:2em;}
  /*.home #logo {top:6em;}*/
  #logo .moduletable {margin:0;width:100%;}
}
@media screen and (max-width:750px) {
  #logo {width:33%;}
  #logo p:first-child {padding-bottom:1em;}
}
@media screen and (max-width:550px) {
  /*.home #logo {top:2em;}*/
  #logo p {font-size:0.875em;line-height:1.2;}
  #logo p:first-child {padding-bottom:0.5em;}
}
@media screen and (max-width:450px) {
  #logo {width:40%;}
}
@media screen and (max-width:400px) {
  #logo {top:1em;}
  #logo p {font-size:0.75em;line-height:1.1;}
}


/* Hauptmenu */
#hauptmenu {display:block;margin:0 0 0 25%;border:0;padding:0;width:75%;}
#hauptmenu ul {list-style:none;display:block;position:relative;z-index:500;margin:0;border:0;padding:0;width:100%;height:auto;}
#hauptmenu li {position:relative;display:block;float:left;margin:0;border:0;padding:0;}
#hauptmenu li input {display:none;}
#hauptmenu li a,
#hauptmenu li span {font-size:0.9375em;line-height:1.2;color:#008ED2;display:block;margin:0;border:0;/*border-top:2px solid #fff;*/border-right:2px solid #fff;padding:0.5em 0.75em;width:auto;height:auto;background-color:#e5edf5;transition:all 0.25s ease;}
#hauptmenu li a:hover,
#hauptmenu li span:hover {color:#008ED2;background-color:#ccdbeb;}
#hauptmenu li.active > a,
#hauptmenu li.active > span {color:#fff;background-color:#008ED2;}
#hauptmenu li.active > a:hover {color:#fff;}
/* Home-Menupunkt ausblenden */
#hauptmenu li.item-101.default {display:none;}
/* Drop-Down */
#hauptmenu .nav-child {display:none;position:absolute;margin-left:-2px;border:2px solid #fff;border-bottom:0;width:12em;height:auto;}
#hauptmenu li:hover .nav-child {display:block;}
#hauptmenu .nav-child li {float:none;}
#hauptmenu .nav-child li a {color:#666;border:0;border-bottom:2px solid #fff;width:auto;background-color:#ebebeb;}
#hauptmenu .nav-child li a:hover {color:#000;background-color:#d6d6d6;}
#hauptmenu .nav-child li.current > a {color:#008ED2;background-color:#e5edf5;}
#hauptmenu .nav-child li.current > a:hover {color:#008ED2;}
/* Individuelle max-Breiten */
@media screen and (min-width:1208px) {
  #hauptmenu .nav.menu > li > a {min-height:36px;}
  /* #hauptmenu li.item-131 {max-width:140px;}
  #hauptmenu li.item-304 {max-width:100px;}
  #hauptmenu li.item-342 {max-width:100px;}
  #hauptmenu li.item-344 {max-width:115px;} */
}
/* Spezial Hoehe bei Kontakt */
.kontakt #hauptmenu .item-132 > a,
.kontakt #hauptmenu .item-133 > a,
.kontakt #hauptmenu .item-135 > a {display:inline-block;min-height:51px !important;}

/* Login */
#login {display:block;position:absolute;right:0;margin:0;border:0;padding:0;width:auto;}
#login ul {list-style-type:none;margin:0;border:0;padding:0;}
#login li {float:right;}
#login li a {font-size:0.9375em;line-height:2em;color:#008ED2;display:inline-block;margin:0;border:0;padding:0;width:auto;height:2em;}
#login li a:hover {color:#008ED2;}
/* Menubutton */
#menubutton {display:block;margin:0;border:0;padding:0;width:100%;}
#menubutton .open,
#menubutton .close {text-align:right;display:none;}
#menubutton .open a,
#menubutton .close a {font-size:0.9375em;line-height:2em;color:#008ED2;display:inline-block;margin:0;border:0;padding:0 1.5em;width:auto;height:2em;background-color:#e5edf5;}
/*body.home */#menubutton .open a,
/*body.home */#menubutton .close a {color:#fff;background-color:#008ED2;}
/* Titelbild */
#titelbild {display:block;clear:both;position:relative;z-index:0;margin:0 0 0 25%;border:0;border-top:2px solid #fff;padding:0;width:75%;}
#titelbild p {margin:0;padding:0;}
#titelbild img {display:block;margin:0;padding:0;width:auto;max-width:100%;}
.home #titelbild {height:450px;max-height:450px;overflow:hidden;}
/* Aktuell */
/*#aktuell {display:none;position:absolute;top:0;left:0;width:25%;height:6em;background:url('/images/design/aktuell-filados-wasseraufbereitung.png') no-repeat scroll 2em 25%;background-size:auto 66%;}
#aktuell .moduletable {display:block;margin:0 25% 0 0;border:0;padding:0;width:75%;height:2em;background-color:#f7cf89;}
#aktuell .custom {padding:0 1.5em;}
#aktuell h3 {margin:0;border:0;padding:0;}
#aktuell h3 a {font-size:0.9375em;line-height:2.133333em;text-transform:uppercase;letter-spacing:1px;color:#fff;display:block;margin:0;border:0;padding:0;}
#aktuell h3 a:hover {color:#000;}*/
#aktuell {display:block;position:absolute;top:200px;left:0;z-index:1000;width:18.75%;height:auto;}
#aktuell a {font-family:'Roboto Condensed', sans-serif;font-weight:700;font-style:normal;font-size:0.6em;line-height:1.3;color:#ff0000;}
#aktuell input {display:block;position:absolute;top:-30000px;left:-30000px;z-index:3000000;margin-left:10px;width:1px;height:1px;overflow:hidden;}
#aktuell a {display:block;padding:4%;border:2px solid #ff0000;}
#aktuell a:hover {cursor:pointer;}
#aktuell h3 {display:none;}
#aktuell a.blau {color:#fff;background-color:#008ED2;border:2px solid #008ED2;margin-top:4px;}
#aktuell a.aktion {/*display:inline-block;*/margin-top:4px;border:0;padding:0;/*width:30%;*/}
@media screen and (min-width:460px) {
  #aktuell a {font-size:0.8em;}
}
@media screen and (min-width:768px) {
  #aktuell a {font-size:1.5em;}


}
/* Popup */
#aktuell .popup {display:none;position:fixed;top:0;left:0;margin:4%;padding:4%;width:84%;height:auto;max-height:84%;background-color:#ebebeb;overflow:scroll;box-shadow:0 0 10px #000;}
#aktuell input:checked ~ .popup {display:block;}
#aktuell .popup h1 {padding-bottom:1em;}
#aktuell .popup h2 {padding-bottom:0;}
#aktuell .popup .kreuz {font-size:1.5em;display:inline-block;padding-top:4px;}

/* Mitteilung */
body.mitteilung {background:#ebebeb;}
body.mitteilung #header,
body.mitteilung #footer,
body.mitteilung .page-header {display:none;}
body.mitteilung #main {background:none;}


/* Suchen */
#suchen {display:block;position:absolute;top:0;right:0;}
#suchen label {text-indent:20px;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;overflow:hidden;}
#suchen #mod-search-searchword103 {font-size:0.875em;line-height:2em;display:block;margin:0;border:0;border-bottom:2px solid #e5edf5;width:12em;background:none;}
#suchen #mod-search-searchword103:focus {outline:none;}
#suchen button {font-size:1em;text-indent:5em;display:block;position:absolute;top:0;right:0;z-index:10;margin:0;border:0;padding:0;width:2em;height:2em;background:none;background:url('/images/icons/suchen-normal-filados-wasseraufbereitung.png') no-repeat scroll top right;background-size:auto 100%;overflow:hidden;}
#suchen button:hover {cursor:pointer;background:url('/images/icons/suchen-hover-filados-wasseraufbereitung.png') no-repeat scroll top right;}
/* HEADER responsive ************************************************************/
@media screen and (max-width:1100px) {
  /*#hauptmenu li a,
  #hauptmenu li span {padding-right:1.25em;padding-left:1.25em;}*/
  .home #titelbild {max-height:400px;}
}
@media screen and (max-width:1000px) {
  /*#hauptmenu li a,
  #hauptmenu li span {padding-right:1em;padding-left:1em;}*/
  .home #titelbild {height:auto;max-height:350px;}
}
@media screen and (max-width:1208px) {
  /* => UMSTELLUNG Mobilemenu */
  #menubutton .open {display:block;}
  #hauptmenu {/*margin:1em 3.5em 0 0;*/margin:1em 0 0 0;border:0;padding:0;width:auto;}
  #hauptmenu .moduletable {display:none;position:absolute;width:100%;background-color:#fff;}
  #hauptmenu li {float:none;}
  #hauptmenu li a,
  #hauptmenu li span {text-align:left;display:block;border:0;border-bottom:2px solid #fff;padding:0.5em 0 0.25em 8%;width:92%;min-height:1.5em;}
  #hauptmenu .nav-child {position:relative;margin-left:0;border:0;border-bottom:2px solid #fff;width:100%;}
  /* Dropdown Mobile */
  #hauptmenu li.deeper::after {content:url('/images/icons/accordion-auf.png');text-align:right;display:block;position:absolute;top:0;left:75%;width:25%;height:100%;color:#008ED2;}
  #hauptmenu li.deeper:hover::after {content:url('/images/icons/accordion-auf-hover.png');}
  #hauptmenu li.deeper.active:hover::after {content:url('/images/icons/accordion-auf.png');}
}
@media screen and (max-width:1000px) {
  #header .inside {padding-top:3em;}
  #login {margin-top:-1.875em;}
  #titelbild img {margin:0 0 0 8%;width:92%;}
  /*#aktuell {top:0;left:31%;width:3em;height:2.75em;background:url('/images/icons/news-sprechblase.png') no-repeat scroll bottom left;background-size:100% auto;overflow:hidden;}
  #aktuell .moduletable {display:block;margin:0;border:0;padding:0;width:3em;height:2.75em;background:none;}
  #aktuell .custom {padding:0;}
  #aktuell h3 a {text-indent:5em;display:block;width:100%;height:2em;}*/
  #aktuell {top:140px;width:20%;}
  #aktuell a:hover {cursor:pointer;}
}
@media screen and (max-width:750px) {
  #hauptmenu {margin-top:2em;}
  /*#aktuell {left:38.36%;}*/
  #aktuell {top:120px;/*width:33%;*/}

  #titelbild {margin:0 0 0 33%;width:67%;}
}
@media screen and (max-width:700px) {
  #hauptmenu {margin-top:1.5em;}
}
@media screen and (max-width:550px) {
  #header .inside {padding-top:2em;}
  #hauptmenu {margin-top:2em;}
  /*#aktuell {top:3em;left:auto;right:0;}*/
   /* #aktuell {top:40px;left:40%;width:25%;}*/
  #titelbild {margin:0;width:100%;}
  #titelbild img {margin:0;width:100%;}
  #aktuell {position:relative;z-index:0;top:0;left:0;margin-top:8px;width:100%;/*width:calc(100% - 80px);*/text-align:justify;text-align-last:justify;}
  #aktuell a {margin-top:0px;}
  #aktuell a.aktion {display:inline-block;margin-top:0px;width:45%;width:calc(50% - 4px);}
  form.rsf_form {position:absolute;right:8%;width:45%;}
  form.rsf_form input {width:75% !important;}
}
@media screen and (max-width:450px) {
    #aktuell {/*top:45px;left:0;width:75%;width:calc(100% - 80px);*/}
  	#aktuell a.aktion {display:inline-block;/*margin-top:8em;*//*width:30%;*/}
}
@media screen and (max-width:400px) {
  #header .inside {padding-top:1.25em;}
  #hauptmenu {margin-top:4em;}
  #aktuell {/*top:45px;left:0;width:75%;width:calc(100% - 80px);*/}
  #aktuell a.aktion {display:inline-block;/*margin-top:4em;*//*width:30%;*/}
  /*#aktuell {top:2.75em;left:auto;right:0;width:2.5em;height:2.25em;}*/
}



/********************************************************************************/
/* MAIN *************************************************************************/
/********************************************************************************/
#main {display:block;position:relative;margin:-7em 0 0 0;min-height:32em;background:url('/images/design/welle-filados-neu.png') no-repeat scroll top right;background-size:100% auto;}
/* Content */
#content {position:relative;padding-top:9em;}
/* Item-Page */
.item-page {display:block;margin:0 0 0 25%;border:0;padding:0 0 3em 0;width:75%;height:auto;}
.item-page.home {position:relative;z-index:100;margin:0;width:100%;background:url('/images/design/welle-filados-beidseitig.png') no-repeat scroll right bottom;background-size:100% auto;}
.item-page.stellen {padding-bottom:1.5em;}
.item-page .article {margin:0 25% 0 0;width:75%;}
.item-page.home .article {margin:0 auto;width:84%;max-width:1200px;}
.item-page.home .article h1,
.item-page.home .article h2,
.item-page.home .article p,
.item-page.home .article table {margin-left:25%;width:75%;}
.item-page .article p a img {margin-right:1.5em;vertical-align:middle;}
@media screen and (max-width:1000px) {
  .item-page {margin:0;width:100%;}
  .item-page .article {margin:0;width:100%;}
  .item-page.home .article h1,
  .item-page.home .article h2,
  .item-page.home .article p,
  .item-page.home .article table {margin-left:0;width:100%;}
}

/* Item-Page Links */
.item-page.links .article p {margin-bottom:2em;padding-bottom:0.5em;border-bottom:2px solid #e5edf5;min-height:4.57142857em;}
/*.item-page.links .article p a {font-size:1em;}*/
.item-page.links .article p img {float:right;margin-left:1em;}
.item-page.links .article ul {display:block;margin:1em 0;padding:0 0 0 1.5em;}
.item-page.links .article ul li {list-style-image:url('/images/icons/link-pfeil.png');}
.item-page.links .article ul li:hover {list-style-image:url('/images/icons/link-pfeil-hover.png');}
.item-page.links .article ul li a {font-size:1em;}

/* Item-Page Zurueck-Button */
.zurueck {display:block;position:absolute;top:0;right:0;}




/* Blog */
.blog {display:block;margin:0 0 0 25%;border:0;padding:0 0 3em 0;width:75%;height:auto;}
.blog .span4 {display:block;clear:both;margin-right:-4px;margin-bottom:2em;border-right:1px solid #fff;border-bottom:2px solid #e5edf5;border-left:1px solid #fff;width:75%;height:auto;min-height:184px;vertical-align:top;}


.blog .span4 figure.item-image {
    float: left;
    width: 284px;
    height: 170px;
    margin: 0 1em 0 0;
    overflow: hidden;
}

.blog .span4 figure.item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}



.blog .span4 .page-header {
    margin-top: 0;
}

.blog .span4 .page-header h2 {
    margin-top: 0;
}


.blog .category-desc {margin:2em 25% 2em 0;width:75%;}
@media screen and (max-width:1000px) {
  .blog {margin:0;width:100%;}
  .blog .category-desc {margin-right:0;width:100%;}
}
@media screen and (max-width:750px) {
  .blog .span4 {display:block;width:100%;min-height:160px;}
  .blog .span4 .item-image {float:left;margin-right:1em;width:50%;max-height:160px;}
  .blog .span4 .page-header,
  .blog .span4 .readmore {margin-left:50%;padding-left:1em;width:auto;}
}

/* Search */
.search {display:block;margin:0 0 0 25%;border:0;padding:0;width:75%;height:auto;}
.search .search-results {margin:0 25% 0 0;width:75%;}
.search .result-title {display:block;margin:2em 0 0 0;}
.search .result-category {font-size:0.8125em;color:#a6a6a6;display:inline;margin:0;border-right:1px solid #a6a6a6;padding:0 0.5em 0 0;}
.search .result-created {font-size:0.8125em;color:#a6a6a6;display:inline;margin:0;padding:0 0 0 0.5em;}
.search .result-text {display:block;margin:0;}
.search .highlight {color:#008ED2;display:inline-block;padding:0 0.25em;background-color:#e5edf5;}
/* Login */
.login,
.passwortmanager {display:block;margin:0 0 0 25%;border:0;padding:0;width:75%;height:auto;}
.passwortmanager {margin-top:3em;margin-bottom:3em;}
.login form {margin:0 25% 0 0;width:75%;}
.passwortmanager ul {list-style:none;margin:0;border:0;padding:0;}
/* Submenu */
#submenu {display:block;position:absolute;top:0;left:0;width:25%;}
#submenu h3 {font-size: 0.9375em;text-indent:0.75em;color:#fff;display:block;margin:0 25% 0 0;border:0;border-bottom:2px solid #fff;padding:1em 0 0 0;width:75%;height:2em;background-color:#008ED2;background:#fff url('/images/design/submenurundung-filados.svg') no-repeat scroll top center;background-size:cover;}
@media all and (-ms-high-contrast:none) {
     #submenu h3 {background-color:#008ED2;} /* IE10 */
     #submenu h3 {background:#fff url('/images/design/submenurundung-filados-neu.png') no-repeat scroll top center;background-size:cover;}  /* IE10 */
}
#submenu ul {list-style:none;display:block;margin:0 25% 0 0;border:0;padding:0;width:75%;height:auto;}
#submenu li {margin:0;border:0;padding:0;}
#submenu li a {font-size:0.9375em;line-height:1.2;color:#666;display:block;margin:0;border:0;border-bottom:2px solid #fff;padding:0.5em 0.75em;width:auto;height:auto;min-height:1.125em;background-color:#ebebeb;transition:all 0.25s ease;}
#submenu li a.kontaktlink {font-size:0.9375em;line-height:1.2;color:#fff;display:block;margin:0;border:0;border-bottom:2px solid #fff;padding:0.5em 0.75em;width:auto;height:auto;min-height:1.125em;background-color:#21b5b8;background:linear-gradient(90deg,#21b5b8,#21b5b8,#008ed2);transition:all 0.25s ease;}
#submenu li a:hover {color:#000;background-color:#d6d6d6;}
#submenu li.current > a {color:#008ED2;background-color:#e5edf5;}
#submenu li.current > a:hover {color:#008ED2;}

#submenu ul.enthaerter li.item-278 > a {color:#008ED2;background-color:#e5edf5;}
#submenu ul.wasserhygiene li.item-284 > a {color:#008ED2;background-color:#e5edf5;}
#submenu ul.rost li.item-281 > a {color:#008ED2;background-color:#e5edf5;}
#submenu ul.hyplus li.item-347 > a {color:#008ED2;background-color:#e5edf5;}
#submenu ul.umkehrosmose li.item-283 > a {color:#008ED2;background-color:#e5edf5;}



/* Accordion */
#accordion {display:block;margin:0 0 0 25%;border:0;padding:0 0 3em 0;width:75%;}
.home #accordion {display:block;margin:0;border:0;padding:3em 0;width:100%;}
#accordion .moduletable {margin:0 25% 0 0;width:75%;}
#accordion .moduletable.newsflash_container {margin:0;border-top:2px solid #e5edf5;padding:1.5em 25% 0 0;width:75%;}
#accordion h2 {margin-top:0;}
#accordion ul.accordion {padding:0;}
#accordion ul.accordion > li {margin:0 0 2px 0;border:0;padding:0;width:100%;min-height:33px;}
#accordion ul.accordion > li a.headerlink {font-size:0.9375em;line-height:1.2;color:#008ED2;position:relative;margin:0 0 2px 0;border:0;padding:0.5em 2.25em 0.5em 0.75em;width:calc(100% - 3em);background-color:#e5edf5;transition:all 0.25s ease;}
#accordion ul.accordion > li a.headerlink:hover {background-color:#ccdbeb;}
#accordion ul.accordion > li.acc-open a.headerlink {color:#fff;background-color:#008ED2;}
/* Accordion - Styles ueberschreiben */
.fancypantsaccordionholder .accordion .accordion-item .headerlink span {right:0 !important;background:url('/images/icons/accordion-auf.png') no-repeat right center !important;opacity:1 !important;}
.fancypantsaccordionholder .accordion .accordion-item:hover .headerlink span {right:0 !important;background:url('/images/icons/accordion-auf-hover.png') no-repeat right center !important;}
.fancypantsaccordionholder .accordion .accordion-item.acc-open .headerlink span {right:0 !important;background:url('/images/icons/accordion-zu.png') no-repeat right center !important;transform:none !important;}
.fancypantsaccordionholder .accordion .accordion-item.acc-open .headerlink:hover span {right:0 !important;background:url('/images/icons/accordion-zu-hover.png') no-repeat right center !important;transform:none !important;}
.fancypantsaccordionholder .accordion .accordion-item .headerlink span {top:8px !important;margin-top:0 !important;}

@media screen and (max-width:960px) {
  #accordion {margin:0;width:100%;}
  #accordion .moduletable {margin:0;width:100%;}
}





/* AGB / AEB */
.agb #accordion ul.accordion > li:last-child,
.aeb #accordion ul.accordion > li:last-child {margin-top:2em;}
.agb #accordion .acc-content p,
.aeb #accordion .acc-content p {margin-left:3em;}
.agb #accordion .acc-content p > span,
.aeb #accordion .acc-content p > span {display:inline-block;margin-left:-3em;width:3em;}



/* Pfeil */
.product-field-type-S::after {content:url('/images/icons/accordion-auf.png');text-align:right;display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#008ED2;}
.product-field-type-S:hover::after {content:url('/images/icons/accordion-auf-hover.png');}
.product-field-type-S.active::after {content:url('/images/icons/accordion-zu-hover.png');}
.product-field-type-S.active:hover::after {content:url('/images/icons/accordion-zu-hover.png');}





/* Home Angebotsuebersicht */
.home #accordion {position:relative;z-index:100;margin:0;margin-top:3em;width:100%;background:url('/images/design/wasseraufbereitung-hintergrundbild.jpg') no-repeat top center;background-size:cover;}
.home #accordion .moduletable {display:block;margin:0 auto;border:0;padding:5em 0;width:84%;max-width:1200px;}
.home #submenu {display:block;margin-left:auto;margin-right:auto;width:84%;max-width:1200px;}
/*.home #accordion .moduletable {margin:0;width:100%;}*/
.newsflash_item {display:inline-block;vertical-align:top;margin:0;border:0;padding:0;width:calc(25% - 4px);height:auto;background-color:#fff;}
.newsflash_item .inside {position:relative;margin:0;/*border-top:2px solid #fff;*/padding:0 0 0 0;width:auto;background-color:#f0f0f0;transition:background-color 0.5s ease;}
.home .newsflash_item .inside {background-color:#fff;transition:background-color 0.5s ease;}
.newsflash_item:hover .inside,
.home .newsflash_item:hover .inside {background-color:#e5edf5;}
.newsflash_item .inside h2 {font-size:0.9375em;font-weight:normal;color:#fff;display:inline-block;position:absolute;top:-2.125em;left:0;margin:0;border:0;border-bottom:2px solid #fff;padding:0.3em 1.5em 0.1em 1.5em;width:auto;height:1.6em;background-color:#008ED2;transition:background-color 0.5s ease;}
.newsflash_item:hover .inside h2 {background-color:#008ED2;}
.newsflash_item .inside h3 {font-size:1.5em;line-height:1.2;font-weight:lighter;text-align:center;color:#008ED2;padding:0 1em;min-height:3.5em;transition:color 0.5s ease;}
.newsflash_item:hover .inside h3 {color:#008ED2;}
.newsflash_item .inside p {width:100%;}
.newsflash_item .inside ul {list-style:none;margin-bottom:0;padding:1em 1.5em;min-height:210px;}
.newsflash_item .inside ul li {font-size:0.875em;border-bottom:1px solid #008ED2;padding:0.25em 0;}
.newsflash_item .inside ul li:first-child {border-top:1px solid #008ED2;}
.newsflash_item .inside .introicon {text-align:center;}
.newsflash_item .inside .introicon img {display:block;margin:0 auto;width:78px;height:78px;}
.newsflash_item .inside .introbild {display:block;margin:0;}
.newsflash_item .inside .introbild img {margin:0 0 2em 0;width:100%;}
.newsflash_item .inside .flexslider {margin:0;background:none;}
.newsflash_item .inside .flexslider .slides {text-align:center;margin:0.875em 0;padding:0;height:78px;min-height:1px;}
.newsflash_item .inside .flexslider .slides li,
.newsflash_item .inside .flexslider .slides li:first-child {border:0;padding:0;}
.newsflash_item .inside .flexslider .slides img {margin:0 auto;width:78px;}
.newsflash_item .inside div a {text-indent:10000000px;display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}

.umkehrosmose-ultrafiltration .newsflash_item,
.fuer.hoehere.ansprueche.newsflash_item {margin-top:4em;/*border-bottom:2px solid #e5edf5;*/width:calc(50% - 4px);}
.category-view .newsflash_item p.readmore,
.newsflash_item p.readmore {margin-bottom:0;padding-bottom:0.5em;padding-left:0.5em;}

.newsflash_item > .inside > div > a {background:none;}


@media screen and (max-width:1248px) {
  .newsflash_item .inside ul {min-height:304px;}
}
@media screen and (max-width:1024px) {
  .newsflash_item {margin-bottom:6em;width:calc(50% - 4px);}
  .newsflash_item:last-child {margin-bottom:0;}
  .home #accordion .moduletable {display:block;margin:0 auto;border:0;padding:3em 0 0 0;width:84%;max-width:1200px;}
  .newsflash_item .inside ul {min-height:240px;}
}
@media screen and (max-width:600px) {
  .home #accordion {margin:2.5em auto;}
  .newsflash_item,
  .umkehrosmose-ultrafiltration .newsflash_item {display:block;width:100%;}
  .newsflash_item .inside h3 {min-height:1px;}
  .newsflash_item .inside ul {padding-bottom:1.5em;min-height:1px;}
}


/* Video iframe home */
.home iframe {display:block;position:relative;margin-left:25%;margin-bottom:4em;max-width:100%;}

@media screen and (min-width:1000px) {
  .home .article {position:relative;}
  /*.home .article h2::after {content:url('https://www.filados.ch/images/diverse/danke-swissbau-2020-besuch.svg');display:block;position:absolute;top:8em;left:calc(25% - 148px);width:180px;height:auto;z-index:100;}*/
}
@media screen and (max-width:1000px) {
  .home iframe {margin-left:0;margin-bottom:2em;}
  /*.home .article:last-child::after {content:url('https://www.filados.ch/images/diverse/danke-swissbau-2020-besuch-klein.svg');display:block;position:absolute;bottom:2em;left:calc(50% - 120px);width:240px;height:auto;z-index:100;}*/
}
@media screen and (max-width:768px) {
  .home iframe {margin-bottom:1em;max-height:350px;}
  /*.home .article:last-child::after {bottom:1em;}*/
}
@media screen and (max-width:694px) {
  .home iframe {max-height:326px;}
}
@media screen and (max-width:620px) {
  .home iframe {max-height:288px;}
}
@media screen and (max-width:570px) {
  .home iframe {max-height:266px;}
}
@media screen and (max-width:520px) {
  .home iframe {max-height:244px;}
}
@media screen and (max-width:490px) {
  .home iframe {max-height:222px;}
 
}
@media screen and (max-width:460px) {
  .home iframe {max-height:200px;}
 
}




/* Kontaktseite Adress-Map-Boxen */
div.box-left, 
div.box-right {display:inline-block;margin-top:1.5em;width:49%;vertical-align:top;}
div.box-left iframe,
div.box-right iframe {display:block;margin:1.5em 0;border:0;padding:0;width:auto;max-width:100%;}
/*div.box-right iframe {margin-top:3.5em;}*/




/* AquaSmart Service-Pakate */
ul.second {list-style:none;display:inline;padding-left:4px;}
ul.second li {display:inline;margin-right:4px;padding:2px 8px;}
ul.second li.basic {color:#fff;background-color:#64c2c9;}
ul.second li.advanced {color:#fff;background-color:#1abbe7;}
ul.second li.secure {color:#fff;background-color:#0087cb;}






/* MAIN responsive **************************************************************/
@media screen and (max-width:1750px) {
  #main {margin-top:-6em;background-size:100% auto;}
}
@media screen and (max-width:1600px) {
  #main {margin-top:-5.5em;background-size:102.5% auto;}
  #content {padding-top:8em;}
}
@media screen and (max-width:1450px) {
  #main {margin-top:-5em;background-size:102.5% auto;}
  #content {padding-top:7.5em;}
}
@media screen and (max-width:1300px) {
  #main {margin-top:-4.75em;background-size:105% auto;}
  #content {padding-top:7em;}
  .item-page .article p a img {display:block;margin-bottom:0.5em;}


}
@media screen and (max-width:1225px) {
  #main {margin-top:-4.5em;background-size:105% auto;}
}
@media screen and (max-width:1150px) {
  #main {margin-top:-4.25em;background-size:105.5% auto;}
  #content {padding-top:6em;}
}
@media screen and (max-width:1075px) {
  #main {margin-top:-4em;background-size:106% auto;}
}
@media screen and (max-width:1000px) {
  #main {margin-top:-3.75em;background-size:106% auto;}
  #submenu h3 {text-indent:8%;margin:0;width:100%;}
  #submenu ul {margin:0;width:100%;}
  #submenu li a {padding-right:8%;padding-left:8%;width:84%;}
  #submenu {position:relative;margin:0 0 3em 0;width:100%;}
}
@media screen and (max-width:950px) {
  .item-page .article,
  #accordion .moduletable,
  .search .search-results,
  .login form {margin:0;width:100%;}
}
@media screen and (max-width:925px) {
  #main {margin-top:-3.5em;background-size:106.5% auto;}
}
@media screen and (max-width:900px) {
  #main {margin-top:-3.25em;background-size:135% auto;}
  #content {padding-top:5em;}
  .item-page .page-header {margin:0 0 0 8%;width:92%;}
  .item-page .article,
  .item-page .item-image,
  #accordion .moduletable,
  .search .search-results,
  .login form {margin:0 0 0 8%;width:92%;}
}
@media screen and (max-width:850px) {
  #main {margin-top:-3em;}
}
@media screen and (max-width:800px) {
  #main {margin-top:-2.75em;}
}
@media screen and (max-width:750px) {
  #main {margin-top:-2.5em;}
  #content {padding-top:4.5em;}
  .item-page,
  .blog,
  .search,
  .login,
  #accordion,
  .passwortmanager {margin:0;width:100%;}
  .item-page .page-header {margin:0;width:100%;}
  .item-page .article,
  .item-page .item-image,
  #accordion .moduletable,
  .search .search-results,
  .login form {margin:0;width:100%;}
}
@media screen and (max-width:700px) {
  #main {margin-top:-2.25em;}
}
@media screen and (max-width:650px) {
  #main {margin-top:-2em;}
}
@media screen and (max-width:550px) {
  #content {padding-top:3em;}
  div.box-left, 
  div.box-right {display:block;margin-top:1.5em;width:100%;}
}
@media screen and (max-width:400px) {
  #content {padding-top:2em;}
}

/* Kontaktbutton */
#kontaktbutton {position:fixed;bottom:24px;right:0;z-index:10000000;width:160px;height:auto;}
#kontaktbutton.oben {position:fixed;bottom:24px;right:0;z-index:10000000;width:160px;height:auto;}

@media screen and (min-width:550px) {
  #kontaktbutton {width:208px;bottom:24px;}
  #kontaktbutton.oben {width:160px;bottom:24px;}
}

@media screen and (min-width:960px) {
  #kontaktbutton {width:208px;bottom:24px;}
  #kontaktbutton.oben {width:160px;bottom:24px;}
}

@media screen and (min-width:1200px) {
  #kontaktbutton {width:208px;bottom:24px;}
  #kontaktbutton.oben {width:160px;bottom:24px;}
}



/********************************************************************************/
/* FOOTER ***********************************************************************/
/********************************************************************************/
#footer {display:block;padding-top:12em;/*background:url('/images/design/welle-filados-neu.png') no-repeat scroll top right;background-size:100% auto;*/}
body.home #footer {position:relative;margin-top:-10em;}
#footer .footer_inside {background-color:#fff;}
/* Fusslinks */
#fusslinks {display:block;}
#fusslinks .moduletable {margin-left:25%;}
#fusslinks p {display:inline-block;margin:0 0 1.5em 0;width:calc(33.333% - 4px);height:auto;vertical-align:top;}
#fusslinks hr {display:block;margin:0 0 6em 0;border:0;padding:0;width:100%;height:1px;}
/* Kontakt */
#kontakt {position:relative;margin:0;border:0;border-top:2px solid #fff;border-bottom:2px solid #fff;padding:0;width:100%;height:16em;background-color:#e5edf5;}
/* Oeffnungszeiten */
#oeffnungszeiten {display:block;position:relative;float:left;margin:0;border:0;padding:0;width:50%;}
#oeffnungszeiten .moduletable {margin:0;border:0;border-left:2px solid #fff;border-right:1px solid #fff;padding:3em 1.5em 0 1.5em;width:auto;height:13em;}
#oeffnungszeiten .custom {margin:0;border:0;padding:1.5em 0;width:100%;}
#oeffnungszeiten h3 {font-size:0.9375em;font-weight:normal;color:#fff;display:inline-block;position:absolute;top:-2.125em;left:0;margin:0;border:0;border-bottom:2px solid #fff;border-left:2px solid #fff;padding:0.3em 3em 0.1em 3em;width:auto;height:1.6em;background-color:#008ED2;}
.kontakt #oeffnungszeiten h3 {top:-2em;height:2em;}
#oeffnungszeiten p {font-size:0.8125em;position:relative;margin:0;margin-left:50%;width:50%;}
#oeffnungszeiten p:first-child {float:left;margin-left:0;padding-left:1.5em;width:calc(50% - 1.5em);}
#oeffnungszeiten img {display:block;position:absolute;top:-2.5em;left:0;width:24px;height:auto;}
/* Adressen */
#adressen {display:block;position:relative;margin:0;margin-left:50%;border:0;padding:0;width:50%;}
#adressen .moduletable {margin:0;border:0;border-left:1px solid #fff;border-right:2px solid #fff;padding:3em 1.5em 0 3em;width:auto;height:13em;}
#adressen .custom {margin:0;border:0;padding:1.5em 0;width:100%;}
#adressen h3 {font-size:0.9375em;font-weight:normal;color:#fff;display:inline-block;position:absolute;top:-2.125em;left:0;margin:0;border:0;border-bottom:2px solid #fff;border-left:1px solid #fff;padding:0.3em 3em 0.1em 3em;width:auto;height:1.6em;background-color:#008ED2;}
.kontakt #adressen h3 {top:-2em;height:2em;}
#adressen p {font-size:0.8125em;position:relative;margin:0;margin-left:50%;width:50%;}
#adressen p:first-child {float:left;margin-left:0;}
/* Nachoben-Button */
#nachoben {position:absolute;top:-10.5em;right:0;}
#nachoben a {display:block;border-bottom:2px solid #e5edf5;width:2.133em;height:2.133em;}
#nachoben a img {display:block;opacity:0.5;}
#nachoben a:hover img {opacity:1;}
/* Copyright */
#copyright {display:block;margin:0;border:0;padding:0;width:100%;height:1.5em;background-color:#008ED2;}
#copyright p {font-size:0.75em;text-align:right;margin:0;padding:4px 0 0 0;width:100%;height:auto;}
#copyright p small {font-size:1em;color:#fff;}
/* FOOTER responsive ************************************************************/
@media screen and (max-width:1750px) {
  #footer {padding-top:11.5em;/*background-size:100% auto;*/}
}
@media screen and (max-width:1600px) {
  #footer {padding-top:11em;/*background-size:102.5% auto;*/}
}
@media screen and (max-width:1450px) {
  #footer {padding-top:10.5em;/*background-size:102.5% auto;*/}
}
@media screen and (max-width:1300px) {
  #footer {padding-top:10em;/*background-size:105% auto;*/}
}
@media screen and (max-width:1150px) {
  #footer {padding-top:9.5em;/*background-size:105.5% auto;*/}
}
@media screen and (max-width:1000px) {
  #fusslinks p {width:calc(50% - 4px);}
  #fusslinks p:last-child {column-count:2;column-gap:0;width:calc(100% - 4px);}
  #oeffnungszeiten p:first-child {padding-left:0;width:calc(50% - 4px);}
  #fusslinks hr {display:block;margin:0 0 6em 0;border:0;padding:0;width:100%;height:1px;}
  #oeffnungszeiten .moduletable,
  #adressen .moduletable {padding-left:1.5em;}
  #oeffnungszeiten h3,
  #adressen h3 {padding-right:1.5em;padding-left:1.5em;}
}
@media screen and (max-width:1000px) {
  #footer {padding-top:9em;/*background-size:106% auto;*/}
  #fusslinks .moduletable {margin-left:0;}
}
@media screen and (max-width:950px) {
  #kontakt .inside {width:100%;}
  #oeffnungszeiten .moduletable {border-left:0;}
  #adressen .moduletable {border-right:0;}
  #oeffnungszeiten h3 {border-left:0;}
}
@media screen and (max-width:900px) {
  #footer {/*background-size:135% auto;*/}
}
@media screen and (max-width:750px) {
  #footer {padding-top:8em;}
  #fusslinks hr {margin:0 0 3em 0;}
  /*#fusslinks p {min-height:20em;}*/
  #kontakt {height:auto;}
  #oeffnungszeiten {float:none;border-top:2px solid #fff;width:100%;}
  #adressen {margin-left:0;border-top:2px solid #fff;width:100%;}
  #oeffnungszeiten .moduletable,
  #adressen .moduletable {margin:0 auto;border:0;padding-bottom:3em;width:84%;height:auto;}
  #adressen .moduletable {padding-top:2em;padding-bottom:2em;}
  #oeffnungszeiten h3,
  #adressen h3 {border-left:0;padding-right:8%;padding-left:8%;}
  #nachoben {position:absolute;top:-4.266667em;right:0;}
}
@media screen and (max-width:550px) {
  #footer {padding-top:7em;}
  #fusslinks hr {margin:0 0 1.5em 0;}
}
@media screen and (max-width:450px) {
  #footer {padding-top:6em;}
  #oeffnungszeiten .moduletable,
  #adressen .moduletable {padding-bottom:2em;width:84%;height:auto;}
  #adressen .moduletable {padding-top:1em;padding-bottom:1em;}
}
@media screen and (max-width:400px) {
  #fusslinks p {display:block;width:100%;}
  #oeffnungszeiten {margin-bottom:2.125em}
  #oeffnungszeiten .moduletable,
  #adressen .moduletable {padding-top:2em;padding-bottom:3em;}
  #oeffnungszeiten .custom,
  #adressen .custom {padding:0;}
  #oeffnungszeiten p,
  #adressen p {margin-top:2em;margin-left:0;width:100%;}
  #oeffnungszeiten p:first-child,
  #adressen p:first-child {float:none;margin-top:0;}
  #oeffnungszeiten img {display:block;position:relative;top:auto;left:auto;}
}



@media only screen and (min-width: 320px) {
  .fancypantsaccordionholder .accordion .accordion-item,
  .fancypantsaccordionholder > ul > li {height:auto !important;}
}



/********************************************************************************/
/* TARGETS **********************************************************************/
/********************************************************************************/
/* Mobilemenu */
#top:target #menubutton .open {display:none;}
#top:target #menubutton .close {display:block;}
#top:target #hauptmenu .moduletable {display:block;}



/* Kontakt */
a.rsform-captcha-refresh-button.btn.btn-secondary {
    background-color: #008ED2;
    border-color: #008ED2;
    margin-left: 20px;
}

.form-group.rsform-block.rsform-block-passwort {
    margin-top: 60px;
    margin-bottom: 45px;
}

button#Senden {
    background-color: #008ED2;
    border: #008ED2;
}

span#component32 {
    font-size: 15px;
}