/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ 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} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @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} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ .red { color:#AD0C50; font-size:24px; } .green { color:#090; font-size:24px;} .warning { color:#AD0C50; font-size:24px; } .confirmation { color:#090; font-size:24px;} .text-red {color:#AD0C50; font-size:12px;} .text-green { color:#090; font-size:12px;} .link-onlineshop {color:#AD0C50; font-size:12px;} a .link-onlineshop {color:#AD0C50; font-size:12px; text-decoration:none} a:hover span.link-onlineshop {color: #900;} /* 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 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%); } /* -- dk_mmenu theme 'bordeaux' -- */ .mm-menu { background: #422; } .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=");-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=");background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} @charset "utf-8"; /* CSS Document */ @font-face { font-family: 'Gudea'; src: local('Gudea'), local('Gudea'), url("../../files/kaese-baumann/fonts/Gudea-Regular.ttf") format('opentype');} .Gudea { font-family:'Gudea';} * {font-family: 'Gudea';} hr.white {margin:0 0 10px 0; border:none; color:#FFF; border-bottom:1px solid #FFF;} .googlemap iframe { width:100%} #wrapper { max-width:1920px; margin:0 auto;} /* Farbdefinitionen */ .color01 { color:#F2D4BC;} .color02 { color:#F6E3D2;} .color03 { color:#FAEEE2;} .color04 { color:#FDF8F4;} .color05 { color:#AD0C50;} .color06 { color:#EE8EB0;} .color07 { color:#82584E;} .bgcolor01 { background-color:#F2D4BC; color:#492015;} .bgcolor02 { background-color:#F6E3D2; color:#492015;} .bgcolor03 { background-color:#FAEEE2; color:#492015;} .bgcolor04 { background-color:#FDF8F4; color:#492015;} .bgcolor05 { background-color:#AD0C50; color:#FDF8F4;} .bgcolor06 { background-color:#EE8EB0;} .bgcolor07 { background-color:#82584E; color:#82584E;} #container { padding:0 0 10px 0;} #container {background-color:#F2D4BC;} .cp-01 p{ color:#F2D4BC} #container #main .inside {margin-bottom:15px;} #left {right:0;} /* NAVIGATION Left */ #left nav ul li { font-style:italic; font-size:20px;} .col-100 { margin-bottom:10px;} #right { margin-right:0;} .box-right a { color:#624642} .box-right a:hover { color:#000} .red p a { color:#FFF} .red p a:hover { color: #CCC;} footer {background-color:#82584E;} a { text-decoration:none;} aside {} aside#right { margin-bottom:15px !important;} li.last { border-right:none !important;} /* Header */ .header-slyder { width:100%; margin-bottom:10px;} /* Boxen */ .col-row { content:""; display:table; clear: both; width:100%;} .mod_article a { color:#AD0C50;} .mod_article a:hover {color:#624642} .mflex {width:590px; margin-bottom:10px;} .ui-accordion-header { line-height:60px; text-align:center; color:#AD0C50; font-size:30px; background-color:#CAB396; margin-bottom:10px; cursor:pointer;} .ui-accordion-content {background-color:#F6E3D2; padding:20px 0 30px 0;} .ui-accordion-content p {font-size:22px; padding:10px 50px; line-height:30px; margin-bottom:0;} /* Kontakt */ /* ************************************************************************************************************************************** FONTSYLE */ @media only screen and (min-width: 240px) { .font-22 { font-size:18px; line-height:26px;} .font-26 { font-size:18px; line-height:26px;} } @media only screen and (min-width: 480px) { .font-22 { font-size:18px; line-height:26px;} .font-26 { font-size:20px; line-height:30px;} } /* 760 - 1280 */ @media only screen and (min-width: 760px) { .font-22 { font-size:18px; line-height:26px;} .font-26 { font-size:26px; line-height:34px;} } /* 1600 - 1920 */ @media only screen and (min-width: 1600px) { .font-22 { font-size:22px; line-height:30px;} .font-26 { font-size:26px; line-height:34px;} } /* ************************************************************************************************************************************** HEADER */ @media only screen and (min-width: 240px) { } @media only screen and (min-width: 480px) { } @media only screen and (min-width: 760px) { } @media only screen and (min-width: 1024px) { } @media only screen and (min-width: 1280px) { } @media only screen and (min-width: 1600px) { } @media only screen and (min-width: 1920px) { } /* ************************************************************************************************************************************** HEADER TOP */ @media only screen and (min-width: 240px) { .header-top::after {content:""; display:table; clear:both;} .header-top {background-color:#FAEEE2; position:relative; width:100%;} .header-top {height:70px;} .header-top p {margin:0; padding:0;} .logo, .header-top-nav, .image-maus {position: absolute; } .logo {left:0; top:0; width:220px; height:40px;} .logo .image_container{position: relative;} .logo img { position:absolute; top:10px; left:5px; width:210px;} .header-top-nav {left:5px; top:40px; width:100%; display:block;} .header-top-nav ul li { float:left; font-size:14px; font-style:italic; } .header-top-nav a {display: block; background-color:#EE8EB0; color:#FDF8F4; text-decoration:none; padding-left:5px; margin:0 5px 0 0; line-height:26px; width:50px;} .header-top-nav a:hover {background-color:#AD0C50; color:#FDF8F4; } .image-maus {right:5px; top:5px; width:50px;} } @media only screen and (min-width: 480px) { .header-top {height:130px;} .logo {left:0; top:0; width:400px; height:70px;} .logo img { position:absolute; top:20px; left:15px; width:320px;} .header-top-nav {left:15px; top:70px; width:100%; display:block;} .header-top-nav ul li { float:left; font-size:24px; font-style:italic; } .header-top-nav a {display: block; background-color:#EE8EB0; color:#FDF8F4; text-decoration:none; padding-left:15px; margin:0 10px 0 0; line-height:60px; width:85px;} .image-maus {right:50px; top:20px; width:70px;} } @media only screen and (min-width: 760px) { .header-top {background-color:#FAEEE2; position:relative; width:100%; height:160px;} .logo {left:0; top:0; width:500px; height:75px;} .logo img { position:absolute; top:20px; left:30px; width:390px;} .header-top-nav {left:30px; top:80px; width:100%; display:block;} .header-top-nav ul li { float:left; font-size:28px; font-style:italic; } .header-top-nav a {display: block; background-color:#EE8EB0; color:#FDF8F4; text-decoration:none; padding-left:15px; margin:0 10px 0 0; line-height:80px; width:100px;} .image-maus {right:15px; top:10px; width:110px;} } @media only screen and (min-width: 1024px) { .header-top {height:80px;} .logo {left:0; top:0; width:500px; height:75px;} .logo img { position:absolute; top:20px; left:30px; width:360px;} .header-top-nav {left:400px; top:0; width:500px; display:block;} .header-top-nav ul li { float:left; font-size:28px; font-style:italic; } .header-top-nav a {display: block; background-color:#EE8EB0; color:#FDF8F4; text-decoration:none; padding-left:15px; margin:0 10px 0 0; line-height:80px; width:100px;} .image-maus {right:5px; top:25px; width:100px;} } @media only screen and (min-width: 1280px) { .header-top {height:100px;} .logo {left:0; top:0; width:500px; height:95px;} .logo img { position:absolute; top:30px; left:50px; width:390px;} .header-top-nav {left:480px; top:0; width:580px; display:block;} .header-top-nav ul li { float:left; font-size:28px; font-style:italic; } .header-top-nav a {display: block; background-color:#EE8EB0; color:#FDF8F4; text-decoration:none; padding-left:15px; margin:0 10px 0 0; line-height:100px; width:110px;} .image-maus {right:10px; top:18px; width:auto;} } /* 1600 - 1920 */ @media only screen and (min-width: 1600px) { .header-top {height:100px;} .logo {left:0; top:0; width:500px; height:95px;} .logo img { position:absolute; top:30px; left:50px;} .header-top-nav {left:500px; top:0; width:650px; display:block;} .header-top-nav ul li { float:left; font-size:30px; font-style:italic; } .header-top-nav a {display: block; background-color:#EE8EB0; color:#FDF8F4; text-decoration:none; padding-left:15px; margin:0 10px 0 0; line-height:100px; width:115px;} .image-maus {right:20px; top:18px; width:auto;} } /* ************************************************************************************************************************************** HEADER NAV */ /* 240 - 760 */ @media only screen and (min-width: 240px) { .header-navi {display:none;} } @media only screen and (min-width: 1024px) { .header-navi { display:block; margin:0 0 0 25px; width:950px; } .header-navi nav { font-size:24px; padding: 5px 0; } .header-navi nav ul { line-height:60px; } .header-navi nav ul li { border-right: 1px solid #AD0C50; float:left; padding:0 10px;} .header-navi nav ul li.active {color:#AD0C50 } .header-navi nav ul li a { text-decoration:none; color:#333;} .header-navi nav ul li a:hover {color:#82584E; } } @media only screen and (min-width: 1280px) { .header-navi { display:block; margin:0 auto; width:1100px; } .header-navi nav { font-size:24px; padding: 5px 0; } .header-navi nav ul { line-height:60px; } .header-navi nav ul li { border-right: 1px solid #AD0C50; float:left; padding:0 10px;} .header-navi nav ul li.active {color:#AD0C50 } .header-navi nav ul li a { text-decoration:none; color:#333;} .header-navi nav ul li a:hover {color:#82584E; } } @media only screen and (min-width: 1600px) { .header-navi { display:block; margin:0 auto; width:1200px; } .header-navi nav { font-size:24px; padding: 5px 0; } .header-navi nav ul { line-height:60px; } .header-navi nav ul li { border-right: 1px solid #AD0C50; float:left; padding:0 10px;} .header-navi nav ul li.active {color:#AD0C50 } .header-navi nav ul li a { text-decoration:none; color:#333;} .header-navi nav ul li a:hover {color:#82584E; } } @media only screen and (min-width: 1920px) { .header-navi { display:block; margin:0 auto; width:1200px; } .header-navi nav { font-size:24px; padding: 5px 0; } .header-navi nav ul { line-height:60px; } .header-navi nav ul li { border-right: 1px solid #AD0C50; float:left; padding:0 10px;} .header-navi nav ul li.active {color:#AD0C50 } .header-navi nav ul li a { text-decoration:none; color:#333;} .header-navi nav ul li a:hover {color:#82584E; } } /* ************************************************************************************************************************************** HEADER SLYDER */ @media only screen and (min-width: 240px) { } @media only screen and (min-width: 480px) { } @media only screen and (min-width: 760px) { } @media only screen and (min-width: 1024px) { } @media only screen and (min-width: 1280px) { } @media only screen and (min-width: 1600px) { } @media only screen and (min-width: 1920px) { } /* ************************************************************************************************************************************** MOBILE NAVIGATION OFFCANVAS */ @media only screen and (min-width: 240px) { .offcanvas { position:absolute; left:244px; top:40px;} .offcanvas img { width:26px; height:26px} } @media only screen and (min-width: 480px) { .offcanvas { position:absolute; left:420px; top:18px;} .offcanvas img { width:32px; height:32px} } @media only screen and (min-width: 760px) { .offcanvas { position:absolute; left:550px; top:94px;} .offcanvas img { width:50px; height:50px} } @media only screen and (min-width: 1024px) { .offcanvas { position:absolute; left:930px; top:90px;} .offcanvas img { width:50px; height:50px} } @media only screen and (min-width: 1280px) { .offcanvas { position:absolute; left:1030px; top:30px;} .offcanvas img { width:50px; height:50px} } /* 1600 - 1920 */ @media only screen and (min-width: 1600px) { .offcanvas {display:none;} } /* ************************************************************************************************************************************** MAIN BEREICH */ @media only screen and (min-width: 240px) { /* 240 - 480 */ #container #main{ width:100%; margin-right:0} aside#right { width:100%; margin:0 auto; float:none;} /* 240 - 760 */ .cleft {width:100%;float:none;margin:0 0 10px 0;} .mleft {width:100%;float:none; margin-bottom:10px; margin-right:0;} .mleft p {margin-bottom:0; } .cright {width:100%; float:none; margin:0 0 10px 0;} } @media only screen and (min-width: 480px) { aside#right { width:100%; margin:0 auto; float:none;} } @media only screen and (min-width: 760px) { #container #main{ width:97%; margin:0 auto; float:none;} aside#right { width:760px; margin:0 auto; float:none;} } @media only screen and (min-width: 1024px) { aside#right { width:960px; margin:0 auto; float:none;} .cleft {width:49.5%; float:left;margin:0 0 10px 0;} .cright {width:49.5%; float:right; margin:0 0 10px 0;} .mleft {width:49%;float:left; margin-bottom:10px; margin-right:10px;} } @media only screen and (min-width: 1280px) { /* 1280 - 1920 */ aside#left { width:19%; margin-left:0; float:left;} #container #main{ width:61%; margin:0 0.5%; float:left;} aside#right { width:19%; margin-right:0; float:right;} aside#right .inside { margin-top:0;} .cleft {width:49.5%; float:left;margin:0 0 10px 0;} .cright {width:49.5%; float:right; margin:0 0 10px 0;} .mleft {width:49%; float:left; margin-bottom:10px; margin-right:8px;} } @media only screen and (min-width: 1600px) { .cleft {width:49.5%; float:left;margin:0 0 10px 0;} .cright {width:49.5%; float:right; margin:0 0 10px 0;} .mleft {width:49%; float:left; margin-bottom:10px; margin-right:10px;} } @media only screen and (min-width: 1920px) { .cleft {width:49.5%;float:left;margin:0 0 10px 0;} .cright {width:49.5%; float:right; margin:0 0 10px 0;} .mleft {width:49%; float:left; margin-bottom:10px; margin-right:10px;} } /* ************************************************************************************************************************************** LINKE SEITE */ @media only screen and (min-width: 240px) { aside#left {display:none;} } @media only screen and (min-width: 480px) { aside#left {display:none;} } @media only screen and (min-width: 760px) { aside#left {display:none;} } @media only screen and (min-width: 1024px) { aside#left {display:none;} } @media only screen and (min-width: 1280px) { aside#left {display:block;} #left nav ul li a { display: block; background-color:#F6E3D2; padding:10px 0 10px 30px; text-decoration:none; color:#000; line-height:1.5;} #left nav ul li a:hover {background-color:#FDF8F4;} #left nav ul li.active {display: block; padding:10px 0 10px 30px; background-color:#FAEEE2;color:#AD0C50;} #left .termine {margin-top:20px;} } /* 1600 - 1920 */ @media only screen and (min-width: 1600px) { aside#left {display:block;} #left nav ul li a { display: block; background-color:#F6E3D2; padding:10px 0 10px 50px; text-decoration:none; color:#000;} #left nav ul li a:hover {background-color:#FDF8F4;} #left nav ul li.active {display: block; padding:10px 0 10px 50px; background-color:#FAEEE2;color:#AD0C50;} #left .termine {margin-top:20px;} } /* ************************************************************************************************************************************** PADDING */ /* 240 - 480 */ @media only screen and (min-width: 240px) { .pt-05 h2{padding-top:5px} .pt-10 h2{padding-top:10px} .pt-15 h2{padding-top:15px} .pt-20 h2, .pt-20 h3, .pt-20 h4, .pt-20 p{padding-top:20px; padding-bottom:15px;} .pt-25 h2{padding-top:25px} .pt-30 h2, .pt-30 h3, .pt-30 h4, .pt-30 p {padding-top:30px; padding-bottom:15px;} .pt-35 h2, .pt-35 h3, .pt-35 h4, .pt-35 p {padding-top:35px; padding-bottom:15px;} .pt-40 h2, .pt-40 h3, .pt-40 h4, .pt-40 p {padding-top:40px; padding-bottom:15px;} .pt-45 h2{padding-top:45px} .pt-50 h2, .pt-50 h3, .pt-50 h4, .pt-50 p {padding-top:50px; padding-bottom:20px;} .pt-55 h2{padding-top:55px} .pt-60 h2{padding-top:60px} .pt-65 h2{padding-top:65px} .pt-70 h2, .pt-70 h3, .pt-70 h4, .pt-70 p {padding-top:20px; padding-bottom:25px;} .pt-75 h2{padding-top:75px} .pt-80 h2{padding-top:80px} .pt-85 h2{padding-top:85px} .pt-90 h2{padding-top:90px} .pt-95 h2{padding-top:95px} .pt-100 h2{padding-top:100px} } @media only screen and (min-width: 480px) { } @media only screen and (min-width: 760px) { .pt-05 h2{padding-top:5px} .pt-10 h2{padding-top:10px} .pt-15 h2{padding-top:15px} .pt-20 h2, .pt-20 h3, .pt-20 h4, .pt-20 p{padding-top:20px; padding-bottom:15px;} .pt-25 h2{padding-top:25px} .pt-30 h2, .pt-30 h3, .pt-30 h4, .pt-30 p {padding-top:30px; padding-bottom:15px;} .pt-35 h2, .pt-35 h3, .pt-35 h4, .pt-35 p {padding-top:35px; padding-bottom:15px;} .pt-40 h2, .pt-40 h3, .pt-40 h4, .pt-40 p {padding-top:40px; padding-bottom:15px;} .pt-45 h2{padding-top:45px} .pt-50 h2, .pt-50 h3, .pt-50 h4, .pt-50 p {padding-top:50px; padding-bottom:20px;} .pt-55 h2{padding-top:55px} .pt-60 h2{padding-top:60px} .pt-65 h2{padding-top:65px} .pt-70 h2, .pt-70 h3, .pt-70 h4, .pt-70 p {padding-top:25px; padding-bottom:25px;} .pt-75 h2{padding-top:75px} .pt-80 h2{padding-top:80px} .pt-85 h2{padding-top:85px} .pt-90 h2{padding-top:90px} .pt-95 h2{padding-top:95px} .pt-100 h2{padding-top:100px} } @media only screen and (min-width: 1024px) { .pt-05 h2{padding-top:5px} .pt-10 h2{padding-top:10px} .pt-15 h2{padding-top:15px} .pt-20 h2, .pt-20 h3, .pt-20 h4, .pt-20 p{padding-top:20px; padding-bottom:15px;} .pt-25 h2{padding-top:25px} .pt-30 h2, .pt-30 h3, .pt-30 h4, .pt-30 p {padding-top:30px; padding-bottom:15px;} .pt-35 h2, .pt-35 h3, .pt-35 h4, .pt-35 p {padding-top:35px; padding-bottom:15px;} .pt-40 h2, .pt-40 h3, .pt-40 h4, .pt-40 p {padding-top:40px; padding-bottom:15px;} .pt-45 h2{padding-top:45px} .pt-50 h2, .pt-50 h3, .pt-50 h4, .pt-50 p {padding-top:50px; padding-bottom:20px;} .pt-55 h2{padding-top:55px} .pt-60 h2{padding-top:60px} .pt-65 h2{padding-top:65px} .pt-70 h2, .pt-70 h3, .pt-70 h4, .pt-70 p {padding-top:40px; padding-bottom:25px;} .pt-75 h2{padding-top:75px} .pt-80 h2{padding-top:80px} .pt-85 h2{padding-top:85px} .pt-90 h2{padding-top:90px} .pt-95 h2{padding-top:95px} .pt-100 h2{padding-top:100px} } @media only screen and (min-width: 1280px) { .pt-05 h2{padding-top:5px} .pt-10 h2{padding-top:10px} .pt-15 h2{padding-top:15px} .pt-20 h2, .pt-20 h3, .pt-20 h4, .pt-20 p {padding-top:20px; padding-bottom:15px;} .pt-25 h2{padding-top:25px} .pt-30 h2, .pt-30 h3, .pt-30 h4, .pt-30 p {padding-top:30px; padding-bottom:15px;} .pt-35 h2, .pt-35 h3, .pt-35 h4, .pt-35 p {padding-top:35px; padding-bottom:15px;} .pt-40 h2, .pt-40 h3, .pt-40 h4, .pt-40 p {padding-top:40px; padding-bottom:15px;} .pt-45 h2{padding-top:45px} .pt-50 h2, .pt-50 h3, .pt-50 h4, .pt-50 p {padding-top:50px; padding-bottom:20px;} .pt-55 h2{padding-top:55px} .pt-60 h2{padding-top:60px} .pt-65 h2{padding-top:65px} .pt-70 h2, .pt-70 h3, .pt-70 h4, .pt-70 p {padding-top:20px; padding-bottom:25px;} .pt-75 h2{padding-top:75px} .pt-80 h2{padding-top:80px} .pt-85 h2{padding-top:85px} .pt-90 h2{padding-top:90px} .pt-95 h2{padding-top:95px} .pt-100 h2{padding-top:100px} } @media only screen and (min-width: 1600px) { .pt-05 h2{padding-top:5px} .pt-10 h2{padding-top:10px} .pt-15 h2{padding-top:15px} .pt-20 h2, .pt-20 h3, .pt-20 h4, .pt-20 p {padding-top:20px; padding-bottom:15px;} .pt-25 h2{padding-top:25px} .pt-30 h2, .pt-30 h3, .pt-30 h4, .pt-30 p {padding-top:30px; padding-bottom:15px;} .pt-35 h2, .pt-35 h3, .pt-35 h4, .pt-35 p {padding-top:35px; padding-bottom:15px;} .pt-40 h2, .pt-40 h3, .pt-40 h4, .pt-40 p {padding-top:40px; padding-bottom:15px;} .pt-45 h2{padding-top:45px} .pt-50 h2, .pt-50 h3, .pt-50 h4, .pt-50 p {padding-top:50px; padding-bottom:20px;} .pt-55 h2{padding-top:55px} .pt-60 h2{padding-top:60px} .pt-65 h2{padding-top:65px} .pt-70 h2, .pt-70 h3, .pt-70 h4, .pt-70 p {padding-top:40px; padding-bottom:25px;} .pt-75 h2{padding-top:75px} .pt-80 h2{padding-top:80px} .pt-85 h2{padding-top:85px} .pt-90 h2{padding-top:90px} .pt-95 h2{padding-top:95px} .pt-100 h2{padding-top:100px} } @media only screen and (min-width: 1920px) { .pt-05 h2{padding-top:5px} .pt-10 h2{padding-top:10px} .pt-15 h2{padding-top:15px} .pt-20 h2, .pt-20 h3, .pt-20 h4, .pt-20 p {padding-top:20px; padding-bottom:15px;} .pt-25 h2{padding-top:25px} .pt-30 h2, .pt-30 h3, .pt-30 h4, .pt-30 p {padding-top:30px; padding-bottom:15px;} .pt-35 h2, .pt-35 h3, .pt-35 h4, .pt-35 p {padding-top:35px; padding-bottom:15px;} .pt-40 h2, .pt-40 h3, .pt-40 h4, .pt-40 p {padding-top:40px; padding-bottom:15px;} .pt-45 h2{padding-top:45px} .pt-50 h2, .pt-50 h3, .pt-50 h4, .pt-50 p {padding-top:50px; padding-bottom:20px;} .pt-55 h2{padding-top:55px} .pt-60 h2{padding-top:60px} .pt-65 h2{padding-top:65px} .pt-70 h2, .pt-70 h3, .pt-70 h4, .pt-70 p {padding-top:70px; padding-bottom:25px;} .pt-75 h2{padding-top:75px} .pt-80 h2{padding-top:80px} .pt-85 h2{padding-top:85px} .pt-90 h2{padding-top:90px} .pt-95 h2{padding-top:95px} .pt-100 h2{padding-top:100px} } /* ************************************************************************************************************************************** BOXEN */ @media only screen and (min-width: 240px) { .bh-auto, .bh-200, .bh-210, .bh-220, .bh-230, .bh-240, .bh-250, .bh-260, .bh-270, .bh-280, .bh-290, .bh-300, .bh-310, .bh-320, .bh-330, .bh-340, .bh-350, .bh-360, .bh-370, .bh-380, .bh-390, .bh-400, .bh-410, .bh-420, .bh-430, .bh-440, .bh-450, .bh-460, .bh-470, .bh-480, .bh-490, .bh-500, .bh-510, .bh-520, .bh-530, .bh-540, .bh-550, .bh-560, .bh-570, .bh-580, .bh-590, .bh-600, .bh-610, .bh-620, .bh-630, .bh-640, .bh-650, .bh-660, .bh-670, .bh-680, .bh-690, .bh-700, .bh-710, .bh-720, .bh-730, .bh-740, .bh-750, .bh-760, .bh-770, .bh-780, .bh-790, .bh-800, .bh-810, .bh-820, .bh-830, .bh-840, .bh-850, .bh-860, .bh-870, .bh-880, .bh-890, .bh-900, .bh-910, .bh-920, .bh-930, .bh-940, .bh-950, .bh-960, .bh-970, .bh-980, .bh-990, .bh-1000{height:auto} } @media only screen and (min-width: 480px) { } @media only screen and (min-width: 760px) { } @media only screen and (min-width: 1024px) { .bh-auto {height:auto;} .bh-200{height:200px}.bh-210{height:210px}.bh-220{height:220px}.bh-230{height:230px}.bh-240{height:240px}.bh-250{height:250px}.bh-260{height:260px}.bh-270{height:270px}.bh-280{height:280px}.bh-290{height:290px} .bh-300{height:300px}.bh-310{height:310px}.bh-320{height:320px}.bh-330{height:330px}.bh-340{height:340px}.bh-350{height:350px}.bh-360{height:360px}.bh-370{height:370px}.bh-380{height:380px}.bh-390{height:390px} .bh-400{height:400px}.bh-410{height:410px}.bh-420{height:420px}.bh-430{height:430px}.bh-440{height:440px}.bh-450{height:450px}.bh-460{height:460px}.bh-470{height:470px}.bh-480{height:480px}.bh-490{height:490px} .bh-500{height:500px}.bh-510{height:510px}.bh-520{height:520px}.bh-530{height:530px}.bh-540{height:540px}.bh-550{height:550px}.bh-560{height:560px}.bh-570{height:570px}.bh-580{height:580px}.bh-590{height:590px} .bh-600{height:600px}.bh-610{height:610px}.bh-620{height:620px}.bh-630{height:630px}.bh-640{height:640px}.bh-650{height:650px}.bh-660{height:660px}.bh-670{height:670px}.bh-680{height:680px}.bh-690{height:690px} .bh-700{height:700px}.bh-710{height:710px}.bh-720{height:720px}.bh-730{height:730px}.bh-740{height:740px}.bh-750{height:750px}.bh-760{height:760px}.bh-770{height:770px}.bh-780{height:780px}.bh-790{height:790px} .bh-800{height:800px}.bh-810{height:810px}.bh-820{height:820px}.bh-830{height:830px}.bh-840{height:840px}.bh-850{height:850px}.bh-860{height:860px}.bh-870{height:870px}.bh-880{height:880px}.bh-890{height:890px} .bh-900{height:900px}.bh-910{height:910px}.bh-920{height:920px}.bh-930{height:930px}.bh-940{height:940px}.bh-950{height:950px}.bh-960{height:960px}.bh-970{height:970px}.bh-980{height:980px}.bh-990{height:990px} .bh-1000{height:1000px} } @media only screen and (min-width: 1280px) { .bh-auto {height:auto;} .bh-200{height:200px}.bh-210{height:210px}.bh-220{height:220px}.bh-230{height:230px}.bh-240{height:240px}.bh-250{height:250px}.bh-260{height:260px}.bh-270{height:270px}.bh-280{height:280px}.bh-290{height:290px} .bh-300{height:300px}.bh-310{height:310px}.bh-320{height:320px}.bh-330{height:330px}.bh-340{height:340px}.bh-350{height:350px}.bh-360{height:360px}.bh-370{height:370px}.bh-380{height:380px}.bh-390{height:390px} .bh-400{height:400px}.bh-410{height:410px}.bh-420{height:420px}.bh-430{height:430px}.bh-440{height:440px}.bh-450{height:450px}.bh-460{height:510px}.bh-470{height:470px}.bh-480{height:480px}.bh-490{height:490px} .bh-500{height:500px}.bh-510{height:510px}.bh-520{height:520px}.bh-530{height:530px}.bh-540{height:540px}.bh-550{height:550px}.bh-560{height:560px}.bh-570{height:570px}.bh-580{height:580px}.bh-590{height:590px} .bh-600{height:600px}.bh-610{height:610px}.bh-620{height:620px}.bh-630{height:630px}.bh-640{height:640px}.bh-650{height:650px}.bh-660{height:660px}.bh-670{height:670px}.bh-680{height:680px}.bh-690{height:690px} .bh-700{height:700px}.bh-710{height:710px}.bh-720{height:720px}.bh-730{height:730px}.bh-740{height:740px}.bh-750{height:750px}.bh-760{height:760px}.bh-770{height:770px}.bh-780{height:780px}.bh-790{height:790px} .bh-800{height:800px}.bh-810{height:810px}.bh-820{height:820px}.bh-830{height:830px}.bh-840{height:840px}.bh-850{height:850px}.bh-860{height:860px}.bh-870{height:870px}.bh-880{height:880px}.bh-890{height:890px} .bh-900{height:900px}.bh-910{height:910px}.bh-920{height:920px}.bh-930{height:930px}.bh-940{height:940px}.bh-950{height:950px}.bh-960{height:960px}.bh-970{height:970px}.bh-980{height:980px}.bh-990{height:1350px} .bh-1000{height:1000px} } @media only screen and (min-width: 1600px) { .bh-auto {height:auto;} .bh-200{height:200px}.bh-210{height:210px}.bh-220{height:220px}.bh-230{height:230px}.bh-240{height:240px}.bh-250{height:250px}.bh-260{height:260px}.bh-270{height:270px}.bh-280{height:280px}.bh-290{height:290px} .bh-300{height:300px}.bh-310{height:310px}.bh-320{height:320px}.bh-330{height:330px}.bh-340{height:340px}.bh-350{height:350px}.bh-360{height:360px}.bh-370{height:370px}.bh-380{height:380px}.bh-390{height:390px} .bh-400{height:400px}.bh-410{height:410px}.bh-420{height:420px}.bh-430{height:430px}.bh-440{height:440px}.bh-450{height:450px}.bh-460{height:380px}.bh-470{height:470px}.bh-480{height:480px}.bh-490{height:490px} .bh-500{height:500px}.bh-510{height:510px}.bh-520{height:520px}.bh-530{height:530px}.bh-540{height:540px}.bh-550{height:550px}.bh-560{height:560px}.bh-570{height:570px}.bh-580{height:580px}.bh-590{height:590px} .bh-600{height:600px}.bh-610{height:610px}.bh-620{height:620px}.bh-630{height:630px}.bh-640{height:640px}.bh-650{height:650px}.bh-660{height:660px}.bh-670{height:670px}.bh-680{height:680px}.bh-690{height:690px} .bh-700{height:700px}.bh-710{height:710px}.bh-720{height:720px}.bh-730{height:730px}.bh-740{height:740px}.bh-750{height:750px}.bh-760{height:760px}.bh-770{height:770px}.bh-780{height:780px}.bh-790{height:790px} .bh-800{height:800px}.bh-810{height:810px}.bh-820{height:820px}.bh-830{height:830px}.bh-840{height:840px}.bh-850{height:850px}.bh-860{height:860px}.bh-870{height:870px}.bh-880{height:880px}.bh-890{height:890px} .bh-900{height:900px}.bh-910{height:910px}.bh-920{height:920px}.bh-930{height:930px}.bh-940{height:940px}.bh-950{height:950px}.bh-960{height:960px}.bh-970{height:970px}.bh-980{height:980px}.bh-990{height:1100px} .bh-1000{height:1000px} } @media only screen and (min-width: 1920px) { .bh-auto {height:auto;} .bh-200{height:200px}.bh-210{height:210px}.bh-220{height:220px}.bh-230{height:230px}.bh-240{height:240px}.bh-250{height:250px}.bh-260{height:260px}.bh-270{height:270px}.bh-280{height:280px}.bh-290{height:290px} .bh-300{height:300px}.bh-310{height:310px}.bh-320{height:320px}.bh-330{height:330px}.bh-340{height:340px}.bh-350{height:350px}.bh-360{height:360px}.bh-370{height:370px}.bh-380{height:380px}.bh-390{height:390px} .bh-400{height:400px}.bh-410{height:410px}.bh-420{height:420px}.bh-430{height:430px}.bh-440{height:440px}.bh-450{height:450px}.bh-460{height:445px}.bh-470{height:470px}.bh-480{height:480px}.bh-490{height:490px} .bh-500{height:500px}.bh-510{height:510px}.bh-520{height:520px}.bh-530{height:530px}.bh-540{height:540px}.bh-550{height:550px}.bh-560{height:560px}.bh-570{height:570px}.bh-580{height:580px}.bh-590{height:590px} .bh-600{height:600px}.bh-610{height:610px}.bh-620{height:620px}.bh-630{height:630px}.bh-640{height:640px}.bh-650{height:650px}.bh-660{height:660px}.bh-670{height:670px}.bh-680{height:680px}.bh-690{height:690px} .bh-700{height:700px}.bh-710{height:710px}.bh-720{height:720px}.bh-730{height:730px}.bh-740{height:740px}.bh-750{height:750px}.bh-760{height:760px}.bh-770{height:770px}.bh-780{height:780px}.bh-790{height:790px} .bh-800{height:800px}.bh-810{height:810px}.bh-820{height:820px}.bh-830{height:830px}.bh-840{height:840px}.bh-850{height:850px}.bh-860{height:860px}.bh-870{height:870px}.bh-880{height:880px}.bh-890{height:890px} .bh-900{height:900px}.bh-910{height:910px}.bh-920{height:920px}.bh-930{height:930px}.bh-940{height:940px}.bh-950{height:950px}.bh-960{height:960px}.bh-970{height:970px}.bh-980{height:980px}.bh-990{height:990px} .bh-1000{height:1000px} } /* ************************************************************************************************************************************** RECHTE SEITE */ @media only screen and (min-width: 240px) { .col-box-right { float:none; width:100%; padding:1% 0.75% 0 0.75%;} h1.top-right {background-color:#AD0C50; margin:0; padding:15px; color:#FDF8F4; font-style:italic; font-size:20px;} .box-right { padding:15px 15px 20px 15px;} .box-right ul li { line-height:34px;} .box-right ul li a {text-decoration:none; color:#333;} .box-right ul li a:hover {color:#000;} } @media only screen and (min-width: 480px) { .col-box-right { float:none; width:100%; padding:1% 0.75% 0 0.75%;} h1.top-right {background-color:#AD0C50; margin:0; padding:15px; color:#FDF8F4; font-style:italic; font-size:20px;} .box-right { padding:15px 15px 20px 15px;} .box-right ul li { line-height:34px;} .box-right ul li a {text-decoration:none; color:#333;} .box-right ul li a:hover {color:#000;} } @media only screen and (min-width: 760px) { .col-box-right { float:left; width:48%; padding:1% 0.75% 0 0.75%; } h1.top-right {background-color:#AD0C50; margin:0; padding:20px; color:#FDF8F4; font-style:italic; font-size:28px;} .box-right { padding:15px 15px 20px 15px;} .box-right ul li { line-height:34px;} .box-right ul li a {text-decoration:none; color:#333;} .box-right ul li a:hover {color:#000;} } @media only screen and (min-width: 1024px) { .col-box-right { float:left; width:23.5%; padding:1% 0.75% 0 0.75%; } h1.top-right {background-color:#AD0C50; margin:0; padding:20px; color:#FDF8F4; font-style:italic; font-size:28px;} .box-right { padding:15px 15px 20px 15px;} .box-right ul li { line-height:34px;} .box-right ul li a {text-decoration:none; color:#333;} .box-right ul li a:hover {color:#000;} } @media only screen and (min-width: 1280px) { .col-box-right { float:left; width:100%;} h1.top-right {background-color:#AD0C50; margin:0; padding:20px; color:#FDF8F4; font-style:italic; font-size:28px;} .box-right { padding:15px 15px 20px 15px;} .box-right ul li { line-height:34px;} .box-right ul li a {text-decoration:none; color:#333;} .box-right ul li a:hover {color:#000;} } @media only screen and (min-width: 1600px) { .col-box-right { float:left; width:100%;} h1.top-right {background-color:#AD0C50; margin:0; padding:20px; color:#FDF8F4; font-style:italic; font-size:32px;} .box-right { padding:15px 15px 20px 15px;} .box-right ul li { line-height:34px;} .box-right ul li a {text-decoration:none; color:#333;} .box-right ul li a:hover {color:#000;} } @media only screen and (min-width: 1920px) { .col-box-right { float:left; width:100%;} h1.top-right {background-color:#AD0C50; margin:0; padding:20px; color:#FDF8F4; font-style:italic; font-size:32px;} .box-right { padding:15px 15px 20px 15px;} .box-right ul li { line-height:34px;} .box-right ul li a {text-decoration:none; color:#333;} .box-right ul li a:hover {color:#000;} } /* ************************************************************************************************************************************** KONTAKT */ @media only screen and (min-width: 240px) { .formbody { display:table; width:100%; clear:both; content:"";} .formbody h2 { line-height:1.5;} .widget-text, .widget-textarea {content:""; display:table; clear:both;} .widget-text, .widget-textarea {width:90%;} .widget-text, .widget-textarea, .widget-captcha { padding:10px 0 5px 10px;} label, input, textarea, .widget-captcha span.captcha_text { font-size:22px; padding:5px;} label, input, widget-captcha { float:left;} label { width:180px; display:block; padding-top:8px;} input { width:100%;} .submit_container { float:left; text-align:right; margin-top:35px; width:100%; padding-left:20px;} input.submit {width:250px; padding:5px 0; text-align:center; background-color: #393; color:#FFF; border:0;} .widget-captcha { float:left; width:90%; margin-top:30px;} input.captcha {width:100%; margin-right:15px; margin-bottom:10px;} .widget-captcha span.captcha_text {display:block; font-size:22px; padding-top:8px; width:100%;} .widget-captcha label { width:100%;} textarea { width:100%; height:200px; resize:none;} } @media only screen and (min-width: 480px) { .widget-text, .widget-textarea, .widget-captcha { padding:10px 0 5px 15px;} textarea { width:100%; height:300px; resize:none;} } @media only screen and (min-width: 760px) { .widget-text, .widget-textarea, .widget-captcha { padding:10px 0 5px 35px;} .widget-captcha { float:left; width:90%; margin-top:30px;} .widget-captcha label { width:25%;} input.captcha {width:150px; margin-right:15px;} .submit_container { float:left; text-align:right; margin-top:35px; width:100%; padding-left:35px;} textarea { width:100%; height:400px; resize:none;} } @media only screen and (min-width: 1024px) { .widget-text, .widget-textarea {width:80%;} .widget-text, .widget-textarea, .widget-captcha { padding:10px 0 5px 55px;} .widget-captcha { float:left; width:90%; margin-top:30px;} .submit_container { float:left; text-align:right; margin-top:35px; width:100%; padding-left:55px;} } @media only screen and (min-width: 1280px) { } @media only screen and (min-width: 1600px) { .widget-text, .widget-textarea {width:90%;} .widget-captcha { float:left; width:65%; margin-top:30px;} } @media only screen and (min-width: 1920px) { } /* ************************************************************************************************************************************** FOOTER */ @media only screen and (min-width: 240px) { footer .inside .top { padding:15px 0 15px 20px; background-color:#FDF8F4; font-size:12px; color:#82584E;} footer .inside .navi {display:none;} } @media only screen and (min-width: 480px) { footer .inside .top { padding:15px 0 15px 20px; background-color:#FDF8F4; font-size:20px; color:#82584E;} footer .inside .navi {display:none;} } /* 760 - 1024 */ @media only screen and (min-width: 760px) { footer .inside { margin:0 auto; width:100%;} footer .inside .top { padding:15px 0 15px 20px; background-color:#FDF8F4; font-size:28px; color:#82584E; } } /* 1280 - 1920 */ @media only screen and (min-width: 1280px) { footer .inside { margin:0 auto; width:100%;} footer .inside .top { padding:15px 0 15px 20px; background-color:#FDF8F4; font-size:28px; color:#82584E;} footer .inside .navi { margin:0 auto; width:1200px; padding-top:15px; font-size:20px; display:table;} footer .inside .navi .col {display:table-cell; width:25%; padding-left: 30px;} footer .inside .navi .col ul li {font-size:16px; line-height: 26px;} footer .inside .navi .col ul li a { text-decoration:none; color:#FDF8F4; font-style:italic;} footer .inside .navi .col ul li a:hover {color:#FAEEE2;} footer .inside .navi .col ul li.active {font-style:italic;color:#F2D4BC;} } @media only screen and (min-width: 1281px) { footer .inside { margin:0 auto; width:61%;} } @media only screen and (min-width: 240px) { /* BOXEN */ h1.col-100 {margin:30px 10px 30px 20px; font-weight:600; font-size:26px; color:#B51047;} h1.head-100 {margin:30px 0 30px 15px; font-weight:600; font-size:40px; color:#B51047;} .ce_text h2 {font-size:22px; margin:0; color:#AD0C50; font-weight:bold; padding-left: 55px; text-indent: -55px; padding-right:50px;} .ce_text h2:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 30px 0 0;} .ce_text h3 { margin:0; padding-right:20px; font-weight:400; text-indent: -60px; padding-left: 60px; font-size:32px; font-style:italic; color:#B51047;} .ce_text h3:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .ce_text h4 { margin:0; padding-right:20px; font-weight:600; text-indent: -60px; padding-left: 60px; font-size:24px; color:#492015;} .ce_text h4:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .cp p {font-size:18px; margin:0; padding:0 30px 15px 55px; line-height:1.5;} .cp hr.braun {margin:0 30px 15px 55px;} .cp ul { margin-left:70px; color:#AD0C50; list-style: disc;} .cp ul li { font-size:22px; line-height:30px; padding-right:30px;} .cp ul li em, .cp ul li strong {color:#492015;} .text-red {color:#AD0C50; font-size:22px;} .text-green { color:#090; font-size:22px;} .link-onlineshop {color:#AD0C50; font-size:22px;} a span.link-onlineshop {color:#AD0C50; font-size:22px; text-decoration:none} a:hover span.link-onlineshop {color: #900;} span.link-onlineshop a {color:#AD0C50; font-size:22px; text-decoration:none} span.link-onlineshop a:hover{color: #900;} .red p { margin:0; padding-right:20px; font-weight:normal; text-indent: -60px; padding-left: 60px; font-size:22px; font-style:italic; line-height:1.3;} .red p::before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .col-image { float:none; margin-bottom:10px; width:100%; text-align:center;} } /* 760px ************************************************************************************************************************************************************** 760px */ @media only screen and (min-width: 760px) { /* BOXEN */ h1.col-100 {margin:70px 0 30px 0; font-weight:600; font-size:40px; color:#B51047;} h1.head-100 {margin:30px 0 30px 15px; font-weight:600; font-size:40px; color:#B51047;} .ce_text h2 {font-size:30px; margin:0; color:#AD0C50; font-weight:bold; padding-left: 55px; text-indent: -55px; padding-right:50px;} .ce_text h2:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 30px 0 0;} .ce_text h3 { margin:0; padding-right:20px; font-weight:400; text-indent: -60px; padding-left: 60px; font-size:32px; font-style:italic; color:#B51047;} .ce_text h3:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .ce_text h4 { margin:0; padding-right:20px; font-weight:600; text-indent: -60px; padding-left: 60px; font-size:24px; color:#492015;} .ce_text h4:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .cp p {font-size:22px; margin:0; padding:0 30px 15px 55px; line-height:30px;} .cp hr.braun {margin:0 30px 15px 55px;} .cp ul { margin-left:80px; color:#AD0C50; list-style: disc;} .cp ul li { font-size:22px; line-height:30px; padding-right:30px;} .cp ul li em, .cp ul li strong {color:#492015;} .text-red {color:#AD0C50; font-size:22px;} .text-green { color:#090; font-size:22px;} .link-onlineshop {color:#AD0C50; font-size:22px;} a span.link-onlineshop {color:#AD0C50; font-size:22px; text-decoration:none} a:hover span.link-onlineshop {color: #900;} span.link-onlineshop a {color:#AD0C50; font-size:22px; text-decoration:none} span.link-onlineshop a:hover{color: #900;} .red p { margin:0; padding-right:20px; font-weight:normal; text-indent: -60px; padding-left: 60px; font-size:28px; font-style:italic; line-height:1.3;} .red p::before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .col-image { float:left; margin-bottom:10px; width:33.25%} } /* 1024px ************************************************************************************************************************************************************** 1024px */ @media only screen and (min-width: 1024px) { /* BOXEN */ h1.col-100 {margin:70px 0 30px 0; font-weight:600; font-size:40px; color:#B51047;} h1.head-100 {margin:30px 0 30px 15px; font-weight:600; font-size:40px; color:#B51047;} .ce_text h2 {font-size:30px; margin:0; color:#AD0C50; font-weight:bold; padding-left: 55px; text-indent: -55px; padding-right:50px;} .ce_text h2:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 30px 0 0;} .ce_text h3 { margin:0; padding-right:20px; font-weight:400; text-indent: -60px; padding-left: 60px; font-size:32px; font-style:italic; color:#B51047;} .ce_text h3:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .ce_text h4 { margin:0; padding-right:20px; font-weight:600; text-indent: -60px; padding-left: 60px; font-size:24px; color:#492015;} .ce_text h4:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .cp p {font-size:22px; margin:0; padding:0 30px 15px 55px; line-height:30px;} .cp hr.braun {margin:0 30px 15px 55px;} .cp ul { margin-left:80px; color:#AD0C50; list-style: disc;} .cp ul li { font-size:22px; line-height:30px; padding-right:30px;} .cp ul li em, .cp ul li strong {color:#492015;} .text-red {color:#AD0C50; font-size:22px;} .text-green { color:#090; font-size:22px;} .link-onlineshop {color:#AD0C50; font-size:22px;} a span.link-onlineshop {color:#AD0C50; font-size:22px; text-decoration:none} a:hover span.link-onlineshop {color: #900;} span.link-onlineshop a {color:#AD0C50; font-size:22px; text-decoration:none} span.link-onlineshop a:hover{color: #900;} .red p { margin:0; padding-right:20px; font-weight:normal; text-indent: -60px; padding-left: 60px; font-size:28px; font-style:italic; line-height:1.3;} .red p::before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .col-image { float:left; margin-bottom:10px; width:33.25%} } @media only screen and (min-width: 1280px) { /* BOXEN */ .h460 {height:460px; width:595px; margin-bottom:10px;} .m460 {height:460px; width:590px; margin-bottom:10px; margin-right:10px;} h1.col-100 {margin:70px 0 30px 0; font-weight:600; font-size:40px; color:#B51047;} h1.head-100 {margin:30px 0 30px 15px; font-weight:600; font-size:40px; color:#B51047;} .ce_text h2 {font-size:30px; margin:0; color:#AD0C50; font-weight:bold; padding-left: 55px; text-indent: -55px; padding-right:50px;} .ce_text h2:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 30px 0 0;} .ce_text h3 { margin:0; padding-right:20px; font-weight:400; text-indent: -60px; padding-left: 60px; font-size:32px; font-style:italic; color:#B51047;} .ce_text h3:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .ce_text h4 { margin:0; padding-right:20px; font-weight:600; text-indent: -60px; padding-left: 60px; font-size:24px; color:#492015;} .ce_text h4:before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .cp p {font-size:22px; margin:0; padding:0 30px 15px 55px; line-height:30px;} .cp hr.braun {margin:0 30px 15px 55px;} .cp ul { margin-left:90px; color:#AD0C50; list-style: disc;} .cp ul li { font-size:22px; line-height:30px; padding-right:30px;} .cp ul li em, .cp ul li strong {color:#492015;} .text-red {color:#AD0C50; font-size:22px;} .text-green { color:#090; font-size:22px;} .link-onlineshop {color:#AD0C50; font-size:22px;} a span.link-onlineshop {color:#AD0C50; font-size:22px; text-decoration:none} a:hover span.link-onlineshop {color: #900;} span.link-onlineshop a {color:#AD0C50; font-size:22px; text-decoration:none} span.link-onlineshop a:hover{color: #900;} .red p { margin:0; padding-right:20px; font-weight:normal; text-indent: -60px; padding-left: 60px; font-size:28px; font-style:italic; line-height:1.3;} .red p::before {content:url("../../files/kaese-baumann/image/basic/pfeil.png"); padding: 0 35px 0 0; margin:0; } .col-image { float:left; margin-bottom:10px; width:33.25%} } @media only screen and (min-width: 1600px) { .col-image { float:left; margin-bottom:10px; width:33.25%} } @media only screen and (min-width: 1900px) { .col-image { float:left; margin-bottom:10px; width:33.25%} } /* ************************************************************************************************************************************** Social Media */ .social::before {content:""; clear:both; display:table;} .social{text-align: center; padding-bottom:15px; padding-top:10px; } .social .fa {background-color:#fdf8f4; color:#82584e; font-size:0.8rem; padding:0.1rem; width:1.25rem; text-align: center; line-height:1.25rem; -webkit-border-radius: 0.725rem; -moz-border-radius: 0.725rem; border-radius: 0.725rem; margin-left:10px; } .social a .fa { background-color:#fdf8f4; color:#82584e; } .social a:hover .fa { background-color:#82584e; color:#fdf8f4; } /* ************************************************************************************************************************************** Termine und Feste */ .termine td p { font-size:16px; line-height:1.1; padding-left:10px; } .termine { padding:0px;} @media only screen and (min-width: 240px) { } @media only screen and (min-width: 480px) { .termine td p { font-size:22px; line-height:30px; padding-left:30px;} } @media only screen and (min-width: 760px) { } @media only screen and (min-width: 1024px) { } @media only screen and (min-width: 1280px) { } @media only screen and (min-width: 1600px) { } @media only screen and (min-width: 1920px) { } /* ************************************************************************************************************************************** Youtube */ .ce_youtube {min-height:290px} .mejs-mediaelement iframe { min-width:100%; height:290px} @media only screen and (min-width: 480px) { .ce_youtube {min-height:361px} .mejs-mediaelement iframe { min-width:100%; height:361px} } @media only screen and (min-width: 760px) { .ce_youtube {min-height:450px} .mejs-mediaelement iframe { min-width:100%; height:450px} } @media only screen and (min-width: 1024px) { .ce_youtube {min-height:auto} .mejs-mediaelement iframe { min-width:100%; height:368px} } @media only screen and (min-width: 1280px) { .mejs-mediaelement iframe { min-width:100%; height:290px} } @media only screen and (min-width: 1600px) { .mejs-mediaelement iframe { min-width:100%; height:361px} } @media only screen and (min-width: 1920px) { .mejs-mediaelement iframe { min-width:100%; height:434px} } /* ************************************************************************************************************************************** Youtube */ /* ************************************************************************************************************************************** Datenschutz */ #datenschutz h3 { color:#492015; font-size: 26px; margin-bottom:15px; font-weight:bold;} #datenschutz ul { color:#492015;} #datenschutz li { line-height: 30px;} /* ************************************************************************************************************************************** Cookies */ .cookiebar {top:170px;} .cookiebar {background-color: #F60; color:#FFF; font-size:1.5em;} .cookiebar__button {background-color: #F60; color:#FFF; border:1px solid #FFF; padding:.4em .8em} /* ************************************************************************************************************************************** Video */ #home .ce_player video, #beegoodies .ce_player video { width:99%} @media only screen and (min-width: 240px) { } @media only screen and (min-width: 480px) { } @media only screen and (min-width: 760px) { } @media only screen and (min-width: 1024px) { } @media only screen and (min-width: 1280px) { } @media only screen and (min-width: 1600px) { } @media only screen and (min-width: 1920px) { }