/* Copyright © Alle Rechte vorbehalten (©) media-service24 */ /*------------------------------------------------------------------------------------------------------- Theme Name: Synop Theme URI: http://media-service24.com/ Description: Responsive Business Version: 2.0 Author: Bodo Stege Author URI: http://media-service24.com/ Die Hinweise! "© media-service24" im Quelltext, dürfen nicht entfernt werden. Beachten Sie bei dem Umgang, mit den ihnen durch unsere zur Verfügung gestellte/n Vorlage/n dass sämtliche Daten und Grafiken dem Copyright unterligen. Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. Jegliche Zuwiderhandlungen werden juristisch verfolgt. --------------------------------------------------------------------------------------------------------- */ @charset "utf-8"; /* --------- ::-webkit-scrollbar{width:10px; background:#666666;} ::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;background: #56b814;} ---------- */ * {margin:0;padding:0} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html {font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;} blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;/* outline: 0; */font-size: 100%; vertical-align: baseline; background: transparent;margin: 0; padding: 0;}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} article,details,figure,footer,header,main,menu,nav,section,i,content{display:block} .clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after{clear: both;} .clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after{display: table;content: " ";}table {border-spacing: 0;border-collapse: collapse;background-color: transparent;} ul, ol { margin-top: 0; margin-bottom: 10px;}li{list-style-type: none;}i {margin-right: 5px;}.no-margin {margin-right: 0 !important;} /* .----------------------------- Farbeinstellung und BG ------------------------------------------------------------------------------*/ /* .------------- Farbeinstellung --------*/ .myWrapper{background-color: #000;} .bg-header{background-color: #20511b;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #3d6f07;} .content .box .block {background: #f9f9f9;} .content .box .img-box .block{background: #f9f9f9;} .select-color > li > .red {background: none repeat scroll 0 0 #F36251;} .select-color > li > .green { background: none repeat scroll 0 0 #3fcc6a;} .select-color > li > .yellow {background: none repeat scroll 0 0 #f9e45a;} .select-color > li > .blue { background: none repeat scroll 0 0 #47a3da;} .copy {background-color: #052204;} .headEmail h3, .headSupport h3{color: #FFF;} .tophead .titel span{color: #CCC;} .content .box .text-box, .sidebar .box .text-box {color: #333333;} .content .box .text-box .colset{color: #F00;} .content .box .text-box .p-set{color: #030;} .content .box .text-box {color: #000000;} .content .box .block h3 {color:#005a7d;} .content .box .block h3 a {color:#005a7d;} .content .box .block .price {color:#828282;} .content .block .btns-holder .add, .content .block .btns-holder .detail, .more {color:#fff;} .content .box .head, .sidebar .box .head {border-color: #030;} ul.list li {color: #333333;} ul.list li::before { color: #3C9F9C;} ul.stege-aber li::before {color: #3C9F9C;} /* ...... Grün ....... */ .description-box .code {color: #56b814;} .description-box h3 {color: #004b6d;} .description-box .price span{color: #666;} .description-box .price h1 {color: #333;} .description-box .text-holder {color: #666666;} .description-box .colored {color:#515151;} #product-sizes > div > span { color: #383838;} #product-sizes > div > p > i {color: #B1B0B0;} #product-sizes > div > p {color: #515151;} .choose-size-tab > .nav-tabs > li.active {color: #FFFFFF;} .choose-size-tab > .nav-tabs > li { color: #383838;} .choose-size-tab > p {color: #383838;} .footer{color: #CCC;} .stegeBodoTitel span {color: #999999;} .stegeBodoDec {color: #CCCCCC;} .stegeBodoTitel h4{color: #fff;} .stegeBodoTitel{color: #fff;} .bodo-imprint {color: #CCCCCC;} .bodo-imprint h5 {color: #F00;} .copy {color: #999;} /* .---- Farbeinstellung - Border ------*/ .content .box, .sidebar .box {border: 1px solid #e8e8e8;} .content .box .img-box img{border: 3px solid #CCC;} .content .box .img-box .hbr{border-bottom-style: dashed;} .content .box .img-box .block{border: 1px solid #e8e8e8;} .choose-size-tab > .nav-tabs > li:focus { border: 1px solid #B1B1B1;} .choose-size-tab > .nav-tabs > li {border: 1px solid #B1B1B1;} .choose-size-tab {border: 1px solid #F0F0F0;} .stegeBodoTitel{border-bottom-color: #333333;} ul.stege-aber li {border-bottom: 1px dotted #666;} /* ----- --------- Image und Hintergrund ----------- -----*/ .myWrapper{background-image: url(../images/bg2.png);} /*.bg-header{background-image: url(../images/header-1.png);}*/ @media (min-width: 500px) { .header{background-image: url(../images/top-bg.png);} } .slider{background-image: url(../images/b.png);} .sliderText::after {background-image: url(../images/shade.png);} .content::after, .sidebar >.box::after{ background-image: url(../images/schatten.png);} .content .box .head,.sidebar .box .head {background-image: url(../images/head-bg.png);color: #fff;} .content .box .holder, .sidebar .box .holder {background: #fff url(../images/bg-box-holder.gif) repeat-x;} .content .box .frame-box, .sidebar .box .frame-box {background: url(../images/bg-box-frame.gif) repeat-x 0 100%;} .content .block .btns-holder {background:#fff url(../images/bg-box-frame.gif) repeat-x 0 100%;} .content .block .btns-holder .add, .more {background:#939c09 url(../images/btns-sprite.gif) repeat-x 0 -222px;} .sub-more:hover, .content .block .btns-holder .detail:hover {background:#939c09 url(../images/btns-sprite.gif) repeat-x 0 -222px;} .content .block .btns-holder .detail {background:#939c09 url(../images/btns-sprite.gif) repeat-x 0 -222px;} .content .block .btns-holder .add, .add-more {background:#006892 url(../images/btns-sprite.gif) repeat-x;} .content .box .top-new {background: url(../images/big-top.png) no-repeat;} .add-more:hover, .content .block .btns-holder .add:hover {background:#006892 url(../images/btns-sprite.gif) repeat-x;} .description-box .btns-area .wishlist span{background: url(../images/ico.png) no-repeat;} .description-box .btns-area .compare span {background: url(../images/ico.png) no-repeat 0 100%;} .description-box .contact-btn {background: url(../images/btn-contact.png) no-repeat;} .choose-size-tab {background: none repeat scroll 0 0 #FBFBFB;} .choose-size-tab > .nav-tabs > li {background: none repeat scroll 0 0 #FFFFFF;} .choose-size-tab > .nav-tabs > li.active {background: none repeat scroll 0 0 #383838;} /* :::::::::: FOOTER ::::::::*/ .topFooter{ /* BG Top bearbeiten */ } #footer-top {background: url(../images/bg-div-footer-top.png) 0 0 repeat-x;} @media (min-width: 650px) { .footer{background-image: url(../images/footer-light.png);} } .mediaService{background-image: url(../images/header-1.png);background-repeat: repeat;background-position: left top;} /* :::::::::: Shadow icon ::::::::*/ .bro {background-image: url(http://bs.media-service24.com/img/shade.png);} /* .----------------------------- Ende Farbeinstellung und BG ------------------------------------------------------------------------------*/ .bro {background-repeat: no-repeat;background-position: center bottom;background-size: 100% 100%;clear: both;height: 10px; width: 100%;} .clear {clear: both; height: 10px;width: 100%;} .icon-1 {background-image: url(../images/icon-head-1.png);} .icon-2 {background-image: url(../images/icon-head-2.png);} .icon-3 {background-image: url(../images/icon-head-3.png);} .icon-4 {background-image: url(../images/icon-head-4.png);} .icon-1, .icon-2, .icon-3, .icon-4, .icon-5{ height: 30px;width: 30px;float: left;} header, footer, .main, .content, .clear, .clear5, .clear10, .clear15, .clear20, .clear25, .clear30{width: 100%;} .clear{clear: both;height: 1px;}.clear5{clear: both;height: 5px;}.clear10{clear: both;height: 10px;}.clear15{clear: both;height: 15px;}.clear20{clear: both;height: 20px;} .clear25{clear: both;height: 25px;}.clear30{clear: both;height: 30px;} .container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .row{margin-right:-15px;margin-left:-15px;} .myWrapper{width: 100%;display: table;display: block;background-attachment: scroll;background-repeat: repeat-x;background-position: left top;} .bg-header{background-repeat: repeat;background-position: left top;height: 100px;background-attachment: scroll;} .header{padding: 10px;width: 100%;background-repeat: no-repeat;background-position: left top;} .tophead {height: auto;} .tophead .logo{width: 100%;text-align: center;} .tophead .logo img{height: auto;width: 100%;} .headEmail h3, .headSupport h3{font-size: 15px;} .headEmail, .headSupport{display: none;} .headEmail{height: auto;width: 100%;margin-bottom: 15px;margin-top: 15px;float: left;margin-left: 2%;} .headSupport{height: auto;width: 100%;margin-left: 5%;} .headEmail .icon, .headSupport .icon{height: 46px;width: 44px;display: inline;position: relative;clear: both;float: left;margin-right: 20px;margin-top: 0px;} .headEmail .icon{padding-top: 3px;padding-bottom: 3px;} .slider{width: 100%;background-attachment: scroll;background-repeat: repeat;background-position: left top;padding-bottom: 40px;} .sliderText{padding-top: 40px;position: relative; } .sliderText img{height: auto;width: 100%;} .sliderText::after {content: '';height: 33px;width: 100%;display: block;background-size: 100% 100%;position: absolute;left: 0;bottom: -28px;background-repeat: no-repeat; background-position: center top;} .sliderTop-bg{ width: 100%;} ul.list {width: 99.8%;list-style-type: none; margin: 3px;padding: 0 3px 0 5px;} ul.list li { margin-left: 5px;padding-top: 5px;padding-bottom: 5px;text-shadow: 1px 1px 1px #FFF;} ul.list5 li {border-bottom: 1px dotted #ddd;padding: 8px 0px 8px 0;} ul.list li::before {content: "\f101";font-family: 'FontAwesome';float: left;width: 1.6em; } ul.list1 li::before {content: "\f054";font-size: 11px;} ul.list2 li::before {content: "\f054"; font-size: 11px;} ul.list3 li::before {content: "\f10c";font-weight: 900;} ul.list4 li::before {content: "\f00c";font-family: 'FontAwesome';float: left;width: 1.6em;} ul.list6 li::before {content: "\f0da"; margin-left: -1.1em;width: 1.1em;} ul.list8 li::before {content: "\f061";} .main{ }.main-fram{position: relative;width: 100%;height: auto; } /* ----------------------------------- Content ------------------------------------- */ .content {position: relative;} .content::after, .sidebar >.box::after{content: '';height: 10px;width: 100%; display: block;background-size: 100% 100%;position: absolute;left: 0;bottom: -10px; background-repeat: no-repeat;background-position: center top;} .content .box, .sidebar .box { border-radius: 6px;behavior: url(css/PIE.htc); width: 100%; margin: 0 0 30px;position: relative;width: 100%;height: auto;} .content .box .head,.sidebar .box .head {background-repeat: repeat-x;background-position: left top;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;height: 43px;-webkit-text-shadow: #1f1f1f -1px -1px;-moz-text-shadow: #1f1f1f -1px -1px; text-shadow: #1f1f1f -1px -1px;margin: 0; position: relative;behavior: url(css/PIE.htc);padding-top: 7px;padding-right: 8px;padding-bottom: 0;padding-left: 7px; font-family: 'LucidaSansDemibold', Arial, Helvetica, sans-serif;font-size: 15px!important;line-height: 1.4em;font-weight: bold;border-width: 1px;border-style: solid;} .content .box .holder, .sidebar .box .holder { margin: -4px 0 0; overflow: hidden;-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} .content .box .text-box, .sidebar .box .text-box { text-shadow: 0 1px 0 #fff;padding: 7px 10px 7px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 1.4em;} .content .box .head h2, .sidebar .box .head h2{font-size: 16px;padding-top: 3px;overflow: auto!important;white-space: nowrap;} .content .box .blocks-holder {width: 100%;margin: 0;padding-top: 20px;padding-right: 0;padding-left: 0px;} .content .box .frame-box:after {content:"";display:block;clear:both;} .content .box .subblocks {margin:0;} .content .box .blocks-holder:after {content:"";display:block;clear:both;} .content .box .block {border: 1px solid #e8e8e8;border-radius: 9px;behavior: url(css/PIE.htc);position: relative;width: 100%;margin-top: 0;margin-bottom: 30px;margin-left: 0; padding: 11px 0 0;} .content .box .block:hover {box-shadow: 0 0 10px #ccc;} .content .box .block figure {margin: 0 10px 15px;display:block; } .content .box .block figure img {display:block;border-radius:3px;behavior: url(css/PIE.htc);position:relative;margin: 0 0 12px;} .content .box .block figure img {height: auto;width: 100%;} .content .box .block h3 {font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;margin: 0 0 5px;} .content .box .block h3 a {color:#005a7d; text-decoration:underline;} .content .box .block h3 a:hover {text-decoration:none;} .content .box .block .price {font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;} .content .block .btns-holder {border-radius: 0 0 9px 9px;behavior: url(css/PIE.htc);position:relative;overflow:hidden;padding: 14px 10px 11px;} .content .block .btns-holder .add, .more {border-radius:5px;behavior: url(css/PIE.htc);position:relative;padding: 5px 18px 5px 15px;float:left;margin: 0 17px 0 0;} .sub-more:hover, .content .block .btns-holder .detail:hover {opacity:0.7;} .content .block .btns-holder .detail {border-radius:5px;behavior: url(css/PIE.htc);padding: 5px 18px 5px 15px;float:left;} .content .block .btns-holder .add, .content .block .btns-holder .detail, .more {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;text-shadow: 0 1px 0 #00416e;} .content .block .btns-holder .add, .add-more {text-decoration:none;text-shadow: 0 1px 0 #748507;} .add-more:hover, .content .block .btns-holder .add:hover {opacity:0.7;} .content .block .btns-holder .add:hover, .content .block .btns-holder .detail:hover {text-decoration:none;} .content .box .text-box p {margin: 0 0 7px;text-indent:17px;} .content .box .text-box {text-shadow: 0 1px 0 #fff;padding: 7px 10px 7px;font: 14px/1.8em Arial, Helvetica, sans-serif;} .content .box .text-box h3{font-size: 15px;padding: 10px;} .content .box .text-box h4{font-size: 15px;padding-top: 10px;padding-bottom: 10px;} .content .box .text-box .p-text{font-size: 15px;padding-bottom: 10px;} .content .box .text-box .p-set{font-size: 15px;padding-top: 10px;font-weight: bolder;text-decoration: underline;} .content .banner {margin: 0 0 38px;} .content .box .top-new {position: absolute;right: 0;text-indent: -9999;overflow: hidden;display: none;width: 91px;height: 80px;top:-1px;z-index:15;} .content .box .img-box {overflow: hidden;height: auto;width: 100%;padding-top: 5px;padding-right: 20px;padding-bottom: 15px;padding-left: 20px; } .content .box .img-box .block{border-radius: 0 0 9px 9px;position: relative;padding-top: 14px;padding-right: 10px;padding-bottom: 11px; padding-left: 0px;margin-bottom: 20px;overflow: hidden; } .content .box .img-box .hbr{clear: both;height: auto;width: 100%;border-bottom-width: 1px;border-bottom-color: #333;margin-bottom: 5px;margin-top: 10px;} .content .box .top-sale {background-position:100% -109px} .content .box .top-top {background-position:100% -224px} /* ----------------------------------- END Content ------------------------------------- */ /* ------------------------------ Sidebar ____________________*/ .sidebar {position: relative;overflow: hidden;} .sidebar .description-box {margin: 0;padding: 10px;} .sidebar .box .text-box img{text-align: center;padding-top: 10px;padding-bottom: 10px;} .sidebar .box .frame-box .maes{padding: 10px;} .sidebar .btns-holder {overflow: hidden;padding: 10px 0;} /* ------------------------------ END Sidebar -----------------------------------*/ /* ----------------------------------- Description BOX rechts ------------------------------------- */ .description-box {width:100%;margin: 0 3px 0 0;padding: 28px 0 0;} .description-box h3 {font-family: 'LucidaSansDemibold', Arial, Helvetica, sans-serif;font-size: 18px;font-weight: bold;margin-top: 0;margin-right: 0;margin-bottom: 2px; margin-left: 0;} .description-box .info-panel {overflow:hidden;padding: 0 0 23px;margin: 0 0 10px;} .description-box .price {padding: 0;width: 100%;} .description-box .price span{font-size: 12px;} .description-box .price h1 {position: relative;top: 10px;width: 100%;display: inline-block;font-family: 'Poiret One', cursive;font-size: 26px;font-weight: 500;margin-bottom: 5px; padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 0px;} .description-box .text-holder {font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;position: relative;margin-bottom: 15px;text-shadow: 0 1px 0 #fff;} .description-box .text-holder p {margin:0 0 10px;} .description-box .btns-area {position:absolute;top: 104px;right:0;} .description-box .btns-area .more {float:none;display:block;margin:0 5px 11px 45px;padding: 5px 10px;} .description-box .btns-area a:hover {text-decoration:none;} .description-box .btns-area .wishlist span{padding: 0 0 0 20px;} .description-box .btns-area .compare {margin-bottom:28px;} .description-box .btns-area .compare span {padding: 0 0 0 20px;} .description-box .contact-btn {width: 175px;height: 72px;overflow:hidden;text-indent:-9999px;display:block;margin: 0 4px 0 0;} /* ----------------------------------- END Description BOX rechts ------------------------------------- */ /* --------------------------------------------------------------- Choose Your Size ------------------------------*/ .fade.in {opacity: 1;} .fade {opacity: 0;-webkit-transition: opacity .15s linear;transition: opacity .15s linear;} .choose-size-tab {-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;float: left;overflow: hidden;padding: 10px;width: 100%;margin-bottom: 25px;} .choose-size-tab > p {font-family: open sans;font-size: 15px;font-weight: 500;line-height: 18px; margin: 0 0 15px;} .choose-size-tab > .nav-tabs {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; -webkit-border-radius: 0;-moz-border-radius: 0; -ms-border-radius: 0;-o-border-radius: 0;border-radius: 0; margin: 0 0 20px; padding: 0;} .choose-size-tab > .nav-tabs > li { -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px; float: left;font-family: open sans;font-size: 15px;height: 27px; line-height: 24px; margin: 0 10px 0 0; padding: 0; text-align: center;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;float: left; width: 33px;} .tab-content {display: block;} #product-sizes > div > p > i {float: left;font-size: 50px;margin-bottom: 10px;margin-right: 10px;} #product-sizes > div > p {display: block;font-family: open sans;font-size: 13px;letter-spacing: 0.3px;margin: 0;width: 100%;} #product-sizes {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;float: left;padding: 0;width: 100%;margin-top: 15px;} #product-sizes > div > span {float: left;font-family: open sans;font-size: 13px;letter-spacing: 0.3px;line-height: 10px;margin-top: 10px; width: 100%;} /* --------------------------------------------------------------- Ende Choose Your Size ------------------------------*/ /* ---------------------------------- .select-color BOX ---------------------------------------*/ .cart-options{width: 100%;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;height: 50px;} .select-color { float: left;margin: 0;padding: 0; width: 100%;} .select-color > li > span:hover {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .select-color > li { float: left;list-style: none outside none;margin-right: 10px;} .select-color > li > span {-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;float: left; height: 27px;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;width: 27px;} /* ---------------------------------- .select-color BOX ENDE ---------------------------------------*/ /* ----------------------------------- Gallery ------------------------------------- */ .galleryBox{text-align: center;padding-top: 15px;padding-bottom: 15px;} #responsive {display:block;width:100%; overflow:auto!important; white-space:nowrap; } #responsive img {max-width: 99%;margin-top: 10px;margin-left: 6px;margin-bottom: 10px;margin-right: 5px;vertical-align: bottom; -webkit-box-shadow: 0px 0px 2px 0px rgba(125,121,125,1); -moz-box-shadow: 0px 0px 2px 0px rgba(125,121,125,1); box-shadow: 0px 0px 2px 0px rgba(125,121,125,1); } #thumbnails{background-color:#FFFFFF;border:none;border:1px solid transparent; margin:5px; overflow:hidden;display:none;} #thumbnails cc:focus img {border-color:#ddd;} #thumbnails cc:hover {filter: grayscale(0.9%) blur(2px);transition: all 0.3s ease-in-out 0s;} #thumbnails .thumb {float:left;left:0; padding-top:15px; margin-bottom:15px; position:relative;-moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s;} #thumbnails .thumb span{text-align:center; float:left; display:inline-block; } #thumbnails .thumb span img {margin:auto;border-top: 0px solid #ddd; border-left: 5px solid rgba(221, 221, 221, 0);border-right: 8px solid rgba(221, 221, 221, 0); border-bottom: 0px solid #ddd;} #thumbnails cc {background:#F9F9F9;margin-top:5px; display:inline-block;border:1px solid #fff;-webkit-box-shadow: 0px 0px 0px 1px #EEE;);-moz-box-shadow: 0px 0px 0px 1px #EEE; box-shadow: 0px 0px 0px 1px #EEE;} #thumbnails cc img {height:auto!important;border: 1px solid #fff;} /* ----------------------------------- END Gallery ------------------------------------- */ /* ----------------------------------- Footer ------------------------------------- */ #footer-top {width: 100%;height: 36px;} footer {width: 100%;height: auto;position: relative;font-size: 12px;overflow: hidden; border: none !important;} .footer{position: relative;display: block;height: auto;overflow: hidden;padding-top: 20px;text-shadow: 0 1px 0 rgba(0,0,0,0.5);background-attachment: scroll; background-repeat: no-repeat;background-position: left top;} .footer-colum {width: 100%;} .stegeBodoTitel{font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 18px;text-shadow: 1px 1px 0 #000;box-shadow: 0 1px 0 #666666;border-bottom-width: 1px;border-bottom-style: solid;} .stegeBodoTitel h4{font-size: 18px;text-shadow: 1px 1px 0 #000;padding: 0px;} .stegeBodoDec {margin-top: 0px;margin-left: 1px;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 13px;text-shadow: 1px 1px 1px #000;} .stegeBodoTitel span {font-size: 12px;text-shadow: 1px 1px 0 #000;} ul.stege-aber{width: 100%;list-style-type: none;padding: 0;margin-top: 10px;} ul.stege-aber li {margin-left: 16px;list-style: none; padding: 7px 0px;line-height: 20px;} ul.stege-aber li::before {content: "\f00c";font-family: 'FontAwesome';float: left;margin-left: -1.4em;} .bodo-imprint {font-size: 12px;font-family: Arial, Helvetica, sans-serif;padding: 15px 0 10px 1px;text-decoration: none;} .footer-colum .yes {font-size: 15px;text-decoration: none;} .bodo-imprint h5 {font-size: 18px;font-weight: bolder;padding-top: 10px;padding-bottom: 10px;font-family: Georgia, "Times New Roman", Times, serif;} .copy {position: relative;width: 100%;overflow: hidden;text-align: center;margin-top: 10px;padding-top: 15px;padding-right: 0;padding-bottom: 12px;padding-left: 0;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px;padding-right: 15px;padding-left: 15px;} @media (min-width: 400px) { .tophead .logo img{height: 90px;padding-bottom: 10px;text-align: center;}.tophead .logo{height: auto;}} @media (min-width: 500px) { .header{min-height: 110px;} .headEmail, .headSupport{width: 50%;margin-right: 0%;margin-left: 0%;} .headEmail{float: left;} .headSupport{float: left;margin-bottom: 15px;margin-top: 15px;} .tophead .logo{text-align: center;width: 400px;padding-bottom: 10px;height: 100px;} .tophead .logo img{height: 90px;text-align: center;width: 400px;margin-right: auto;margin-left: auto;} } @media (min-width:768px){ .container {width: 750px;} .tophead .logo{text-align: left;} .content .box .top-new {display: block;text-indent: -9999;} .content .box .head,.sidebar .box .head {height: 50px;padding-top: 10px;} .content .box .head h2, .sidebar .box .head h2 {font-size: 16px;} .sidebar .box .text-box{min-height: 250px;} .headEmail{margin-top: 25px;margin-bottom: 0px;padding-left: 0px;} .headEmail{margin-left: 90px;width: 220px;} .headSupport{float: right;width: 250px;margin-top: 16px;margin-bottom: 0px;} #responsive {display:none;} #thumbnails {display:block;width:480px;} #thumbnails .thumb {width:50000px; } #thumbnails .thumb span{width:480px;} #thumbnails .thumb span img {max-width: 480px; max-height: 310px !important;} #thumbnails cc {min-height: 68px;margin-left: 2px;padding: 0px;margin-right: 2px;} #thumbnails cc img {margin: 3px;width: 75px;} #thumbnails cc:hover ~ .thumb , #thumbnails cc:focus ~ .thumb {left:0px;} #thumbnails cc + cc:hover ~ .thumb , #thumbnails cc + cc:focus ~ .thumb { position:relative; left:-480px;} #thumbnails cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc:focus ~ .thumb {position:relative; left:-960px;} #thumbnails cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-1440px;} #thumbnails cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-1920px;} #thumbnails cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-2400px;} #thumbnails cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-2880px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-3360px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-3840px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-4320px;} .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}} @media (min-width:992px){ .container {width: 970px;} .content .box .top-new {display: block;text-indent: -9999;} .headEmail, .headSupport{display: block;} .tophead .logo img{text-align: left;} #thumbnails {width:500px; display:block;} #thumbnails .thumb {width:50000px;} #thumbnails .thumb span{width:500px;} #thumbnails .thumb span img {max-width: 500px;max-height: 450px !important;} #thumbnails cc {min-height: 70px;margin-left: 2px;padding: 0px;margin-right: 2px;} #thumbnails cc img {margin: 3px;width: 80.5px;} #thumbnails cc:focus img { border-color:#ddd;} #thumbnails cc:hover ~ .thumb , #thumbnails cc:focus ~ .thumb {left:0px;} #thumbnails cc + cc:hover ~ .thumb , #thumbnails cc + cc:focus ~ .thumb {position:relative; left:-500px;} #thumbnails cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc:focus ~ .thumb {position:relative; left:-1000px;} #thumbnails cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-1500px;} #thumbnails cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc:focus ~ .thumb { position:relative; left:-2000px;} #thumbnails cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-2500px;} #thumbnails cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-3000px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb { position:relative; left:-3500px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-4000px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-4500px;} .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}} @media (min-width:1200px){ .container {width: 1000px;} #thumbnails {width:520px; display:block;} #thumbnails .thumb {width:50000px;} #thumbnails .thumb span{width:520px;} #thumbnails .thumb span img {max-width: 520px; max-height: 450px !important;} #thumbnails cc {min-height: 80px;margin-left: 2px;padding: 2px;margin-right: 2px;} #thumbnails cc img {margin: 2px;width: 85px;} #thumbnails cc:focus img {border-color:#ddd;} #thumbnails cc:hover ~ .thumb , #thumbnails cc:focus ~ .thumb {left:0px;} #thumbnails cc + cc:hover ~ .thumb , #thumbnails cc + cc:focus ~ .thumb {position:relative; left:-520px;} #thumbnails cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc:focus ~ .thumb {position:relative; left:-1040px;} #thumbnails cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-1560px;} #thumbnails cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-2080px;} #thumbnails cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc:focus ~ .thumb { position:relative; left:-2600px;} #thumbnails cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-3120px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-3640px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-4160px;} #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc + cc:hover ~ .thumb , #thumbnails cc + cc + cc + cc + cc + cc + cc + cc + cc + cc:focus ~ .thumb {position:relative; left:-4680px;} .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}