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} 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,iframe{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} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} /* allgemeine Definition */ .sc { margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; clear:none !important; } .sc-first { clear: both !important; } .sc-last { } .sc-clear { clear:left; } .sc-rowspan > * { margin: 0!important; padding: 0!important; } /* 2-spaltig */ .sc2 { width:49.5%;padding-right:1%;float:left;display:inline; } .sc2-first { clear:left; } .sc2-last { padding-right:0; } /* 3-spaltig */ .sc3 { width:32.3%;padding-right:1%;float:left;display:inline; } .sc3-first { clear:left; } .sc3-last { padding-right:1.1%; } .sc3-2 { width:65.6%;padding-right:1%;float:left;display:inline; } .sc3-2-first { clear:left; } .sc3-2-last { padding-right:1.1%; } /* 4-spaltig */ .sc4 { width:24%;padding-right:1%;float:left;display:inline; } .sc4-first { clear:left; } .sc4-last { } .sc4-2 { width:49%;padding-right:1%;float:left;display:inline; } .sc4-2-first { clear:left; } .sc4-2-last { } .sc4-3 { width:74%;padding-right:1%;float:left;display:inline; } .sc4-3-first { clear:left; } .sc4-3-last { } /* 5-spaltig */ .sc5 { width:19%;padding-right:1%;float:left;display:inline; } .sc5-first { clear:left; } .sc5-last { } .sc5-2 { width:39%;padding-right:1%;float:left;display:inline; } .sc5-2-first { clear:left; } .sc5-2-last { } .sc5-3 { width:59%;padding-right:1%;float:left;display:inline; } .sc5-3-first { clear:left; } .sc5-3-last { } .sc5-4 { width:79%;padding-right:1%;float:left;display:inline; } .sc5-4-first { clear:left; } .sc5-4-last { } .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-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 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%; } } @charset "UTF-8"; /*#707070; /*#686868; /*#858585;*/ /*#111;*/ /*#F2870E;*/ /*#eeeeee;*/ /*#da793a; /*#d37030;*/ /*$mq-breakpoints: ( mobile: 320px, tablet: 740px, desktop: 980px, wide: 1300px ) !default;*/ /* roboto-condensed-regular - latin */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/roboto-condensed-v18-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("../../files/layout/fonts/roboto-condensed-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/roboto-condensed-v18-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/roboto-condensed-v18-latin-regular.woff") format("woff"), url("../../files/layout/fonts/roboto-condensed-v18-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* nunito-sans-regular - latin */ @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/nunito-sans-v5-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.woff") format("woff"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.svg#NunitoSans") format("svg"); /* Legacy iOS */ } /* open-sans-300 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url("../../files/layout/fonts/open-sans-v17-latin-300.eot"); /* IE9 Compat Modes */ src: local("Open Sans Light"), local("OpenSans-Light"), url("../../files/layout/fonts/open-sans-v17-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-300.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-300.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-300.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* nunito-sans-regular - latin */ @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/nunito-sans-v5-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.woff") format("woff"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.svg#NunitoSans") format("svg"); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 300; src: url("../../files/layout/fonts/open-sans-v17-latin-300italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/open-sans-v17-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../../files/layout/fonts/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-regular.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("../../files/layout/fonts/open-sans-v17-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../../files/layout/fonts/open-sans-v17-latin-italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("../../files/layout/fonts/open-sans-v17-latin-600.eot"); /* IE9 Compat Modes */ src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../../files/layout/fonts/open-sans-v17-latin-600.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-600.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-600.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-600.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 600; src: url("../../files/layout/fonts/open-sans-v17-latin-600italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("../../files/layout/fonts/open-sans-v17-latin-700.eot"); /* IE9 Compat Modes */ src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../../files/layout/fonts/open-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-700.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-700.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-700.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("../../files/layout/fonts/open-sans-v17-latin-700italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url("../../files/layout/fonts/open-sans-v17-latin-800.eot"); /* IE9 Compat Modes */ src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../../files/layout/fonts/open-sans-v17-latin-800.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-800.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-800.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-800.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-800.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 800; src: url("../../files/layout/fonts/open-sans-v17-latin-800italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-condensed-300 - latin */ @font-face { font-family: "Open Sans Condensed"; font-style: normal; font-weight: 300; src: url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.eot"); /* IE9 Compat Modes */ src: local("Open Sans Condensed Light"), local("OpenSansCondensed-Light"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.woff") format("woff"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed") format("svg"); /* Legacy iOS */ } /* lato-300 - latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 300; src: url("../../files/layout/fonts/lato-v17-latin-300.eot"); /* IE9 Compat Modes */ src: local("Lato Light"), local("Lato-Light"), url("../../files/layout/fonts/lato-v17-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/lato-v17-latin-300.woff2") format("woff2"), url("../../files/layout/fonts/lato-v17-latin-300.woff") format("woff"), url("../../files/layout/fonts/lato-v17-latin-300.ttf") format("truetype"), url("../../files/layout/fonts/lato-v17-latin-300.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/lato-v17-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Lato Regular"), local("Lato-Regular"), url("../../files/layout/fonts/lato-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/lato-v17-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/lato-v17-latin-regular.woff") format("woff"), url("../../files/layout/fonts/lato-v17-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/lato-v17-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; src: url("../../files/layout/fonts/lato-v17-latin-700.eot"); /* IE9 Compat Modes */ src: local("Lato Bold"), local("Lato-Bold"), url("../../files/layout/fonts/lato-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/lato-v17-latin-700.woff2") format("woff2"), url("../../files/layout/fonts/lato-v17-latin-700.woff") format("woff"), url("../../files/layout/fonts/lato-v17-latin-700.ttf") format("truetype"), url("../../files/layout/fonts/lato-v17-latin-700.svg#Lato") format("svg"); /* Legacy iOS */ } /* kaushan-script-regular - latin */ @font-face { font-family: "Kaushan Script"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/kaushan-script-v9-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/layout/fonts/kaushan-script-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/kaushan-script-v9-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/kaushan-script-v9-latin-regular.woff") format("woff"), url("../../files/layout/fonts/kaushan-script-v9-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/kaushan-script-v9-latin-regular.svg#KaushanScript") format("svg"); /* Legacy iOS */ } /*//The animation: from 1.3 scale to 1*/ @keyframes ken-burns-out { 0% { transform: scale(1.3); } to { transform: scale(1); } } @keyframes ken-burns-in { 0% { transform: scale(1); } to { transform: scale(1.3); } } body { font-family: "Open Sans", sans-serif; font-size: 100%; color: #7f7f7f; } #wrapper { background: #fff; } #container { padding-bottom: 2.4rem; } @media (max-width: 50.615em) { #wrap { clear: both; } } @media (max-width: 50.615em) { #header .inside .mod_article { clear: both; } } #header .inside .head-wrap { position: fixed; top: 0; z-index: 2; width: 100%; transition: all 0.2s ease-in-out; /*&.fixed { #logo img { height: 70px; width: auto; } }*/ /*@include mq($until: mobile) { height: 88px; }*/ } #header .inside .head-wrap #logo { display: block; width: 100%; text-align: center; } @media (max-width: 29.99em) { #header .inside .head-wrap #logo { text-align: right; } } #header .inside .head-wrap #logo figure { display: block; padding: 0.2rem 0.2rem 0.6rem 0.2rem; /*img { @include transition_all; }*/ } @media (max-width: 29.99em) { #header .inside .head-wrap #logo figure { padding-right: 4%; } #header .inside .head-wrap #logo figure img { max-width: 80%; transition: all 0.2s ease-in-out; } } @media (min-width: 73.75em) { #header .inside .mod_article { margin-top: 135px; } } @media (min-width: 50.625em) and (max-width: 73.74em) { #header .inside .mod_article { margin-top: 135px; } } @media (max-width: 50.615em) { #header .inside .mod_article { margin-top: 88px; } } #header .head-wrap { /*@include gradient;*/ background: #ffffff; } h1 { color: #7f7f7f; /*$font; /*$orange;*/ /*font-family: 'Open Sans', Sans-Serif;*/ /*text-transform: uppercase;*/ /*letter-spacing: 0.3rem;*/ font-size: 240%; line-height: 120%; text-align: center; margin-top: 0.8em; } @media (max-width: 29.99em) { h1 { -o-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } } @media (max-width: 29.99em) { h1 { font-size: 180%; } } #header h1 { margin-top: 3rem; margin-bottom: 3rem; } /*#header h1 { text-align: center; color: $brown; text-transform: uppercase; margin-top: 3rem; margin-bottom: 2rem; }*/ h2 { color: #d97838; /*font-family: 'Open Sans', Sans-Serif;*/ /*text-transform: uppercase;*/ letter-spacing: 2px; font-size: 1.6em; line-height: 120%; font-weight: normal; margin-bottom: 1.2em; margin-top: 2.6rem; } h2 a { color: #EE750D !important; } h3 { font-size: 1.2em; font-weight: normal; margin-bottom: 1rem; /*font-family: 'Open Sans', Sans-Serif;*/ /*text-transform: uppercase;*/ line-height: 120%; } p { margin: 1rem 0; } .gross-130, .gross { font-size: 120%; } .gross-180 { font-size: 180%; } .gross-160 { font-size: 160%; } .small-80 { font-size: 80%; } .orange { color: #EE750D; } .gelb { color: #fcc400; } .rot { color: #990000; } .grey { color: #7f7f7f; } .darkgrey { color: #858585; } .brown { color: #d97838; } .headline_home { font-size: 1.5rem; /*text-transform: uppercase;*/ letter-spacing: 0.2rem; line-height: 120%; color: #969a9c !important; } @media (max-width: 50.615em) { .headline_home { font-size: 1rem; } } #main a { color: #656565; } #main .inside .mod_article ul li, #main .inside .mod_article ol li { margin-left: 1.4em; line-height: 150%; } #main .inside .mod_article ul li { list-style-type: disc; } #main .inside .mod_article ol li { padding-left: 0.4rem; } #header .mod_article figure img, #teaser .mod_article figure img { width: 100%; } #wrap + .custom, #footer { position: relative; /*z-index: 4;*/ } #wrap + .custom { background-color: #fff; } #main .inside .mod_article { line-height: 130%; /*.toggler, .grey-box:not(.prices) h2, .ce_contentBox_headline {*/ } #main .inside .mod_article .ce_accordion { border-bottom: 1px solid #ccc; /*margin-bottom: 0.2rem;*/ /*&.large { .toggler { font-size: 140%; padding-top: 0.8rem; padding-bottom: 1rem; } }*/ } #main .inside .mod_article .ce_accordion:first-of-type { margin-top: 2rem; border-top: 1px solid #ccc; } #main .inside .mod_article .ce_accordion:last-of-type { margin-bottom: 2rem; } #main .inside .mod_article .ce_accordion .toggler { transition: all 0.2s ease-in-out; color: #7f7f7f; cursor: pointer; font-size: 140%; padding-top: 0.8rem; padding-bottom: 1rem; margin: 0.4rem 0; /*padding-top: 0.6rem; padding-bottom: 0.8rem;*/ /*padding: 0 0.3rem 0.6rem 0.3rem; color: #fff; text-transform: uppercase; font-size: 120%; letter-spacing: 1px;*/ } #main .inside .mod_article .ce_accordion .toggler:hover, #main .inside .mod_article .ce_accordion .toggler:active, #main .inside .mod_article .ce_accordion .toggler.modal-active { color: #333; } #main .inside .mod_article .ce_accordion .toggler .ui-icon { display: inline-block; font-size: 170%; background: url("data:image/svg+xml;utf8,") no-repeat; background-size: 110%; width: 40px; height: 28px; position: relative; float: right; margin-right: 0.3rem; top: -0.2rem; } #main .inside .mod_article .ce_accordion .toggler:hover { cursor: pointer; /*text-shadow: 1px 0 0 currentColor;*/ } #main .inside .mod_article .ce_accordion .toggler:focus { outline: none; } #main .inside .mod_article .ce_accordion .toggler.more { display: inline-block; background: #fcc400; color: #fff; cursor: pointer; padding: 0.3em 1em 0.6em; opacity: 1; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; } #main .inside .mod_article .ce_accordion .toggler.more:hover { opacity: 0.86; text-shadow: 1px 0 0 currentColor; } #main .inside .mod_article .ce_accordion .toggler.ui-state-active .ui-icon { transform: scaleY(-1); top: 0.6rem; } #main .inside .mod_article .ce_accordion .ui-accordion-content { /*background: $light-bg-grey;*/ padding: 1.6rem 2rem; } #main .inside .mod_article .ce_accordion .ui-accordion-content .ce_gallery ul { margin: 0; } #main .inside .mod_article .ce_accordion .ui-accordion-content .ce_gallery ul li { list-style: none; margin-left: 0; } #main .inside .mod_article .ce_accordion.two-col { -moz-column-count: unset !important; column-count: unset !important; -moz-column-gap: normal !important; column-gap: normal !important; } #main .inside .mod_article .ce_accordion.two-col .ui-accordion-content { -moz-column-count: 2; column-count: 2; -moz-column-gap: 14px; column-gap: 14px; } #main .inside .mod_article .ce_accordion .ce_text.two-col { -moz-column-count: 2; column-count: 2; -moz-column-gap: 14px; column-gap: 14px; } #main .inside .mod_article .ce_text.two-col .content { -moz-column-count: 2; column-count: 2; -moz-column-gap: 14px; column-gap: 14px; } @media (max-width: 50.615em) { #main .inside .mod_article .ce_text.two-col .content { -moz-column-count: unset !important; column-count: unset !important; -moz-column-gap: normal !important; column-gap: normal !important; } } #main .inside .mod_article .ce_text.grey-box, #main .inside .mod_article .ce_text.ce_content_box { background: #f6f6f6; padding: 0 0 1.2rem 0; margin-bottom: 1rem; } #main .inside .mod_article .ce_text.grey-box.nopad, #main .inside .mod_article .ce_text.ce_content_box.nopad { padding: 0 1rem; margin-bottom: 0; } #main .inside .mod_article .ce_text.grey-box.nopad figure, #main .inside .mod_article .ce_text.ce_content_box.nopad figure { line-height: 0; } #main .inside .mod_article .ce_text.grey-box h2, #main .inside .mod_article .ce_text.grey-box .ce_contentBox_headline, #main .inside .mod_article .ce_text.ce_content_box h2, #main .inside .mod_article .ce_text.ce_content_box .ce_contentBox_headline { margin: 0 0 0; font-size: 1rem; color: #fff; padding: 0.3rem 1rem; font-family: "Open Sans", sans-serif; } #main .inside .mod_article .ce_text.grey-box h2 a, #main .inside .mod_article .ce_text.grey-box .ce_contentBox_headline a, #main .inside .mod_article .ce_text.ce_content_box h2 a, #main .inside .mod_article .ce_text.ce_content_box .ce_contentBox_headline a { text-decoration: none; color: #ffffff !important; } #main .inside .mod_article .ce_text.grey-box h2 a:hover, #main .inside .mod_article .ce_text.grey-box .ce_contentBox_headline a:hover, #main .inside .mod_article .ce_text.ce_content_box h2 a:hover, #main .inside .mod_article .ce_text.ce_content_box .ce_contentBox_headline a:hover { text-shadow: 0 0 1px #ffffff; } #main .inside .mod_article .ce_text.grey-box h2 a:after, #main .inside .mod_article .ce_text.grey-box .ce_contentBox_headline a:after, #main .inside .mod_article .ce_text.ce_content_box h2 a:after, #main .inside .mod_article .ce_text.ce_content_box .ce_contentBox_headline a:after { display: inline-block; position: relative; right: 0; top: 0.1rem; content: "»"; font-size: 2rem; line-height: 0; } #main .inside .mod_article .ce_text.grey-box .content, #main .inside .mod_article .ce_text.ce_content_box .content { padding: 1.4rem 1rem 0.4rem 2.4rem; } #main .inside .mod_article .ce_text.grey-box .content p:first-of-type, #main .inside .mod_article .ce_text.ce_content_box .content p:first-of-type { margin-top: 0; } #main .inside .mod_article .ce_text.grey-box .content a span.more, #main .inside .mod_article .ce_text.ce_content_box .content a span.more { transition: all 0.3s linear; position: absolute; right: 40px; line-height: 0; padding: 0; } #main .inside .mod_article .ce_text.grey-box .content a span.more button, #main .inside .mod_article .ce_text.ce_content_box .content a span.more button { display: inline-block; width: 60px; height: 60px; background: rgba(255, 255, 255, 0.7); position: relative; margin-top: 100%; font-size: 3.2rem; line-height: 0; color: #646464; border: none; } #main .inside .mod_article .ce_text.grey-box .content a span.more button:hover, #main .inside .mod_article .ce_text.ce_content_box .content a span.more button:hover { background: rgba(255, 255, 255, 0.9); font-weight: bold; color: #EE750D; cursor: pointer; } #main .inside .mod_article .ce_text.grey-box .content table.inner_table, #main .inside .mod_article .ce_text.ce_content_box .content table.inner_table { width: 80%; margin-left: auto; margin-right: auto; } #main .inside .mod_article .ce_text.grey-box .content table.inner_table td, #main .inside .mod_article .ce_text.ce_content_box .content table.inner_table td { width: 50%; } @media (max-width: 50.615em) { #main .inside .mod_article .ce_text.grey-box .content table.inner_table td, #main .inside .mod_article .ce_text.ce_content_box .content table.inner_table td { width: 100%; display: block; } } #main .inside .mod_article .ce_text.grey-box .content table.inner_table td:first-of-type, #main .inside .mod_article .ce_text.ce_content_box .content table.inner_table td:first-of-type { text-align: right; padding-right: 3rem; } #main .inside .mod_article .ce_text.grey-box .ce_gallery.gal_3col ul, #main .inside .mod_article .ce_text.ce_content_box .ce_gallery.gal_3col ul { margin-top: 0; margin-bottom: 0; } #main .inside .mod_article .ce_text.grey-box .ce_gallery.gal_3col ul li, #main .inside .mod_article .ce_text.ce_content_box .ce_gallery.gal_3col ul li { list-style: none; padding-left: 0; width: 32%; } #main .inside .mod_article .ce_text.grey-box .ce_gallery.gal_3col ul li:before, #main .inside .mod_article .ce_text.ce_content_box .ce_gallery.gal_3col ul li:before { content: ""; width: 0; } #main .inside .mod_article .ce_text.grey-box .ce_gallery.gal_3col ul li:not(.last) figure, #main .inside .mod_article .ce_text.ce_content_box .ce_gallery.gal_3col ul li:not(.last) figure { padding-right: 2%; } #main .inside .mod_article .ce_text.grey-box.sc4, #main .inside .mod_article .ce_text.grey-box.sc3, #main .inside .mod_article .ce_text.ce_content_box.sc4, #main .inside .mod_article .ce_text.ce_content_box.sc3 { margin-right: 1% !important; } #main .inside .mod_article .ce_text.grey-box.sc4.sc4-last, #main .inside .mod_article .ce_text.grey-box.sc4.sc3-last, #main .inside .mod_article .ce_text.grey-box.sc3.sc4-last, #main .inside .mod_article .ce_text.grey-box.sc3.sc3-last, #main .inside .mod_article .ce_text.ce_content_box.sc4.sc4-last, #main .inside .mod_article .ce_text.ce_content_box.sc4.sc3-last, #main .inside .mod_article .ce_text.ce_content_box.sc3.sc4-last, #main .inside .mod_article .ce_text.ce_content_box.sc3.sc3-last { margin-right: 0 !important; } #main .inside .mod_article .ce_text.grey-box.sc4.prices h2, #main .inside .mod_article .ce_text.grey-box.sc3.prices h2, #main .inside .mod_article .ce_text.ce_content_box.sc4.prices h2, #main .inside .mod_article .ce_text.ce_content_box.sc3.prices h2 { background-color: #edaa2e; display: block; padding: 0.8rem 1.2rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); font-size: 1rem; color: #fff !important; text-decoration: none; transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; width: unset; text-transform: none; letter-spacing: 0; } #main .inside .mod_article .ce_text.grey-box.sc4.prices h2:hover, #main .inside .mod_article .ce_text.grey-box.sc4.prices h2:focus, #main .inside .mod_article .ce_text.grey-box.sc3.prices h2:hover, #main .inside .mod_article .ce_text.grey-box.sc3.prices h2:focus, #main .inside .mod_article .ce_text.ce_content_box.sc4.prices h2:hover, #main .inside .mod_article .ce_text.ce_content_box.sc4.prices h2:focus, #main .inside .mod_article .ce_text.ce_content_box.sc3.prices h2:hover, #main .inside .mod_article .ce_text.ce_content_box.sc3.prices h2:focus { box-shadow: inset 0 0 14px rgba(135, 135, 135, 0.5); } #main .inside .mod_article .ce_text.grey-box.sc4.prices h2:hover, #main .inside .mod_article .ce_text.grey-box.sc4.prices h2:focus, #main .inside .mod_article .ce_text.grey-box.sc3.prices h2:hover, #main .inside .mod_article .ce_text.grey-box.sc3.prices h2:focus, #main .inside .mod_article .ce_text.ce_content_box.sc4.prices h2:hover, #main .inside .mod_article .ce_text.ce_content_box.sc4.prices h2:focus, #main .inside .mod_article .ce_text.ce_content_box.sc3.prices h2:hover, #main .inside .mod_article .ce_text.ce_content_box.sc3.prices h2:focus { box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); } #main .inside .mod_article .ce_text.grey-box.sc4.prices hr, #main .inside .mod_article .ce_text.grey-box.sc3.prices hr, #main .inside .mod_article .ce_text.ce_content_box.sc4.prices hr, #main .inside .mod_article .ce_text.ce_content_box.sc3.prices hr { background: #ffffff; height: 3px; margin: 0; width: 60%; margin-left: 20%; } #main .inside .mod_article .ce_text.grey-box.sc4.prices .content, #main .inside .mod_article .ce_text.grey-box.sc3.prices .content, #main .inside .mod_article .ce_text.ce_content_box.sc4.prices .content, #main .inside .mod_article .ce_text.ce_content_box.sc3.prices .content { padding: 1.5rem 1.2rem 0 1.2rem; min-height: 140px; } @media (min-width: 50.625em) and (max-width: 73.74em) { #main .inside .mod_article .ce_text.sc4 { width: 49% !important; margin: 0 auto 1rem auto; } } @media (max-width: 50.615em) { #main .inside .mod_article .ce_text.sc4 { width: 99% !important; margin: 0 auto 1rem auto; } } #main .inside .mod_article .ce_text.sc3 { /*@include mq($until: tablet) { width: 99% !important; margin: 0 auto 1rem auto; }*/ } @media (min-width: 50.625em) and (max-width: 73.74em) { #main .inside .mod_article .ce_text.sc3 { width: 32.3% !important; padding: 0 !important; margin: 0 auto 1rem auto !important; float: left; } } #main .inside .mod_article .ce_text.sc3.sc3-last { margin-right: 0 !important; } #main .inside .mod_article .ce_text ul li { list-style: none; padding-left: 1.3rem; margin: 0.2rem 0; } #main .inside .mod_article .ce_text ul li:before { display: inline-block; position: relative; left: -1.3rem; content: "»"; font-size: 1.2rem; width: 0; } #main .inside .mod_article .ce_text.slim-box { display: flex; flex-direction: row; margin-bottom: 1.2rem; } #main .inside .mod_article .ce_text.slim-box h2 { letter-spacing: 2px; font-size: 1.3em; line-height: 120%; font-weight: normal; margin-bottom: 1em; margin-top: 1.9rem; width: 24%; } #main .inside .mod_article .ce_text.slim-box .content { background: #f6f6f6; padding: 1rem 2.4rem 0.4rem 2.4rem; font-size: 90%; width: 72%; } #main .inside .mod_article .ce_text.full { flex-direction: column; } #main .inside .mod_article .ce_text.full .content { /*padding-left: 1.6rem;*/ padding-top: 0.2rem; width: auto; } #main .inside .mod_article .ce_text.full h2 { font-size: 1.4em; width: auto; padding-left: 0.1rem; margin-top: 1rem; } #main .inside .mod_article .ce_text.full.padding-top .content { padding-top: 1rem !important; } #main .inside .mod_article .ce_text table.inner_table3 { width: 100%; } #main .inside .mod_article .ce_text table.inner_table3 td { width: 33%; } @media (max-width: 50.615em) { #main .inside .mod_article .ce_text table.inner_table3 td { width: 100%; display: block; } } #main .inside .mod_article .ce_player { margin-bottom: 4rem; } #main .inside .mod_article .ce_accordion, #main .inside .mod_article .ce_player, #main .inside .mod_article .width-86 { /*width: 86%;*/ margin-left: auto; margin-right: auto; } #main .inside .mod_article .ce_table { margin: 2rem 0; } #main .inside .mod_article .ce_table td { padding: 0.5rem; } #main .inside .mod_article .ce_table td.col_0 { font-weight: bold; padding-right: 2rem; } #main .inside .mod_article .ce_table.orangetb table { width: 86%; margin-left: auto; margin-right: auto; } #main .inside .mod_article .ce_table.orangetb table td { border: 1px solid #EE750D !important; padding: 0.5rem 0; } #main .inside .mod_article .ce_table.orangetb table td.col_0 { font-weight: normal; padding-right: unset; } #main .inside .mod_article .ce_table.orangetb table td.col_1 { width: 45%; background: #fbdbb6; } #main .inside .mod_article .ce_table.orangetb table td.col_0 { width: 55%; } #main .inside .mod_article .ce_table.room { background: #f6f6f6; padding: 0.8rem 2rem 0.4rem 2rem; } #main .inside .mod_article .ce_gallery ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } #main .inside .mod_article .ce_gallery ul li { list-style: none; margin-left: 0; width: 32.3%; } #main .inside .mod_article .ce_gallery ul li figure img { max-width: 100%; } #main .inside .mod_article .ce_gallery.prices ul li figure { padding: 0 2% 4% 2%; } #main .inside .mod_article .ce_gallery.col1_gal li { width: unset; margin: 0; padding: 0; } #main .inside .mod_article .ce_gallery.col1_gal li figure { margin: 0; } #main .inside .mod_article .ce_gallery.col1_gal li:before { display: none; } #main .inside .mod_article #buttons_menu.right ul, #main .inside .mod_article #buttons_menu.right ul { justify-content: flex-end; } #main .inside .mod_article .grey-box:not(.prices) h2, #main .inside .mod_article .ce_contentBox_headline { background: #EF7412; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e75411 0%, #FAB304 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e75411", endColorstr="#FAB304", GradientType=1); /* IE6-9 */ /*background: #EF7412; !* Old browsers *! background: -moz-linear-gradient(left, #EF7412 0%, #fdc400 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(left, #EF7412 0%,#fdc400 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to right, #EF7412 0%,#fdc400 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EF7412', endColorstr='#fdc400',GradientType=1 ); !* IE6-9 *!*/ } #main .inside .mod_article .ce_downloads { margin: 1rem 0; } #main .inside .mod_article .ce_downloads ul li { list-style: none; margin-bottom: 0.8rem; margin-left: 0; font-family: "Lato"; } #main .inside .mod_article .ce_downloads ul li a { background-color: #edaa2e; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position-x: 0.5rem; background-position-y: 0.7rem; background-size: 1.6rem; display: block; width: 96%; padding: 0.8rem 1.2rem 0.8rem 2.8rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); font-size: 1rem; color: #fff !important; text-decoration: none; transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; } #main .inside .mod_article .ce_downloads ul li a:hover, #main .inside .mod_article .ce_downloads ul li a:focus { box-shadow: inset 0 0 14px rgba(135, 135, 135, 0.5); } @media (min-width: 50.625em) and (max-width: 73.74em) { #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices { width: 49% !important; margin: 0 auto 1rem auto; } } @media (max-width: 50.615em) { #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices { width: 99% !important; margin: 0 auto 1rem auto; } } #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices div.ce_text.grey-box.prices.content_box .content { padding: 1.5rem 1.2rem 0.1rem 1.2rem; } #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices div.ce_text.grey-box.prices.content_box h2 { background-color: #edaa2e; display: block; padding: 0.8rem 1.2rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); font-size: 1rem; color: #fff !important; text-decoration: none; transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; width: unset; text-transform: none; letter-spacing: 0; } #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices div.ce_text.grey-box.prices.content_box h2:hover, #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices div.ce_text.grey-box.prices.content_box h2:focus { box-shadow: inset 0 0 14px rgba(135, 135, 135, 0.5); } #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices div.ce_text.grey-box.prices.content_box h2:hover, #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices div.ce_text.grey-box.prices.content_box h2:focus { box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); } #wrapper #main div.inside .mod_article .sc.sc4.grey-box.prices div.ce_text.grey-box.prices.content_box.half:first-of-type { /* margin-bottom: 0.6rem;*/ } /* Fotos unten */ #teaser .mod_article { display: flex; flex-direction: row; flex-wrap: wrap; } /*#teaser .mod_article .sc5-2, #teaser .mod_article .sc5-3,*/ #teaser .mod_article .sc, #teaser .mod_article .full { margin-bottom: 12px; } #teaser .mod_article .full { width: 99%; } .sc-close { padding-right: 0 !important; } #teaser { padding-bottom: 1em; } #teaser .sc-clear { height: 12px !important; } #teaser .mod_article .sc5-3 .ce_image:first-child { border-bottom: 10px solid #fff; } .home #teaser figure { position: relative; z-index: 0; } #teaser figure img { /* outline: 14px solid hsla(0,0%,100%,.3); outline-offset: -14px; */ opacity: 1; /* transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; */ } /*.home #teaser figure img:hover { opacity: 0.86; }*/ .mod_article.wide .ce_image img { width: 100% !important; } .mod_article.wide .ce_image figcaption { position: absolute; width: 100%; z-index: 9; bottom: 15%; text-align: center; display: block; } .mod_article.wide .ce_image figcaption span { position: relative; padding: 1.5rem; display: inline-block; background: rgba(217, 120, 56, 0.7); color: #fff; font-size: 1.4rem; } @media (max-width: 73.74em) { .mod_article.wide .ce_image figcaption span { padding: 1.2rem; font-size: 1.1em; } } @media (max-width: 29.99em) { .mod_article.wide .ce_image figcaption span { padding: 1rem; font-size: 0.9em; max-width: 90%; } } #teaser .ce_image figcaption { position: absolute; z-index: 9; bottom: 20%; left: 14px; display: block; } #teaser .ce_image figcaption span { position: relative; padding: 0.8rem 1.6rem; padding-right: 3rem; display: block; background: rgba(74, 49, 30, 0.5); color: #fff; font-size: 1.3em; background-position: right 1px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } #teaser .ce_image.orange figcaption { position: absolute; width: 100%; z-index: 9; bottom: 15%; text-align: center; display: block; background: none; left: 0; } #teaser .ce_image.orange figcaption span { position: relative; padding: 1.5rem; display: inline-block; background: rgba(217, 120, 56, 0.7) !important; background-image: none; box-shadow: unset; color: #fff; font-size: 1.4rem; width: auto !important; } @media (max-width: 73.74em) { #teaser .ce_image.orange figcaption span { padding: 1.2rem; font-size: 1.1em; } } @media (max-width: 29.99em) { #teaser .ce_image.orange figcaption span { padding: 1rem; font-size: 0.9em; max-width: 90%; } } #teaser .ce_image.nolink figcaption span { background-image: unset; padding-right: 0.3rem; } .ce_content_box { background: #f6f6f6; margin-bottom: 1rem; } .ce_content_box a.block_link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; /*z-index: 3;*/ } .content_box, .ce_image.caption, .ce_content_box.caption { position: relative; } .content_box figure, .ce_image.caption figure, .ce_content_box.caption figure { line-height: 0; } .content_box figcaption, .ce_image.caption figcaption, .ce_content_box.caption figcaption { position: absolute; z-index: 1; line-height: 130%; } .content_box figcaption span, .ce_image.caption figcaption span, .ce_content_box.caption figcaption span { position: relative; top: -4rem; padding: 0.2rem 0.8rem; padding-right: 1.8rem; display: block; background: rgba(74, 49, 30, 0.4); color: #fff; font-size: 1.2em; background-position: right 3px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); box-shadow: inset 0 0 6px rgba(74, 49, 30, 0.5); } @media (max-width: 73.74em) { .content_box figcaption span, .ce_image.caption figcaption span, .ce_content_box.caption figcaption span { top: -3rem; } } @media (max-width: 50.615em) { .content_box figcaption span, .ce_image.caption figcaption span, .ce_content_box.caption figcaption span { top: -2rem; } } .content_box.nolink figcaption span, .ce_image.caption.nolink figcaption span, .ce_content_box.caption.nolink figcaption span { background-image: unset !important; padding-right: 0.3rem !important; line-height: 130%; } #header .ce_image.caption figcaption, #header .slick-slide figcaption { position: absolute; bottom: 46px; right: unset; left: 5%; display: inline-block; width: unset !important; background: rgba(74, 49, 30, 0.4); color: #fff; line-height: 110%; box-shadow: inset 0 0 6px rgba(74, 49, 30, 0.5); } @media (min-width: 73.75em) { #header .ce_image.caption figcaption, #header .slick-slide figcaption { padding: 1.4rem; font-size: 1.4em; } } @media (min-width: 30em) and (max-width: 73.74em) { #header .ce_image.caption figcaption, #header .slick-slide figcaption { padding: 1.2rem; font-size: 1.2em; bottom: 30px; } } @media (max-width: 29.99em) { #header .ce_image.caption figcaption, #header .slick-slide figcaption { padding: 0.9rem; font-size: 0.9em; max-width: 90%; bottom: 34px; } } #header .ce_image.caption-link { position: relative; } #header .ce_image.caption-link figure { line-height: 0; } #header .ce_image.caption-link figcaption { position: absolute; left: 5%; z-index: 1; line-height: 130%; } #header .ce_image.caption-link figcaption span { position: relative; top: -6rem; display: block; background: rgba(74, 49, 30, 0.4); color: #fff; background-position: right center; background-size: 3rem; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); box-shadow: inset 0 0 6px rgba(74, 49, 30, 0.5); } @media (min-width: 73.75em) { #header .ce_image.caption-link figcaption span { padding: 1.4rem; font-size: 1.4em; padding-right: 3rem; } } @media (min-width: 30em) and (max-width: 73.74em) { #header .ce_image.caption-link figcaption span { padding: 0.6rem; font-size: 1.1em; padding-right: 3rem; top: -3rem; } } @media (max-width: 29.99em) { #header .ce_image.caption-link figcaption span { max-width: 180px; padding: 0.8rem; font-size: 1em; padding-right: 3rem; top: -2rem; } } #teaser figcaption:hover span, .content_box figcaption span:hover { background-position: right 1px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; /*color: $lightorange;*/ color: #d97838; } #teaser .zitat_footer { background: #fcc400; color: #fff; font-family: "Crimson Text", serif; letter-spacing: -0.5px; font-style: italic; line-height: 135%; font-size: 1.6vw; text-align: center; position: relative; } #teaser .zitat_footer p { position: absolute; bottom: 20%; width: 68%; left: 10%; padding: 1em 2em; border: 1px solid #fff; background: rgba(255, 255, 255, 0.2); } #teaser .zitat_footer a { color: #fff; text-decoration: none; } #teaser .zitat_footer a:hover, #teaser .zitat_footer a:active { text-shadow: 1px 0 0 currentColor; } .ce_player.dark .mejs__overlay-button { background: url(../../assets/mediaelement/images/mejs-controls_black.svg) no-repeat; background-position: 0 -39px; height: 80px; width: 80px; } .ce_player.custom_button .mejs__overlay-button { margin-top: -40%; margin-right: -80%; /*display: none;*/ } @media (max-width: 29.99em) { .ce_player.custom_button .mejs__overlay-button { /*margin-top: -30%; margin-right: -70%; width: 60px; height: 60px;*/ display: none; } } #footer { background: #858585; color: #fff; } #footer .inside { padding: 1em 0; } #footer .inner { display: flex; flex-direction: row; justify-content: space-between; } #footer #contact_text ul li { padding-left: 28px; line-height: 115%; margin-bottom: 0.6em; } #footer #contact_text ul li:before { margin: 2px 0 0 -22px; position: relative; top: 3px; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; } #footer #contact_text ul li:first-child:before { content: ""; background: url('data:image/svg+xml;utf8,'); background-size: 19px; top: 5px; } #footer #contact_text ul li:nth-child(2):before { content: ""; background: url('data:image/svg+xml;utf8,'); background-size: 18px; top: 5px; } #footer #contact_text ul li:last-child:before { content: ""; background: url('data:image/svg+xml;utf8,'); background-size: 20px; top: 4px; } #footer a { color: #fff; text-decoration: none; } #footer a:hover, #footer a:active { text-decoration: underline; } @media (max-width: 50.615em) { #main .inside .mod_article .flex-order { display: flex; flex-direction: column-reverse; } } #video_layer { background: #fff; } #video_layer .inner_layer { width: 960px; height: 560px; margin: 0 auto; } #video_layer .inner_layer .ce_player { width: 960px; height: 560px; margin: 0 auto; } /*.zoom img { -webkit-transition: all 2.4s ease-in-out; -moz-transition: all 2.4s ease-in-out; -o-transition: all 2.4s ease-in-out; -ms-transition: all 2.4s ease-in-out; overflow: hidden; &:hover { @include image_zoom; } } .transition { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); }*/ @media (min-width: 50.625em) and (max-width: 73.74em) { .ce_text figure.image_container.float_right, .ce_text figure.image_container.float_left { max-width: 50%; } /* #main .inside .mod_article .submenu { clear: left; width: 100% !important; margin-top: 0; }*/ } @media (max-width: 50.615em) { .ce_text figure.image_container { display: block; text-align: center; } .ce_text figure.image_container.float_right, .ce_text figure.image_container.float_left { float: none; } .noheadimage #container { margin-top: 120px; } #main .link_heading a, .toggler { word-wrap: break-word; font-size: 140%; letter-spacing: normal; } .two-col .ui-accordion-content { -moz-column-count: unset !important; column-count: unset !important; -moz-column-gap: normal !important; column-gap: normal !important; } #main .inside .mod_article { /*.ce_table:not(.orangetb) { table, tr, td { display: block; } }*/ } #main .inside .mod_article .ce_accordion .ce_text.two-col { -moz-column-count: unset !important; column-count: unset !important; -moz-column-gap: normal !important; column-gap: normal !important; } #main .inside .mod_article .ce_accordion .toggler { padding: 0.4rem 0.3rem 0.8rem 0.1rem; /*text-transform: uppercase;*/ font-size: 120%; letter-spacing: 0; } #main .inside .mod_article .ce_accordion .toggler .ui-icon { display: inline-block; font-size: 150%; background-size: 90%; width: 34px; height: 20px; position: relative; } #main .inside .mod_article .ce_accordion .toggler.ui-state-active .ui-icon { top: 0.5rem; } #main .inside .mod_article .ce_table.orangetb table { width: 100%; } #main .inside .mod_article td { padding: 0 !important; } #main .inside .mod_article td p { margin: 0.6rem 0; } #main .inside .mod_article td.col_0 { padding-right: 1rem !important; } #main .inside .mod_article .submenu { margin-top: 2rem; /*ul { flex-direction: row; justify-content: space-around; display: flex; flex-wrap: wrap; li { margin: 0.8rem 0; display: block; width: 40% !important; a, strong { padding: 1rem; } } }*/ } #main .inside .mod_article #buttons_menu ul li a { display: block; text-align: center; padding: 1.4rem 2rem; max-width: none !important; font-size: 1rem; } .sc5-3, .sc5-2, .sc2, .sc3 { width: 100%; display: block; float: none; margin-bottom: 0.8em; padding-right: 0 !important; } .pegasus_link { margin: 1.2rem 0; text-align: center; } .pegasus_link.right { text-align: center; } .pegasus_link.sc { margin: 1.4rem 0; } .pegasus_link a { font-size: 1rem; /*width: 64%;*/ margin-left: auto; margin-right: auto; } .pegasus_link.slim { /* neu: Seminarräume*/ } .pegasus_link.slim.right a { float: none; } #main .inside .mod_article .ce_text.slim-box { flex-direction: column; } #main .inside .mod_article .ce_text.slim-box h2 { width: 100%; } #main .inside .mod_article .ce_text.slim-box .content { width: calc(100% - 3.4rem); } #main .inside .mod_article .ce_text.content_box { padding-bottom: 0.2rem; } #main .inside .mod_article .ce_text.content_box .content { padding-left: 1.2rem; } #main .inside .mod_article .ce_text.content_box figure { margin-bottom: 1rem; } #main .inside .mod_article .ce_text.content_box figcaption { top: unset; } /*#footer .inside .inner #contact_text ul { column-count: 0 !important; }*/ #teaser .mod_article .sc5-2, #teaser .mod_article .sc5-3 { /*margin-bottom: 0;*/ } #teaser .sc-clear { height: 0; } #teaser .zitat_footer { display: none; } } @media (min-width: 50.625em) { #main .inside .mod_article { padding: 1.8em 1% 1.8em 0.8em; } #main .inside .mod_article .ce_text figure.image_container.float_right { margin-left: 1rem; } #main .inside .mod_article .ce_text figure.image_container.float_left { margin-right: 1rem; } } @media screen and (min-width: 600px) and (max-width: 859px) { #header .mod_article { clear: both; } .noheadimage #header { min-height: 138px; } /*#main .inside .mod_article .submenu { ul { flex-wrap: wrap; justify-content: space-around; li { margin: 0.8rem 0; width: 46%; a, strong { padding: 1.2rem; } } } }*/ #main .inside .mod_article .ce_text.slim-box h2 { word-wrap: break-word; width: 32%; } #main .inside .mod_article .ce_text.slim-box .content { width: 66%; } #main .inside .mod_article .ce_text.slim-box.full .content { width: unset; } #main .inside .mod_article .ce_text.slim-box.full h2 { width: unset; font-size: 1.2rem; } #main .inside .mod_article .ce_text.content_box { padding-bottom: 0.2rem; /*figcaption{ top: 54%; }*/ } #main .inside .mod_article .ce_text.content_box .content { padding-left: 1.2rem; } #main .inside .mod_article .ce_text.content_box figure { margin-bottom: 1rem; } .sc3 { width: 100%; display: block; float: none; margin-bottom: 0.8em; padding-right: 0 !important; text-align: center; } .sc3.pegasus_link { margin: 2rem 0; } .sc3.pegasus_link a { width: 60%; margin-left: auto; margin-right: auto; font-size: 1.1rem; } #footer .inside #contact_text { width: unset; } #footer .inside #contact_text ul { -moz-column-count: 2; column-count: 2; } #teaser .zitat_footer { font-size: 2vw; } #teaser .zitat_footer p { bottom: 1.4vw; width: 74%; left: 8%; } } @media screen and (min-width: 600px) { #teaser .mod_article .sc5-3 { display: flex; flex-direction: column; } #teaser { margin-left: auto; margin-right: auto; } #teaser .mod_article .sc5-3 > div { flex: 1 1 100%; } #teaser .mejs__mediaelement { display: flex; align-items: center; justify-content: center; } } @media screen and (max-width: 767px) { #headmenu { display: none; } } @media screen and (min-width: 768px) { #headmenu { background: #fff; padding: 0.9rem 0; } #headmenu ul.level_1 { width: 92%; max-width: 1140px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; } #headmenu ul.level_1 li { align-items: center; flex-grow: 1; text-align: center; text-transform: none; } #headmenu ul.level_1 li:not(:last-of-type) { border-right: 1px solid #7f7f7f; } #headmenu ul.level_1 li a, #headmenu ul.level_1 li strong.active { font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 0.9rem; color: #7f7f7f; text-decoration: none; padding: 0.5rem 0; } #headmenu ul.level_1 li a.active, #headmenu ul.level_1 li a:hover, #headmenu ul.level_1 li a:active, #headmenu ul.level_1 li strong.active.active, #headmenu ul.level_1 li strong.active:hover, #headmenu ul.level_1 li strong.active:active { text-shadow: 1px 0 0 #7f7f7f; } #headmenu ul.level_1 li.trail > a span { text-shadow: 1px 0 0 #7f7f7f; } #headmenu ul.level_1 li ul.level_2 { overflow: hidden; position: absolute; display: flex; flex-direction: row; justify-content: space-between; width: 540px; /*min-width: 400px; max-width: 640px;*/ background: rgba(255, 255, 255, 0.9); } #headmenu ul.level_1 li ul.level_2 li { margin-top: 0.9rem; padding: 0.9rem 0; border-right: 0; } #headmenu ul.level_1 li ul.level_2 li a, #headmenu ul.level_1 li ul.level_2 li strong { display: block; padding: 0 1%; border-right: 1px solid #7f7f7f; } #headmenu ul.level_1 li ul.level_2 li.last a, #headmenu ul.level_1 li ul.level_2 li.last strong { border-right: 0; } #headmenu ul.level_1 li.forward strong { font-weight: 300; font-size: 0.9rem; color: #7f7f7f; /*$darkorange;*/ text-decoration: none; padding: 0.5rem 0; text-shadow: 1px 0 0 #7f7f7f; /*$darkorange;*/ } .mac #headmenu ul.level_2, .ios #headmenu ul.level_2 { max-width: 504px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #headmenu ul.level_1 { width: 100%; margin: 0; /*li.seminarraeume,*/ } #headmenu ul.level_1 li.essraeume, #headmenu ul.level_1 li.umgebung { display: none; } } @media screen and (max-width: 859px) { body { font-size: 0.9em; } #mainmenu, #footer .mod_customnav, #month_menue_left { display: none; } /*#menu_button { position: absolute; left: 0.8rem; top: -1.6rem; }*/ #main .inside { padding-left: 2%; padding-right: 2%; padding-bottom: 1.3em; /*padding-top: 0.3rem;*/ } #main .inside .mod_article #buttons_menu { margin-top: 2rem; margin-bottom: -1rem; } #main .inside .mod_article #buttons_menu ul { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 1; } #main .inside .mod_article #buttons_menu ul li { margin-bottom: 1rem; } #main .inside .mod_article #buttons_menu ul li.first { margin-right: 0; } #main .inside .mod_article #buttons_menu ul li a { display: block; text-align: center; padding: 1.4rem 2rem; width: 400px; max-width: 80%; font-size: 1rem; } #main .inside .mod_price_configurator form { width: unset; } #main .inside .mod_article .ce_accordion, #main .inside .mod_article .ce_player, #main .inside .mod_article .width-86 { width: 100%; } #container { padding-bottom: 1.2rem; } #footer .inside { padding: 0.8em 2%; } #footer .inside .inner { display: block; } } @media screen and (min-width: 860px) { html, body { height: 100%; min-height: 100%; } body { background-repeat: no-repeat; background-size: cover; } #header .inner, #wrap, #footer .inside { width: 92%; margin-left: auto; margin-right: auto; } #header .mod_article figure { margin: 0 auto; } .twocol #container { padding-left: 236px; } .nocol #container { padding-left: 0; } .twocol #left { width: 236px; right: 236px; } .twocol #left .inside { width: 80%; padding-top: 2.4em; } .twocol #left .inside.fixed, .twocol #left .inside #month_menue_left.fixed { position: fixed; top: 3em; width: 236px; z-index: 3; } .twocol #left .inside.fixed #mainmenu, .twocol #left .inside #month_menue_left.fixed { width: 208px; } .mod_navigation ul, .mod_navigation ul li, #month_menue_left ul { margin: 0; padding: 0; } #month_menue_left { margin-top: 2.4em; } #mainmenu ul li, #month_menue_left ul li { border-bottom: 1px solid #fff; } #mainmenu ul li.last, #month_menue_left ul li:last-of-type { border-bottom: none; } #footer .mod_customnav ul li a, #footer .mod_customnav ul li span.active { display: inline-block; color: #fff; } #footer .mod_customnav ul li a:hover, #footer .mod_customnav ul li a:active, #footer .mod_customnav ul li span.active { /*color: $lightorange;*/ } #mainmenu ul li a, #mainmenu ul li span.active, #month_menue_left ul li a, #month_menue_left ul li span.active { background: #fcc400; /*#841014;*/ display: block; padding: 0.6em 1em; color: #fff; text-decoration: none; transition: background-color 0.4s ease; } #mainmenu ul li a:hover, #mainmenu ul li a:active, #mainmenu ul li span.active, #month_menue_left ul li a:hover, #month_menue_left ul li a:active, #month_menue_left ul li span.active { background: #ff8500; } #mainmenu ul.level_1 > li.first > a, #mainmenu ul.level_1 > li.first > span.active, #month_menue_left li.first a, #month_menue_left li.first span.active { padding-top: 1em; } #mainmenu ul.level_1 > li.last > a, #mainmenu ul.level_1 > li.last > span.active, #month_menue_left ul.level_1 > li.last > a, #month_menue_left ul.level_1 > li.last > span.active { padding-bottom: 1em; } /*#mainmenu ul.level_1 > li.margintop { margin-top: 2.4em; }*/ #mainmenu ul.level_2 { border-top: 1px solid #fff; } #mainmenu ul.level_2 li a, #mainmenu ul.level_2 li span.active { /*background: #fdd64c;*/ font-size: 0.9em; padding-left: 2em; /*text-transform: none; ?? nicht mehr???*/ } #footer .inner { width: 92%; margin: 0 auto; } /* #footer .logo_footer { width: 14%; }*/ #footer #contact_text { width: 30%; } #footer .mod_customnav { width: 28%; padding-left: 10%; margin-top: 1rem; } #footer .mod_customnav ul li { margin: 0.4em 1em; } #footer_menu_first, #footer #contact_text { border-right: 1px solid #fff; } /* Formular */ .ce_form .formbody { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .ce_form .formbody .widget { width: 49%; margin-bottom: 0.5rem; } .ce_form .formbody .widget.full { width: 100%; flex: 100% 0 0; } .ce_form .formbody .widget.full.widget-checkbox label { width: 100%; font-weight: 700; } .ce_form .formbody .widget-textarea, .ce_form .formbody .widget-captcha, .ce_form .formbody .widget-explanation, .ce_form .formbody .widget-submit, .mod_eventlist_pegasus .widget { width: 100%; } } @media screen and (min-width: 860px) and (max-width: 1023px) { #header .inner, #wrap, #footer .inside { width: 92%; } .noheadimage #container { margin-top: 160px; } /*#header_title { letter-spacing: 0; font-size: 0.9rem; }*/ #teaser .zitat_footer { font-size: 1.8vw; } #teaser .zitat_footer p { bottom: 2vw; width: 74%; left: 8%; } } @media screen and (max-width: 1023px) { #teaser .sc-close { padding-right: 0 !important; padding-left: 1% !important; } } @media screen and (min-width: 1024px) { .noheadimage #container { margin-top: 138px; } /*#main .inside { min-height: 500px; }*/ /*.caroufredsel_prev { margin-left: 4rem; } .caroufredsel_next { margin-right: 4rem; }*/ #teaser .sc-close { padding-right: 0 !important; } #teaser .sc-close.sc5-2 { width: 40%; } #teaser .sc-close.sc5-3 { width: 60%; } .home #main .inside .mod_article #buttons_menu ul li { width: 30%; } .home #main .inside .mod_article #buttons_menu ul li:first-of-type { margin-right: 2rem; } } @media screen and (min-width: 1024px) and (max-width: 1179px) { #main .inside .mod_article .pegasus_link a { font-size: 1.1rem; padding: 1.2rem 1.8rem; } #main .inside .mod_article .pegasus_link.sc3 { text-align: center; } #main .inside .mod_article .pegasus_link.sc3 a { width: 80%; text-align: center; padding: 1.2rem; } } @media screen and (min-width: 1180px) { #header .inner, #footer .inside, #main .inside .mod_article { max-width: 1260px; margin: 0 auto; } #main .inside .mod_article.wide { max-width: unset; } /*#wrap { max-width: 1020px; }*/ #header .mod_article.first .caroufredsel_skin, #header .mod_article.first .ce_image figure, #header .mod_article.first .ce_player .bg_container, #header #headermenu ul { /*max-width: 1260px;*/ margin: 0 auto; } .nocol #wrap { max-width: none; } #header .mod_article figure, #header .caroufredsel_navi { /*max-width: 1260px;*/ overflow: hidden; } #header .mod_article .wide figure { max-width: unset; overflow: visible; } #teaser { max-width: 1400px; margin-left: auto; margin-right: auto; } .twocol #container { padding-left: 260px; } #main .inside .mod_article { padding: 1.8em 0; } #main .inside .mod_article.wide { padding: 0; } .nocol #main .inside .mod_article { padding: 1.8em; } .twocol #left { width: 260px; right: 260px; } } #home-teaser { background: #fcf2e3; } .rs-columns { clear: both; display: flex !important; justify-content: space-between; width: 100%; } @media (max-width: 50.615em) { .rs-columns { flex-wrap: wrap; } } .rs-columns .rs-column { float: none !important; margin-top: 1rem !important; margin-right: 0 !important; } .rs-columns .rs-column.-large-col-3-1 { width: 32.3% !important; flex: 32.3% 0 0; } @media (max-width: 50.615em) { .rs-columns .rs-column.-large-col-3-1 { width: 100% !important; flex: 100%; } } .rs-columns .rs-column.-large-col-2-1 { width: 49% !important; flex: 49% 0 0; } @media (max-width: 50.615em) { .rs-columns .rs-column.-large-col-2-1 { width: 100% !important; flex: 100%; } } .rs-columns.slim-margin .rs-column.-large-col-3-1 { width: calc(33.3333333333% - 1px) !important; /*33% !important;*/ flex: calc(33.3333333333% - 1px) 0 0; } @media (max-width: 50.615em) { .rs-columns.slim-margin .rs-column.-large-col-3-1 { width: 100% !important; flex: 100% !important; } } .rs-columns.slim-margin .rs-column.-large-col-2-1 { width: calc(50% - 1px) !important; /*49.7% !important;*/ flex: calc(50% - 1px) 0 0; } @media (max-width: 50.615em) { .rs-columns.slim-margin .rs-column.-large-col-2-1 { width: 100% !important; flex: 100% !important; } } .rs-columns.no-margin .rs-column.-large-col-3-1 { width: 33.3333333333% !important; flex: 33.3333333333% 0 0; } @media (max-width: 50.615em) { .rs-columns.no-margin .rs-column.-large-col-3-1 { width: 100% !important; flex: 100% !important; } } .rs-columns.no-margin .rs-column.-large-col-3-1 figure.image_container { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: -1px; } .rs-columns.no-margin .rs-column.-large-col-2-1 { width: 50% !important; /*49.7% !important;*/ flex: 50% 0 0; } @media (max-width: 50.615em) { .rs-columns.no-margin .rs-column.-large-col-2-1 { width: 100% !important; flex: 100% !important; } } .rs-columns.no-margin .rs-column.-large-col-2-1 figure.image_container { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: -1px; } #teaser .rs-columns .rs-column { margin-top: 0 !important; /*0.3rem !important;*/ } #teaser .rs-columns .rs-column img { outline: none; } #header h1.overlay { position: absolute; width: 100%; text-align: center; font-size: 200%; bottom: 20%; color: #ffffff; /*font-weight: 600;*/ letter-spacing: 0.5rem; } @media (min-width: 73.75em) { #header h1.overlay { bottom: 40%; font-size: 340%; letter-spacing: 0.8rem; } } @media (max-width: 50.615em) { #header h1.overlay { bottom: 40%; font-size: 220%; letter-spacing: 0.3rem; /*word-wrap: break-all;*/ } } .margin-bottom { margin-bottom: 1rem; } .ce_slick-slider { /*padding-bottom: 1.8rem;*/ } .ce_slick-slider .slick-active img { animation: ken-burns-in 8s 1 ease-in-out forwards; } .ce_slick-slider .slick-dots { /*@include page_width;*/ display: flex; justify-content: center; position: relative; top: -2.5rem; margin-bottom: -2rem; margin-right: 2rem; width: 100%; } .ce_slick-slider .slick-dots li { padding: 0.4rem; } .ce_slick-slider .slick-dots li button { background: #f2f2f2; /*#ffffff;*/ border-radius: 100%; cursor: pointer; font-size: 30%; height: 0.85rem; /*1.2rem; /*0.65rem;*/ width: 0.95rem; /*0.5rem; /*0.7rem;*/ text-indent: -9000px; border: 1px solid #ccc; /*#aaa;*/ } .ce_slick-slider .slick-dots li button:hover { background: #ccc; } .ce_slick-slider .slick-dots li.slick-active button { background: #ccc; } .ce_slick-slider.wide { /*padding-bottom: 2rem;*/ /*.slick-arrows { position: relative; z-index: 999; }*/ } .ce_slick-slider.wide .slick-active img { animation: none; } .ce_slick-slider.wide .slick-dots { /*@include page_width;*/ display: flex; justify-content: center; position: relative; top: -4rem; margin-bottom: -2rem; margin-right: 2rem; width: 100%; } .ce_slick-slider.wide .slick-dots li { padding: 0.4rem; } .ce_slick-slider.wide .slick-dots li button { background: #ffffff; border-radius: 100%; cursor: pointer; font-size: 30%; height: 0.85rem; /*1.2rem; /*0.65rem;*/ width: 0.95rem; /*0.5rem; /*0.7rem;*/ text-indent: -9000px; border: 1px solid #aaa; } .ce_slick-slider.wide .slick-dots li button:hover { background: #ccc; } .ce_slick-slider.wide .slick-dots li.slick-active button { background: #ccc; } .ce_slick-slider.wide .slick-container button.slick-arrow { position: absolute; bottom: 45%; z-index: 9; border: none; cursor: pointer; font-size: 0; text-indent: -9000px; background: url(../../files/layout/images/pfeil.svg); background-size: contain; background-repeat: no-repeat; width: 40px; height: 40px; display: inline-block; background-position: center center; } @media (max-width: 73.74em) { .ce_slick-slider.wide .slick-container button.slick-arrow { display: none !important; } } .ce_slick-slider.wide .slick-container button.slick-arrow.slick-prev { left: 5%; transform: rotate(180deg); } .ce_slick-slider.wide .slick-container button.slick-arrow.slick-next { right: 5%; } .ce_slick-slider.wide .slick-container .slick-list { width: 100%; } .lg-toolbar .lg-icon, .lg-actions .lg-next, .lg-actions .lg-prev { font-size: 36px; } .ce_text, .ce_table { line-height: 150%; } .ce_text p, .ce_text ul, .ce_text ol, .ce_table p, .ce_table ul, .ce_table ol { line-height: 160%; margin-top: 1rem; margin-bottom: 1rem; } .ce_text.two-col ul, .ce_text.two-col ol, .ce_table.two-col ul, .ce_table.two-col ol { margin-top: 0; } .pegasus_link { /*text-align: right;*/ margin: 4rem 0 0 0; } .pegasus_link.top { margin-top: 2rem; } .pegasus_link.center { text-align: center; } .pegasus_link.sc3 { padding-right: 2% !important; width: 32% !important; } .pegasus_link.sc3.sc3-last { padding-right: 0 !important; } .pegasus_link a { background-color: #edaa2e; display: block; padding: 0.8rem 1.2rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); font-size: 1rem; color: #fff !important; text-decoration: none; transition: box-shadow 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-position: 96% 7px; background-repeat: no-repeat; /*background-image: url('data:image/svg+xml;utf8,');*/ background-image: url('data:image/svg+xml;utf8,'); background-size: 32px; /*box-shadow: inset 0 0 6px rgba(74,49,30, 0.5);*/ /*&:after { display: inline-block; position: relative; right: -0.6rem; content: '>'; font-size: 1.2rem; }*/ } .pegasus_link a:hover, .pegasus_link a:focus { box-shadow: inset 0 0 14px rgba(135, 135, 135, 0.5); } .pegasus_link a:hover, .pegasus_link a:focus { /*box-shadow: inset 0 0 14px rgba(135,135,135,.5);*/ text-shadow: 1px 0 0 #ffffff; } .pegasus_link.orange a { background: #edaa2e; /*#edaa2e;*/ } .pegasus_link.room a { background: #a9b659; } .pegasus_link.dark a { background: #77843f; } .pegasus_link.margin_bottom { /*margin-top: 3rem;*/ margin-bottom: 3rem; } .pegasus_link.left a:after { content: ""; } .pegasus_link.left a:before { display: inline-block; position: relative; left: -0.6rem; content: "<"; font-size: 1.2rem; } .pegasus_link.left:not(.center) { text-align: left; } .pegasus_link.in-box { width: 33.2%; margin-top: 1.4rem; margin-bottom: 1.4rem; text-align: center; } .pegasus_link.in-box a { display: block; } .pegasus_link.in-box.center { margin-left: auto; margin-right: auto; } .pegasus_link.slim { /* neu: Seminarräume*/ /*text-transform: uppercase;*/ } .pegasus_link.slim.right a { max-width: 220px; padding: 1.4rem 3.2rem; float: right; } .sc2 > .pegasus_link, .pegasus_link.sc2 { margin: 0.6rem 0; } .sc2 > .pegasus_link a, .pegasus_link.sc2 a { text-align: center; } #main .inside .mod_article hr { background: #EE750D; border: none; height: 1px; margin: 1.8em 0; } .map_section { height: 546px; } @media (max-width: 29.99em) { .map_section { height: 400px; } } @media (min-width: 30em) and (max-width: 73.74em) { .map_section { height: 318px; } } .flex_wrap { display: flex; flex-direction: row; justify-content: space-between; } @media (min-width: 73.75em) { .flex_wrap { flex-wrap: nowrap; } .flex_wrap .boxes { flex: 24% 1 1; } } @media (min-width: 50.625em) and (max-width: 73.74em) { .flex_wrap { flex-wrap: wrap; } .flex_wrap .boxes { flex: 48% 1 1; } } @media (max-width: 50.615em) { .flex_wrap { flex-wrap: wrap; } .flex_wrap .boxes { flex: 98% 1 1; } } .ce_text.zitat .content { margin-left: 4rem; } @media (max-width: 50.615em) { .ce_text.zitat .content { margin-left: 2.5rem; } } .ce_text.zitat .content:before { content: "”"; font-weight: bold; color: #e8e8e8; position: absolute; display: block; font-family: Serif; width: 3rem; font-size: 10rem; font-style: normal; z-index: 9; top: 3rem; left: 0; } .ce_text.zitat.grey-box .content:before { left: 1rem; top: 6.5rem; } @media (max-width: 29.99em) { .ce_text.zitat.grey-box .content:before { left: 0.4rem; } } /* OSM 2-Click */ .ce_simple_map_layer { background: transparent url("../../files/layout/images/gmap-bg.jpg") 0 0 no-repeat; background-size: cover; background-position: center center; } .ce_simple_map_layer .osm_ds_hint { text-align: center; height: 100%; width: 80%; background-color: rgba(255, 255, 255, 0.5); display: flex; justify-content: center; align-items: center; padding: 2rem; flex-direction: column; flex-wrap: wrap; } .ce_simple_map_layer .osm_ds_hint p { background-color: rgba(255, 255, 255, 0.8); padding: 1rem 0.5rem; /*border-radius: 5px;*/ color: #333333; font-size: 90% !important; line-height: 130%; } .ce_simple_map_layer .osm_ds_hint p a { color: #7f7f7f; } .ce_simple_map_layer .osm_ds_hint a#maps_allow_button { cursor: pointer; border: 1px solid transparent; padding: 0.8rem 1rem; background-color: #f08001; color: #fff; font-size: 1.4rem; transition: all 200ms linear; will-change: all; text-decoration: none !important; } .ce_simple_map_layer .osm_ds_hint a#maps_allow_button:hover { color: #ffffff !important; text-decoration: underline !important; opacity: 80%; } .ce_modal { border-bottom: 1px solid #ccc; /*&.large-intro { .modal_link { .intro { font-size: 106%; } } }*/ } .ce_modal:first-of-type { margin-top: 2rem; border-top: 1px solid #ccc; } .ce_modal:last-of-type { margin-bottom: 2rem; } .ce_modal .modal_link, .ce_modal .modal_link_p { transition: all 0.2s ease-in-out; color: #7f7f7f; cursor: pointer; margin: 0.4rem 0; /*padding-top: 0.6rem; padding-bottom: 0.8rem;*/ padding-top: 0.8rem; padding-bottom: 1rem; } .ce_modal .modal_link:hover, .ce_modal .modal_link:active, .ce_modal .modal_link.modal-active, .ce_modal .modal_link_p:hover, .ce_modal .modal_link_p:active, .ce_modal .modal_link_p.modal-active { color: #333; } .ce_modal .modal_link .headline, .ce_modal .modal_link_p .headline { /*text-transform: uppercase;*/ font-weight: 600; font-size: 120%; } .ce_modal .modal_link .intro, .ce_modal .modal_link_p .intro { margin-top: 0.4rem; font-size: 140%; color: #d97838; display: flex; flex-direction: row; justify-content: space-between; } .ce_modal .modal_link .intro .more, .ce_modal .modal_link_p .intro .more { /*text-transform: uppercase;*/ font-weight: 500; font-size: 70%; padding-right: 1.6rem; /*background: url("data:image/svg+xml;utf8,") no-repeat;*/ background: url("data:image/svg+xml;utf8,") no-repeat; background-position: right; background-size: 28px; } .ce_modal .modal_content { visibility: hidden; overflow: hidden; background-color: white; position: fixed; bottom: 0; z-index: 1000; width: 36%; right: -36%; height: 100%; overflow-y: auto; transition: 0.3s ease-in-out; } .ce_modal .modal_content h2 { font-size: 130%; color: #d97838; letter-spacing: 0.3rem; /*text-transform: uppercase;*/ } .ce_modal .modal_content.visible { visibility: visible; right: 0; } .ce_modal .modal_content .buttons { /*@include flex_wrap; justify-content: right;*/ } .ce_modal .modal_content .buttons .close { margin-left: 1.4rem; margin-top: 0.6rem; cursor: pointer; display: block; width: 28px; height: 28px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: center center; background-size: 40px; transition: all 0.2s ease-in-out; } .ce_modal .modal_content .buttons .close:hover, .ce_modal .modal_content .buttons .close:active { opacity: 0.7; } .ce_modal .modal_content .inner { padding: 0.6rem 2rem 0.8rem 2.4rem; font-size: 0.9rem !important; } @media (max-width: 73.74em) { .ce_modal .modal_content { width: 60%; right: -60%; } .ce_modal .modal_content.visible { visibility: visible; right: 0; } } @media (max-width: 29.99em) { .ce_modal .modal_content { width: 100%; /*calc(100% - 0.8rem);*/ height: 80%; right: 0; bottom: -80%; } .ce_modal .modal_content.visible { visibility: visible; bottom: 0; } } .ce_modal.grey-intro .modal_link .intro { color: #7f7f7f; } .modal_link_p { cursor: pointer; /* display: inline-block; padding-right: 1.8rem; background-position: right; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); background-size: 24px; */ } .grey-box, .ce_content_box { background: #f6f6f6; padding: 0 0 1.2rem 0; margin-bottom: 1rem; } .grey-box.full-height, .ce_content_box.full-height { height: 100%; } .grey-box.margin-right, .ce_content_box.margin-right { margin-right: 1% !important; } #modal_overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; cursor: pointer; } .noscroll { overflow: hidden; } /* Responsive iFrame */ .embed-container:not(.nocontent) { position: relative; /*padding-bottom: 56.25%;*/ width: 100%; height: 380px !important; } #embed-container { position: relative; padding-bottom: 42.3%; width: 100%; } .embed-container:not(.nocontent) iframe, #embed-container video { position: absolute; top: 0; left: 0; width: 100%; /*height: 100%;*/ } #embed-container video { -o-object-fit: fill; object-fit: fill; } .embed-container.nocontent { background-image: url(../../files/layout/images/gmap-bg.jpg); } .privacy-msg, .embed-container, .ce_youtube { width: 100% !important; background-position: center center; background-repeat: no-repeat; background-size: cover; } .privacy-msg { /*background-image: url(../../files/Fotos/yt.jpg);*/ } .privacy-msg p { width: 500px; max-width: 90%; background-color: rgba(255, 255, 255, 0.7); font-size: 80% !important; padding: 1rem 1.2rem; border-radius: 3px; position: relative; /*z-index: 100;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); } .privacy-msg p span { display: block; text-align: center; } .privacy-msg p a:not(.textlink) { cursor: pointer; display: inline-block; padding: 0.6rem 0.8rem; font-size: 160%; background-color: #EE750D; color: #fff !important; border-radius: 3px; margin-top: 0.8rem; transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.5s ease-in-out; } #main .privacy-msg p a:not(.textlink):hover, #main .privacy-msg p a:not(.textlink):active { background-color: #fcc400; color: #333 !important; } .mod_booking_list form table input[type=checkbox] { width: 24px; height: 24px; } #nav-header { background: #f6f6f6; border-top: 1px solid #ffffff; } @media (max-width: 29.99em) { #nav-header { display: none; } } @media (min-width: 30em) { #headermenu { background: #f6f6f6; } #headermenu ul.level_1 { margin: 0; display: flex; flex-direction: row; justify-content: space-between; } #headermenu ul.level_1 li { align-items: center; flex-grow: 1; text-align: center; text-transform: none; padding-top: 1.2rem; padding-bottom: 1.2rem; } #headermenu ul.level_1 li:not(.last) a, #headermenu ul.level_1 li:not(.last) strong { border-right: 1px solid #7f7f7f; } #headermenu ul.level_1 li strong { display: block; } #headermenu ul.level_1 li.active, #headermenu ul.level_1 li:hover, #headermenu ul.level_1 li:active { text-shadow: 1px 0 0 #7f7f7f; } #headermenu ul.level_1 li a, #headermenu ul.level_1 li strong.active { display: block; text-align: center; font-family: "Open Sans", sans-serif; font-weight: 400; color: #7f7f7f; text-decoration: none; padding: 0; } #headermenu ul.level_1 li a.submenu, #headermenu ul.level_1 li strong.active.submenu { padding-bottom: 3px; } #headermenu ul.level_1 li.trail > a span { text-shadow: 1px 0 0 #7f7f7f; } #headermenu ul.level_1 li ul.level_2 { display: none; margin-top: 1.2rem !important; /*overflow: hidden;*/ position: absolute; background: #e8e8e8; width: 100%; text-align: center; left: 0; } #headermenu ul.level_1 li ul.level_2 li { text-align: center; padding: 1rem 1.2rem !important; /*width: 120%;*/ width: auto; display: inline-block; } #headermenu ul.level_1 li ul.level_2 li a, #headermenu ul.level_1 li ul.level_2 li strong { text-shadow: none; display: block; border-right: none !important; /*1px solid $grey;*/ } #headermenu ul.level_1 li ul.level_2 li a:hover, #headermenu ul.level_1 li ul.level_2 li a:active, #headermenu ul.level_1 li ul.level_2 li a .active, #headermenu ul.level_1 li ul.level_2 li strong:hover, #headermenu ul.level_1 li ul.level_2 li strong:active, #headermenu ul.level_1 li ul.level_2 li strong .active { text-shadow: 1px 0 0 #7f7f7f; } #headermenu ul.level_1 li ul.level_2 li.last a, #headermenu ul.level_1 li ul.level_2 li.last strong { border-right: none !important; } #headermenu ul.level_1 li:hover ul.level_2 { display: block; } #headermenu ul.level_1 li.forward strong { font-weight: 400; color: #7f7f7f; text-shadow: 1px 0 0 #7f7f7f; } #headermenu ul.level_1 li.home { width: 2rem; flex-grow: 0; } #headermenu ul.level_1 li.home a, #headermenu ul.level_1 li.home strong { text-indent: -5000px; width: 2rem; background: url('data:image/svg+xml;utf8,'); background-position: center center; background-repeat: no-repeat; background-size: 1.2rem; } } @media (max-width: 50.615em) { #headermenu { display: none; } } @media (min-width: 50.625em) { #headermenu { width: 92%; max-width: 1260px; margin-left: auto; margin-right: auto; } } #main .submenu { margin: 2rem 0; } #main .submenu ul li { display: block; list-style: none; margin: 0.6rem 0 !important; /*margin-right: 2rem;*/ flex-shrink: 0; } #main .submenu ul li.last { margin-right: 0; } #main .submenu ul li a, #main .submenu ul li strong { background-color: #edaa2e; display: block; padding: 0.8rem 1.2rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); font-size: 1rem; color: #fff !important; text-decoration: none; transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; background-color: #a9b659 !important; text-align: center; background-position: 96% 8px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); background-size: 32px; box-shadow: inset 0 0 14px rgba(255, 255, 255, 0.8); color: #fff; transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; } #main .submenu ul li a:hover, #main .submenu ul li a:focus, #main .submenu ul li strong:hover, #main .submenu ul li strong:focus { box-shadow: inset 0 0 14px rgba(135, 135, 135, 0.5); } #main .submenu ul li a:hover, #main .submenu ul li a:focus, #main .submenu ul li strong:hover, #main .submenu ul li strong:focus { box-shadow: inset 0 0 14px rgba(135, 135, 135, 0.8); } .head-wrap.fixed #header_title { top: -2.4rem; } #menu_button { position: absolute; z-index: 5; color: #7f7f7f; font-size: 0.9rem; text-transform: uppercase; } #menu_button a { position: relative; top: 0.8rem; left: 0.8rem; display: block; width: 30px; height: 35px; transition: all 0.2s ease-in-out; } @media (max-width: 73.74em) { #menu_button a { left: 0.8rem; } } @media (max-width: 29.99em) { #menu_button a { top: 0.8rem; } } #calendar_button { position: absolute; z-index: 1; } #calendar_button a { transition: all 0.2s ease-in-out; position: relative; top: 3.46rem; left: 0.8rem; display: block; width: 30px; height: 30px; /*@include mq($until: mobile) { top: 0.7rem; }*/ } @media (max-width: 73.74em) { #calendar_button a { /*left: 0.8rem;*/ } } #video_button { position: absolute; z-index: 1; } #video_button a { transition: all 0.2s ease-in-out; position: relative; top: 3.6rem; left: 60px; display: block; width: 26px; height: 26px; } @media (max-width: 73.74em) { #video_button a { /*left: 0.8rem;*/ } } @media (max-width: 29.99em) { #video_button a { top: 3.55rem; /*left: 84px;*/ } } #contact_button { float: right; position: relative; top: 3rem; margin-bottom: -3rem; transition: all 0.2s ease-in-out; } @media (max-width: 29.99em) { #contact_button { display: none; } } #contact_button ul { text-align: right; display: inline-block; margin: 0; padding: 0; } #contact_button ul li { display: inline-block; width: 2rem; flex-grow: 0; margin-left: 0.6rem; } #contact_button ul li a, #contact_button ul li strong { width: 2rem; height: 2rem; display: block; /*background: url('data:image/svg+xml;utf8,');*/ background-position: center center; background-repeat: no-repeat; background-size: 2rem; text-indent: -5000px; font-size: 0; color: transparent; transition: all 0.2s ease-in-out; } #contact_button ul li a.kontakt, #contact_button ul li strong.kontakt { background: url('data:image/svg+xml;utf8,'); background-position: center center; background-repeat: no-repeat; background-size: 2rem; } #contact_button ul li a.kontakt:hover, #contact_button ul li strong.kontakt:hover { background-size: 120%; } #contact_button ul li a.home, #contact_button ul li strong.home { background: url('data:image/svg+xml;utf8,'); background-position: center center; background-repeat: no-repeat; background-size: 2rem; } #contact_button ul li a.home:hover, #contact_button ul li strong.home:hover { background-size: 120%; } #contact_button ul li a.filme, #contact_button ul li strong.filme { background: url('data:image/svg+xml;utf8,'); background-position: center center; background-repeat: no-repeat; background-size: 1.8rem; } #contact_button ul li a.filme:hover, #contact_button ul li strong.filme:hover { background-size: 2rem; } .mod_navigation ul li, .mod_customnav ul li { list-style: none; } .mod_navigation ul > li a, .mod_navigation ul > li span.active, .mod_customnav ul > li a, .mod_customnav ul > li span.active { text-decoration: none; } #menu_button a:not(#video_intro):after, #menu_button a:not(#video_intro):before, #menu_button a:not(#video_intro) div { background-color: #7f7f7f; content: ""; display: block; height: 3px; margin: 7px 0; transition: all 0.2s ease-in-out; } #menu_button a#video_intro { left: 50px; top: 16px; width: 50px; height: 50px; } #menu_button a#video_intro:after, #menu_button a#video_intro:before { display: none; } .mm-opened #menu_button a:before, body.test.show-navigation #menu_button a:before { transform: translateY(10px) rotate(135deg); } .mm-opened #menu_button a:after, body.test.show-navigation #menu_button a:after { transform: translateY(-10px) rotate(-135deg); } body.test.show-navigation #menu_button a div, .mm-opened #menu_button a div { transform: scale(0); } #mobilemenu:not(.mm-menu) { display: none; } #mobimenu { background: #d97838; /*#858285; /*$white;*/ /*opacity: 0.8;*/ /* transition: transform .2s ease;*/ transition: all 0.2s ease-in-out; position: absolute; top: 105px; z-index: 999; width: 100%; } #mobimenu #mobmenu { padding: 1rem 2rem; position: relative; /*top: 2rem;*/ } @media (min-width: 50.625em) and (max-width: 73.74em) { #mobimenu #mobmenu { -moz-column-count: 2; column-count: 2; -moz-column-gap: 5%; column-gap: 5%; } } #mobimenu #mobmenu ul { /*display: flex; flex-direction: row;*/ margin: 0; } #mobimenu #mobmenu ul.level_2 { padding-left: 0.6rem; } #mobimenu #mobmenu ul li a, #mobimenu #mobmenu ul li strong { display: block; padding: 0.5rem; text-decoration: none; color: #fff; /*$font;*/ border-bottom: 1px solid rgba(255, 255, 255, 0.4); font-size: 0.9rem; /*color: $white;*/ } #mobimenu #mobmenu ul li a:hover, #mobimenu #mobmenu ul li strong:hover { background: rgba(255, 255, 255, 0.2); } #mobimenu #mobmenu ul li strong { background: rgba(255, 255, 255, 0.3); } #mobimenu #mobmenu ul.level_2 { /* display: block;*/ } #mobimenu #mobmenu ul.level_2 li.last { border-bottom: none; } /*body.show-navigation #mobimenu { opacity: 1; }*/ /*.js #menu { display:none; } .js .slicknav_menu { display:block; }*/ @media (max-width: 50.615em) { #footer .mod_customnav { display: none; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #headermenu ul.level_1 { width: 100%; margin: 0; /*li.seminarraeume,*/ } #headermenu ul.level_1 li.haus, #headermenu ul.level_1 li.kueche { display: none; } } #nav-header { clear: both; } #fixed_section { position: fixed; z-index: 99; top: 240px; right: 0; } @media (max-width: 50.615em) { #fixed_section { /*top: 240px;*/ display: none; } } #fixed_section .inside { /*#fixed-menu { ul { li { //width: 26px; //height: 24px; position: relative; background: $orange; padding: 0.2rem 0.3rem 0.3rem; background-position: 9px 9px; background-repeat: no-repeat; background-size: 24px; height: 34px; width: 34px; margin-bottom: 0.3rem; display: block; overflow: visible; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; transition: all .25s ease-in-out; strong, span { !*display: none;*! display: inline-block; background: $white; position: relative; left: -60px; } &:hover { strong, span { display: inline-block; width: 140px; border-radius: 3px; position: absolute; left: -60px; } } &.home { background-image: url('data:image/svg+xml;utf8,'); &:hover { background-image: url('data:image/svg+xml;utf8,'); background-position: 9px 9px; background-repeat: no-repeat; background-size: 24px; } } &.filme { background-image: url('data:image/svg+xml;utf8,'); background-size: 26px; background-position: 8px 8px; &:hover { background-image: url('data:image/svg+xml;utf8,'); background-size: 26px; background-repeat: no-repeat; background-position: 8px 8px; } } &.kontakt { background-image: url('data:image/svg+xml;utf8,'); &:hover { background-image: url('data:image/svg+xml;charset=UTF-8,'); } } &.kalender { background-image: url(../../files/layout/images//calendar.svg); background-size: 23px; background-position: 9px 9px; } &.corona { background-image: url(../../files/layout/images//corona.svg); background-size: 23px; background-position: 9px 9px; } &:hover, &:active { background: $white; } } } }*/ } #fixed_section .inside .fixed_inner > div.fixed-link { width: 41px; position: relative; } #fixed_section .inside .fixed_inner > div.fixed-link .tooltip { position: absolute; left: -122px; top: 0; height: 41px; width: 116px; transition: all 0.2s ease-in-out; background: #ffffff; display: flex; justify-content: center; align-items: center; font-size: 0.9rem; text-align: center; color: #d97838; border-radius: 1px; opacity: 0; visibility: hidden; } #fixed_section .inside .fixed_inner > div.fixed-link a { background: #d97838; transition: all 0.2s ease-in-out; color: #ffffff; /*padding: 0.2rem 0.3rem 0.3rem;*/ background-position: 9px 9px; background-repeat: no-repeat; background-size: 24px; height: 41px; width: 41px; margin-bottom: 0.3rem; left: 0; position: relative; display: block; } #fixed_section .inside .fixed_inner > div.fixed-link a span { display: none; } #fixed_section .inside .fixed_inner > div.fixed-link a:hover, #fixed_section .inside .fixed_inner > div.fixed-link a:active { background: #ffffff; /**/ } #fixed_section .inside .fixed_inner > div.fixed-link a:hover + .tooltip, #fixed_section .inside .fixed_inner > div.fixed-link a:active + .tooltip { opacity: 1; visibility: visible; } #fixed_section .inside .fixed_inner > div.fixed-link a#home-link-fixed { background-image: url('data:image/svg+xml;utf8,'); } #fixed_section .inside .fixed_inner > div.fixed-link a#home-link-fixed:hover { background-image: url('data:image/svg+xml;utf8,'); background-position: 9px 9px; background-repeat: no-repeat; background-size: 24px; } #fixed_section .inside .fixed_inner > div.fixed-link a#video-link-fixed { background-image: url('data:image/svg+xml;utf8,'); background-size: 26px; background-position: 8px 8px; } #fixed_section .inside .fixed_inner > div.fixed-link a#video-link-fixed:hover { background-image: url('data:image/svg+xml;utf8,'); background-size: 26px; background-repeat: no-repeat; background-position: 8px 8px; } #fixed_section .inside .fixed_inner > div.fixed-link a#contact-link-fixed { background-image: url('data:image/svg+xml;utf8,'); background-size: 1.8rem; background-position: 9px 7px; } #fixed_section .inside .fixed_inner > div.fixed-link a#contact-link-fixed:hover { background-image: url('data:image/svg+xml;utf8,'); background-size: 1.8rem; background-position: 9px 7px; background-repeat: no-repeat; } #fixed_section .inside .fixed_inner > div.fixed-link a#kalender-link-fixed { background-image: url(../../files/layout/images/calendar.svg); background-size: 32px; background-position: 5px 6px; } #fixed_section .inside .fixed_inner > div.fixed-link a#kalender-link-fixed:hover { background-image: url(../../files/layout/images/calendar_brown.svg); background-size: 32px; background-position: 5px 6px; } #fixed_section .inside .fixed_inner > div.fixed-link a#corona-link-fixed { background-image: url(../../files/layout/images/corona.svg); background-size: 32px; background-position: 5px 6px; } #fixed_section .inside .fixed_inner > div.fixed-link a#corona-link-fixed:hover { background-image: url(../../files/layout/images/corona_brown.svg); background-size: 32px; background-position: 5px 6px; background-repeat: no-repeat; } .home #fixed_section { top: 290px; } #wrapper { /* Formular */ } #wrapper input[type=text], #wrapper input[type=password], #wrapper input[type=date], #wrapper input[type=datetime], #wrapper input[type=email], #wrapper input[type=number], #wrapper input[type=search], #wrapper input[type=tel], #wrapper input[type=time], #wrapper input[type=url], #wrapper input:not([type]), #wrapper textarea { padding: 0.5rem; border-radius: 0; } #wrapper .ce_form .formbody .widget { margin-bottom: 0.5rem; padding: 0.3rem 0; } #wrapper .ce_form .formbody .widget label { display: inline-block; padding-bottom: 0.2rem; } #wrapper .ce_form .formbody .widget-captcha input { width: 80px; } #wrapper .submit_container, #wrapper .widget-submit { padding: 1rem 0; text-align: right; } #wrapper input.submit, #wrapper button.submit { font-size: 1em; padding: 1em 2.6em; background: #d97838; opacity: 1; color: #fff; border: 0; transition: opacity 0.2s ease-in-out; } #wrapper input.submit:hover, #wrapper button.submit:hover { opacity: 0.8; } #wrapper .ce_form .formbody { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; background: #f2f2f2; /*#e7e7e7;*/ /*border: 1px solid #706f6f;*/ padding: 3%; margin: 1em 0; } #wrapper .ce_form.reservation .formbody { background: none; border: none; padding: 0; } #wrapper .ce_form.reservation .formbody .ce_text { width: 100%; } #wrapper .ce_form.reservation .formbody label { display: block; } fieldset > span { display: block; } #rzmCsWrap { /*@include mq($from: desktop) { max-width: 500px; }*/ font-family: "Open Sans", Sans-Serif !important; color: #706f6f; } #rzmCsWrap #rzmCs { font-size: 90%; } #rzmCsWrap #rzmCs label { font-family: "Open Sans", Sans-Serif; color: #333333; font-weight: 700 !important; } #rzmCsWrap #rzmCs label#rzmCs-check1-label, #rzmCsWrap #rzmCs label#rzmCs-check2-label { font-family: "Open Sans", Sans-Serif !important; color: #706f6f; font-weight: 700 !important; } #rzmCsWrap #rzmCs h2 { font-family: "Open Sans", Sans-Serif; font-weight: normal !important; font-size: 1.3rem !important; /*text-transform: uppercase;*/ letter-spacing: 0.2rem !important; line-height: 120%; color: #969a9c !important; } #rzmCsWrap #rzmCs p { font-size: 0.8rem !important; font-family: "Open Sans", Sans-Serif !important; color: #7f7f7f !important; font-style: italic; } #rzmCsWrap #rzmCs button.accordion-head { font-family: "Open Sans", Sans-Serif !important; font-weight: 600; color: #706f6f !important; } #rzmCsWrap #rzmCs button.accordion-head:hover, #rzmCsWrap #rzmCs button.accordion-head:active, #rzmCsWrap #rzmCs button.accordion-head.open { color: #333333 !important; } #rzmCsWrap #rzmCs .buttonwrap button#rzmCs-selectSpecific { font-family: "Open Sans", Sans-Serif !important; border: 2px solid #edaa2e; /*#706f6f;*/ font-size: 1em; color: #706f6f; } #rzmCsWrap #rzmCs .buttonwrap button#rzmCs-selectSpecific:hover, #rzmCsWrap #rzmCs .buttonwrap button#rzmCs-selectSpecific:active { background-color: #edaa2e; color: #333333; } #rzmCsWrap #rzmCs .buttonwrap button#rzmCs-selectAll { font-family: "Open Sans", Sans-Serif !important; background-color: #d97838 !important; color: #fff; border-color: #d97838 !important; }/*# sourceMappingURL=style.css.map */