.ac-container{width:100%;margin:10px auto 30px auto;text-align:left} .ac-container label{font-family:"Roboto","Helvetica Neue",Arial,sans-serif;padding:5px 20px;position:relative;z-index:20;display:block;height:40px;cursor:pointer;color:#777;text-shadow:1px 1px 1px rgba(255,255,255,0.8);line-height:33px;font-size:19px;background:#fff;background:-moz-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));background:-webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-o-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-ms-linear-gradient(top,#fff 1%,#eaeaea 100%);background:linear-gradient(top,#fff 1%,#eaeaea 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#eaeaea',GradientType=0 );box-shadow:0px 0px 0px 1px rgba(155,155,155,0.3),1px 0px 0px 0px rgba(255,255,255,0.9) inset,0px 2px 2px rgba(0,0,0,0.1)} .ac-container label:hover{background:#fff} .ac-container input:checked + label,.ac-container input:checked + label:hover{background:#e51e20;color:#FFF;text-shadow:0px 0px 0px rgba(255,255,255,0.6);box-shadow:0px 0px 0px 1px rgba(155,155,155,0.3),0px 2px 2px rgba(0,0,0,0.1)} .ac-container label:hover:after,.ac-container input:checked + label:hover:after{content:'';position:absolute;width:24px;height:24px;right:13px;top:7px;background:transparent url(https://www.outletking.ch/skin/frontend/outletking/default/images/arrow_down.png) no-repeat center center} .ac-container input:checked + label:hover:after{background-image:url(https://www.outletking.ch/skin/frontend/outletking/default/images/arrow_up.png)} .ac-container input{display:none} .ac-container article{background:rgba(255,255,255,0.5);margin-top:-1px;overflow:hidden;height:0px;position:relative;z-index:10;-webkit-transition:height 0.3s ease-in-out,box-shadow 0.6s linear;-moz-transition:height 0.3s ease-in-out,box-shadow 0.6s linear;-o-transition:height 0.3s ease-in-out,box-shadow 0.6s linear;-ms-transition:height 0.3s ease-in-out,box-shadow 0.6s linear;transition:height 0.3s ease-in-out,box-shadow 0.6s linear} .ac-container article p{color:#777;line-height:23px;font-size:14px;padding:20px;text-shadow:1px 1px 1px rgba(255,255,255,0.8)} .ac-container input:checked ~ article{-webkit-transition:height 0.5s ease-in-out,box-shadow 0.1s linear;-moz-transition:height 0.5s ease-in-out,box-shadow 0.1s linear;-o-transition:height 0.5s ease-in-out,box-shadow 0.1s linear;-ms-transition:height 0.5s ease-in-out,box-shadow 0.1s linear;transition:height 0.5s ease-in-out,box-shadow 0.1s linear;box-shadow:0px 0px 0px 1px rgba(155,155,155,0.3)} .ac-container input:checked ~ article.ac-unserunternehmen{height:auto} .ac-container input:checked ~ article.ac-mitarbeiter{height:auto} .ac-container input:checked ~ article.ac-sortimente{height:auto} .ac-container input:checked ~ article.ac-werte{height:auto} .ac-container input:checked ~ article.ac-opentimes{height:auto}.katimg{float:left;margin-right:5px;margin-bottom:10px} .kattitel{margin-top:10px;clear:left;font-size:1.8em}.header-info-top-off{background-color:#FFEE18;width:100%;height:60px} .header-info-top img{width:100%}.section{clear:both;padding:0px;margin:0px}.col{display:block;float:left;margin:1% 0 1% 1.6%} .col:first-child{margin-left:0}.group:before,.group:after{content:"";display:table} .group:after{clear:both} .group{zoom:1}.span_12_of_12{width:100%}.span_11_of_12{width:91.53%} .span_10_of_12{width:83.06%}.span_9_of_12{width:74.6%}.span_8_of_12{width:66.13%}.span_7_of_12{width:57.66%}.span_6_of_12{width:49.2%}.span_5_of_12{width:40.73%}.span_4_of_12{width:32.26%}.span_3_of_12{width:23.8%}.span_2_of_12{width:15.33%}.span_1_of_12{width:6.866%}@media only screen and (max-width:480px){.col{margin:1% 0 1% 0%}          .span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12,.span_12_of_12{width:100%}}