body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-right: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /* Navigation_1_aufraeumen_teilweise_verwendet.css */ .mod_breadcrumb{height:35px;padding-bottom:8px}.mod_breadcrumb li,.mod_breadcrumb span{color:#474747}.mod_breadcrumb ul{overflow:hidden;margin:0;padding:0;list-style-type:none}.mod_breadcrumb li{float:left;margin-top:10px;font-size:.75rem}.mod_breadcrumb a{color:#474747}.mod_breadcrumb li:after{margin-right:3px;padding-left:1px;content:" > "}.mod_breadcrumb li.active:after{display:none}.mod_breadcrumb li.active.last{color:#949494}a{text-decoration:none;color:#BDA639}a:hover{text-decoration:underline;color:#BD9139}:focus{outline:0}#mainnavi{max-height:80px;right:0;text-align:right;line-height:5.7rem}#mainnavi.mod_customnav a,#mainnavi.mod_customnav li,#mainnavi.mod_customnav span{vertical-align:top;font-size:.875rem;font-weight:normal;color:#616161;text-transform:uppercase;letter-spacing:.1rem}#mainnavi.mod_customnav ul{margin:0;padding:0}#mainnavi.mod_customnav a:hover{padding-top:5px;padding-bottom:5px;vertical-align:bottom;border-bottom:3px solid #E0E0E0;border-collapse:separate;border-spacing:5px;font-weight:normal;text-decoration:none;color:#010101}#mainnavi.mod_customnav a:active{padding-top:5px;padding-bottom:5px;vertical-align:bottom;border-bottom:3px solid #fff;border-collapse:separate;border-spacing:5px;font-weight:normal;text-decoration:none;color:#FFE9BE}#mainnavi.mod_customnav li{display:inline;margin:0;padding:0 2% 0 1.75%;border-left:1px solid #E0E0E0;list-style-type:none}#mainnavi.mod_customnav .active{padding-bottom:5px;vertical-align:bottom;color:#FFDC95}#mainnavi.mod_customnav span{border-bottom:3px solid #C7C7C7}#mainnavi li.first{border-left:0px solid #DEB460}#mainnavi li.last{padding-right:0;border-right:1px solid #FFDC95}#sitemap_1{width:20.5%;float:left;margin-right:auto;text-align:left}#sitemap_2,#sitemap_3,#sitemap_4{width:22%;float:left;margin-right:auto;margin-left:4.5%;text-align:left}#sitemap_1 h2,#sitemap_2 h2,#sitemap_3 h2,#sitemap_4 h2{margin-bottom:.75rem;font:1.4rem/1.7rem Open Sans Condensed,sans-serif;font-weight:normal;color:#DEB460}#sitemap_1.mod_customnav a,#sitemap_2.mod_customnav a,#sitemap_3.mod_customnav a,#sitemap_4.mod_customnav a,#sitemap_1.mod_customnav li,#sitemap_2.mod_customnav li,#sitemap_3.mod_customnav li,#sitemap_4.mod_customnav li,#sitemap_1.mod_customnav span,#sitemap_2.mod_customnav span,#sitemap_3.mod_customnav span,#sitemap_4.mod_customnav span{font-size:.85rem;color:#7A7A7A}#sitemap_1.mod_customnav ul,#sitemap_2.mod_customnav ul,#sitemap_3.mod_customnav ul,#sitemap_4.mod_customnav ul{margin:0 0 0 -5px;padding:0}#sitemap_1.mod_customnav li,#sitemap_2.mod_customnav li,#sitemap_3.mod_customnav li,#sitemap_4.mod_customnav li{padding-right:8px;padding-bottom:0;padding-left:8px;list-style-type:none;/*display: inline; li nebeneinander anzeigen *//*list-style-type: none; ohne Aufzählungspunkte */}#sitemap_1.mod_customnav a:hover,#sitemap_2.mod_customnav a:hover,#sitemap_3.mod_customnav a:hover,#sitemap_4.mod_customnav a:hover{font-weight:normal;text-decoration:underline;color:#DEB460}.nach_oben_link{clear:both} /* Navigation_2_NEU_verwendet.css */ .mod_changelanguage{width:100%;position:relative;font-size:.85rem}.mod_changelanguage ul{margin-top:2rem;padding-left:0}.mod_changelanguage li{display:inline}.mod_changelanguage li.lang-de.first:after{content:" | "}#nav{width:80%;position:relative;float:left}.nav-open{display:none}.mainnav_icon{display:none;margin-right:auto;margin-left:auto}#nav ul{margin:0;padding:0;list-style-type:none}#nav ul li.close{display:none}#nav ul li{padding-top:.25rem;padding-bottom:.25rem}#nav ul li a{display:block;text-decoration:none;color:#DEB460}#nav ul li a:hover{background-color:#010101;color:#FFE9BE}#nav ul li .active{background-color:#010101;color:#FFE9BE} /* Mod_ToDo_TimeLine.css */ #todo{max-width:45%;left:-57%;top:1%;position:absolute;margin-top:-3%;padding:20px;background-color:rgba(177,235,240,.8);-webkit-box-shadow:8px 8px 7px rgba(1,1,1,.4);box-shadow:8px 8px 7px rgba(1,1,1,.4);border-top:0px solid #7A7A7A;border-right:1px solid #7A7A7A;border-bottom:1px solid #7A7A7A;border-left:0px solid #7A7A7A;border-radius:18px 80px 18px 18px;font-size:.8rem;line-height:1rem;font-weight:normal;color:#624a00;behavior:url('assets/css3pie/1.0.0/PIE.htc');z-index: 1000}#todo hr{height:1px; max-height:1px; background-color:#555; border:0px solid #555; border-collapse:collapse; font-weight:normal; color:#cfc}#todo-tabelle{width:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;border-collapse:collapse;font-size:.875rem}#todo-tabelle td{padding-top:4px;padding-bottom:4px;padding-left:14px;background-color:rgba(148,148,148,.3);border-top:1px solid #fff;border-collapse:collapse}#todo-tabelle .tabellen-kopfzeile{padding-top:0;padding-bottom:0;background-color:rgba(41,41,41,.4)}#todo-tabelle h1{font-size:1.625rem;line-height:1.625rem;font-weight:normal;color:#fc0;letter-spacing:.07rem;word-spacing:.05rem}#todo-tabelle tbody tr:hover{background-color:rgba(0,124,86,.3);text-decoration: none}#todonavi{width:auto;margin-top:-5%;margin-right:auto;margin-bottom:1%;padding-top:8px;padding-bottom:5px;text-align:left;background-color:rgba(177,235,240,.8);-webkit-box-shadow:8px 8px 7px 0 rgba(1,1,1,.4);box-shadow:8px 8px 7px 0 rgba(1,1,1,.4);border-right:1px solid #7A7A7A;border-bottom:1px solid #7A7A7A;border-radius:8px;behavior:url('assets/css3pie/1.0.0/PIE.htc')}#todonavi.mod_customnav a,#todonavi.mod_customnav li,#todonavi.mod_customnav span{font-size:.85rem;color:#616161}#todonavi.mod_customnav ul{margin:0;padding:0 0 1px}#todonavi.mod_customnav li{display:inline;padding-right:0;padding-bottom:0;padding-left:1.75%;list-style-type:none;/*display: inline; li nebeneinander anzeigen *//*list-style-type: none; ohne Aufzählungspunkte */}#todonavi.mod_customnav a:hover{font-weight:normal;text-decoration:underline;color:#DEB460}#todonavi.mod_customnav .active{color:#DEB460}#todonavi.mod_customnav span.active{padding-bottom:.5%;border-bottom:2px solid #DEB460;color:#7A7A7A}.timeline_kw{width:23.25%;min-height:450px;float:left;margin-right:1%;margin-bottom:2%;padding:.5%;background-color:rgba(199,199,199,.25);border-color:#DEB460;border-radius:10px;font-size:.8rem;line-height:1.04rem;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.timeline_kw.ce_text.last.block{margin-right:0}.timeline_kw hr{height:1px; max-height:1px; background-color:#EB272A; border:0px solid #EB272A; border-collapse:collapse; font-weight:normal; color:#EB272A}.timeline_kw strong{font-weight:bold;color:#DEB460;letter-spacing:.04em}.erledigt{background-color:rgba(148,250,132,.8)} /* 03_dk_mmenu_vertikal_01.css */ #navmobil ul{margin-top:-10px}.mm-menu.mm-front.mm-top,.mm-menu.mm-front.mm-bottom{height: 100%; min-height: 340px; max-height: 880px}.mm-list,.mm-list > li{list-style: none; display: block; padding: 0; margin: 0; text-align: center}.mm-list > li > a,.mm-list > li > span{color:#DEB460;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 20px; display: block; margin: 0} /* 01_MV_Layout_2540_HP-reduziert.css */ #mobnav{display:none}.mobnav-open{display:none}html{font-size:100%;line-height:180%;font-weight:normal;letter-spacing:.03em;word-spacing:.03em}html,body{margin:0;padding:0;height: 100%;width: 100%;/*margin: 0 auto;*/}body{background-color:#010101;color:#ADADAD;height: 100%;width: 100%;/*margin: 0 auto;*/}h1,h2,h3,h4{font-family:Open Sans Condensed,sans-serif;font-weight:normal;color:#DEB460;letter-spacing:.05rem;word-spacing:.05rem}#homepage_headline h1{margin-bottom:2.25rem;font-size:3rem;line-height:2.925rem;font-weight:normal;color:#DEB460;letter-spacing:.05rem}#mobilnav{display:none}.close{display:none}#mobnav ul li.close{display:none}#wrapper{width:100%;height:100%;margin: 0 auto}#breadcrumb,#container,#footer{padding-right:32%;padding-left:28%}#header{min-height:7%;padding-top:1.5%;padding-right:29%;padding-left:19.2%}#logo{width:15%;margin-left:-2.3%}#logo img{width:100%}.image_container{width:100%;margin:0;padding:0}#container{min-height:60%;padding-top:2.5%}.inside{}aside#left{width:0px;left:-22%}#left{min-width:19%;min-height:320px;margin-top:10%}aside#right{width:0px;left:2%;padding:2%}#right{min-width:26%;min-height:420px;margin-top:-10.7%;background-color:rgba(71,71,71,.8);/* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5MzkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzM5MzkzOSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RlYjQ2MCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background: -moz-linear-gradient(top, rgba(57,57,57,1) 0%, rgba(57,57,57,0.7) 43%, rgba(222,180,96,0.3) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,57,57,1)), color-stop(43%,rgba(57,57,57,0.7)), color-stop(100%,rgba(222,180,96,0.3))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(57,57,57,1) 0%,rgba(57,57,57,0.7) 43%,rgba(222,180,96,0.3) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(57,57,57,1) 0%,rgba(57,57,57,0.7) 43%,rgba(222,180,96,0.3) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(57,57,57,1) 0%,rgba(57,57,57,0.7) 43%,rgba(222,180,96,0.3) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(57,57,57,1) 0%,rgba(57,57,57,0.7) 43%,rgba(222,180,96,0.3) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#4ddeb460',GradientType=0 ); /* IE6-8 */}#main{min-height:0px}#footer{min-height:15%;padding-top:.75%;background-color:#010101}#footernavi{width:100%;min-width:100%;float:left;margin-top:6px;text-align:center}#footernavi.mod_customnav a,#footernavi.mod_customnav li,#footernavi.mod_customnav span{font-size:.85rem;color:#DEB460}#footernavi.mod_customnav ul{}#footernavi > ul:nth-child(2){margin-top:5px;margin-bottom:0}#footernavi > ul:nth-child(2){margin-left:0}#footernavi.mod_customnav li{display:inline;padding-right:3%;list-style-type:none;/*display: inline; li nebeneinander anzeigen *//*list-style-type: none; ohne Aufzählungspunkte */}#footernavi.mod_customnav a:hover,.footer_kontaktbox a:hover{border-bottom:2px solid rgba(222,180,96,.5);border-spacing:2px;font-weight:normal;text-decoration:none;color:#FFDC95}#footernavi.mod_customnav .active{text-decoration:none;color:#474747}#footernavi.mod_customnav span.active{padding-bottom:.5%;color:#FFE9BE}a,body,div,em,input,label,legend,li,ol,p,select,span,strong,td,th,textarea,u,ul{font-family:"Droid+Sans"}#home_iconwrapper{margin-bottom:1px;padding-right:25%;padding-left:25%}.home_box_1,.home_box_2,.home_box_3,.home_box_4{width:21.9%;float:left;margin-right:3.6%;padding:0;text-align:center;border-top:1px solid #FFE9BE;border-left:1px solid #FFE9BE;border-radius:10px;behavior:url('assets/css3pie/1.0.0/PIE.htc');background: rgb(222,180,96); /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGViNDYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZGJjY2IxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjZDhjZWJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGJjY2IxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkYmM3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(45deg, rgba(222,180,96,1) 0%, rgba(219,204,177,1) 49%, rgba(216,206,188,1) 65%, rgba(219,204,177,1) 80%, rgba(221,188,122,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(222,180,96,1)), color-stop(49%,rgba(219,204,177,1)), color-stop(65%,rgba(216,206,188,1)), color-stop(80%,rgba(219,204,177,1)), color-stop(100%,rgba(221,188,122,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(45deg, rgba(222,180,96,1) 0%,rgba(219,204,177,1) 49%,rgba(216,206,188,1) 65%,rgba(219,204,177,1) 80%,rgba(221,188,122,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(45deg, rgba(222,180,96,1) 0%,rgba(219,204,177,1) 49%,rgba(216,206,188,1) 65%,rgba(219,204,177,1) 80%,rgba(221,188,122,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(45deg, rgba(222,180,96,1) 0%,rgba(219,204,177,1) 49%,rgba(216,206,188,1) 65%,rgba(219,204,177,1) 80%,rgba(221,188,122,1) 100%); /* IE10+ */background: linear-gradient(45deg, rgba(222,180,96,1) 0%,rgba(219,204,177,1) 49%,rgba(216,206,188,1) 65%,rgba(219,204,177,1) 80%,rgba(221,188,122,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deb460', endColorstr='#ddbc7a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */}.home_box_4{margin-right:0}.home_spiegelung_1,.home_spiegelung_2,.home_spiegelung_3,.home_spiegelung_4{width:21.9%;height:180px;float:left;margin-right:3.6%;border-left:1px solid rgba(255,233,190,.07);border-top-left-radius:12px;border-top-right-radius:12px;behavior:url('assets/css3pie/1.0.0/PIE.htc');/* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlYjQ2MCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTAxMDEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(222,180,96,0.35) 0%, rgba(1,1,1,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,180,96,0.35)), color-stop(100%,rgba(1,1,1,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(222,180,96,0.35) 0%,rgba(1,1,1,0) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(222,180,96,0.35) 0%,rgba(1,1,1,0) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(222,180,96,0.35) 0%,rgba(1,1,1,0) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(222,180,96,0.35) 0%,rgba(1,1,1,0) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59deb460', endColorstr='#00010101',GradientType=0 ); /* IE6-8 */}.home_spiegelung_4{margin-right:0}.home_box_1,.home_box_2,.home_box_3,.home_box_4,.home_box_1 ul,.home_box_2 ul,.home_box_3 ul,.home_box_4 ul{height:400px}.home_box_1 ul,.home_box_2 ul,.home_box_3 ul,.home_box_4 ul,.home_box_1 ul :hover,.home_box_2 ul :hover,.home_box_3 ul :hover,.home_box_4 ul :hover{-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}.home_box_1 :hover,.home_box_2 :hover,.home_box_3 :hover,.home_box_4 :hover{margin:0;padding:0;text-align:center;background-color:#FFF0D1;border-radius:10px;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.home_box_1 ul,.home_box_2 ul,.home_box_3 ul,.home_box_4 ul{width:100%;margin:0;padding:0;text-align:center;border-radius:10px;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.home_box_1 li,.home_box_2 li,.home_box_3 li,.home_box_4 li{margin:0;padding:0;font:1.5rem/2rem Open Sans Condensed,sans-serif;font-weight:normal;color:#624a00;letter-spacing:.02em;word-spacing:.02em;list-style-type:none}.home_box_head1{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font:2rem/2rem Open Sans Condensed,sans-serif;font-weight:normal;color:#624a00;letter-spacing:.02rem}.home_box_head2{margin-top:0;margin-bottom:0;font:1.5rem/1.8rem Open Sans Condensed,sans-serif;font-weight:normal;color:#624a00;letter-spacing:.02rem}.home_box_1 hr,.home_box_2 hr,.home_box_3 hr,.home_box_4 hr{width:70%;margin-top:10px;margin-bottom:10px;height:1px; max-height:1px; background-color:#8a7100; border:0px solid #8a7100; border-collapse:collapse; /*font-weight:normal;*/ color:#8a7100}.icon{width:35%;margin-right:auto;margin-left:auto;padding:4%;vertical-align:middle;background-color:rgba(173,173,173,.6);border-radius:100%;behavior:url('assets/css3pie/1.0.0/PIE.htc')}p strong{font-weight:normal;color:#DEB460}a,body,div,em,input,label,legend,li,ol,p,select,span,strong,td,th,textarea,u,ul{font-family:"Droid Sans",sans-serif}p,pre,form,figure{margin:0;padding:0}#pagetitle_home{height:auto;background-color:#E0E0E0}a{text-decoration:none;color:#DEB460}a:hover{text-decoration:underline;color:#FFDC95}/*#right a,*/ #right div,#right em,#right input,#right label,#right legend,#right li,#right ol,#right p,#right select,#right span,#right strong,#right td,#right th,#right textarea,#right u,#right ul{font:.85rem/1.15rem Ubuntu,sans-serif} @media only screen and (max-width: 1920px){ /* 02_MV_1920x900.css */ .musik_cover_bild{width:26%;margin-top:0;margin-right:20px}html{font-size:93%;line-height:160%}#breadcrumb,#container,#footer{padding-right:27%;padding-left:23%}#header{padding-left:12.15%}#logo{width:16%;margin-left:-2.5%}#container{padding-top:1%}.home_box_1,.home_box_2,.home_box_3,.home_box_4,.home_box_1 ul,.home_box_2 ul,.home_box_3 ul,.home_box_4 ul{height:340px}.home_spiegelung_1,.home_spiegelung_2,.home_spiegelung_3,.home_spiegelung_4{height:150px} } @media only screen and (max-width: 1680px){ /* 03_MV_1680.css */ .zweispaltig{min-height:500px}html{font-size:92%;line-height:157%}#header{padding-left:7.75%}#logo{width:18%;margin-left:-2.5%}#breadcrumb,#container,#footer{padding-right:24%;padding-left:20%}#todo{max-width:42%;left:-48%}#container{padding-top:0}.home_box_1,.home_box_2,.home_box_3,.home_box_4,.home_box_1 ul,.home_box_2 ul,.home_box_3 ul,.home_box_4 ul{height:330px}.home_spiegelung_1,.home_spiegelung_2,.home_spiegelung_3,.home_spiegelung_4{height:140px} } @media only screen and (max-width: 1440px){ /* 04_MV_1440.css */ .musik_cover_bild{width:30%;margin-top:0;margin-right:20px}html{font-size:91%;line-height:158%}#container,#footer{padding-right:24%;padding-left:20%}#header{padding-left:7.75%}#logo{width:18%;margin-left:-2.5%}aside#right{left:5%}#right{margin-top:-17.8%}.ce_player.block,.ce_player.last.block{width:100%}.home_box_1,.home_box_2,.home_box_3,.home_box_4,.home_box_1 ul,.home_box_2 ul,.home_box_3 ul,.home_box_4 ul{height:280px}.home_spiegelung_1,.home_spiegelung_2,.home_spiegelung_3,.home_spiegelung_4{height:90px} } @media only screen and (max-width: 1280px){ /* 05_MV_1280.css */ .musik_cover_bild{width:33%;margin-top:0;margin-right:20px}#booking_text{width:100%;float:none;margin-top:42%;margin-right:0}html{font-size:90%;line-height:160%}#todo{max-width:38%;left:-34%;top:2%}#container,#footer{padding-right:24%;padding-left:19%}#header{padding-right:20%;padding-left:6.35%}#logo{width:18%;margin-left:-2.5%}aside#right{left:5%} } @media only screen and (max-width: 1024px){ /* 06_MV_1024.css */ .musik_cover_bild{width:50%;margin-top:0;margin-right:20px}#home_iconwrapper{padding-right:6%;padding-left:6%}html{font-size:89%;line-height:160%}#todo{max-width:50%;left:-44%;top:1.5%}#header{padding-right:10%;padding-left:7.2%}#container,#footer{padding-top:0;padding-right:31%;padding-left:24%}#main{margin-top:-18.5%}#logo{width:18%;margin-left:-2.5%}aside#left{width:0px;left:-39%;padding-top:2%;padding-right:2%;padding-left:2%}#left{min-width:35%;margin-top:7%}aside#right{left:7%}#right{min-width:50%;margin-top:-30.2%}#homepage_headline h1{font-size:2.6rem}.vierspaltig_home_box{width:18%;min-height:345px;padding-top:10%}.vierspaltig_home_box a{font-size:1.4rem;line-height:1.4rem}#nav ul li{padding-top:.5rem;padding-bottom:.5rem} } @media only screen and (max-width: 800px){ /* 07_MV_800.css */ #right{display:none}.musik_cover_bild{width:41%;margin-top:0;margin-right:20px}.layout_simple.arc_2.block.first.even,.layout_simple.arc_2.block.odd,.layout_simple.arc_2.block.even,.layout_simple.arc_2.block.last.even{margin-top:.25rem;margin-bottom:.25rem}.head_zentriert{text-align:center}#kontakt{margin-top:9px}#booking_text{margin-top:60%;margin-right:0}aside#left{width:30%;left:-60%;top:0;position:relative;padding-top:2%;padding-right:2%;padding-left:2%}#left{left:0;top:0;position:fixed}.mobnav-open{width:40px;left:34px;top:25px;position:fixed;display:block;margin-right:auto;margin-left:auto;z-index: 1000}.mobnav-open a{display:block;padding:10 15;text-align:left;text-decoration:none}#mobnav{width:50%;left:-150%;top:0;position:fixed;float:none;display:block;margin:0;padding:0;background-color:#010101;-webkit-box-shadow:1px 0 50px #FFDC95;box-shadow:1px 0 50px #FFDC95;border-top-right-radius:6px;border-bottom-right-radius:6px;behavior:url('assets/css3pie/1.0.0/PIE.htc');-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 2000}#mobnav:target{left:-22%;top:0;position:fixed;z-index:2000}#mobnav ul li{float:none;margin-left:30%;padding-top:0;padding-bottom:0;text-align:center;background-color:#010101;border-bottom:1px solid rgba(222,180,96,.4);list-style-type:none}#mobnav ul li a{display:block;padding:16px 20px;text-decoration:none}#mobnav ul li .active{display:block;padding:12px 20px;background-color:rgba(222,180,96,.45);text-decoration:none;color:#FFE9BE}#mobnav ul li a:hover{background-color:#FFDC95;color:#624a00;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out}.close{display:block}#mobnav ul li.close{display:block}#mobnav ul li:last-child{border-bottom: none;margin-bottom: 20px}#header,#topnavi,#subheader,#breadcrumb,#container /*#footer*/{padding-right:14%;padding-left:14%}#breadcrumb{display:none}#header{min-height:5%;padding-top:.5%}#logo{width:26%;margin-top:2%;margin-right:auto;margin-left:auto;padding-right:3%}#footer{padding-right:0;padding-left:0}#main{min-height:680px;margin-top:0}aside#right{width:96%;left:0;padding-top:2%;padding-right:2%;padding-left:2%}#right{min-width:96%;margin-top:2%;margin-bottom:2%;margin-right: 0}#todo{min-width:0%;max-width:100%;left:0;top:2%;position:relative;margin-top:2%}.home_box_1,.home_box_2,.home_box_3,.home_box_4,.home_box_1 ul,.home_box_2 ul,.home_box_3 ul,.home_box_4 ul{height:360px}.home_spiegelung_1,.home_spiegelung_2,.home_spiegelung_3,.home_spiegelung_4{height:160px} } @media only screen and (max-width: 768px){ /* 08_MV_768-Gruen.css */ #right{display:none}.mobnav-open{width:40px;left:-20px;top:25px;position:absolute;display:block;margin-right:auto;margin-left:auto;z-index: 1000}.mobnav-open a{display:block;padding:10 15;text-align:left;text-decoration:none}#mobnav{width:50%;left:-150%;top:0;position:fixed;float:none;display:block;margin:0;padding:0;background-color:#010101;-webkit-box-shadow:1px 0 50px #FFDC95;box-shadow:1px 0 50px #FFDC95;border-top-right-radius:6px;border-bottom-right-radius:6px;behavior:url('assets/css3pie/1.0.0/PIE.htc');-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 2000}#mobnav:target{width:100%;height:100%;left:0;top:0;position:fixed;z-index:2000}#mobnav ul li{width:160px;float:left;display:inline;margin-left:12%;padding-top:3px;padding-bottom:3px;text-align:left;border-bottom:0px solid rgba(222,180,96,.4)}#mobnav ul li a{display:block;padding:8px 0;text-decoration:none}#mobnav ul li .active{display:block;padding:12px 20px;background-color:rgba(222,180,96,.45);text-decoration:none;color:#FFE9BE}#mobnav ul li a:hover{background-color:#FFDC95;color:#624a00;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out}.mobnav-open{width:40px;left:-30px;top:10px;position:absolute}#mobnav ul li.close{float:none;display:block;padding-top:0;padding-bottom:0}#mobnav ul li:last-child{border-bottom: none;margin-bottom: 20px}#main{margin-top:1%}#bildergalerie{width:100%;height:auto;margin-top:-2%;margin-bottom:2%}#bildergalerie .col_first,#bildergalerie .col_1,#bildergalerie .col_last{width:70%;float:left;margin-top:2%;margin-right:2%;padding-right:15%;padding-bottom:.5%;padding-left:15%}#header{min-height:6%;padding-top:.5%}#logo{width:25%;margin-right:auto;margin-left:auto}#header,#topnavi,#subheader,#breadcrumb,#container{padding-right:7%;padding-left:7%}#footer{padding-right:0;padding-left:0}#iconwrapper{width:100%;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}.dreispaltig_home_box.ce_text.first.block{width:43%;min-height:250px;margin-right:5.2%;margin-bottom:4%;margin-left:0}.dreispaltig_home_box{width:43%;min-height:250px;float:left;margin-right:0;margin-bottom:4%;padding:2%}.dreispaltig_home_box.ce_text.last.block{width:43%;margin-right:4%;margin-bottom:1%;margin-left:25%}.dreispaltig_home_box a{font-size:1.6rem;line-height:2.08rem} } @media only screen and (max-width: 568px){ /* 09_MV_568-Lila.css */ #right{display:none}.zweispaltig{min-height:560px}.musik_cover_bild{width:50%;margin-top:0;margin-right:20px}.mobnav-open{width:40px;left:40px;top:25px;position:fixed;display:block;margin-right:auto;margin-left:auto;z-index: 1000}#mobnav{width:50%;left:-150%;top:0;position:fixed;float:none;display:block;margin:0;padding:0;background-color:#010101;-webkit-box-shadow:1px 0 50px #FFDC95;box-shadow:1px 0 50px #FFDC95;border-top-right-radius:6px;border-bottom-right-radius:6px;behavior:url('assets/css3pie/1.0.0/PIE.htc');-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 2000}#mobnav:target{width:100%;height:100%;left:0;top:0;position:fixed;z-index:2000}#mobnav ul li{width:140px;float:left;display:inline;margin-left:2%;padding-top:4px;padding-bottom:4px;text-align:left;border-bottom:0px solid rgba(222,180,96,.4)}#mobnav ul li a{display:block;padding:4px 0;text-decoration:none} } @media only screen and (max-width: 480px) and (orientation: landscape){ /* 10_MV_480-Gelb.css */ .mobnav-open{left:-18px;position:absolute}aside#left{position:absolute}.home_spiegelung_1,.home_spiegelung_2,.home_spiegelung_3,.home_spiegelung_4{height:140px}#main{min-height:200px}.zweispaltig{width:100%;float:left;margin-right:4%}#mobnav:target{width:90%;left:-35%}#logo{width:40%}#homepage_headline h1{margin-top:2rem;margin-bottom:2rem;font-size:1.75rem;line-height:2rem}#container{padding-right:5%;padding-left:5%}#home_iconwrapper{padding-right:0;padding-left:0}.home_box_head1{font-size:1.65rem}#booking{background-size: 100%}#nav{width:50%;left:-51%;top:12%;position:fixed;margin:0;padding:0}#nav ul li{padding-top:.25rem;padding-bottom:.25rem}#nav ul li a{display:block;padding:14px 20px;text-decoration:none}#mobnav ul li a{padding-top:12px;padding-right:15px;padding-bottom:12px}#sitemap_1,#sitemap_3{width:45%;float:left;margin-right:auto;margin-left:0;text-align:left}#sitemap_2,#sitemap_4{width:45%;float:left;margin-right:auto;margin-left:4.5%;text-align:left} } @media only screen and (max-width: 360px){ /* 11_MV_360-Rot.css */ .musik_cover_bild{width:60%;margin-top:0;margin-right:20px}#nav{width:60%;left:-60%;top:12%;position:fixed;margin:0;padding:0}#nav ul li a{display:block;padding:6px 20px;text-decoration:none}html{font-size:100%;line-height:180%}#header{min-height:7%;padding-top:1%}#logo{width:55%;margin-right:auto;margin-left:auto}/*#main .inside h1*/ .mod_article h1{margin-bottom:2rem;font-size:2rem;line-height:2.6rem;font-weight:normal}.mm-list > li > a,.mm-list > li > span{padding:5px 10px;color:#DEB460} } @media only screen and (max-width: 320px){ /* 12_MV_320-Blau.css */ #main{min-height:410px}#homepage_headline h1{margin-top:1.25rem;margin-bottom:.55rem}#home_iconwrapper{padding-right:13%;padding-left:13%}.home_box_1,.home_box_2,.home_box_3,.home_box_4{width:47%;float:left;margin-right:5%;margin-bottom:5%}.home_box_2,.home_box_4{margin-right:0}.home_box_1,.home_box_2,.home_box_3,.home_box_4,.home_box_1 ul,.home_box_2 ul,.home_box_3 ul,.home_box_4 ul{height:100px}.home_spiegelung_1,.home_spiegelung_2,.home_spiegelung_3,.home_spiegelung_4{height:0px;display:none}#nav{width:60%;left:-61%;top:12%;position:fixed;margin:0;padding:0}#nav ul li a{display:block;padding:1px 20px;text-decoration:none}/*#main .inside h1*/ .mod_article h1{margin-bottom:1.75rem;font-size:1.75rem;line-height:2.275rem}#mobnav:target{width:100%;height:100%;left:-43%}.mobnav-open{left:-20px;position:absolute}#mobnav ul li a{padding-top:6px;padding-right:15px;padding-bottom:6px} } /* Navigation_3_ToDos.css */ #todonavi{width:auto;margin-top:1%;margin-right:auto;margin-bottom:3%;padding-top:8px;padding-bottom:5px;text-align:left;background-color:rgba(177,235,240,.8);-webkit-box-shadow:8px 8px 7px 0 rgba(1,1,1,.4);box-shadow:8px 8px 7px 0 rgba(1,1,1,.4);border-right:1px solid #7A7A7A;border-bottom:1px solid #7A7A7A;border-radius:8px;behavior:url('assets/css3pie/1.0.0/PIE.htc')}#todonavi.mod_customnav a,#todonavi.mod_customnav li,#todonavi.mod_customnav span{font-size:.85rem;color:#616161}#todonavi.mod_customnav ul{margin:0;padding:0 0 1px}#todonavi.mod_customnav li{display:inline;padding-right:0;padding-bottom:0;padding-left:1.75%;list-style-type:none;/*display: inline; li nebeneinander anzeigen *//*list-style-type: none; ohne Aufzählungspunkte */}#todonavi.mod_customnav a:hover{font-weight:normal;text-decoration:underline;color:#DEB460}#todonavi.mod_customnav .active{color:#DEB460}#todonavi.mod_customnav span.active{padding-bottom:.5%;border-bottom:2px solid #DEB460;color:#7A7A7A} /* Mod_News.css */ div.layout_latest.arc_1.block.odd,div.layout_latest.arc_2.block.odd,div.layout_latest.arc_2.block.first.even{margin-bottom:4%}div.layout_latest.arc_1.block.odd,div.layout_latest.arc_2.block.odd,div.layout_latest.arc_2.block.first.even,div.layout_latest.arc_2.block.last.even,div.layout_latest.arc_1.block.last,div.layout_latest.arc_3.block.first.even{border-top:1px solid #DEB460}div.mod_newslist.block,div.mod_newslist.block.first_even,div.layout_latest.arc_3.block.first.even{border-bottom:1px solid #DEB460}div.mod_newslist.block h1{margin-bottom:2rem;font-size:2rem;line-height:.5rem;font-weight:normal;color:#DEB460;letter-spacing:.02rem}/*div.layout_latest.arc_1.block h2,div.layout_latest.arc_2.block h2,div.layout_latest.arc_3.block.last.odd h2,*/ .layout_latest h2{margin-top:.55rem;margin-bottom:.5rem;font:1.25rem/1.35 Open Sans Condensed,sans-serif;font-weight:normal;color:#DEB460}/*div.layout_latest.arc_1.block a,div.layout_latest.arc_2.block a,*/ .layout_latest a{font-family:Open Sans Condensed,sans-serif;font-weight:normal;color:#DEB460}.alle_news_anzeigen{margin-top:8%}.alle_news_anzeigen a{color:#DEB460}.alle_news_anzeigen a:hover{color:#FFDC95}#right p.more a{font:.85rem/1.75rem Ubuntu,sans-serif}.mod_newsmenu{font-size:.9rem;line-height:1.25rem}.mod_newsmenu h1{font-size:1.75rem;color:#DEB460}.mod_newsmenu ul.level_1{margin-top:-20px;margin-left:-5px;font-size:1.25rem;line-height:1.5rem}#right .mod_newsmenu.block li{font-size:1.25rem;line-height:1.625}.mod_newsmenu ul.level_2{padding-left:0;font-size:.9rem;line-height:1.25rem}.mod_newsmenu li.active{background-color:rgba(1,1,1,.3);color:#FFE9BE}/*.mod_newsmenu ul.level_1.active,*/ .mod_newsmenu .year span.active{background-color:rgba(222,180,96,.1)}#right span.active{margin-left:10px;font-size:1.25rem}.mod_newsmenu ul,.mod_newsmenu li{margin-left:0;padding-left:5px;list-style-type:none}time{margin-right:10px;font-size:.8rem;color:#7A7A7A}.mod_newslist p.info{width:57px;height:66px;float:left;display:none;margin-top:12px;margin-right:10px;margin-left:2px;text-align:center;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 2px 3px #444; -webkit-box-shadow:0 2px 3px #444; box-shadow:0 2px 3px #444; background: rgb(204,204,204); background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(244,247,247,1) 34%, rgba(255,255,255,1) 63%, rgba(204,204,204,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(34%,rgba(244,247,247,1)), color-stop(63%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,247,247,1) 34%,rgba(255,255,255,1) 63%,rgba(204,204,204,1) 100%); background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,247,247,1) 34%,rgba(255,255,255,1) 63%,rgba(204,204,204,1) 100%); background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,247,247,1) 34%,rgba(255,255,255,1) 63%,rgba(204,204,204,1) 100%); background: linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,247,247,1) 34%,rgba(255,255,255,1) 63%,rgba(204,204,204,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 )}.mod_newslist .day{display:block;padding-top:5%;padding-bottom:5%;color:#DEB460;/*margin:0; padding:5px 0 0 0; font-size:2em; color:#EC6E04;*/}.mod_newslist .month{/*top:-10px;*/ position:relative; margin:0; padding:0; font-weight:bold; font-size:.75em; color:#444; letter-spacing:.2em}.mod_newslist .layout_latest{margin:0 0 10px 0; padding:0 0 5px 0}#right span.day{margin-top:8px;font:1.6rem/1rem Open Sans Condensed,sans-serif;color:#DEB460;letter-spacing:.02em}#right span.month{margin-top:3px;font:1.2rem Open Sans Condensed,sans-serif;color:#949494;letter-spacing:.02em} /* Mod_Tabellen.css */ #checklist{width:160%}.artikel-tabelle{width:100%;border-top:1px solid #7A7A7A;border-bottom:1px solid #7A7A7A;border-collapse:collapse;font:.75rem/.937rem Arial;color:#616161}.erledigt{background-color:#ceffdb;color:#12db00}.artikel-tabelle td{padding-top:4px;padding-bottom:4px;padding-left:14px;background-color:#fff;border-top:1px solid #949494;border-right:1px solid #949494;border-collapse:collapse}.artikel-tabelle .tabellen-kopfzeile{padding-top:0;padding-bottom:0;background-color:rgba(41,41,41,.4)}.artikel-tabelle h1{font-size:1.625rem;line-height:1.625rem;font-weight:normal;color:#fc0;letter-spacing:.07rem;word-spacing:.05rem}.artikel-tabelle tbody tr:hover{background-color:#E0E0E0;text-decoration: none}.artikel-tabelle-2{width:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;border-collapse:collapse;font-size:.875rem}.artikel-tabelle-2 td{padding-top:4px;padding-bottom:4px;padding-left:14px;background-color:rgba(224,224,224,.6);border-top:1px solid #fff;border-left:1px solid #fff;border-collapse:collapse}.artikel-tabelle-2 .tabellen-kopfzeile{padding-top:0;padding-bottom:0;background-color:rgba(41,41,41,.4)}.artikel-tabelle-2 h1{font-size:1rem;line-height:1rem;font-weight:normal;color:#fc0;letter-spacing:.07rem;word-spacing:.05rem}.artikel-tabelle-2 tbody tr:hover{background-color:#E0E0E0;text-decoration: none} /*=========================================================================== Projekt: martin-vatter.de Autor: Peter Hirschberger Datum: 02.05.2016 RWD: Alle Größen dieser Classe in einem Stylesheet Aufbau: - Weiteres: Korrekturen Mai 2016 ============================================================================= Große Screens /*############################################################################*/ /* Browservorgabe 16px */ /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ #container { padding-bottom: 4%; /* background: brown; */ } .mod_newsreader { margin-top: 4.5%; width: 90%; } .back { margin-top: 1.5rem; } .zweispaltig { width: 44%; min-height: 580px; float: left; margin-right: 6%; } .mod_newsreader .layout_full h1 { display:none; } .home .mod_changelanguage { width: 87%; position: relative; font-size: 0.85rem; text-align: center; /* background-color: aliceblue; */ /* padding-right: 10px; */ margin-top: -47%; } /*11.09.2017 Footernaviagtion SocialMedia-Icons*/ .social { display: block; float: initial; margin: 0 0 40px 0; padding: 70px 0 0 0; text-align: center; } /*11.09.2017 Footernaviagtion SocialMedia-Icons*/ div#clxReviewWidget div#clx_foot { border-color: #DEB460; background-color: #DEB460; } /* ++++++++++++++++++ Seitenspezifische Anpassungen +++++++++++++++++++++++*/ .booking_e { background-image: url("../../files/CSS/kuenstler-neu.jpg"); background-repeat: no-repeat; background-size: 65%; background-position-x: -72px; background-position-y: -80px; /* height: auto; */ /* float: left; */ /* width: 100%; */ height: 400px; float: left; width: 100%; margin-bottom: 5%; } /*#booking_text { width:40%; float:right; margin-right:5%; }*/ .booking_e_text { margin: 0 0 0 49%; width: 45%; } #footer { min-height: 80px; padding-top: .75%; background-color: #010101; } .musik .zweispaltig, .music .zweispaltig { width: 44%; min-height: 650px; float: left; margin-right: 6%; } /* ++++++++++++++++++ Contentspezifische Anpassungen ++++++++++++++++++++++*/ .musik_cover_bild_2spaltig { width: 70%; } #main .ce_form.form-css3 .checkbox_container.mandatory { width: 50%; display: block; margin: 1.5rem auto 0 auto; border: 0px solid; /* color: aqua; */ } #main .ce_form.form-css3 #ctrl_19 label { display: inline; font-size: .9rem; } #main .ce_form.form-css3 fieldset legend { /* padding: 0 5px; */ /* font-size: 1.1em; */ /* font-weight: bold; */ color: #ADADAD; /* margin: -8px 0 0 -5px; */ font-size: .9rem; line-height: 1.25rem; } .home #footer { margin-top: -12rem; /* min-height: 80px; */ /* padding-top: .75%; */ /* background-color: #010101; */ } /*Ende Große Screens*/ /*############################################################################*/ @media screen and (max-width: 2040px) { /* ++++++++++++++++++ Seitenspezifische Anpassungen +++++++++++++++++++++++*/ .musik .zweispaltig, .music .zweispaltig { min-height: 630px; } } /*############################################################################*/ @media screen and (max-width: 1920px) { /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ /* ++++++++++++++++++ Seitenspezifische Anpassungen +++++++++++++++++++++++*/ .musik .zweispaltig, .music .zweispaltig { min-height: 570px; } .booking_e_text { margin: 0 0 0 47%; width: 44%; } } /*Ende @media 1920px*/ /*############################################################################*/ @media screen and (max-width: 1680px) { /* ++++++++++++++++++ Seitenspezifische Anpassungen +++++++++++++++++++++++*/ .booking_e_text { margin: 0 0 0 46%; width: 45%; } } /*Ende @media 1680px*/ /*############################################################################*/ @media screen and (max-width: 1440px) { .home #container { margin-top: -3.5rem; } .home .mod_changelanguage { margin-top: -20%; } .booking_e { background-size: 70%; background-position-x: -72px; background-position-y: -80px; height: 400px; } .booking_e_text { margin: 0 0 0 46%; width: 51%; } } /*Ende @media 1440px*/ /*############################################################################*/ @media screen and (max-width: 1366px) { .booking_e { background-size: 70%; background-position-x: -69px; background-position-y: -80px; height: 400px; } } /*Ende @media 1366px*/ /*############################################################################*/ @media screen and (max-width: 1280px) { /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ /* ++++++++++++++++++ Seitenspezifische Anpassungen +++++++++++++++++++++++*/ .home #container { margin-top: -3.5rem; } .home .mod_changelanguage { width: 102%; margin-top: -18%; } #home_iconwrapper { margin-bottom: 1px; padding-right: 17%; padding-left: 17%; } .home_box_1, .home_box_2, .home_box_3, .home_box_4, .home_box_1 ul, .home_box_2 ul, .home_box_3 ul, .home_box_4 ul { height: 340px; } .home_box_head1 { font: 1.8rem/2rem Open Sans Condensed,sans-serif; } .musik .zweispaltig, .music .zweispaltig { min-height: 650px; } .musik_cover_bild_2spaltig { width: 90%; } .booking_e { background-size: 78%; background-position-x: -45%; background-position-y: -140%; height: inherit; } .booking_e_text { float: none; margin: 42% 0 0 0%; width: 100%; } #booking-en.mod_article.first.last.block { overflow: visible; } } /*Ende @media 1280px*/ /*############################################################################*/ @media screen and (max-width: 1024px) { /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ #main { margin-top: 0%; } #main { margin-top: -12.1%; } aside#right { left: 10%; margin-top: -33.2%; } #footernavi { margin-top: -40px; } /* ++++++++++++++++++ Seitenspezifische Anpassungen +++++++++++++++++++++++*/ /*.musik .zweispaltig, .music .zweispaltig { min-height: 630px; width: 100%; }*/ #home_iconwrapper { margin-bottom: 1px; padding-right: 7%; padding-left: 7%; } .home #container { padding-bottom: 1%; /* background: brown; */ /* max-height: 490px; */ /* min-height: inherit; */ } .home_box_1, .home_box_2, .home_box_3, .home_box_4, .home_box_1 ul, .home_box_2 ul, .home_box_3 ul, .home_box_4 ul { height: 320px; } #homepage_headline h1 { margin-bottom: 2.25rem; font-size: 2.3rem; line-height: 2.5rem; } .home .mod_changelanguage { width: 78%; margin-top: 0%; } .musik .zweispaltig, .music .zweispaltig { display: block; width: 76%; min-height: 540px; float: none; /* margin-right: 6%; */ margin: 0 auto 0 auto; } .musik_cover_bild_2spaltig { display: block; width: 75%; margin: 0 auto 0 auto; } .musik_linkwrapper { display: block; width: 58%; margin: 0 auto 0 auto; /*background-color: aquamarine;*/ } .button_reinhoeren { float: left; margin-top: 0.75rem; margin-left: 2rem; padding: 4px 12px 4px 12px; line-height: 18px; font-size: 0.95rem; border-radius: 4px; } .booking_e { background-size: 87%; background-position-x: -81%; background-position-y: -47%; height: inherit; margin-bottom: 5%; } .booking_e_text { float: none; margin: 49% 0 0 0%; width: 100%; } .head_zentriert { text-align: center; } /*11.09.2017 Footernaviagtion SocialMedia-Icons*/ .social { margin: 0 0 40px 0; padding: 30px 0 0 0; } } /*Ende @media 1024px*/ /*############################################################################*/ @media screen and (max-width: 900px) { .musik_linkwrapper { width: 58%; } .button_reinhoeren { float: right; margin-left: 0rem; } .booking_e { background-size: 89%; background-position-x: -91%; background-position-y: -25%; height: inherit; margin-bottom: 5%; } } /*Ende @media 900px*/ /*############################################################################*/ @media screen and (max-width: 800px) { /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ .mobnav-open { width: 45px; left: 40px; top: 36px; position: fixed; display: block; margin-right: auto; margin-left: auto; background-color: #010101; z-index: 1000; } .mm-list > li > a, .mm-list > li > span { line-height: 38px; } #header { min-height: 200px; padding-top: 10px; /* border: 1px dashed #AFAEAE; */ /* background-color: blueviolet; */ } #container { margin: 0 0 0 0; padding: 0 14% 0 14%; padding-bottom: 4%; } #main { min-height: inherit; margin-top: 70px; padding: 0 0 4% 0; /* background: brown; */ } /* Sprachenwechsler ≤ 800 px */ aside#left { position: absolute; width: 100%; min-height: 30px; margin: 0 auto 0 auto; left: 0%; top: 15px; /* position: relative; */ /* padding-top: 0%; */ /* padding-right: 0%; */ /* padding-left: 0%; */ padding: 0 0 0 0; /* border: 1px dashed #CDDC39; */ /* background-color: rgba(127, 255, 212, 0.66); */ } aside#left .mod_customnav { display: none; } .mod_changelanguage { display: block; width: 100%; /*position: relative;*/ font-size: 1rem; text-align: center; } .mod_changelanguage ul { margin-top: 0rem; padding-left: 0; } #right { /* display: none; */ display: none; } #footer { margin: 4% 0 0 0; padding-right: 0; padding-left: 0; } /*27.07.18 - mehr abstand zwischen footervai und social-icons*/ .social { padding: 60px 0 0 0; } /* ++++++++ Contentaenderungen noch aus dem Framework entfernen +++++++++++*/ .musik .zweispaltig, .music .zweispaltig { display: block; width: 76%; min-height: 540px; float: none; /* margin-right: 6%; */ margin: 0 auto 0 auto; } .musik_linkwrapper { width: 38%; } /* ++++++++++++++++++ Seitenspezifische Anpassungen +++++++++++++++++++++++*/ .home #container { margin: 0 0 0 0; padding: 0 14% 0 14%; padding-bottom: 0%; } /*27.07.18 - footer bei Tablets weiter nach oben ziehen*/ .home #main { margin-bottom: -90px; } .home #footer { margin: 0 0 0 0; padding-right: 0; padding-left: 0; min-height: 30px; } .home #footernavi { margin-top: 0px; } .home .mod_changelanguage { width: 100%; margin-top: 0%; } .musik .inside, .music { text-align:center; } .musik_cover_bild_2spaltig { display: block; width: 65%; margin: 0 auto 0 auto; } .impressum .zweispaltig, .imprint .zweispaltig { width: 100%; min-height: inherit; } .booking_e { background-size: 98%; background-position-x: -55px; background-position-y: -68px; height: inherit; /* float: left; */ } .booking_e_text { float: none; margin: 58% 0 0 0%; width: 100%; } .youtube #main { padding: 0 0 20% 0; } } /*Ende @media 800px*/ /*############################################################################*/ @media screen and (max-width: 767px) { /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ #header { min-height: 230px; padding-top: 10px; /* border: 1px dashed #AFAEAE; */ /* background-color: blueviolet; */ } .mobnav-open { width: 43px; left: 30px; top: 40px; } #logo { width: 25%; } #main { min-height: inherit; margin-top: 55px; /*background: brown;*/ } /* Sprachenwechsler ≤ 800 px */ aside#left { top: -55px; } .musik_cover_bild_2spaltig { width: 75%; } .musik_linkwrapper { width: 48%; } .booking_e { background-size: 97%; background-position-x: -291%; background-position-y: -39%; } .booking_e_text { float: none; margin: 58% 0 0 0%; width: 100%; } .home #container { margin: 0 0 0 0; padding: 0 14% 0 14%; padding-bottom: 0%; max-height: 500px; } } /*Ende @media 767px*/ /*############################################################################*/ @media screen and (max-width: 736px) and (orientation: landscape) { /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ #header { min-height: 170px; padding-top: 0px; /* border: 1px dashed #AFAEAE; */ /* background-color: blueviolet; */ } #main { margin-top: 32px; } aside#left { top: -20px; } } /* Ende 736*/ /*############################################################################*/ @media only screen and (max-width: 600px) and (orientation: landscape) { /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ #header { min-height: 170px; padding-top: 10px; /* border: 1px dashed #AFAEAE; */ /*background-color: blueviolet;*/ } #main { margin-top: 20px; } aside#left { top: -20px; } .booking_e { background-size: 97%; background-position-x: -291%; background-position-y: -26%; height: 580px; /* float: left; */ } .booking_e_text { float: none; margin: 55% 0 0 0%; width: 100%; } .musik_cover_bild_2spaltig { width: 80%; } .musik_linkwrapper { width: 59%; } } /*Ende @media 600px*/ /*############################################################################*/ @media only screen and (max-width: 480px) and (orientation: landscape) { /*@media only screen and (max-width: 480px) {*/ /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ .mm-list > li > a, .mm-list > li > span { line-height: 24px; } #container { padding: 0 10% 0 10%; padding-bottom: 4%; } .musik_linkwrapper { width: 70%; } .head_zentriert { text-align: center; } .booking_e { background-size: 97%; background-position-x: -231%; background-position-y: -26%; } /* ++++++++ Formularänderungen noch aus dem Framework entfernen +++++++++++*/ #main .ce_form.form-css3 .text { width: 320px; } #main .ce_form.form-css3 .text:focus { width: 97%; } #main .ce_form.form-css3 .textarea { width: 320px; } #main .ce_form.form-css3 .textarea:focus { height: 180px; width: 97%; } } /*Ende @media 480px*/ /*############################################################################*/ @media only screen and (max-width: 414px) and (orientation: portrait) { /*@media only screen and (max-width: 414px) {*/ /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ .mobnav-open { width: 43px; left: 16px; top: 31px; } .mm-list > li > a, .mm-list > li > span { line-height: 30px; } #header { min-height: 180px; padding-top: 10px; /* border: 1px dashed #AFAEAE; */ /*background-color: blueviolet;*/ } #logo { width: 40%; } #container { padding: 0 7% 0 7%; padding-bottom: 4%; } #main { min-height: inherit; margin-top: 35px; /* background: brown; */ } aside#left { top: -30px; } .home #container { margin: 0 0 0 0; padding: 0 8% 0 8%; padding-bottom: 0%; max-height: 460px; } #home_iconwrapper { margin-bottom: 1px; padding-right: 0%; padding-left: 0%; } .home_box_1, .home_box_2, .home_box_3, .home_box_4, .home_box_1 ul, .home_box_2 ul, .home_box_3 ul, .home_box_4 ul { height: 280px; } .home_spiegelung_1, .home_spiegelung_2, .home_spiegelung_3, .home_spiegelung_4 { height: 120px; } .booking_e { background-size: 98%; background-position-x: -230%; background-position-y: -13%; } .booking_e_text { display: block; float: none; margin: 58% auto 0 auto; width: 86%; } .musik_cover_bild_2spaltig { width: 85%; } .musik_linkwrapper { width: 65%; } .inside h1 { margin-bottom: 0rem; font-size: 2.25rem; line-height: 2.5rem; } /* ++++++++ Formularänderungen noch aus dem Framework entfernen +++++++++++*/ #main .ce_form.form-css3 .text { width: 270px; } #main .ce_form.form-css3 .text:focus { width: 96%; } #main .ce_form.form-css3 .textarea { width: 270px; } #main .ce_form.form-css3 .textarea:focus { height: 200px; width: 96%; } } /*Ende @media 800px*/ /*############################################################################*/ @media only screen and (max-width: 384px) and (orientation: portrait) { #header { min-height: 200px; padding-top: 10px; /* border: 1px dashed #AFAEAE; */ /* background-color: blueviolet; */ } #main { min-height: inherit; margin-top: 10px; /* background: brown; */ } aside#left { top: -35px; } .home #container { margin: 0 0 0 0; padding: 0 5% 0 5%; padding-bottom: 0%; } }/*Ende @media 384px*/ /*############################################################################*/ @media only screen and (max-width: 375px) and (orientation: portrait) { /*@media only screen and (max-width: 375px) {*/ /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ html { font-size: 93%; line-height: 160%; } .mm-list > li > a, .mm-list > li > span { line-height: 32px; } #logo { width: 46%; } #container { padding: 0 6% 0 6%; padding-bottom: 4%; } /*27.07.18 - footer bei Tablets weiter nach oben ziehen*/ .home #main { margin-bottom: 0px; } .home #container { margin: 0 0 0 0; padding: 0 8% 0 8%; padding-bottom: 0%; max-height: 570px; } #home_iconwrapper { padding-right: 13%; padding-left: 13%; } .home_box_1, .home_box_2, .home_box_3, .home_box_4 { width: 44%; height: 200px; float: left; margin-right: 0%; margin-bottom: 7%; } .home_box_1, .home_box_3 { margin-right: 11%; } .home_box_1, .home_box_2, .home_box_3, .home_box_4, .home_box_1 ul, .home_box_2 ul, .home_box_3 ul, .home_box_4 ul { height: 200px; } .home_spiegelung_1, .home_spiegelung_2, .home_spiegelung_3, .home_spiegelung_4 { display: none; } .home #footer { margin: 0 0 0 0; padding-right: 0; padding-left: 0; min-height: 50px; } .musik_cover_bild_2spaltig { width: 90%; } .musik_linkwrapper { width: 80%; } .button_reinhoeren { margin-top: 0.75rem; margin-left: 0rem; padding: 4px 12px 4px 12px; line-height: 18px; font-size: 0.95rem; } } /*Ende @media 375px*/ /*############################################################################*/ @media only screen and (max-width: 320px) { /* ++++++++ Layoutänderungen noch aus dem Framework entfernen +++++++++++++*/ #header { min-height: 170px; padding: 18px 8% 0 8%; } #container { padding: 0 10% 50px 16%; } #main { margin-top: 50px; } aside#left { top: -44px; padding: 0 2% 0 2%; } .mobnav-open { width: 37px; left: 10px; top: 140px; } #logo { width: 50%; } /* ++++++++++++++ Seitenspezifische Änderungen Presse +++++++++++++++++++++*/ .home #container { margin: 0 0 0 0; /* padding: 0 8% 0 8%; */ padding: 0 5% 0px 5%; /* padding-bottom: 0%; */ max-height: 560px; } .impressum .head_zentriert, .imprint .head_zentriert{ text-align: left; } time { display: block; float: none; margin: 20px 0 0 0; font-size: .8rem; color: #7A7A7A; } .musik .zweispaltig, .music .zweispaltig { display: block; width: 90%; min-height: 540px; float: none; /* margin-right: 6%; */ margin: 0 auto 0 auto; } .musik_linkwrapper { width: 90%; } #bildergalerie .col_first, #bildergalerie .col_1, #bildergalerie .col_last { width: 94%; float: left; margin: 2% 0 0 0; padding: 0 3% 3% 3%; /* background-color: aliceblue; */ } .mod_article h1 { margin-bottom: 0.5rem; font-size: 1.75rem; line-height: 2.0rem; } .inside h3 { margin-bottom: 1rem; font-size: 1.4rem; line-height: 2.1rem; } /* ++++++++++++++ Seitenspezifische Änderungen Booking ++++++++++++++++++++*/ .booking_e { background-size: 113%; background-position-x: -12px; background-position-y: -33px; height: inherit; } .booking_e_text { display: block; float: none; margin: 58% auto 0 auto; width: 86%; } .musik_cover_bild_2spaltig { width: 100%; } /* ++++++++ Formularänderungen noch aus dem Framework entfernen +++++++++++*/ #main .ce_form.form-css3 .text { width: 220px; } #main .ce_form.form-css3 .text:focus { width: 95%; } #main .ce_form.form-css3 .textarea { width: 220px; } #main .ce_form.form-css3 .textarea:focus { height: 200px; width: 95%; } } /*Ende @media 319px*/ /*############################################################################*/ /* Alle @medias vom Mieterverein 01_MvM_2560_Basis_CSS_reduziert_HomePage @media all 02_plus_nach_Homepage_Gesamte_Site @media all 03_MvM_1920 @media only screen and (max-width: 1920px) 04_MvM_1680 @media only screen and (max-width: 1680px) 05_MvM_1440 @media only screen and (max-width:1440px) 06_MvM_1366 @media only screen and (max-width:1366px) 07_MvM_1280 @media only screen and (max-width: 1280px) 08_MvM_1024 @media only screen and (max-width: 1024px) 09_MvM_800 @media only screen and (max-width: 800px) 10_MvM_767 @media only screen and (max-width: 767px) 11_MvM_600_Gelb @media only screen and (max-width: 600px) 12_MvM_480_Landscape_Pink @media only screen and (max-width: 480px) and (orientation: landscape) 13_MvM_360_Neu_414-Portrait_gruen @media only screen and (max-width: 414px) and (orientation: portrait) 14_MvM_375_Orange @media only screen and (max-width: 375px) and (orientation: portrait) 15_MvM_319_Blau @media only screen and (max-width: 319px) lightblue lightgrey lightpink linen moccasin navy olive palegreen peachpuff */