/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ 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}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}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}input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}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}input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}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}input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}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}input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}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}input[type=submit].red:active,.button.red:active{background-color:#be322b} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{outline:0;} #cboxTopLeft{width:25px; height:25px; background:url("../../assets/jquery/colorbox/custom/images/border1.png") no-repeat 0 0;} #cboxTopCenter{height:25px; background:url("../../assets/jquery/colorbox/custom/images/border1.png") repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url("../../assets/jquery/colorbox/custom/images/border1.png") no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url("../../assets/jquery/colorbox/custom/images/border1.png") no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url("../../assets/jquery/colorbox/custom/images/border1.png") repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url("../../assets/jquery/colorbox/custom/images/border1.png") no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url("../../assets/jquery/colorbox/custom/images/border2.png") repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url("../../assets/jquery/colorbox/custom/images/border2.png") repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxLoadingOverlay{background:#fff url("../../assets/jquery/colorbox/custom/images/loading.gif") no-repeat 5px 5px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* 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 */ } /* dosis-300 - latin */ @font-face { font-family: "Dosis"; font-style: normal; font-weight: 300; src: url("../../files/layout/fonts/dosis-v19-latin-300.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/layout/fonts/dosis-v19-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/dosis-v19-latin-300.woff2") format("woff2"), url("../../files/layout/fonts/dosis-v19-latin-300.woff") format("woff"), url("../../files/layout/fonts/dosis-v19-latin-300.ttf") format("truetype"), url("../../files/layout/fonts/dosis-v19-latin-300.svg#Dosis") format("svg"); /* Legacy iOS */ } /* dosis-regular - latin */ @font-face { font-family: "Dosis"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/dosis-v19-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/layout/fonts/dosis-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/dosis-v19-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/dosis-v19-latin-regular.woff") format("woff"), url("../../files/layout/fonts/dosis-v19-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/dosis-v19-latin-regular.svg#Dosis") format("svg"); /* Legacy iOS */ } /* dosis-700 - latin */ @font-face { font-family: "Dosis"; font-style: normal; font-weight: 700; src: url("../../files/layout/fonts/dosis-v19-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/layout/fonts/dosis-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/dosis-v19-latin-700.woff2") format("woff2"), url("../../files/layout/fonts/dosis-v19-latin-700.woff") format("woff"), url("../../files/layout/fonts/dosis-v19-latin-700.ttf") format("truetype"), url("../../files/layout/fonts/dosis-v19-latin-700.svg#Dosis") format("svg"); /* Legacy iOS */ } /* dosis-800 - latin */ @font-face { font-family: "Dosis"; font-style: normal; font-weight: 800; src: url("../../files/layout/fonts/dosis-v19-latin-800.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/layout/fonts/dosis-v19-latin-800.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/dosis-v19-latin-800.woff2") format("woff2"), url("../../files/layout/fonts/dosis-v19-latin-800.woff") format("woff"), url("../../files/layout/fonts/dosis-v19-latin-800.ttf") format("truetype"), url("../../files/layout/fonts/dosis-v19-latin-800.svg#Dosis") format("svg"); /* Legacy iOS */ } body { background: #fff; font-family: "Open Sans", sans-serif; font-size: 100%; color: #5e2700; } #container { line-height: 130%; } #outer, #footer .inside { max-width: 1280px; margin-left: auto; margin-right: auto; } h1, h2, h3 { font-family: "Dosis", Sans-Serif; font-weight: 700; line-height: 150%; } h1 { font-size: 180%; color: #CC3201; } @media (min-width: 67.5em) { h1 { margin-bottom: 2.6rem; } } @media (max-width: 67.49em) { h1 { margin-top: 0; } } h2 { font-size: 140%; color: #CC3201; margin-bottom: 1.3rem; } h3 { font-size: 100%; } p { margin: 1rem 0; } strong { font-weight: 700; } .small { font-size: 86%; } .rounded_corners { border-radius: 14px; } .textorange { color: #CC3201; } .lightorange { color: #fca605; } #header .mod_logo.block img { border-radius: 14px; } @media (min-width: 67.5em) { #header .mod_logo.block { max-width: 1280px; margin-left: auto; margin-right: auto; overflow: visible !important; position: relative; z-index: 1; } #header .mod_logo.block figure { position: relative; top: -88px; left: 30px; margin-bottom: -240px; z-index: 9; } } @media (min-width: 48em) and (max-width: 67.49em) { #header .mod_logo.block { position: relative; right: 1rem; top: -60px; margin-bottom: -90px; } #header .mod_logo.block figure img { float: right; max-width: 140px; } } @media (max-width: 47.99em) { #header .mod_logo.block { position: relative; right: 1rem; top: -40px; margin-bottom: -60px; } #header .mod_logo.block figure img { float: right; max-width: 90px; } } @media (max-width: 67.49em) { #outer { clear: both; } } @media (min-width: 67.5em) { #main .inside { padding: 3.8rem 0 5rem 0; z-index: 9; } } @media (max-width: 67.49em) { #main .inside { padding: 2rem 3%; } } @media (max-width: 47.99em) { #main .inside { padding: 2rem 3% 0 3%; } } @media (max-width: 67.49em) { #left { margin-left: 0; float: none; width: 100%; right: 0; } #left .mod_navigation, #left .mod_customnav { display: none; } #left .inside { width: unset; padding: 2rem 2% 5rem 2%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #left .inside div { flex: 1 1 44%; /*width: 44%;*/ margin: 0.6rem 1% !important; } #left .inside div#vidlink { padding: 0.8rem; } #left .inside div#vidlink img { width: 100%; } #main { float: none; } #container { padding-left: 0; } } #left .inside a { color: #CC3201; } @media (min-width: 67.5em) { #left .inside { width: 86%; position: relative; top: 160px; z-index: 5; padding-bottom: 250px; } } #footer { background: #fca605; } @media (min-width: 67.5em) { #footer { padding: 3rem 0; } } @media (max-width: 67.49em) { #footer { padding: 3rem 0 0 0; } } @media (max-width: 79.99em) { #footer .inside { padding: 2rem 2%; } } #footer #footer_contact { position: relative; top: -150px; margin-bottom: -140px; /*.hinweis { align-self: center; }*/ } @media (min-width: 48em) { #footer #footer_contact .line { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: end; } } #footer #footer_contact p { line-height: 130%; } #footer #footer_contact .contact_hint, #footer #footer_contact .hinweis { font-size: 90%; vertical-align: top; } #footer #footer_contact .contact_hint a, #footer #footer_contact .hinweis a { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-decoration: none; margin: 0 0.3rem; } #footer #footer_contact .contact_hint a:hover, #footer #footer_contact .hinweis a:hover { background: #fca605; /* $red;/*$brown; */ } @media (min-width: 67.5em) { #footer #footer_contact .contact_hint, #footer #footer_contact .hinweis { width: 26%; position: relative; top: -1rem; } } @media (min-width: 48em) and (max-width: 67.49em) { #footer #footer_contact .contact_hint, #footer #footer_contact .hinweis { width: 50%; margin: 0.6rem 0; } } @media (max-width: 47.99em) { #footer #footer_contact .contact_hint, #footer #footer_contact .hinweis { margin: 0.6rem 0; } } @media (min-width: 67.5em) { #footer #footer_contact #contact1, #footer #footer_contact #contact2 { width: 23%; } } @media (min-width: 48em) and (max-width: 67.49em) { #footer #footer_contact #contact1, #footer #footer_contact #contact2 { width: 50%; } } #footer #footer_copy p { color: #fff798; text-align: center; margin: 1.4rem 0; } /* Cookie Banner */ @media (max-width: 67.49em) and (max-width: 47.99em) { .cc-window { max-width: 86% !important; } } @media (max-width: 67.49em) { .cc-window .cc-message { font-size: 0.8rem !important; line-height: 120%; } } #mobilemenu:not(.mm-menu) { display: none; } @media (min-width: 67.5em) { #mobilemenu, #menu_button { display: none; } #left .mod_navigation ul.level_1, #left .mod_customnav ul.level_1 { margin: 0; } #left .mod_navigation ul.level_1 > li:after, #left .mod_customnav ul.level_1 > li:after { content: ""; position: relative; left: 30px; width: calc(100% - 30px); top: 0; height: 1px; border-top: 1px solid #5e2700; display: block; } #left .mod_navigation ul.level_1 li, #left .mod_customnav ul.level_1 li { font-family: "Dosis", Sans-Serif; } #left .mod_navigation ul.level_1 li > a, #left .mod_navigation ul.level_1 li > span, #left .mod_customnav ul.level_1 li > a, #left .mod_customnav ul.level_1 li > span { color: #CC3201; font-weight: 700; font-size: 1.1rem; text-decoration: none; display: block; padding: 1.2rem 0 1.2rem 30px; /*border-bottom: 1px solid $brown;*/ } #left .mod_navigation ul.level_1 li > a.submenu, #left .mod_navigation ul.level_1 li > span.submenu, #left .mod_customnav ul.level_1 li > a.submenu, #left .mod_customnav ul.level_1 li > span.submenu { border-bottom: none; /*padding-bottom: 0.4rem;*/ margin-bottom: -0.8rem; } #left .mod_navigation ul.level_1 li span.active, #left .mod_customnav ul.level_1 li span.active { color: #fca605; background-image: url("../../files/layout/images/menu.png"); background-position: left; background-repeat: no-repeat; background-size: 20px; } #left .mod_navigation ul.level_1 li span.active.submenu, #left .mod_customnav ul.level_1 li span.active.submenu { background-position: left center; } #left .mod_navigation ul.level_1 li a.trail, #left .mod_customnav ul.level_1 li a.trail { color: #fca605; } #left .mod_navigation ul.level_1 li ul.level_2, #left .mod_customnav ul.level_1 li ul.level_2 { padding-left: 30px !important; } #left .mod_navigation ul.level_1 li ul.level_2 > li > a, #left .mod_navigation ul.level_1 li ul.level_2 > li > span.active, #left .mod_customnav ul.level_1 li ul.level_2 > li > a, #left .mod_customnav ul.level_1 li ul.level_2 > li > span.active { padding: 0.4rem 0 0.4rem 30px; border: none; } #left .mod_navigation ul.level_1 li.last, #left .mod_customnav ul.level_1 li.last { /*:after { content: ""; position: relative; !*left: 30px;*! top: 1.3rem; height: 1px; border-top: 1px solid $brown; display: block; }*/ } #left .mod_navigation ul.level_1 li.active.submenu, #left .mod_customnav ul.level_1 li.active.submenu { /*border-bottom: 1px solid $brown;*/ /*:after { content: ""; position: relative; !*left: 30px;*! top: 1.3rem; height: 1px; border-top: 1px solid $brown; display: block; }*/ } } @media (min-width: 67.5em) { #footer_menu { border-top: 2px solid #5e2700; padding-top: 1.8rem; } #footer_menu ul { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #footer_menu ul li a, #footer_menu ul li span.active { color: #fff798; font-weight: bold; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #footer_menu ul li a:hover, #footer_menu ul li a:active, #footer_menu ul li span.active { color: #5e2700; } } @media (max-width: 67.49em) { #footer_menu { display: none; } } @media (max-width: 67.49em) { #menu_button { position: absolute; z-index: 8; left: 0.8rem; color: #fff; font-size: 0.9rem; text-transform: uppercase; margin-top: 1rem; /*margin-left: 1rem;*/ width: 40px; height: 40px; } #menu_button a:after, #menu_button a:before, #menu_button a span { background-color: #fff; content: ""; display: block; height: 5px; margin: 7px 0; transition: all 0.2s ease-in-out; } .mm-wrapper_opened #menu_button a:before { transform: translateY(12px) rotate(135deg); } .mm-wrapper_opened #menu_button a:after { transform: translateY(-12px) rotate(-135deg); } .mm-wrapper_opened #menu_button a span { transform: scale(0); } .mm-menu { background: #fff !important; font-family: "Dosis", Sans-Serif; } .mm-menu li a, .mm-menu li span { font-weight: bold; } .mm-menu li.active > a, .mm-menu li.active > span { color: #fca605; } } .ce_text ul, .ce_text ol { margin-left: 0; margin-top: 1.8rem; margin-bottom: 1.8rem; } .ce_text ul li, .ce_text ol li { margin: 0.8rem 0; } #main a { color: #CC3201; } #main a.button, #main a.youtube { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border: none; font-weight: bold; text-decoration: none; } #main a.button:hover, #main a.youtube:hover { background: #fca605; /* $red;/*$brown; */ } #main span.button, #main input.add_to_cart { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #main span.button:hover, #main input.add_to_cart:hover { background: #fca605; /* $red;/*$brown; */ } #main a.orange_button, #main span.orange_button { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background: #fca605; } #main a.orange_button:hover, #main span.orange_button:hover { background: #fca605; /* $red;/*$brown; */ } #main a.orange_button:hover, #main span.orange_button:hover { background: #CC3201; } #main a.orange_button a, #main span.orange_button a { color: #fff; text-decoration: none; } #main .ce_image img { border-radius: 14px; margin: 1.2rem 0; } #main ul, #main ol { margin-left: 1.2rem; } #main ul li { margin: 0.8rem 0; list-style-type: disc; } #colorbox a.button, #colorbox a.youtube { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border: none; font-weight: bold; text-decoration: none; } #colorbox a.button:hover, #colorbox a.youtube:hover { background: #fca605; /* $red;/*$brown; */ } .ce_accordion { background: #fdd282; border-radius: 14px; margin: 1.2rem 0; } .ce_accordion .toggler { background: #fca605; font-weight: bold; border-radius: 14px; cursor: pointer; padding: 0.5rem 1rem; } .ce_accordion .toggler .ui-icon { display: inline-block; float: left; position: relative; top: -0.3rem; font-size: 130%; background: url("data:image/svg+xml;utf8,"); background-size: 100%; width: 30px; height: 30px; background-position: center; transform: rotate(-90deg); } .ce_accordion .toggler.ui-state-active .ui-icon { display: inline-block; float: left; /*position: relative; top: -0.3rem;*/ font-size: 130%; background: url("data:image/svg+xml;utf8,"); background-size: 100%; width: 30px; height: 30px; background-position: center; transform: rotate(0); } .ce_accordion .ui-accordion-content { clear: both; padding: 0 1rem; margin-left: 2.4rem; } #cboxLoadedContent p { line-height: 130%; } #cboxLoadedContent p .button_small { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding: 0.2rem 0.8rem; font-size: inherit; } #cboxLoadedContent p .button_small:hover { background: #fca605; /* $red;/*$brown; */ } #cboxLoadedContent p .button_small a { color: #fff; text-decoration: none; } /* Product List */ .mitteilung_hide { display: none; } .product_list { margin-bottom: 2rem; } .product_list .product { border-bottom: 1px solid #CC3201; padding: 2rem 0; } .product_list .product:first-of-type { border-top: 1px solid #CC3201; } .product_list .product h3 { font-size: 110%; } .product_list .product p { margin-bottom: 0; font-size: 90%; } @media (min-width: 48em) { .product_list .product .list_info, .product_list .product .list_price { display: inline-block; vertical-align: middle; } .product_list .product .list_info { width: 80%; } .product_list .product .list_price { width: 18%; } } @media (max-width: 47.99em) { .product_list .product .details { text-align: center; } } .product_list .product a.button { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; /*background-color: $yellow !important;*/ font-size: 86% !important; padding: 1rem 2rem; /*@include transition_all;*/ /*&:hover { background: $red !important; }*/ } .product_list .product a.button:hover { background: #fca605; /* $red;/*$brown; */ } .mod_iso_productreader .widget-radio legend { display: none; } .mod_iso_productreader .widget-radio #ctrl_groesse_variante_fmd20_product_40 legend { display: block; padding-bottom: 0.8rem; } .mod_iso_productreader .widget-radio #ctrl_groesse_variante_fmd20_product_40 legend span.mandatory { display: inline; } .mod_iso_productreader .product_section { border-top: 1px solid #CC3201; padding: 1rem 0 2rem 0; } .mod_iso_productreader .product_section .product_image { display: inline-block; vertical-align: top; } @media (min-width: 64em) { .mod_iso_productreader .product_section .product_image { width: 24%; } } @media (min-width: 48em) and (max-width: 63.99em) { .mod_iso_productreader .product_section .product_image { width: 16%; padding-right: 1%; } } @media (max-width: 47.99em) { .mod_iso_productreader .product_section .product_image { width: unset; display: block; text-align: center; } .mod_iso_productreader .product_section .product_image img { height: 200px; width: auto; } } @media (min-width: 48em) { .mod_iso_productreader .product_section .product_details { display: inline-block; width: 75%; } } .mod_iso_productreader .product_section.mandatory_fields { background: #fff798; border-bottom: 1px solid #CC3201; padding-left: 1rem; } .mod_iso_productreader .product_section.mandatory_fields .widget { width: calc(100% - 1rem); margin-left: 1rem; } .mod_iso_productreader .product_section.mandatory_fields .widget label { display: inline; } @media (min-width: 48em) { .mod_iso_productreader .line { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 0.8rem 0; justify-content: unset; } .mod_iso_productreader .line > div:nth-child(1) { width: 66%; } .mod_iso_productreader .line > div:nth-child(1).widget-textarea { width: 91%; } .mod_iso_productreader .line > div:nth-child(1).widget-radio legend { display: block !important; } .mod_iso_productreader .line > div:nth-child(1) label { width: 30%; } .mod_iso_productreader .line > div:nth-child(1) input { width: 50%; } .mod_iso_productreader .line > div:nth-child(1) input.radio { width: unset; } .mod_iso_productreader .line > div:nth-child(1) textarea { width: 100%; } .mod_iso_productreader .line > div:nth-child(1).product_image_small { width: 15%; } .mod_iso_productreader .line > div:nth-child(1).product_image_small figure { padding-right: 1rem; } .mod_iso_productreader .line > div:nth-child(2) { width: 30%; } .mod_iso_productreader .line > div:nth-child(2).widget label { width: 50%; } .mod_iso_productreader .line > div:nth-child(2).widget input { width: 25%; } .mod_iso_productreader .line > div:nth-child(2).product_variants { width: 44%; /*60%*/ } .mod_iso_productreader .line > div:nth-child(2).product_variants .widget { width: calc(100% - 1rem); margin-left: 1rem; } .mod_iso_productreader .line > div:nth-child(3).product_image_small { width: 15%; } .mod_iso_productreader .line > div:nth-child(3).product_image_small figure { padding-left: 1rem; } } @media (max-width: 47.99em) { .mod_iso_productreader .line .widget { width: calc(100% - 1rem); } .mod_iso_productreader .line .widget.widget-radio label { display: unset; } .mod_iso_productreader .line .widget.widget-text label, .mod_iso_productreader .line .widget.widget-textarea label, .mod_iso_productreader .line .widget.quantity_container label { width: 25%; } } @media (max-width: 67.49em) { .mod_iso_productreader .line { display: flex; flex-wrap: wrap; } .mod_iso_productreader .line .product_image_small.single { order: 1; flex: 50% 1 1; } .mod_iso_productreader .line .product_image_small.zusatz { order: 2; flex: 50% 1 1; } .mod_iso_productreader .line .product_variants { order: 3; flex: 100% 1 1; } .mod_iso_productreader .line .product_image_small { /*display: none;*/ } } .mod_iso_productreader .widget-textarea { margin-top: 3rem; } .mod_iso_productreader .widget-textarea label { /*width: 21%;*/ flex: 1 1 21%; } .mod_iso_productreader .widget-textarea textarea { /*width: 68%;*/ flex: 1 1 76%; } .mod_iso_productreader .teaser { font-weight: bold; margin-bottom: 2rem; } .mod_iso_productreader .teaser .hint2 { font-weight: normal; } .mod_iso_productreader .description, .mod_iso_productreader .hinweis, .mod_iso_productreader .options_kind .label { font-size: 86%; } .mod_iso_productreader .hinweis { margin: 1rem 0; } .mod_iso_productreader fieldset.radio_container span { display: block; padding: 0.3rem 0; } .mod_iso_productreader .formbody .widget:not(.widget-radio) { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; justify-content: unset; align-items: center; /*&.widget-text { label { width: 30%; } input { width: 55%; margin-right: 10%; } }*/ } .mod_iso_productreader .formbody .widget:not(.widget-radio) label { color: #CC3201; font-weight: bold; padding-right: 1rem; } .mod_iso_productreader .formbody .widget:not(.widget-radio) input { width: unset; } .mod_iso_productreader .formbody .widget-checkbox.mandatory { margin-bottom: 1rem; } .mod_iso_productreader .formbody .widget-checkbox.mandatory label { color: unset; font-weight: normal; } .mod_iso_productreader .submit_container { margin-top: 2rem; text-align: center; } @media (max-width: 47.99em) { .mod_iso_cart table, .mod_iso_checkout table, .mod_iso_orderdetails table { font-size: 90%; } } .mod_iso_cart table tr:first-of-type, .mod_iso_checkout table tr:first-of-type, .mod_iso_orderdetails table tr:first-of-type { border-bottom: 1px solid #CC3201; } .mod_iso_cart table tr.foot_last, .mod_iso_checkout table tr.foot_last, .mod_iso_orderdetails table tr.foot_last { border-bottom: 1px solid #CC3201; } .mod_iso_cart table tr.foot_last td, .mod_iso_checkout table tr.foot_last td, .mod_iso_orderdetails table tr.foot_last td { font-weight: bold; } .mod_iso_cart table tr th, .mod_iso_checkout table tr th, .mod_iso_orderdetails table tr th { padding: 0.5rem 0.3rem 0.3rem 0; } @media (max-width: 37.49em) { .mod_iso_cart table tr th, .mod_iso_checkout table tr th, .mod_iso_orderdetails table tr th { text-align: center !important; } } .mod_iso_cart table tr td, .mod_iso_checkout table tr td, .mod_iso_orderdetails table tr td { padding: 0.5rem 0.3rem 0.3rem 0; } .mod_iso_cart table tr td.col_first, .mod_iso_checkout table tr td.col_first, .mod_iso_orderdetails table tr td.col_first { /*width: 10%;*/ } .mod_iso_cart table tr td.col_first figure, .mod_iso_checkout table tr td.col_first figure, .mod_iso_orderdetails table tr td.col_first figure { padding-right: 1rem; } @media (max-width: 47.99em) { .mod_iso_cart table tr td.col_first figure, .mod_iso_checkout table tr td.col_first figure, .mod_iso_orderdetails table tr td.col_first figure { padding-right: 0.2rem; } } .mod_iso_cart table tr td.col_first figure img, .mod_iso_checkout table tr td.col_first figure img, .mod_iso_orderdetails table tr td.col_first figure img { max-width: 80px; } @media (max-width: 47.99em) { .mod_iso_cart table tr td.col_first figure img, .mod_iso_checkout table tr td.col_first figure img, .mod_iso_orderdetails table tr td.col_first figure img { max-width: 32px; } } .mod_iso_cart table tr td.quantity input, .mod_iso_checkout table tr td.quantity input, .mod_iso_orderdetails table tr td.quantity input { width: 32px; } .mod_iso_cart table tr td.price, .mod_iso_checkout table tr td.price, .mod_iso_orderdetails table tr td.price { text-align: right; } .mod_iso_cart table tr td.col_5 a, .mod_iso_checkout table tr td.col_5 a, .mod_iso_orderdetails table tr td.col_5 a { display: inline-block; margin-left: 0.5rem; width: 30px; height: 30px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .mod_iso_cart table tr td.col_5 a.edit, .mod_iso_checkout table tr td.col_5 a.edit, .mod_iso_orderdetails table tr td.col_5 a.edit { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: contain; background-repeat: no-repeat; } .mod_iso_cart table tr td.col_5 a.edit:hover, .mod_iso_checkout table tr td.col_5 a.edit:hover, .mod_iso_orderdetails table tr td.col_5 a.edit:hover { background-size: 120%; } .mod_iso_cart table tr td.col_5 a.remove, .mod_iso_checkout table tr td.col_5 a.remove, .mod_iso_orderdetails table tr td.col_5 a.remove { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 120%; background-repeat: no-repeat; } .mod_iso_cart table tr td.col_5 a.remove:hover, .mod_iso_checkout table tr td.col_5 a.remove:hover, .mod_iso_orderdetails table tr td.col_5 a.remove:hover { background-size: 140%; } .mod_iso_cart table tr th, .mod_iso_checkout table tr th, .mod_iso_orderdetails table tr th { padding: 0.8rem 0; } .mod_iso_cart .hint_list, .mod_iso_checkout .hint_list, .mod_iso_orderdetails .hint_list { margin: 0.8rem 0; font-size: 86%; } .mod_iso_cart .submit_container, .mod_iso_checkout .submit_container, .mod_iso_orderdetails .submit_container { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 2rem 0; } @media (max-width: 47.99em) { .mod_iso_cart .submit_container, .mod_iso_checkout .submit_container, .mod_iso_orderdetails .submit_container { flex-direction: column; } } .mod_iso_cart .submit_container a, .mod_iso_cart .submit_container input, .mod_iso_checkout .submit_container a, .mod_iso_checkout .submit_container input, .mod_iso_orderdetails .submit_container a, .mod_iso_orderdetails .submit_container input { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-align: center; /*&.confirm { font-size: 160%; padding: 1rem 2rem; }*/ } .mod_iso_cart .submit_container a:hover, .mod_iso_cart .submit_container input:hover, .mod_iso_checkout .submit_container a:hover, .mod_iso_checkout .submit_container input:hover, .mod_iso_orderdetails .submit_container a:hover, .mod_iso_orderdetails .submit_container input:hover { background: #fca605; /* $red;/*$brown; */ } .mod_iso_cart .submit_container a.orange_button, .mod_iso_cart .submit_container input.orange_button, .mod_iso_checkout .submit_container a.orange_button, .mod_iso_checkout .submit_container input.orange_button, .mod_iso_orderdetails .submit_container a.orange_button, .mod_iso_orderdetails .submit_container input.orange_button { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background: #fca605; } .mod_iso_cart .submit_container a.orange_button:hover, .mod_iso_cart .submit_container input.orange_button:hover, .mod_iso_checkout .submit_container a.orange_button:hover, .mod_iso_checkout .submit_container input.orange_button:hover, .mod_iso_orderdetails .submit_container a.orange_button:hover, .mod_iso_orderdetails .submit_container input.orange_button:hover { background: #fca605; /* $red;/*$brown; */ } .mod_iso_cart .submit_container a.orange_button:hover, .mod_iso_cart .submit_container input.orange_button:hover, .mod_iso_checkout .submit_container a.orange_button:hover, .mod_iso_checkout .submit_container input.orange_button:hover, .mod_iso_orderdetails .submit_container a.orange_button:hover, .mod_iso_orderdetails .submit_container input.orange_button:hover { background: #CC3201; } .mod_iso_cart .submit_container a.orange_button a, .mod_iso_cart .submit_container input.orange_button a, .mod_iso_checkout .submit_container a.orange_button a, .mod_iso_checkout .submit_container input.orange_button a, .mod_iso_orderdetails .submit_container a.orange_button a, .mod_iso_orderdetails .submit_container input.orange_button a { color: #fff; text-decoration: none; } @media (max-width: 47.99em) { .mod_iso_cart .submit_container a, .mod_iso_cart .submit_container input, .mod_iso_checkout .submit_container a, .mod_iso_checkout .submit_container input, .mod_iso_orderdetails .submit_container a, .mod_iso_orderdetails .submit_container input { margin: 0.4rem 0; } } .mod_iso_cart .submit_container a, .mod_iso_checkout .submit_container a, .mod_iso_orderdetails .submit_container a { color: #fff !important; text-decoration: none; } .mod_iso_cart .coupon, .mod_iso_checkout .coupon, .mod_iso_orderdetails .coupon { border-top: 1px solid #CC3201; border-bottom: 1px solid #CC3201; padding: 3rem 0 2rem 0; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: baseline; justify-content: left; } .mod_iso_cart .coupon h2, .mod_iso_checkout .coupon h2, .mod_iso_orderdetails .coupon h2 { margin: 0; font-size: 120%; } .mod_iso_cart .coupon .formbody, .mod_iso_checkout .coupon .formbody, .mod_iso_orderdetails .coupon .formbody { padding: 0 1rem; } .mod_iso_cart .coupon input.submit, .mod_iso_checkout .coupon input.submit, .mod_iso_orderdetails .coupon input.submit { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-left: 1rem; } .mod_iso_cart .coupon input.submit:hover, .mod_iso_checkout .coupon input.submit:hover, .mod_iso_orderdetails .coupon input.submit:hover { background: #fca605; /* $red;/*$brown; */ } .mod_iso_cart .coupon input[type=text], .mod_iso_checkout .coupon input[type=text], .mod_iso_orderdetails .coupon input[type=text] { width: unset; } .mod_iso_checkout .steps ol { margin: 0 0 2rem 0 !important; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 47.99em) { .mod_iso_checkout .steps ol { flex-direction: column; } .mod_iso_checkout .steps ol li { margin: 0.2rem 0; text-align: center; } } .mod_iso_checkout .steps ol li { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .mod_iso_checkout .steps ol li:hover { background: #fca605; /* $red;/*$brown; */ } .mod_iso_checkout .steps ol li a { text-decoration: none; color: #fff !important; } .mod_iso_checkout .steps ol li:not(.passed) { background-color: #666666; } .mod_iso_checkout #shippingaddress_new .widget { display: inline-block; } .mod_iso_checkout #shippingaddress_new .widget:nth-child(even) { float: right; } .mod_iso_checkout #billingaddress_new .widget-text:not(.mandatory) { width: 100%; margin: 0; } .mod_iso_checkout #billingaddress_new .widget-text:not(.mandatory) input { width: calc(50% - 1rem); } .mod_iso_checkout #billingaddress_new .widget-text:not(.mandatory) label { display: block; } .mod_iso_checkout label span.note { font-weight: normal; } .mod_iso_checkout #iso_mod_checkout_shipping .widget { width: 100%; } .mod_iso_checkout #iso_mod_checkout_shipping .widget span span { display: inline; } .mod_iso_checkout #iso_mod_checkout_shipping .widget span label { display: unset; color: #5e2700; } .mod_iso_checkout #iso_mod_checkout_shipping .submit_container { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #iso_mod_checkout_review .submit_container, .mod_iso_overview .submit_container, .mod_iso_orderdetails .submit_container { margin-top: 3rem; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 47.99em) { #iso_mod_checkout_review .submit_container, .mod_iso_overview .submit_container, .mod_iso_orderdetails .submit_container { flex-direction: column; } } #iso_mod_checkout_review .submit_container a#button_cart, .mod_iso_overview .submit_container a#button_cart, .mod_iso_orderdetails .submit_container a#button_cart { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-decoration: none !important; } #iso_mod_checkout_review .submit_container a#button_cart:hover, .mod_iso_overview .submit_container a#button_cart:hover, .mod_iso_orderdetails .submit_container a#button_cart:hover { background: #fca605; /* $red;/*$brown; */ } #iso_mod_checkout_review .info_container, .mod_iso_overview .info_container, .mod_iso_orderdetails .info_container { width: 46%; display: inline-block; margin-bottom: 2.2rem; } @media (max-width: 47.99em) { #iso_mod_checkout_review .info_container, .mod_iso_overview .info_container, .mod_iso_orderdetails .info_container { display: block; width: unset; } } #iso_mod_checkout_review .info_container h3, .mod_iso_overview .info_container h3, .mod_iso_orderdetails .info_container h3 { margin-top: 0.3rem; } #iso_mod_checkout_review .info_container a.edit, .mod_iso_overview .info_container a.edit, .mod_iso_orderdetails .info_container a.edit { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-size: 70%; padding: 0.1rem 0.4rem; text-decoration: none; } #iso_mod_checkout_review .info_container a.edit:hover, .mod_iso_overview .info_container a.edit:hover, .mod_iso_orderdetails .info_container a.edit:hover { background: #fca605; /* $red;/*$brown; */ } #left .inside .hinweis { background: #fff798; border-radius: 14px; padding: 0.8rem; line-height: 140%; margin: 2rem 0; } #left .inside .hinweis p { margin: 0; } #left .inside #box_rueckgabe { background: #fca605; border-radius: 14px; padding: 0.8rem; line-height: 140%; margin: 2rem 0; } #left .inside #box_rueckgabe p { margin: 0; } #left .inside #box_vertrauen { background: #fca605; border-radius: 14px; padding: 0.8rem; line-height: 140%; margin: 2rem 0; } #left .inside #box_vertrauen p { margin: 0; } #left .inside #box_vertrauen p:first-of-type { margin-bottom: 0.8rem; } #left .inside #vidlink { border-radius: 14px; padding: 0.8rem; line-height: 140%; margin: 2rem 0; background-color: #fca605; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; padding: 0; } #left .inside #vidlink p { margin: 0; } #left .inside #vidlink p { padding: 0.8rem; /*padding-right: 0.8rem;*/ margin: 0; } input[type=submit] { -webkit-appearance: none !important; } 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 { border: 2px solid #666666; border-radius: 8px; padding: 0.4rem; } .formbody { /*@include flex_wrap;*/ } .address_new { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .widget { width: calc(50% - 1rem); padding: 0.7rem 0; } .widget label { font-weight: bold; display: inline-block; padding-bottom: 0.3rem; color: #CC3201; } @media (max-width: 47.99em) { .widget { width: calc(100% - 2%); } .widget label { display: unset; } } select { width: 100%; background: #fff; border: 2px solid #666666; border-radius: 8px; padding: 0.4rem; } .radio_container span, .checkbox_container span { display: block; } .submit_container { margin-top: 2rem; } .submit_container input.submit { display: inline-block; background: #CC3201; color: #fff; font-size: 120%; padding: 0.8rem 1.4rem; border: none; border-radius: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .submit_container input.submit:hover { background: #fca605; /* $red;/*$brown; */ } .error { color: #CC3201; font-style: italic; } #form_kontakt { margin-bottom: 3rem; } /*# sourceMappingURL=style.css.map */