@CHARSET "UTF-8";
/* responsive      [3607] */ @media screen, projection { img, .mediumleft, .mediumright, .mediumcenter{ max-width: 100%; height: auto; } .mobileLogo{ padding: 5px; } .mobileLogo img{ height: 125px; } .mobileNoScale { padding: 0; } .mobileNoScale img { vertical-align: bottom; max-width: none; } #search{ display: none; } .mobileFuncs{ position: absolute; top: 45px; right: 15px; z-index: 3; } .mobileFuncs > a{ display: inline-block; margin: 0 0 0 10px; width: 36px; height: 32px; -webkit-border-radius: 4px; border-radius: 4px; } .mobileFuncs > a.search-toggle{ background-color: #fff; background-image: url(../template_2/mobile-icon-search.png); background-position: center; background-repeat: no-repeat; } .mobileFuncs > a.menu-toggle{ background-color: #fff; background-image: url(../template_2/mobile-icon-menu.png); background-position: center; background-repeat: no-repeat; } #col4 .teaserbild > br{ display: none; } .responsiveTable{ min-height: 0.01%; overflow-x: auto; } body #mm-blocker{ z-index: 9999!important; } body .mm-listview > li > a, body .mm-listview > li > span{ padding: 10px 20px; } body .mm-listview > li:not(.mm-divider)::after{ left: 0; } body .mm-menu:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)} body .mm-menu.mm-right:after{left:auto;right:100%} body .mm-menu.mm-front:after, body .mm-menu.mm-next:after{content:none;display:none} body .mm-listview .mm-vertical .mm-panel, body .mm-vertical .mm-listview .mm-panel{ padding: 0 0 0 15px; } body .mm-menu .active > a{ font-weight: bold; } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{ background: none!important; } .mm-menu ul ul a{ font-size: 13px; } .mm-menu ul ul ul a{ font-size: 12px; } .mm-menu ul ul ul ul a{ font-size: 11px; } .inactiveheader .tab .nase{ display: none; } .inactiveheader .tab{ border-radius: 8px; padding-left: 25px; } .inactiveheader .tab:before{ content: "+"; position: absolute; top: 5px; left: 10px; } .rightsidebar .boxen{ background: #ddd; } .rightsidebar .box{ width: 180px; padding: 10px; margin: 10px auto; } .rightsidebar .boxborder{ } } @media all and (max-width: 60em){ .desktopOnly{ display: none!important; } .page_margins, #header .whiteBack{ width: 100%!important; } .page_margins, #header .whiteBack{ max-width: 960px; width: 100%; } body{ padding: 0 5px; } #header #search{ position: relative; top: auto; left: auto; right: auto; bottom: auto; padding: 5px 10px; border-top: 1px solid #ccc; } #header #search .suche_submit{ top: 13px; right: 13px; } #header #search .inputBox{ width: auto; } #col3{ margin-left: 0!important; } .bildwechsel { top: 5px; right: 5px; left: 130px; height: 125px; } .bildwechsel img { margin-top: -15px; } } @media all and (max-width: 45em){ .bildwechsel img { margin-top: 0px; } #col2{ display: none; } #col3{ margin-right: 0!important; } .responsiveTable{ border: 0px solid #fff; overflow-y: hidden; width: 100%; } } @media all and (max-width: 30em){ .bildwechsel { top: 5px; right: 5px; left: 85px; height: 80px; } .bildwechsel img { width: 100%; height: 100%; } .mobileLogo{ } .mobileLogo img{ height: 80px; } } @media all and (max-width: 25em){ .yform .type-text label, .yform .type-text input, .yform .type-text textarea{ width: 95%!important; float: none!important; } } @media all and (min-width: 25em){ } @media all and (min-width: 30em){ } @media all and (min-width: 45em){ #col4 .rightsidebar{ display: none; } } @media all and (min-width: 60em){ .mobileOnly{ display: none!important; } #search{ display: block!important; } }