/* Theme Name: SCHMUCKI Child Theme URI: https://www.schmucki.swiss Description: Child-Theme für SCHMUCKI Author: Schmucki Agentur für Kommunikation AG Author URI: https://www.schmucki.swiss Template: SCHMUCKI Version: 1.0 Text Domain: schmucki */ *{-webkit-box-sizing: border-box;box-sizing: border-box;}img{max-width: 100%;height: auto;}a{text-decoration: none;}button{cursor:pointer;}picture{display:block}.full{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-indent: -30000px;z-index: 10;}:focus{outline: 0 !important;}input, textarea{border-radius: 0 !important;-webkit-appearance: none;}button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}body{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /* Flexboxgrid 6.3.1 */ .container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}} /* Owl Carousel v2.3.4 */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.no-touchevents .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* WPML */ .wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle;width:18px;height:12px}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center} /* Schrift /* @font-face { font-family: 'Calibre'; src: url('/wp-content/themes/SCHMUCKI_child/fonts/Calibre-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Calibre'; src: url('/wp-content/themes/SCHMUCKI_child/fonts/Calibre-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } */ @font-face { font-family: 'Calibre'; src: url('/wp-content/themes/SCHMUCKI_child/fonts/CalibreWeb-Light.eot'); src: url('/wp-content/themes/SCHMUCKI_child/fonts/CalibreWeb-Light.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/SCHMUCKI_child/fonts/CalibreWeb-Light.woff2') format('woff2'), url('/wp-content/themes/SCHMUCKI_child/fonts/CalibreWeb-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Calibre'; src: url('/wp-content/themes/SCHMUCKI_child/fonts/CalibreWeb-Bold.eot'); src: url('/wp-content/themes/SCHMUCKI_child/fonts/CalibreWeb-Bold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/SCHMUCKI_child/fonts/CalibreWeb-Bold.woff2') format('woff2'), url('/wp-content/themes/SCHMUCKI_child/fonts/CalibreWeb-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Summer Loving'; src: url('/wp-content/themes/SCHMUCKI_child/fonts/SummerLoving-Regular.eot'); src: url('/wp-content/themes/SCHMUCKI_child/fonts/SummerLoving-Regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/SCHMUCKI_child/fonts/SummerLoving-Regular.woff2') format('woff2'), url('/wp-content/themes/SCHMUCKI_child/fonts/SummerLoving-Regular.woff') format('woff'), url('/wp-content/themes/SCHMUCKI_child/fonts/SummerLoving-Regular.ttf') format('truetype'), url('/wp-content/themes/SCHMUCKI_child/fonts/SummerLoving-Regular.svg#SummerLoving-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } ::-moz-selection{ background: #000; color: white; } ::selection{ background: #000; color: white; } ::-moz-selection{ background: #000; color: white; } /*--------- Allgemein ---------*/ html{ font-size: 112.5% !important; -webkit-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; text-size-adjust: 100% !important; height: 100%; } body { font-family: 'Calibre', sans-serif; font-size: 18px; font-size: 1rem; line-height: 1.5; color: #000; -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; position: relative; height: auto; min-height: 100.1%; overflow-x: hidden; background: black; } #wrapper{ position: relative; overflow-x: hidden; } #wrapper.message-show { padding-bottom: 5em; } .wrapper-bg{ -webkit-animation: Gradient 18s ease infinite; animation: Gradient 18s ease infinite; background-size: 800% 100% !important; background: -webkit-linear-gradient(135deg, #d5ffdd,#396381,#44976f,#8d2679); background: -o-linear-gradient(135deg, #d5ffdd,#396381,#44976f,#8d2679); background: linear-gradient(-45deg, #d5ffdd,#396381,#44976f,#8d2679); } @-webkit-keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } header .inside, footer .inside, .fullscreen-nav .inside, .all-container .inside, .wpb_teaser_column, .home-intro .inside, .wpb_video_column { position: relative; max-width: 1170px; margin: 0 auto; padding: 0 15px; } .inside > .vc_row{ margin-left: 0; margin-right: 0; margin-bottom: 4em; } .inside > .vc_row.teasermargin { margin-bottom: 0 !important; } .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_content_element.small, .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_text_column, ul.page-list { max-width: 845px; margin-left: auto; margin-right: auto; padding-left: 4em; padding-right: 4em; } .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_content_element.white, .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_text_column, ul.page-list { background-color: #fff; } .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_text_column.nobg{ padding: 0 !important; background: transparent !important; max-width: 1170px; } .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_text_column.nobg h3{ margin-bottom: .7em; } .vc_row .wpb_kompetenz_column, .vc_row .wpb_referenz_column, .vc_row .wpb_stories_column, .vc_row .wpb_ansprechpartner_column { background-color: #fff; padding-bottom: 2.5em; border-top: 1px solid; } .home .vc_row .wpb_referenz_column, .vc_row .all-container:first-child, .wpb_teaser_column + .wpb_referenz_column, .wpb_teaser_column + .wpb_kompetenz_column, .wpb_teaser_column + .wpb_stories_column{ border-top: 0; } .all-container + .wpb_calltoaction_column{ padding-bottom: 4em; } .vc_row .wpb_content_element, .vc_row ul.wpb_thumbnails-fluid>li { margin-bottom: 0; } .vc_column_container>.vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } /*Abstände zwischen den Elementen*/ .wpb_content_element { padding-bottom: 2em; } .vc_row .wpb_wrapper .wpb_content_element.white.small:first-child, .vc_row .wpb_wrapper .wpb_text_column:first-child { padding-top: 4em; } .vc_row .wpb_wrapper .wpb_content_element.white.small:last-child, .vc_row .wpb_wrapper .wpb_text_column:last-child { padding-bottom: 4.5em; } header .inside{ position: initial; } .wpb_clear_column.klein{ padding-top: 2em; padding-bottom: 2em; } .wpb_clear_column.mittel{ padding-top: 3em; padding-bottom: 3em; } .wpb_clear_column.gross{ padding-top: 4em; padding-bottom: 4em; } .no-padding-top{ padding-top: 0 !important; } .no-padding-bottom{ padding-bottom: 0 !important; } /* Einfliegen */ .vc_row .wpb_content_element, footer .footer-top, footer .footer-bottom{ overflow: hidden; } .vc_row .wpb_content_element.wpb_teaser_column{ overflow: initial; } .inside > .vc_row, .teaser-single > div, .wpb_content_element.white > .wpb_wrapper > .inside, .wpb_calltoaction_column .calltoaction, .footer-top .footer-navigation ul, .footer-top .footer-metanavigation ul, .footer-bottom .logo, .footer-bottom .newsletter, .footer-bottom .go-top, .wpb_button_column .button-box a, .wpb_accordion_column .accordion, .wpb_accordion_column h4, .wpb_text_column .wpb_wrapper, .headermedia, .wpb_image_column .wpb_wrapper{ -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; -webkit-transition: 800ms linear all; -o-transition: 800ms linear all; transition: 800ms linear all; opacity: 0; } .inside > .vc_row:first-child{ -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .teaser-single > div{ position: relative; } .inside > .vc_row, .wpb_content_element.white > .wpb_wrapper > .inside, .wpb_calltoaction_column .calltoaction, .teaser-single > .col-sm-12, .wpb_image_column .wpb_wrapper, .footer-top .footer-navigation ul, .footer-top .footer-metanavigation ul, .footer-bottom .logo, .footer-bottom .newsletter, .footer-bottom .go-top, .wpb_pdf_column a, .wpb_accordion_column .accordion, .wpb_accordion_column h4, .wpb_text_column .wpb_wrapper, .headermedia, .wpb_button_column .button-box a{ -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .inside > .vc_row.teasers{ -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; opacity: 1 !important; } .teaser-arrowright > div{ -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } .teaser-arrowleft > div{ -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } .inside > .vc_row.is-visible, .teaser-single.is-visible > div, .wpb_content_element.white.is-visible > .wpb_wrapper > .inside, .wpb_calltoaction_column.is-visible .calltoaction, .footer-top.is-visible .footer-navigation ul, .footer-top.is-visible .footer-metanavigation ul, .footer-bottom.is-visible .logo, .footer-bottom.is-visible .newsletter, .footer-bottom.is-visible .go-top, .wpb_pdf_column.is-visible a, .wpb_button_column.is-visible .button-box a, .wpb_accordion_column.is-visible .accordion, .wpb_accordion_column.is-visible h4, .wpb_text_column.is-visible .wpb_wrapper, .headermedia.is-visible, .wpb_image_column.is-visible .wpb_wrapper{ opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } /* Pfeile */ a.full::before, a.full::after, .wpb_teaser_column .teaser-arrowleft.no-link .teaser-content::before, .wpb_teaser_column .teaser-arrowright.no-link .teaser-content::after{ display: none !important; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, .wpb_teaser_column .teaser-arrowleft .teaser-content::before, .wpb_teaser_column .teaser-arrowright .teaser-content::after, .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after, .wpb_calltoaction_column .calltoaction::before, .wpb_pdf_column a::before, .wpb_button_column a.arrow-left::before, .accordion .accordion-title h3::before, .product-title::before, .product-info a::before, #mc-embedded-subscribe, .owl-nav button::before, .social-container a::before, header .social-container a::after{ content: ""; position: absolute; left: 0; top: 0; background: url('/wp-content/themes/SCHMUCKI_child/img/iconset.png'); background: url('/wp-content/themes/SCHMUCKI_child/img/iconset.svg'); background-size: 540px; background-repeat: no-repeat; -webkit-transition: 400ms linear transform; -o-transition: 400ms linear transform; transition: 400ms linear transform; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, #mc-embedded-subscribe, .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after, .wpb_button_column a::before{ height: 27px; width: 44px; } .no-touchevents .fullscreen-nav ul.menu li a:hover::before, .no-touchevents .footer-navigation li a:hover::before, .no-touchevents .home-intro a:hover::after, .quform-button-submit-default>button.quform-submit:hover::after, .no-touchevents .video-title a:hover::after, .no-touchevents .wpb_video_column .teaser-video a:hover::after, .no-touchevents .wpb_button_column a:hover::after, .no-touchevents #mc-embedded-subscribe:hover{ -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } .no-touchevents .wpb_button_column a:hover::before{ -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px); } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before{ left: auto; right: 0; top: 24px; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, #mc-embedded-subscribe{ background-position: -352px -3px; } .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after{ background-position: -307px -3px; } .wpb_button_column a.arrow-left::before{ display: none; } .wpb_button_column a.arrow-left::before{ top: 11px; background-position: -352px -34px; } .home-intro a, .quform-button-submit-default>button.quform-submit, .video-title a, .wpb_video_column .teaser-video a, .wpb_button_column a{ position: relative; padding-right: 57px; } .wpb_button_column a.arrow-left { padding-left: 57px; padding-right: 0; } .wpb_button_column a.arrow-left::after { left: 0; right: auto; background-position: -306px -32px; } .wpb_button_column a.arrow-left:hover::after { -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px); } .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after{ left: auto; right: 0; top: 10px; } .wpb_teaser_column .teaser-arrowleft .teaser-content::before, .wpb_teaser_column .teaser-arrowright .teaser-content::after{ width: 152px; height: 90px; background-position: -2px -2px; top: 18px; } .wpb_teaser_column .teaser-arrowleft .teaser-content::before{ background-position: -2px -91px; } .no-touchevents .wpb_teaser_column .teaser-arrowright .teaser-content:hover::after{ -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } .no-touchevents .wpb_teaser_column .teaser-arrowleft .teaser-content:hover::before{ -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); } .wpb_teaser_column .teaser-arrowright .teaser-content::after{ left: auto; right: 0; } .wpb_calltoaction_column .calltoaction{ padding-left: 75px; } .wpb_calltoaction_column .calltoaction::before{ width: 58px; height: 61px; background-position: -304px -96px; top: 7px; } .wpb_pdf_column a{ padding-top: 2px; padding-bottom: 2px; padding-left: 37px; } .wpb_pdf_column a::before, .product-info a::before{ width: 24px; height: 30px; background-position: -397px -2px; } .product-info a::before{ left: 14px; top: 10px; } .accordion .accordion-title h3{ padding-left: 60px; } .accordion .accordion-title h3::before { top: 7px; left: 18px; width: 15px; height: 29px; background-position: -306px -64px; } .accordion .accordion-title.open h3::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .no-touchevents .accordion .accordion-title.open:hover h3::before { -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg); } .product-title::before{ top: 5px; left: 0; width: 10px; height: 19px; background-position: -377px -70px; } .product-title.active::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .social-container a::before, .social-container a::after{ background-position: -428px -141px; width: 100%; height: 100%; } .social-container a.yt::before{ background-position: -428px -88px; } .social-container a.linkedin::before{ background-position: -428px -35px; } header .social-container a::after, .open-menu header .social-container a::before{ opacity: 0; } .open-menu header .social-container a::after{ opacity: 1; } footer .social-container a::before, header .social-container a::after{ background-position: -482px -141px; } footer .social-container a.yt::before, header .social-container a.yt::after{ background-position: -481px -88px; } footer .social-container a.linkedin::before, header .social-container a.linkedin::after{ background-position: -481px -35px; } /* Überschriften */ h1, h2, h3, h4, h5, h6, .video-title, h2.quform-form-title{ font-weight: normal; line-height: 1.15; font-weight: bold; color: #000000; margin-top: 0; } h1, h2.quform-form-title { font-size: 55px; font-size: 3rem; margin-bottom: 0em; line-height: 1.05; } h2, .video-title{ font-size: 55px; font-size: 3.06rem; font-weight: normal; margin-bottom: .5em; } h1+h2 { margin-bottom: .75em; } h1+p { margin-top: 1.8em; } h3 { font-size: 35px; font-size: 1.94rem; margin-top: 1em; } .vc_row.news h3 { padding: 0 15px; } h4 { font-size: 23px; font-size: 1.28rem; margin-bottom: .8em; } /* Absätze/Text/Copy/Links */ p, a, span, li, .accordion-content{ color: #000000; font-size: 22px; font-size: 1.22rem; line-height: 1.3; } p{ margin: 0 0 1.5em; } .wpb_wrapper p:last-child{ margin-bottom: 0; } main .wpb_text_column a { position: relative; display: inline-block; } main a, .popup a { display: inline-block; position: relative; } main p a::before, main li a::before, .popup a::before { content: ""; width: 100%; height: 1px; bottom: 1px; left: 0; background: #464646; position: absolute; } main p strong a::before, main li strong a::before, main p b a::before, main li b a::before, .popup a::before { height: 2px; bottom: 0; } /* Listen/Aufzählungen */ ul { margin: 0; padding: 0; } main ul{ padding: 0; margin: 0 0 1.5em; list-style-type: none; } main ul li{ position: relative; padding-left: 1.2em; margin-bottom: .35em; } main ul li::before{ content: ""; position: absolute; width: 10px; height: 1px; left: 0; top: 15px; background: #000; } picture { line-height: 0; } .wpb_image_column p { margin-top: .4em; margin-bottom: 0; } ul.page-list { margin-bottom: 0; padding-bottom: 2em; } main ul.page-list ul { margin-top: .5em; } /* Call-to-Action */ .wpb_calltoaction_column.center { text-align: center; } .wpb_calltoaction_column.left { text-align: left; } .wpb_calltoaction_column.right { text-align: right; } .wpb_calltoaction_column .calltoaction.einzeilig { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wpb_calltoaction_column.left .calltoaction.einzeilig { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wpb_calltoaction_column.right .calltoaction.einzeilig { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wpb_calltoaction_column p { display: inline-block; text-align: left; font-weight: bold; margin-bottom: 0; } .wpb_calltoaction_column p, .wpb_calltoaction_column p a{ font-size: 35px; font-size: 1.94rem; line-height: 1.08; } .wpb_calltoaction_column p a { text-decoration: none !important; } .wpb_calltoaction_column .calltoaction { position: relative; display: inline-block; } .wpb_calltoaction_column .calltoaction, .video-title, .go-top, .wpb_calltoaction_column .calltoaction, .wpml-ls li a span, .product-title, picture{ -webkit-transition: 300ms linear opacity, 800ms linear transform; -o-transition: 300ms linear opacity, 800ms linear transform; transition: 300ms linear opacity, 800ms linear transform; } picture{ opacity: 0; } .no-touchevents main .wpb_text_column a:hover, .no-touchevents main .wpb_text_column a:hover::before, .no-touchevents .home-intro a:hover, .quform-button-submit-default>button.quform-submit:hover, .no-touchevents .wpb_calltoaction_column .calltoaction:hover, .no-touchevents .wpb_button_column.is-visible .button-box a:hover, .no-touchevents .wpb_pdf_column.is-visible a:hover, .no-touchevents footer .footer-metanavigation ul li a:hover, .no-touchevents .cookie-close:hover, .no-touchevents #message-cookie-policy .cookie-message a:hover, .no-touchevents footer .footer-metanavigation ul li a:hover::before, .no-touchevents .go-top:hover, .no-touchevents .hamburger-menu.is-active:hover, .no-touchevents .wpml-ls li a span:hover, .no-touchevents .product-title:hover, .no-touchevents .accordion .accordion-title:hover h3, .no-touchevents .wpb_teaser_column .teaser-content:hover, .no-touchevents .product-info a:hover, .no-touchevents .wpb_button_column a:hover, .no-touchevents .video-title a:hover, .social-container a:hover, .no-touchevents main p a:hover, .no-touchevents main li a:hover, .no-touchevents .ff-item .ff-content a:hover, .ansprechpartner-content:hover{ opacity: .5; } .no-touchevents .accordion .accordion-title.open:hover h3, .loaded picture, picture.loaded, .no-touchevents .wpb_teaser_column .no-link .teaser-content:hover{ opacity: 1; } /* Transitions */ svg, a, .fullscreen-nav li a::before, .footer-navigation li a::before, .video-container::after, .accordion .accordion-title svg, .product-title>svg, main .wpb_text_column a::before, .accordion .accordion-title h3, .wpb_calltoaction_column svg rect, .cookie-close, #message-cookie-policy .cookie-message a, .wpb_pdf_column a, .hamburger-menu, .hamburger-menu .line, .fullscreen-nav ul.menu li, .footer-navigation li, .fullscreen-nav .menu > li > a, .footer-navigation li a, .fullscreen-nav .hamburger-menu, .video-container-overlay, #message-cookie-policy, #message-cookie-policy .cookie-message a, button, .single .single-overlay, .wpb_teaser_column .teaser-content, footer .footer-metanavigation ul li a::before, .social-container a, header .social-container a::after, header .social-container a::before, main p a::before, main li a::before, .ff-item .ff-content a, .ansprechpartner-content, .owl-carousel .owl-item img, .popup__close, .popup__close::before, .popup__close::after { -webkit-transition: 400ms linear all; -o-transition: 400ms linear all; transition: 400ms linear all; } .teaser-single a, .fullscreen-nav::before, .fullscreen-nav ul.menu, .fullscreen-nav .wpml-ls{ -webkit-transition: 600ms linear all; -o-transition: 600ms linear all; transition: 600ms linear all; } .teaser-single{ pointer-events: none; } .teaser-single.is-finished{ pointer-events: auto; } /* PDF */ .wpb_pdf_column a { font-weight: bold; font-size: 22px; font-size: 1.22rem; margin-bottom: 0; display: block; } .wpb_pdf_column a + a { margin-top: .5em; } .wpb_pdf_column.wpb_content_element + .wpb_pdf_column.wpb_content_element { margin: 0; } /* Navigation */ .open-menu, .open-menu body, .show-popup, .show-popup body{ overflow: hidden; } .hamburger-menu { position: absolute; z-index: 200; top: 50%; right: 18px; margin-top: -26px; } .no-touchevents .hamburger-menu:hover{ cursor: pointer; } .no-touchevents .hamburger-menu:hover .line:first-of-type { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .no-touchevents .hamburger-menu:hover .line:last-of-type { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .hamburger-menu .line{ width: 50px; height: 5px; background-color: black; display: block; margin: 8px auto; } .open-menu .hamburger-menu .line { background-color: white; } .open-menu .hamburger-menu .line:nth-child(2){ opacity: 0; } .open-menu .hamburger-menu .line:nth-child(1), .no-touchevents.open-menu .hamburger-menu:hover .line:nth-child(1){ -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg); } .open-menu .hamburger-menu .line:nth-child(3), .no-touchevents.open-menu .hamburger-menu:hover .line:nth-child(3){ -webkit-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg); transform: translateY(-13px) rotate(-45deg); } .fullscreen-nav{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: transparent; opacity: 0; visibility: hidden; z-index: -1; text-align: center; } .fullscreen-nav .inside { text-align: left; padding: 0 15px; margin-top: 3em; position: relative; } .fullscreen-nav #menu-hauptnavigation { top: 20%; position: relative; } .menu-loaded .fullscreen-nav{ background: #252525; } .closed-menu #wrapper::before, .open-menu #wrapper::before{ display: none; } .menu-unloaded #wrapper::before, .open-menu.menu-loaded #wrapper::before, .fadeout-menu #wrapper::before{ display: block !important; } .menu-unloaded #wrapper::before{ -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; opacity: 0; } .open-menu .fullscreen-nav{ opacity: 1; visibility: visible; z-index: 100; } .logged-in .fullscreen-nav{ top: 31px; } .fullscreen-nav::before{ content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000000; overflow-x: hidden; opacity: 0; } .open-menu .fullscreen-nav::before{ opacity: 1; } .fadeout-menu .fullscreen-nav::before{ -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; opacity: 0; } .fullscreen-nav .inside { margin-top: 10em; } .fullscreen-nav ul.menu, .fullscreen-nav .wpml-ls { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; overflow: hidden; } .open-menu .fullscreen-nav ul.menu, .open-menu .fullscreen-nav .wpml-ls { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .fadeout-menu .fullscreen-nav ul.menu, .fadeout-menu .fullscreen-nav .wpml-ls { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; } .fullscreen-nav ul.menu li, .footer-navigation li { list-style-type: none; display: inline-block; width: 36%; text-align: left; position: relative; margin-top: 1em; } .footer-navigation li:first-child{ margin-top: 0; } .fullscreen-nav ul.menu li:nth-of-type(3n), .footer-navigation li:nth-of-type(3n) { width: 21%; } .fullscreen-nav ul.menu li:nth-of-type(3n+1), .footer-navigation li:nth-of-type(3n+1) { width: 42%; } .fullscreen-nav ul.menu li a { display: inline-block; } .fullscreen-nav ul.menu li a, .footer-navigation li a { color: white; text-decoration: none; position: relative; padding-right: 57px; } .fullscreen-nav .menu > li > a, .footer-navigation li a { position: relative; z-index: 2; font-size: 55px; font-size: 3.06rem; line-height: 1.1; font-weight: bold; background: transparent; } .fullscreen-nav .menu.active > li > a, .fullscreen-nav .menu > li.current-menu-ancestor > a, .fullscreen-nav .menu > li.current-menu-item > a, .single-tribe_events .fullscreen-nav .menu > li#menu-item-61 > a{ color: white; } .no-touchevents .fullscreen-nav .menu.active > li:hover > a{ color: white; } .no-touchevents .fullscreen-nav .menu .sub-menu li.current_page_item a:hover{ opacity: .4; } .open-menu .fullscreen-nav .hamburger-menu{ opacity: 1; } .no-touchevents .open-menu .fullscreen-nav .hamburger-menu:hover::before{ opacity: 1; } .fullscreen-nav .hamburger-menu{ -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; opacity: 0; } .fadeout-menu .fullscreen-nav .hamburger-menu{ -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; opacity: 0; } .fullscreen-nav .menu > li.current-menu-item > a, .footer-navigation li.current-menu-item > a{ opacity: .5; } .no-touchevents .fullscreen-nav li.current-menu-item a:hover::before, .no-touchevents .footer-navigation li.current-menu-item > a:hover::before{ -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /* Produktliste */ .products{ margin-top: 2em; } .product-single{ margin-bottom: 1em; } .product-single.disabled{ pointer-events: none; cursor: default; } .product-single.disabled .product-title::before{ opacity: .2; } .product-single span { display: block; } .product-single a { display: inline-block; } .product-title { cursor: pointer; display: inline-block; padding-left: 1.2em; position: relative; } .product-title>svg { position: absolute; top: 5px; left: 0; } .product-title .name{ font-weight: bold; margin-right: .75em; } .search-input input{ border: 1px solid; font-size: 23px; font-size: 1.5rem; padding: .5em 1em .55em; width: 100%; } .product-info{ border-bottom: 1px solid; padding: 1.25em 0 1.75em 1.2em; } .product-info a{ border: 1px solid; border-radius: 5px; padding: .5em .75em .5em 2.25em; position: relative; margin-right: 10px; margin-right: 1.5em; } .product-info .invisible { display: none; } .product-desc p:last-child{ margin-bottom: 0; } /*Sprachenwechsler*/ .wpml-ls { text-align: right; margin-bottom: 4em; } .wpml-ls ul { width: 21%; text-align: left; display: inline-block; position: relative; } .wpml-ls li a::before { display: none; } .wpml-ls li a span { font-size: 55px; font-size: 3.06rem; line-height: 1; color: white; } .no-touchevents .wpml-ls li a span:hover { cursor: pointer; } .wpml-ls li.wpml-ls-item + li.wpml-ls-item { margin-left: 1.5em; } .wpml-ls li.wpml-ls-current-language a span { font-weight: bold; cursor: auto; } .no-touchevents .wpml-ls li.wpml-ls-current-language a span:hover { opacity: 1; } .wpml-ls-legacy-list-horizontal a { padding: 0; } /* Page Loader */ /* Kachel */ .wpb_kachel_column{ position: relative; height: 20em; width: 100%; overflow: hidden; } .wpb_kachel_column picture{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .objectfit .wpb_kachel_column img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .wpb_kachel_column .overlay{ position: absolute; left: 15px; bottom: 15px; width: 80%; z-index: 1; background: white; padding: 1em; } .wpb_kachel_column .overlay h3, .wpb_kachel_column .overlay p{ margin: 0; } /* Toggle */ .toggle-container{ margin-bottom: 2em; } .toggle-content{ margin-bottom: 1.5em; } .toggle-content p:last-child{ margin-bottom: 0; } .toggle-buttons .button-read-less, .toggle-buttons.active .button-read-more{ display: none; } .toggle-buttons.active .button-read-less{ display: inline-block; } /* Accordion */ .accordion{ border-bottom: 1px solid #979797; } .accordion .accordion-title { cursor: pointer; padding: 1em 0; border-top: 1px solid #979797; } .accordion .accordion-title h3{ margin: 0; position: relative; } .accordion .accordion-content { padding-left: 60px; padding-bottom: 1em; } .accordion picture + div, .accordion picture + p { margin-top: 2em; } .accordion .video-container { margin-bottom: 2em; } .accordion .wpb_button_column , .vc_row .wpb_wrapper .accordion .wpb_button_column.white.small:last-child { padding-bottom: 1em; } span.img-desc { margin-top: .5em; margin-bottom: 2em; display: block; } .vc_row .wpb_image_column.white.small:last-child span.img-desc { margin-bottom: 0; } .wpb_button_column .button-box + .button-box { margin-top: .5em; } /* Tabs */ .responsive-tabs .responsive-tabs__heading { display: none; } .responsive-tabs .responsive-tabs__list__item { display: inline; cursor: pointer; } .responsive-tabs-wrapper { clear: both; margin-bottom: 1.25em; zoom: 1; } .responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after { content: ""; display: table; } .responsive-tabs-wrapper:after { clear: both; } .responsive-tabs .responsive-tabs__list__item::before{ display: none; } .responsive-tabs .responsive-tabs__heading:focus, .responsive-tabs .responsive-tabs__list__item:focus { outline: 2px solid transparent; } .responsive-tabs .responsive-tabs__heading--active:focus, .responsive-tabs .responsive-tabs__list__item--active:focus { outline: none; } .responsive-tabs .responsive-tabs__list__item { font-weight: bold; background: transparent; border: 2px solid transparent; border-bottom: none; margin: 1px 12px 0 0; padding: 10px 12px 10px; white-space: nowrap; float: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-touchevents .responsive-tabs .responsive-tabs__list__item:hover { background: transparent; } .responsive-tabs .responsive-tabs__list__item--active, .no-touchevents .responsive-tabs .responsive-tabs__list__item--active:hover { background: #fff; border-color: black; padding-bottom: 12px; margin-top: 0; position: relative; top: 2px; } .responsive-tabs .responsive-tabs__panel { background: #fff; border-top: 2px solid black; border-radius: 0px; border-top-left-radius: 0px; clear: left; margin-bottom: 0; padding: 30px 14px 0; word-wrap: break-word; } .responsive-tabs .responsive-tabs__panel:after { content: ""; display: block; height: 0; clear: both; } /* Youtube / Vimeo Videos */ .video-container{ position: relative; top: -2px; display: block; width: 100%; padding: 0; overflow: hidden; background-color: black; -webkit-transition: background-color .8s; -o-transition: background-color .8s; transition: background-color .8s; } .video-container.loaded, .video-holder.loaded, .row .video.loaded{ background-color: transparent; } .video-container::before{ display: block; content: ""; padding-top: 57%; } .video-container iframe{ position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .video-container-overlay { background-color: black; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: 2; } .video-container.loaded .video-container-overlay { opacity: 0; -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; visibility: hidden; } .video-container.vimeo.loaded .video-container-overlay { -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } .video-title{ margin-top: .5em; max-width: 1000px; text-align: left; margin-bottom: 0; } .half-circle-spinner, .half-circle-spinner * { -webkit-box-sizing: border-box; box-sizing: border-box; } .half-circle-spinner { width: 60px; height: 60px; border-radius: 100%; position: relative; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; } .half-circle-spinner .circle { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: calc(60px / 10) solid transparent; } .half-circle-spinner .circle.circle-1 { border-top-color: white; -webkit-animation: half-circle-spinner-animation 1s infinite; animation: half-circle-spinner-animation 1s infinite; } .half-circle-spinner .circle.circle-2 { border-bottom-color: white; -webkit-animation: half-circle-spinner-animation 1s infinite alternate; animation: half-circle-spinner-animation 1s infinite alternate; } @-webkit-keyframes half-circle-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes half-circle-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Google Maps */ .gm-style-pbc{ background: rgba(0,0,0,.75) !important; } .gm-style-cc > div, button.gm-control-active.gm-fullscreen-control { display: none !important; } div.gmnoprint div { top: -525px !important; } /* Cookie-Meldung */ #message-cookie-policy{ position: fixed; z-index: 100; right: 20px; bottom: -30%; max-width: 500px; background: black; padding: 1em; border: 2px solid white; } #message-cookie-policy.active{ bottom: 20px; } #message-cookie-policy.disable{ opacity: 0; } .cookie-close{ color: white; position: absolute; right: 0; top: 0; width: 26px; height: 26px; text-indent: -300000px; cursor: pointer; } .cookie-close::before, .cookie-close::after{ content: ""; position: absolute; right: 0; top: 0; width: 26px; height: 2px; display: block; background-color: white; -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg); } .cookie-close::after{ -webkit-transform: translateY(13px) rotate(-45deg); -ms-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg); } #message-cookie-policy .cookie-message{ margin: 0 auto; padding: .75em 40px .75em 15px; position: relative; } #message-cookie-policy .cookie-message p{ display: inline-block; margin-bottom: 0; font-size: 20px; font-size: 1.1rem; color: white; } #message-cookie-policy .cookie-message a{ text-decoration: underline; color: white; } button{ padding: .25em 1em; border-radius: 0; background: transparent; color: white; border: 3px solid; cursor: pointer; font-weight: bold; margin-top: .75em; } .no-touchevents button:hover{ background: white; color: black; border-color: white; } .cookie-status{ display: inline-block; } button.toggle-cookies{ margin-left: .75em; margin-bottom: 1.75em; color: black; } .no-touchevents button.toggle-cookies:hover{ color: white; background: black; border-color: black; } /* Falls JavaScript deaktiviert ist */ .no-js .info-box{ position: relative; width: 100%; padding: 2em 0; background: black; } .no-js .info-box h3, .no-js .info-box p, .no-js .info-box a{ color: white; } .no-js .row{ -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; } /*------ Header ------*/ header { padding-top: 3em; z-index: 200; margin-bottom: 2.5em; } .home header { margin-bottom: 0; } header .inside { position: relative; z-index: 200 } header .logo { z-index: 200; line-height: 0; display: inline-block; } header .logo svg { fill: black; } .open-menu header .logo svg { fill: white; } .logo a { display: inline-block; line-height: 0; } .no-touchevents .logo a:hover svg rect { -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); } .no-touchevents .logo a:hover svg rect:first-of-type { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } .logo svg rect { -webkit-transition: transform .5s; -o-transition: transform .5s; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } header .social-container{ position: absolute; right: 98px; top: 3px; margin-right: 5em; } .social-container a{ display: inline-block; width: 52px; height: 52px; border-radius: 50%; text-indent: -300000px; margin-left: .5em; position: relative; } .headermedia { max-width: 1140px; margin: 0 auto; z-index: 1; /*box-shadow: 0 8px 24px 0 rgba(178,178,178,0.50);*/ line-height: 0; margin-bottom: 5.5em; } .headermedia.video { margin-bottom: 0; } /* Startseite */ .home-intro { position: relative; padding-top: 3.5em; padding-bottom: 6.5em; min-height: 100vh; } .home-intro h1 { font-size: 261px; font-size: 14.5rem; font-family: 'Summer Loving'; line-height: 0.8; margin-top: 30px; margin-bottom: 30px; font-weight: normal; } .home-intro h2 { font-size: 60px; font-size: 3.33rem; margin-bottom: .6em; } .home-intro a, body .quform .quform-button-submit-default>button.quform-submit span, .video-title a, .wpb_video_column .teaser-video a, .wpb_button_column a { font-size: 35px; font-size: 1.94rem; font-weight: bold; display: inline-block; clear: both; } .home-intro picture, .home-intro .video-container { margin-top: 3.5em; margin-bottom: 2em; } .home-intro h2{ margin-bottom: .4em; } .video-title a{ margin-top: .4em; } .teaser-video .video-title a { display: block; } /* Teaser */ .site_cover_headline h3, .wpb_teaser_column h3, .wpb_video_column h3 { font-size: 117px; font-size: 6.5rem; line-height: 1; margin: 0 0 .15em 0; } .wpb_teaser_column .teaser-img .col-sm-10, .wpb_teaser_column .teaser-video .col-sm-10, .wpb_video_column .teaser-video .col-sm-10 { background-color: #ffffff; } .site_cover_headline p, .wpb_teaser_column p, .wpb_video_column p { font-size: 60px; font-size: 3.33rem; line-height: 1.1; margin-bottom: 0; -ms-hyphens: manual; -webkit-hyphens: manual; hyphens: manual; } .wpb_teaser_column .teaser-single { margin: 8em 0; } .wpb_teaser_column .teaser-single:last-child{ margin-bottom: 4em; } /*teaser arrow left + teaser arrow right*/ .wpb_teaser_column .teaser-arrowleft .teaser-content, .wpb_teaser_column .teaser-arrowright .teaser-content { position: relative; display: inline-block; text-align: left; padding-left: 192px; padding-right: 0; } .wpb_teaser_column .teaser-arrowright .teaser-content { padding-left: 0; padding-right: 192px; } /*teaser img + teaser video*/ .row.teaser-img .wpb_video_column .row.teaser-video { margin-left: 0; margin-right: 0; } .teaser-img .col-sm-12, .teaser-video .col-sm-12 { padding: 0; position: relative; text-align: right; } .teaser-img .col-sm-10, .teaser-video .col-sm-10 { position: relative; top: -5.5em; padding: 3em 4.5em 4.5em 4.5em; margin-bottom: -5.5em; } .teaser-video .col-sm-10 { top: 0; margin-bottom: 0; } .teaser-img .col-sm-10 p, .teaser-video .col-sm-10 p { margin-bottom: .6em; } .teaser-video.no-link .col-sm-10 p, .teaser-img.no-link .col-sm-10 p { margin-bottom: 0; } .teaser-video.row { margin-left: 0; margin-right: 0; } /* alle Kompetenzen/Referenzen/Ansprechpartner/Stories */ .all-container { margin-bottom: 2em; } .all-container + .all-container { border-top: 1px solid #A0A0A0; } .all-container h3 { margin-bottom: .7em; margin-top: 1.75em; } .all-container .single { display: inline-block; position: relative; } .all-container .single.img { max-width: 250px; } .all-container .single.video { max-width: 445px; } .all-container .single img { -webkit-box-shadow: 0 4px 22px 0 rgba(0,0,0,0.05); box-shadow: 0 4px 22px 0 rgba(0,0,0,0.05); } .all-container .ansprechpartner-single.single img{ -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } .all-container .single .media-container{ display: inline-block; position: relative; overflow: hidden; } .single .single-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: white; padding: 1em; opacity: 0; visibility: hidden; } .no-touchevents .single:hover > .media-container > .single-overlay { opacity: 1; visibility: visible; } .all-container .single p { margin-top: .6em; } /* Referenzen */ .single-referenz .competence .wpb_accordion_column{ padding-top: 0 !important; } .wpb_accordion_column{ padding-top: 1em; } .accordion-content .wpb_link_column{ padding-top: 0 !important; margin-bottom: 2.5em !important; margin-top: -.5em !important; } .accordion-content .wpb_link_column a::before{ display: none !important; } /* OWL Custom */ .owl-carousel .owl-item { width: auto !important; height: auto !important; } .owl-carousel .owl-stage-outer{ overflow: visible; } .owl-carousel .owl-dots { display: none; opacity: 0; } .owl-carousel .owl-item img { opacity: 0 !important; } .owl-carousel .owl-item .media-container.loaded img { opacity: 1 !important; } .owl-carousel .owl-nav.disabled { display: block !important; } .owl-nav{ position: absolute; top: -65px; right: 0; } .owl-nav button{ width: 23px; height: 19px; position: relative; } .owl-nav button.owl-next::before{ left: 13px; top: 6px; } .owl-nav button.disabled, .no-touchevents .owl-carousel .owl-nav button.disabled.owl-next:hover, .no-touchevents .owl-carousel .owl-nav button.disabled.owl-prev:hover{ opacity: .1; } .owl-nav span{ display: none; } .owl-carousel .owl-nav button.owl-next{ margin-left: 5px; } .owl-nav button::before{ width: 11px; height: 20px; background-position: -388px -68px; } .owl-nav button.owl-prev::before{ background-position: -415px -70px; left: 11px; top: 8px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ margin-top: 0; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ background: black; width: 34px; height: 34px; } .no-touchevents .owl-carousel .owl-nav button.owl-next:hover, .no-touchevents .owl-carousel .owl-nav button.owl-prev:hover { opacity: .5; } .owl-item video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .objectfit .owl-item video, .object-fit .owl-item video { -o-object-fit: cover; object-fit: cover; } .wpb_kompetenz_column { margin-top: 5em; } .wpb_kompetenz_column.all-container { margin-top: 0; } .wpb_kompetenz_column .wpb_accordion_column a { font-size: 35px; font-size: 1.94rem; font-weight: bold; } .accordion-content { /*padding-bottom: 2em;*/ } .wpb_ansprechpartner_single_column .ansprechpartner-single { line-height: 0; position: relative; } .wpb_ansprechpartner_single_column .ansprechpartner-single picture, .wpb_ansprechpartner_single_column .ansprechpartner-single .ansprechpartner-content { display: inline-block; vertical-align: middle; } .wpb_ansprechpartner_single_column .ansprechpartner-single img { border: 5px solid #FFFFFF; margin-right: 1.1em; width: 140px; } .wpb_ansprechpartner_single_column .ansprechpartner-single p { font-weight: bold; font-size: 35px; font-size: 1.94rem; line-height: 1.2; margin-bottom: 0; } .wpb_ansprechpartner_single_column .ansprechpartner-single .ansprechpartner-content { position: relative; top: -5px; } .ansprechpartner-single.item { width: 300px !important; } /*------ Footer ------*/ footer{ margin-top: 8em; padding-top: 6em; background: #252525; position: relative; } footer::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black; } footer .footer-top { padding-bottom: 3.5em; } footer .footer-bottom { padding-top: 3.5em; padding-bottom: 1.5em; } /* Footer Navigation */ footer .footer-navigation { margin-bottom: 4em; } footer .footer-navigation li a, footer .footer-metanavigation ul li a, footer .newsletter h4, footer .newsletter label{ color: white; } footer .logo svg path, footer .logo svg polygon, footer .logo svg rect{ fill: white; } /* Footer Subnavigation */ footer .footer-metanavigation ul li { list-style-type: none; display: inline-block; margin-right: 1.5em; } footer .footer-metanavigation ul li a { font-size: 30px; font-size: 1.67rem; position: relative; } footer .footer-metanavigation ul li a::before { content: ""; position: absolute; width: 100%; height: 2px; background-color: white; bottom: -6px; left: 0; } /* Footer Logo */ footer .logo { width: 49.5%; vertical-align: top; display: inline-block; margin-top: 4px; } footer .logo a { float: left; position: relative; } footer .social-container{ float: left; margin-left: 1em; margin-top: 3px; } /* Footer Newsletter */ footer .newsletter { width: 50%; display: inline-block; vertical-align: top } footer .newsletter h4 { margin-bottom: .7em; } footer .newsletter form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer .newsletter label { font-size: 22px; font-size: 1.22rem; margin-right: .7em; } footer .newsletter input.email { width: 280px; height: 38px; border: none; padding: 0 10px; } footer .newsletter .register{ cursor: pointer; } .mc-field-group{ position: relative; width: auto; display: inline-block; padding-right: 57px; } input#mc-embedded-subscribe{ border: 0; text-indent: -30000px; left: auto; right: 0; top: 5px; z-index: 10; cursor: pointer; } .newsletter .note{ font-size: 18px; font-size: 1rem; opacity: .7; margin-top: 0.5em; display: block; color: white; } .newsletter .note a{ font-size: 18px; font-size: 1rem; text-decoration: underline; } /* Go-Top */ .go-top { text-align: center; margin-top: 8em; } .go-top p { font-size: 22px; font-size: 1.22rem; font-weight: bold; margin-bottom: 0; display: inline-block; cursor: pointer; line-height: 1; color: white; } .go-top svg { margin: 0 auto; display: block; margin-bottom: .8em; } .no-touchevents .go-top p:hover svg { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /*Social Stream Flow Flow*/ .ff-dropdown{ display: none !important; } .ff-item .ff-item-cont h4 a { line-height: 1.15; font-weight: bold; color: #000000 !important; font-size: 23px; font-size: 1.28rem; } .ff-stream-wrapper { margin-top: 0 !important; } .ff-stream { padding-top: 0 !important; } #ff-stream-1, #ff-stream-2 { background-color: transparent !important; } .ff-item .ff-content, .ff-slideshow .ff-content{ color: #000000; font-size: 22px !important; font-size: 1.22rem !important; line-height: 1.3 !important; } .ff-item .ff-content a, .ff-item-cont .ff-content a{ position: relative !important; display: inline-block !important; color: #000000 !important; text-decoration: none !important; } .no-touchevents .ff-item .ff-content a:hover, .no-touchevents .ff-item-cont .ff-content a:hover{ text-decoration: none !important; } .ff-item .ff-content h4 a::before, .ff-item-cont .ff-content h4 a::before{ display: none !important; } .ff-item .ff-content a::before, .ff-item-cont .ff-content a::before{ content: ""; width: 100%; height: 1px; bottom: 1px; left: 0; background: #464646; position: absolute; } .ff-item h4{ margin-bottom: -4% !important; } .ff-item-bar, .ff-comments-list, .ff-share-wrapper.ff-popup__visible, .ff-dropdown .ff-share-wrapper, .flaticon-share2, .ff-userpic, .ff-slideshow .ff-nickname{ display: none !important; } .ff-slideshow .ff-supports-comments .ff-item-meta{ border: 0 !important; } .ff-slideshow .ff-item-cont{ background-color: white; } .ff-slideshow .ff-cta{ font-weight: bold !important; font-size: 22px !important; font-size: 1.22rem !important; background: black !important; padding: 7px 10px !important; display: inline-block !important; bottom: 0 !important; line-height: 1 !important; } .ff-slideshow .ff-dropdown .ff-external-link, .ff-slideshow .ff-dropdown .flaticon-share2{ background: #3b3d40 !important; } .ff-slideshow .ff-dropdown{ right: 15px !important; top: 15px !important; } .ff-slideshow .ff-dropdown .ff-external-link{ text-transform: none !important; font-size: .85rem !important; border-radius: 0 !important; } .ff-slideshow .ff-content.not-empty{ padding-top: 1em !important; } .ff-loadmore-wrapper .ff-btn{ padding: .5em 1.25em !important; border-radius: 0 !important; background: transparent !important; color: black !important; border: 3px solid black; cursor: pointer !important; font-weight: bold !important; margin-top: .75em !important; font-size: 100% !important; line-height: 1.15; text-transform: none !important; -webkit-transition: 400ms linear all !important; -o-transition: 400ms linear all !important; transition: 400ms linear all !important; } .no-touchevents .ff-loadmore-wrapper .ff-btn:hover{ color: white !important; background-color: black !important; } .ff-loadmore-wrapper{ margin-top: 3em; } #ff-stream-2 .ff-square:nth-child(1){ background-color: black !important; } /* Impressum & Datenschutz */ .page-template-page-impressum-datenschutz h3{ margin-bottom: .25em; margin-top: 1.5em; } .page-template-page-impressum-datenschutz h3.first{ margin-top: 1em; } p + ul, h3 + ul{ margin-top: -1em; } /* Quform */ body .quform .quform-form-title { margin-bottom: 37px; } body .quform .quform-form-description, body .quform .quform-form-description:last-child { margin-bottom: 2.7rem; } body .quform .quform-element-column, body .quform .quform-options-columns>.quform-option { padding: 0 5px; } body .quform .quform-element-row, body .quform .quform-options-columns { margin: 0 -5px!important; } body .quform .quform-spacer { padding:0 0 10px 0; } body .quform .quform-field { border:1px solid black; color:black; font-weight: normal; line-height: 1; font-size: 21px; padding: 10px 26px 14px 26px; } .quform .quform-element .quform-element-checkbox { margin-top: -6px; } body .quform .quform-field.quform-field-checkbox { border:1px solid black; padding:0px; width: 16px; height: 16px; } body .quform .quform-label-inside { opacity: 1 !important; } body .quform .quform-error.quform-cf { display: none !important; opacity: 0 !important; } body .quform .quform-field.quform-field-checkbox:hover, body .quform .quform-field.quform-field-checkbox:focus, body .quform .quform-field.quform-field-checkbox:active { background-color: white; border-color: #006ba1; } body .quform .quform-field.quform-field-checkbox:checked, body .quform .quform-field.quform-field-checkbox:hover:checked, body .quform .quform-field.quform-field-checkbox:focus:checked, body .quform .quform-field.quform-field-checkbox:active:checked { background-image: url(/wp-content/themes/SCHMUCKI_child/img/checkbox-icon.svg); background-repeat: no-repeat; background-size: 10px 10px; background-position: 2px 2px; background-color: #006ba1; border-color: #006ba1; } body .quform .quform-field:hover, body .quform .quform-field:focus, body .quform .quform-field:active { border-color: #006ba1; } body .quform .quform-label-text { color:black; font-weight: normal; line-height: 1; font-size: 21px; } body .quform .quform-label-text { color:#979797; font-weight: normal; line-height: 1; font-size: 21px; } body .quform .quform-label>label>.quform-required { color:#979797; font-weight: normal; line-height: 1; font-size: 21px; } body .quform .quform-has-error .quform-field { border-color: #ff0000; } body .quform .quform-has-error .quform-label>label>.quform-required { color:#ff0000; } body .quform .quform-has-error .quform-field.quform-field-checkbox body .quform .quform-label.quform-label-inside { opacity: 1 !important; color:#979797; left:26px; top:11px !important; } .quform .quform-element-submit { margin-bottom: 0px; } .quform .quform-element-submit>div { margin-top: 14px; margin-bottom: 0px; } body .quform .quform-button-submit-default>button.quform-submit { padding-top:0px; padding-bottom:0px; padding-left:0px; margin:0px; width: initial; line-height: 1; background: transparent; border: none !important; outline: none; -webkit-outline: none; -moz-outline: none; -ms-outline: none; -o-outline: none; } .quform-success-message { background: none; border-left: none; color: #000; padding: 0; margin: 30px 0 0 0; } .quform-success-message-icon { display: none; } .quform-success-message-has-icon .quform-success-message-content { padding-left: 0; font-weight: bold; } /* NO-JS */ .no-js .info-box { position: fixed; bottom: 0; z-index: 10000; } .no-js .info-box .inside { max-width: 1170px; margin: 0 auto; padding: 0 15px; } .no-js .info-box h3 { margin-bottom: .5em; margin-top: 0; } .no-js .info-box p { margin-bottom: .25em; } .no-js .info-box a { border-bottom: 2px solid; } .no-js .inside > .vc_row, .no-js .wpb_content_element.white > .wpb_wrapper > .inside, .no-js .wpb_calltoaction_column .calltoaction, .no-js .teaser-single > .col-sm-12, .no-js .wpb_image_column .wpb_wrapper, .no-js .footer-top .footer-navigation ul, .no-js .footer-top .footer-metanavigation ul, .no-js .footer-bottom .logo, .no-js .footer-bottom .newsletter, .no-js .footer-bottom .go-top, .no-js .wpb_pdf_column a, .no-js .wpb_accordion_column .accordion, .no-js .wpb_accordion_column h4, .no-js .wpb_text_column .wpb_wrapper, .no-js .headermedia, .wpb_button_column .button-box a { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 1; } /* POPUP */ .popup{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: -1; background: transparent; } .logged-in .popup{ top: 31px; } .popup .background_image, .popup__close, .popup__content { opacity: 0; -webkit-transition: 600ms linear all; transition: 600ms linear all; } .popup__content { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .popup.show .popup__content { -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .popup.show .background_image, .popup.show .popup__close, .popup.show .popup__content { opacity: 1; } .popup__content { transition-delay: .6s; } .popup__close { transition-delay: 1.2s; } .popup.unloaded .background_image { opacity: 0; transition-delay: 1.2s; } .popup.unloaded .popup__close { transition-delay: 0s; opacity: 0; } .popup.unloaded .popup__content { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .popup .background_image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -2; background: black; } .popup picture, .popup .picture_container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; } .objectfit .popup img, .object-fit .popup img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .popup.show{ opacity: 1; visibility: visible; z-index: 10000; } .popup.hide{ opacity: 0; visibility: hidden; z-index: -1; } .popup__content { position: absolute; right: 2.5em; bottom: 3em; max-width: 60%; background: black; padding: 1.7em 4em 2.3em 2.5em; width: 42em; } .popup h2{ font-size: 45px; font-size: 2.5rem; font-weight: bold; margin-top: 0; } .popup h2, .popup p, .popup p a{ color: white; } .popup p { max-width: 29em; } .popup a::before { bottom: -2px; background: white; } .popup a:hover { opacity: .7; } .popup form { display: inline-block; position: relative; } .popup form input { border: none; padding: .4em .55em; width: 15em; font-size: 22px; color: black; } .popup form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8e8e8e; opacity: 1; /* Firefox */ } .popup form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #8e8e8e; } .popup form ::-ms-input-placeholder { /* Microsoft Edge */ color: #8e8e8e; } .popup form input#mc-embedded-subscribe { position: relative; top: 8px; margin-left: 1em; } .popup__close { position: absolute; top: 1.5em; right: 2.5rem; margin-right: -10px; width: 45px; height: 45px; opacity: 0; cursor: pointer; } .popup__close::before, .popup__close::after { content: ""; position: absolute; width: 45px; top: 50%; right: 0; margin-top: -2px; height: 5px; background: black; transform: rotate(45deg); } .popup__close::after { transform: rotate(-45deg); } .no-touchevents .popup.show .popup__close:hover { opacity: .5; transition-delay: 0s; } /* Important Message */ .important_message { position: fixed; bottom: 0; width: 100%; z-index: 95; border-top: 2px solid white; background: #000; padding: 15px 0 17px; } .important_message .inside { max-width: 1170px; margin: 0 auto; padding: 0 15px; } .important_message p, .important_message a { color: white; } .important_message p { margin-bottom: 0; } .important_message a { text-decoration: underline; } .no-touchevents .important_message a:hover { opacity: .5; } /* heat-animation */ /* Allgemeine Stile */ .site_cover { position: relative; z-index: 1; min-height: fit-content; display: flex; /* Flexbox aktivieren */ justify-content: center; /* Horizontal zentrieren */ align-items: center; /* Vertikal zentrieren */ text-decoration: none; /* Entferne Textdekoration vom Link */ overflow: hidden; padding: 0 15px; } .site_cover_wrapper{ margin: 8rem 0; padding: 0 15px; height: 100%; /* Stellt sicher, dass der Wrapper die volle Höhe einnimmt */ } /* Headline und Subheadline */ .site_cover_headline { max-width: 1170px; margin: 0 auto; text-align: left; } .site_cover_headline h3 { /* font-size: 6.5rem; line-height: 1; margin: 0 0 .15em 0; */ color: rgb(255, 255, 255); /* Textfarbe */ } .site_cover_headline p { /* font-size: 3.33rem; line-height: 1.1; -ms-hyphens: manual; -webkit-hyphens: manual; hyphens: manual; line-height: 1; */ color: rgb(255, 255, 255); /* Textfarbe */ } /* Pfeil-SVG */ .site_cover_arrow { text-align: left; max-width: 1170px; text-align: left; margin-top: 2.5rem; z-index: 10; transform: translateX(0); transition: transform 0.5s ease; } .site_cover:hover .site_cover_arrow { transform: translateX(10px); transition: transform 0.5s ease; } .site_cover_arrow svg { width: 8%; height: 8%; fill: rgb(255, 255, 255); /* Farbe des Pfeils */ } /* Bilder (Step 1 und Step 2) */ .site_cover_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 3s ease, visibility 0s 3s; /* Übergang für das Ausblenden */ z-index: -1; } .site_cover_bg picture{ display: block; opacity: 1; height: 100%; } .site_cover_bg img { object-fit: cover; width: 100%; height: 100%; display: block; } /* Step 1 ist von Anfang an sichtbar */ .site_cover_bg.site_cover_bg_step1 { opacity: 1; visibility: visible; transition: opacity 3s ease; /* Übergang für das Ein- und Ausblenden */ z-index: -2; } /* Step 2 soll zu Beginn unsichtbar sein und dann einblenden */ .site_cover_bg.site_cover_bg_step2 { opacity: 0; visibility: hidden; transition: opacity 3s ease, visibility 0s 0s; z-index: -1; } /* Wenn die Animation ausgelöst wird */ .js-site_cover.animation .site_cover_bg_step2 { opacity: 1; visibility: visible; transition: opacity 3s ease; } .js-site_cover.animation .site_cover_bg_step1 { opacity: 0; visibility: hidden; transition: opacity 3s ease, visibility 0s 3s; } /* Animation für die gesamte Site Cover */ .js-site_cover.animation .site_cover_headline { opacity: 1; transition: opacity 1s ease; } /* Sicherstellen, dass der gesamte Link klickbar ist */ .site_cover a { display: block; width: 100%; height: 100%; } /* Media Queries */ @media all and (min-width: 1271px){ .headermedia picture{ width: 1140px; height: 640px; background: black; } } @media all and (min-width: 1024px){ .owl-item .single .media-container{ height: 250px; background: black; } .owl-item .single.ansprechpartner-single .media-container{ height: 150px; width: 150px; } .owl-item .single{ width: 445px; } .owl-item .single.img{ width: 250px; } .owl-item .single.img .media-container{ width: 250px; } .owl-item .single.video .media-container, .owl-item .single.ytvideo .media-container, .owl-item .single.vmvideo .media-container{ width: 445px; } } @media all and (min-width: 768px){ /* Navigation */ .site_mobile_trigger{ display:none; } /* Tabs */ .responsive-tabs .responsive-tabs__panel--closed-accordion-only { display: block; } .ansprechpartner-content p.name br{ display: none; } } @media all and (max-width: 1270px){ .headermedia picture{ width: auto; height: auto; } } @media all and (min-width: 1171px) { #menu-hauptnavigation-fr #menu-item-5204, #menu-hauptnavigation-fr #menu-item-5207, #menu-hauptnavigation-fr #menu-item-5210 { width: 32%; } } @media all and (max-width: 1170px) { .fullscreen-nav ul.menu li, .fullscreen-nav ul.menu li:nth-of-type(3n), .fullscreen-nav ul.menu li:nth-of-type(3n+1), .footer-navigation li, .footer-navigation li:nth-of-type(3n), .footer-navigation li:nth-of-type(3n+1) { width: 49.5%; } .fullscreen-nav ul.menu > li > a, .footer-navigation li a { font-size: 52px; font-size: 2.89rem; } .fullscreen-nav .inside { margin-top: 7em; } .wpml-ls { text-align: left; margin-bottom: 1.5em; } .wpml-ls ul { margin-left: 49.5%; text-align: left; display: inline-block; position: relative; width: auto; } .wpml-ls li a span { font-size: 45px; font-size: 2.5rem; } header { padding-top: 2.2em; } .wpb_teaser_column h3{ font-size: 108px; font-size: 6rem; } .home-intro h1 { font-size: 180px; font-size: 10rem; margin-bottom: 25px; } .home-intro h2, .wpb_teaser_column p, footer .newsletter p { font-size: 55px; font-size: 3.06rem; } .home-intro { padding-top: 3em; padding-bottom: 5em; } .wpb_teaser_column .teaser-single { margin-top: 7em; } footer { margin-top: 6em; } footer .footer-metanavigation ul li a { font-size: 29px; font-size: 1.61rem; } .wpb_teaser_column .teaser-arrowleft .teaser-content { padding-left: 178px; } .wpb_teaser_column .teaser-arrowright .teaser-content { padding-right: 178px; } .go-top { margin-top: 6em; } .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after{ top: 10px; } .wpb_teaser_column .teaser-single{ margin: 7em 0; } .wpb_teaser_column .teaser-single:first-child{ margin-top: 4em; } .wpb_teaser_column .teaser-single:last-child{ margin-bottom: 4em; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, #mc-embedded-subscribe{ top: 22px; } footer .footer-metanavigation ul li a{ font-size: 27px; font-size: 1.5rem; } .wpml-ls-legacy-list-horizontal{ text-align: right; } .headermedia{ padding: 0 17px; } #gmap_1{ height: 450px !important; } .popup__content { right: 2em; bottom: 2.5em; max-width: 70%; } .popup__close { right: 2em; } } @media all and (max-width: 1023px){ .owl-item .single.ansprechpartner-single .media-container{ height: 150px; width: 150px; } .owl-item .single .media-container{ height: 190px; background: black; } .all-container .single p { font-size: 20px; font-size: 1.1rem; margin-top: .1em; margin-bottom: 0; } .all-container .single{ max-width: 339px; } .all-container .single.img{ max-width: 190px; } .owl-item .single.img .media-container{ width: 190px; } .owl-item .single.video .media-container, .owl-item .single.ytvideo .media-container, .owl-item .single.vmvideo .media-container{ width: 339px; } .logo svg { width: 215px; height: 50px; } .site_cover_headline h3, .wpb_teaser_column h3 { font-size: 91px; font-size: 5rem; } .home-intro h1 { margin-top: 0px; font-size: 144px; font-size: 8rem; line-height: 1; margin-bottom: 5px; } .site_cover_headline p, .home-intro h2, .wpb_teaser_column p, footer .newsletter p, .video-title { font-size: 46px; font-size: 2.55rem; } .fullscreen-nav .menu > li > a, .footer-navigation li a { font-size: 46px; font-size: 2.56rem; } h3, .home-intro a, .quform .quform-button-submit-default>button.quform-submit span, .teaser-img a, .wpb_video_column .teaser-video a{ font-size: 30px; font-size: 1.65rem; } .wpb_calltoaction_column p, .wpb_calltoaction_column p a{ font-size: 30px; font-size: 1.65rem; } .home-intro { padding-top: 2.5em; padding-bottom: 4.5em; } .wpml-ls ul { margin-left: 54%; } .wpb_teaser_column .teaser-arrowleft .col-sm-11, .wpb_teaser_column .teaser-arrowright .col-sm-11, .wpb_teaser_column .teaser-arrowleft .col-sm-10, .wpb_teaser_column .teaser-arrowright .col-sm-10, .wpb_teaser_column .teaser-arrowleft .col-sm-8, .wpb_teaser_column .teaser-arrowright .col-sm-8 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .wpb_teaser_column .teaser-arrowleft .teaser-content { padding-left: 160px; } .wpb_teaser_column .teaser-arrowright .teaser-content { padding-right: 160px; } .wpb_teaser_column .teaser-single br { display: none; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, #mc-embedded-subscribe { height: 23px; width: 37px; background-size: 37px; bottom: 7px; top: auto; } .fullscreen-nav ul.menu li a::before{ background-position: -230px -94px; } .fullscreen-nav ul.menu li a, .footer-navigation li a { padding-right: 47px; } footer { margin-top: 1.5em; } footer .newsletter label { font-size: 30px; } footer .newsletter input.email { width: 200px; height: 45px; padding: 0 10px; } .go-top { margin-top: 3em; } footer .footer-bottom { padding-top: 2.5em; padding-bottom: 1em; } footer .logo { margin-top: 18px; } .hamburger-menu{ margin-top: -26px; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, #mc-embedded-subscribe, .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after, .wpb_button_column a::before { height: 23px; width: 36px; top: 10px; } .home-intro a, .quform-button-submit-default>button.quform-submit, .video-title a, .wpb_video_column .teaser-video a, .wpb_button_column a{ padding-right: 50px; } .wpb_calltoaction_column .calltoaction::before{ width: 47px; height: 48px; top: 11px; } .wpb_calltoaction_column .calltoaction { padding-left: 65px; } .wpb_teaser_column .teaser-arrowleft .teaser-content::before, .wpb_teaser_column .teaser-arrowright .teaser-content::after{ width: 121px; height: 74px; top: 12px; } .go-top svg{ width: 24px; height: 40px; } footer .footer-metanavigation ul li a { font-size: 25px; font-size: 1.35rem; } footer .logo { width: 48.5%; } header .social-container { margin-right: 3em; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, .wpb_teaser_column .teaser-arrowleft .teaser-content::before, .wpb_teaser_column .teaser-arrowright .teaser-content::after, .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after, .wpb_calltoaction_column .calltoaction::before, .wpb_pdf_column a::before, .wpb_button_column a.arrow-left::before, .accordion .accordion-title h3::before, .product-title::before, .product-info a::before, #mc-embedded-subscribe, .owl-nav button::before, .social-container a::before, header .social-container a::after{ background-size: 432px; } .footer-navigation li a::before, #mc-embedded-subscribe, .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after { background-position: -243px -2px; top: 9px; } .headermedia{ margin-bottom: 3.5em; } h1+h2 { margin-bottom: .5em; } .vc_row .wpb_wrapper .wpb_content_element.white.small:first-child, .vc_row .wpb_wrapper .wpb_text_column:first-child { padding-top: 2.5em; } .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_content_element.small, .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_text_column, ul.page-list { padding-left: 15px; padding-right: 15px; } .social-container a{ width: 43px; height: 43px; } .social-container a::before, .social-container a::after { background-position: -342px -111px; } footer .social-container { margin-left: 0; margin-top: 1.5em; } .social-container a:first-child { margin-left: 0; } footer .footer-metanavigation ul li { margin-right: 1em; } .accordion .accordion-title h3::before { background-position: -243px -49px; top: 5px; } footer .social-container a::before, header .social-container a::after { background-position: -387px -111px; } .social-container a.linkedin::before { background-position: -342px -26px; } footer .social-container a.linkedin::before, header .social-container a.linkedin::after { background-position: -382px -26px; } .social-container a.yt::before { background-position: -342px -69px; } footer .social-container a.yt::before, header .social-container a.yt::after { background-position: -386px -69px; } .owl-nav button::before { background-position: -310px -52px; } .owl-nav button.owl-prev::before { background-position: -331px -54px; } .wpb_calltoaction_column .calltoaction::before { background-position: -242px -78px; } .wpb_teaser_column .teaser-arrowleft .teaser-content::before { background-position: -1px -73px; } .wpb_teaser_column .teaser-arrowright .teaser-content::after { background-position: -2px 1px; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, #mc-embedded-subscribe { background-position: -280px -2px; } .wpb_pdf_column a::before, .product-info a::before { background-position: -316px 2px; } } @media all and (max-width: 1023px) and (min-width: 768px){ footer .newsletter input.email { width: 100%; } footer .newsletter form { position: relative; } input#mc-embedded-subscribe{ top: 56px; right: 10px; padding: 0; } .mc-field-group{ padding-right: 0; width: 100%; } .fullscreen-nav ul.menu > li > a, .footer-navigation li a{ font-size: 45px; font-size: 2.5rem; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, #mc-embedded-subscribe { top: 18px; } .wpml-ls li a span{ font-size: 40px; font-size: 2.2rem; } .fullscreen-nav ul.menu li{ width: 52% !important; } .fullscreen-nav ul.menu li:nth-child(2n){ width: 47% !important; } .popup__content { right: 1em; bottom: 1em; max-width: 85%; padding: 1.5em 1.5em 1.9em; } .popup__close { right: 1em; } .popup h2 { font-size: 38px; font-size: 2.111111111111111rem; margin-bottom: .4em; } .popup p, .popup a { font-size: 20px; font-size: 1.111111111111111rem; } .popup form input { width: 13em; font-size: 20px; } .popup form input#mc-embedded-subscribe { top: 1px; } } @media all and (max-width: 800px){ .ff-slide-wrapper { max-height: initial !important; } .ff-slideshow:not([data-size="large"]) .ff-slideshow-media .ff-current iframe, .ff-slideshow:not([data-size="large"]) .ff-slideshow-media .ff-current video, .ff-infinite:not([data-size="large"]) .ff-slide-soundcloud iframe, .ff-infinite:not([data-size="large"]) .ff-slide-soundcloud video{ width: initial !important; height: initial !important; } } @media all and (max-width: 767px){ p{ margin: 0 0 1em; } p + ul{ margin-top: -1em; } .hamburger-menu .line{ width: 45px; height: 4px; margin: 7px auto; } .logo svg { width: 180px; height: 43px; } .home-intro{ min-height: initial; } header { margin-bottom: 1em; padding-top: 1.4em; } .headermedia .video-title { padding: 0 15px; } .vc_row .wpb_wrapper .wpb_content_element.white.small:first-child, .vc_row .wpb_wrapper .wpb_text_column:first-child { padding-top: 1.75em; } .headermedia { margin-bottom: 0em; } .headermedia .video-title{ margin-bottom: 2em; } .site_cover .site_cover_headline h3, .home-intro h1, .wpb_teaser_column h3, h1, h2, h2.quform-form-title { font-size: 43px; font-size: 2.4rem; margin-bottom: .2em; } .home-intro h1 { font-size: 72px; font-size: 4rem; margin-bottom: 4px; } .site_cover .site_cover_arrow svg{ height: 10%; width: 10%; } .site_cover_wrapper { margin: 4rem 0 12rem 0; padding: 0 15px; } .footer-navigation li a, .fullscreen-nav ul.menu li a{ font-size: 36px; font-size: 2rem; } .site_cover .site_cover_headline p, .home-intro h2, .wpb_teaser_column p, footer .newsletter p, .video-title { font-size: 30px; font-size: 1.65rem; line-height: 1.2; } h3, .home-intro a, .quform .quform-button-submit-default>button.quform-submit span, .teaser-img a, .wpb_video_column .teaser-video a, footer .footer-metanavigation ul li a, footer .newsletter label, .wpb_ansprechpartner_single_column .ansprechpartner-single p, .wpb_button_column a { font-size: 24px; font-size: 1.33rem; } .wpb_calltoaction_column p, .wpb_calltoaction_column p a{ font-size: 24px; font-size: 1.33rem; } h4 { font-size: 22px; font-size: 1.2rem; } .wpb_teaser_column .teaser-arrowright .teaser-content { padding-right: 0; } .wpb_teaser_column .teaser-arrowleft .teaser-content { padding-left: 0; } .wpb_teaser_column .teaser-single { margin: 3em 0; } .wpb_teaser_column .teaser-single:last-child { margin-bottom: 0; } .wpb_teaser_column .teaser-arrowleft.no-link, .wpb_teaser_column .teaser-arrowright.no-link { padding-bottom: 0; } .teaser-single .col-xs-offset-2 { margin-left: 0; margin-right: 0; } .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_content_element.small, .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_text_column, ul.page-list, .vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_calltoaction_column { max-width: 100%; padding-left: 15px; padding-right: 15px; } .inside > .vc_row { margin-bottom: 4em; } .accordion .accordion-title h3 { padding-left: 40px; } .accordion .accordion-content{ padding: .65em 15px 2em; } .wpb_ansprechpartner_single_column .ansprechpartner-single .ansprechpartner-content { top: 0; } .wpb_calltoaction_column.center, .wpb_calltoaction_column.right { text-align: left; } .wpb_calltoaction_column .calltoaction.einzeilig { display: block; } .wpb_calltoaction_column .calltoaction.einzeilig p { min-height: 44px; } .wpb_pdf_column a { padding-left: 33px; } .wpb_button_column .button-box a.arrowleft { padding-left: 48px; padding-right: 0; } .wpb_button_column .button-box + .button-box { margin-top: .75em; } span.img-desc { margin-top: .3em; margin-bottom: 1.3em; } .wpb_video_column .teaser-video .col-sm-12 { width: 100%; } footer { margin-top: 2.5em; } footer .footer-top { padding-bottom: 2.5em; } footer .footer-bottom { padding-top: 1em; } footer .footer-navigation { margin-bottom: 3em; } footer .newsletter form { display: block; } footer .newsletter label { display: block; margin-bottom: .2em; font-size: 22px; font-size: 1.2rem; } footer .newsletter input.email { width: auto; min-width: 350px; height: 40px; } footer .newsletter { width: 100%; } footer .logo { margin-bottom: 2.5em; } footer .footer-metanavigation ul li { display: block; } footer .footer-metanavigation ul li + li { margin-top: .5em; } .fullscreen-nav ul.menu li, .fullscreen-nav ul.menu li:nth-of-type(3n), .fullscreen-nav ul.menu li:nth-of-type(3n+1), .footer-navigation li, .footer-navigation li:nth-of-type(3n), .footer-navigation li:nth-of-type(3n+1), .fullscreen-nav ul.menu li:nth-of-type(2n+1), .footer-navigation li:nth-of-type(2n+1) { width: auto; display: block; } .fullscreen-nav ul.menu li { margin-top: 0; } .fullscreen-nav ul.menu li + li, .footer-navigation li + li { margin-top: .6em; } .fullscreen-nav{ overflow-y: scroll; -webkit-overflow-scrolling: touch; } .fullscreen-nav .inside { margin-top: 6em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-right: 0; } .wpml-ls.wpml-ls-legacy-list-horizontal { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 15px; padding-right: 15px; border-top: 1px solid white; width: 100%; padding-top: 12px; margin-top: 1em; } #menu-hauptnavigation { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 15px; padding-right: 15px; } .wpml-ls li a span { font-size: 31px; font-size: 1.7rem; } /* Tabs */ .responsive-tabs .responsive-tabs__list { display: none; } .responsive-tabs-wrapper{ border-bottom: 2px solid black; } .responsive-tabs .responsive-tabs__heading { display: block; cursor: pointer; } .responsive-tabs .responsive-tabs__heading.responsive-tabs__heading--active{ border-bottom: 0 !important } .responsive-tabs .responsive-tabs__heading { background: #fff; border-top: 2px solid black; margin: 0; position: relative; font-size: 18px; font-size: 1rem; padding: 1em 0; } .responsive-tabs .responsive-tabs__panel { background: #fff; border-radius: 0; border-top: none; margin: 0; padding-top: 0; padding-bottom: 40px; } .fullscreen-nav li.wpml-ls-item { width: auto; } .fullscreen-nav li.wpml-ls-item a { padding-right: 0; } .wpml-ls-legacy-list-horizontal { padding: 0; } /* Cookie-Meldung */ .cookie-status{ display: block; } #message-cookie-policy .cookie-message button{ margin-left: 0; } button.toggle-cookies{ margin-left: 0; top: -.75em; } #message-cookie-policy.disable{ -webkit-transform: translateY(205px); -ms-transform: translateY(205px); transform: translateY(205px); opacity: 1; } #message-cookie-policy{ max-width: initial; left: 0; right: 0; bottom: 0; padding: 0; border: 0; } #message-cookie-policy.active{ bottom: 0; } .cookie-close { display: none; } #message-cookie-policy .cookie-message{ padding: .75em 15px 1em; border-top: 2px solid white; } #message-cookie-policy button { border: 2px solid; padding: .15em .75em; } .cookie-close{ top: 10px; right: 15px; } .all-container .single{ margin-right: 0em; } .all-container .single p{ font-size: 20px; font-size: 1.1rem; margin-top: .1em; margin-bottom: 0; } .single .single-overlay{ display: none; } .all-container + .wpb_calltoaction_column { padding-bottom: 3.5em; } .home-intro picture, .home-intro .video-container{ margin-bottom: 1em; } .all-container .single p{ max-width: 303px; } .all-container .single.img p{ max-width: 170px; } .open-menu .hamburger-menu .line:nth-child(1){ -webkit-transform: translateY(9px) rotate(45deg) !important; -ms-transform: translateY(9px) rotate(45deg) !important; transform: translateY(9px) rotate(45deg) !important; } .fullscreen-nav #menu-hauptnavigation{ width: 100%; padding-bottom: 1.5em; } .wpml-ls li.wpml-ls-item + li.wpml-ls-item { margin-left: 1em; } .no-touchevents .fullscreen-nav ul.menu li a:hover::before, .no-touchevents .footer-navigation li a:hover::before { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } .open-menu .hamburger-menu .line{ width: 37px; } .social-container a { margin-left: 0; } .open-menu header .social-container { top: 55px !important; } .fullscreen-nav ul.menu, .fullscreen-nav .wpml-ls, .fadeout-menu .fullscreen-nav ul.menu, .fadeout-menu .fullscreen-nav .wpml-ls{ -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } h1+h2{ margin-top: -.1em; margin-bottom: .5em; } #gmap_1{ max-height: 300px !important; } .search-input input{ padding-left: 15px; padding-right: 15px; font-size: 24px; font-size: 1.33rem; } .product-info a{ margin-bottom: 10px; padding: .55em .6em .55em 1.9em; } .vc_row .wpb_wrapper .wpb_content_element.white.small:last-child, .vc_row .wpb_wrapper .wpb_text_column:last-child{ padding-bottom: 2.5em; } h1+p{ margin-top: 1em; } .accordion{ margin-left: -15px; margin-right: -15px; margin-bottom: 1em; } footer .newsletter h4{ margin-bottom: 0em; } .wpb_teaser_column .wpb_wrapper .teaser-single:first-child{ margin-top: 0; } .wpb_teaser_column .wpb_wrapper .teaser-single:last-child{ margin-bottom: 0; } .wpb_teaser_column .teaser-content{ padding-right: 75px !important; padding-left: 0 !important; } .wpb_teaser_column .teaser-arrowright .teaser-content::after { background-position: -2px -1px; } .wpb_teaser_column .teaser-arrowleft .teaser-content { padding-right: 0 !important; padding-left: 75px !important; } .wpb_teaser_column .teaser-arrowright .teaser-content::after{ left: auto; right: 0; } .wpb_teaser_column .teaser-arrowleft .teaser-content::before, .wpb_teaser_column .teaser-arrowright .teaser-content::after{ background-size: 210px; width: 59px; height: 35px; top: 4px; } .vc_row .wpb_content_element.wpb_teaser_column{ padding-bottom: 0; } .go-top{ padding-bottom: 2em; } .go-top svg{ width: 21px; height: 36px; margin-bottom: .5em; } input#mc-embedded-subscribe{ bottom: 10px; top: auto; right: 10px; } .all-container h3{ padding-right: 70px; } .headermedia{ padding: 0px; } .wpml-ls-legacy-list-horizontal{ text-align: left; } header .social-container { display: none; } .fullscreen-nav .inside { margin-top: 7.75em; } .open-menu header .social-container { display: block; margin-right: 0; left: 15px; top: 60px; } .footer-navigation li a::before, #mc-embedded-subscribe, .home-intro a::after, .quform-button-submit-default>button.quform-submit::after, .video-title a::after, .wpb_video_column .teaser-video a::after, .wpb_button_column a::after{ top: 6px; } .wpb_calltoaction_column .calltoaction::before { top: 3px; } .fullscreen-nav ul.menu li a::before, .footer-navigation li a::before, #mc-embedded-subscribe { top: 12px; } .accordion .accordion-title h3::before{ top: 0px; left: 10px; } .wpb_teaser_column .teaser-arrowleft .teaser-content::before { background-position: 0px -36px; } .product-title::before { background-position: -300px -53px; } .headermedia { margin-bottom: -5px; } .popup { overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: 600ms linear all; transition: 600ms linear all; } .popup__content { right: 0; bottom: 0; max-width: 100%; padding: 20px 20px 30px; } .popup__close { right: 15px; top: 0; background: black; width: 50px; height: 50px; } .popup__close::before, .popup__close::after { width: 37px; height: 4px; background: white; right: auto; left: 7px; } .popup h2 { font-size: 38px; font-size: 2.111111111111111rem; margin-bottom: .4em; } .popup p, .popup a, .popup form input { font-size: 20px; font-size: 1.111111111111111rem; } .popup picture, .popup .picture_container, .popup .background_image { position: relative; width: 100%; height: auto; } .popup__content { position: relative; } .popup.show { background: black; } .popup.unloaded .background_image, .popup.unloaded .popup__content { opacity: 0; transition-delay: .8s; } .popup.unloaded .popup__close { transition-delay: 0s; opacity: 0; } .popup.unloaded .popup__content { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .ios .popup form input#mc-embedded-subscribe { top: 0; } .important_message { padding: 10px 0 12px; } .important_message br { display: none; } .important_message p, .important_message a { font-size: 19px; } body .quform .quform-form-title { margin-bottom: 28px; } body .quform .quform-form-description, body .quform .quform-form-description:last-child { margin-bottom: 2.4rem; } } @media all and (max-width: 450px){ .wpb_ansprechpartner_single_column .ansprechpartner-single .ansprechpartner-content { max-width: 50%; } footer .newsletter input.email { width: 100%; } footer .newsletter form { position: relative; } input#mc-embedded-subscribe{ top: 44px; right: 10px; padding: 0; } .mc-field-group{ padding-right: 0; width: 100%; } } /* ----------- Cookie message ----------- */ .moove-gdpr-company-logo-holder, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before, .moove-gdpr-branding-cnt { display: none !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p span, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a { font-size: 1rem !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-allow-all.button-visible { background-color: #202020; border: #202020; border-width: 2px; border-style: solid; color: white; font-size: 1rem; border-radius: 5px; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-allow-all.button-visible:hover { background-color: white; border: #202020; border-width: 2px; border-style: solid; color: #202020; font-size: 1rem; border-radius: 5px; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings.button-visible { background-color: white; border: #202020; border-width: 2px; border-style: solid; color: #202020; font-size: 1rem; border-radius: 5px; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings.button-visible:hover { background-color: #202020; border: #202020; border-width: 2px; border-style: solid; color: white; font-size: 1rem; border-radius: 5px; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon.moovegdpr-arrow-close { background-color: #202020; border: 1px solid #202020; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0 { background-color: #202020; border: #202020; border-width: 2px; border-style: solid; color: white; font-size: 1rem; border-radius: 5px; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0:hover { background-color: white; border: #202020; border-width: 2px; border-style: solid; color: #202020; font-size: 1rem; border-radius: 5px; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn.gdpr-fbo-1 { background-color: white; border: #202020; border-width: 2px; border-style: solid; color: #202020; font-size: 1rem; border-radius: 5px; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn.gdpr-fbo-1:hover { background-color: #202020; border: #202020; border-width: 2px; border-style: solid; color: white; font-size: 1rem; border-radius: 5px; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button.gdpr-fbo-2 { border-radius: 5px; font-size: 1rem; border-width: 2px; border-color: #202020; border-style: solid; color: #202020; box-shadow: none; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover { color: rgba(0, 0, 0, 0.479) !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .tab-title { font-size: 2rem !important; font-weight: 700 !important; hyphens: auto; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main h3.tab-title, #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main span.tab-title { font-size: 1.6rem !important; font-weight: 700 !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p { font-size: 1rem !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a { font-size: 1rem !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-status-bar span.cookie-slider:after { font-size: 1rem !important; font-weight: 400; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar.gdpr-checkbox-disabled .cookie-switch input:checked+.cookie-slider:after { font-size: 1rem !important; font-weight: 400; } /* q1 2024 google maps */ /* main .googlemaps-custom { height: 500px; width: 100%; } header .googlemaps-custom { width: 100%; height: 100%; } */ main .googlemaps-custom { /* height: 100%; */ height: 640px; width: 100%; } html div.googlemaps-custom * { margin: 0; padding: 0; border: 0; outline: none; box-shadow: none; } @media (max-width: 1170px) { main .googlemaps-custom { height: 450px; } } @media (max-width: 767px) { main .googlemaps-custom { max-height: 300px; } }