:root { --step--2: clamp(0.78rem, calc(0.91rem + -0.17vw), 0.88rem); --step--1: clamp(1rem, calc(0.95rem + 0.1vw), 1rem); --step-0: clamp(1rem, calc(0.96rem + 0.30vw), 1.08rem); --step-1: clamp(1.07rem, calc(0.97rem + 0.49vw), 1.35rem); --step-2: clamp(1.14rem, calc(0.97rem + 0.84vw), 1.5rem); --step-3: clamp(1.22rem, calc(0.96rem + 1.27vw), 1.6rem); --step-4: clamp(1.30rem, calc(0.94rem + 1.80vw), 2.2rem); --step-5: clamp(1.38rem, calc(0.89rem + 2.46vw), 2.60rem); --step-6: clamp(1.48rem, calc(0.82rem + 3.28vw), 3.0rem); --lpsection-height: clamp(55vh, 65vh, 700px); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-300.eot); src: local('Roboto Light'), local('Roboto-Light'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-300.eot?#iefix) format('embedded-opentype'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-300.woff2) format('woff2'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-300.woff) format('woff'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-300.ttf) format('truetype'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-300.svg#Roboto) format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-regular.eot); src: local('Roboto'), local('Roboto-Regular'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-regular.eot?#iefix) format('embedded-opentype'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-regular.woff2) format('woff2'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-regular.woff) format('woff'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-regular.ttf) format('truetype'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-regular.svg#Roboto) format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-500.eot); src: local('Roboto Medium'), local('Roboto-Medium'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-500.eot?#iefix) format('embedded-opentype'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-500.woff2) format('woff2'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-500.woff) format('woff'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-500.ttf) format('truetype'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/roboto-v18-latin-500.svg#Roboto) format('svg'); } @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: local(''), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/bebas-neue-v9-latin-regular.woff2) format('woff2'), url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/fonts/bebas-neue-v9-latin-regular.woff) format('woff'); } a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,hr,iframe,img,ins,kbd,label,legend,object,p,picture,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-style:inherit;font-weight:inherit;list-style:none;margin:0;outline:0;padding:0;text-decoration:none;vertical-align:baseline} label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer} article, aside, figcaption, figure, footer, header, hgroup, nav, section, time{display:block;margin:0;padding:0} *, *:before, *:after {box-sizing: inherit;} html{background:#111;font-size:100%;box-sizing: border-box;scroll-behavior: smooth; scroll-padding-top:90px;} body{background:#fff;color:#111;font-family:'Roboto', Verdana, Tahoma, arial, sans-serif;font-size:65.5%;font-weight:400;line-height:1.5;margin:0;padding:70px 0 0 0;position:relative;text-align:center} body.page-template-page-landingpage-php{background:#fff;color:#111;padding-top:70px;} body.page-id-1059{background:#fff;color:#111;} a{color:#e0021b} a:hover{color:#000;} a:not([href]) {cursor:text;} a.post-edit-link{background:#e0021b;color:#fff;display:inline-block;font-size:1.5em;margin:25px 0;padding:10px 25px;vertical-align:top;position:relative;width:auto;z-index:9999} article, aside, figcaption, figure, footer, header, hgroup, nav, section, time, video{display:block;margin:0;padding:0;} h1,h2,h3,h4,h5{color:#000;font-family:'Bebas Neue', Verdana, Tahoma, arial, sans-serif;font-kerning:none;font-weight:700;letter-spacing:2px;line-height:1.2em;text-align:center;margin:50px 0 10px 0;padding:0;} .page-template-page-landingpage-php h1,.page-template-page-landingpage-php h2,.page-template-page-landingpage-php h3,.page-template-page-landingpage-php h4, .page-template-page-landingpage-php h5, .page-template-page-landingpage-php a, .page-template-page-landingpage-php section.module h2,.page-template-page-landingpage-php section.module h3,.page-template-page-landingpage-php section.module h4{color:#e0021b;} h1{clear:both;font-size:1.6em;margin:50px auto;} h2{font-size:1.4em;margin:50px auto 25px auto;} h2.first{font-size:1.1em;margin:15px auto;} h2.top{margin-top:25px;} h3{font-size:1.3em} .tabzelle h3{margin:0} h4{font-size:1.2em;margin:10px auto;} h5,h6{font-size:1.0em;margin:10px auto;} hr{border:none;border-top:2px solid #ddd;color:#ddd;clear:both;display:block;height:0;margin:25px 0} img{width:auto;max-width:100%;height:auto;} picture img{display:block;} img.alignleft,.alignleft,img.alignright,.alignright,img.aligncenter,.aligncenter,img.alignnone,.alignnone{display:block;float:none;text-align:center;margin:25px auto} address{font-weight:400;line-height:1.5em;margin:25px 0;} blockquote, .infokasten{background:rgba(0,0,0,0.05);border-radius:25px;color:#000;display:block;margin:25px auto;padding:10px;text-align:center;max-width:900px;} blockquote a,.infokasten a{text-decoration:underline;} blockquote p, .infokasten p{margin:0;padding:0;} blockquote h2,blockquote h3,blockquote h4,blockquote h5, blockquote strong,blockquote b,blockquote a,blockquote a:hover, .infokasten h2,.infokasten h3,.infokasten h4,.infokasten h5, .infokasten strong,.infokasten b,.infokasten a,.infokasten a:hover{color:#000;} blockquote p:empty, .infokasten p:empty{display:none;} blockquote h5, .infokasten h5{font-size:1.2em;margin:5px 0;padding:0;} .tabelle blockquote, .infokasten{font-size:0.9em;} cite, em{font-style:italic} pre{margin:15px 0;overflow:auto;} pre a{font-weight:300;} strong,b{color:#000;font-weight:700;} sup,sub{font-size: 0.7em;height: 0;line-height:1;vertical-align:baseline;position: relative;} sup{top: -0.35em;} sub{bottom: -0.25em;} small{font-size:0.9em;font-style:italic;font-weight:200;} form{font-size:1.0em;border:none;margin:25px 0;width:100%;box-sizing:border-box;} fieldset{border:none;color:#333;clear:both;margin:0;padding:0} form h3,form p{margin:5px 0;} form p.checker{margin:10px 0;} form p.checker label{font-weight:300;} fieldset.small p{box-sizing:border-box;float:none;width:100%} fieldset.small p.left{padding-right:0;} fieldset.small p.right{padding-left:0;} label, form b{color:#333;display:block;font-weight:400;margin:0;padding:0;} input,textarea,select{background:#f7f7f7;border:1px solid #bbb;color:#333;line-height:100%;margin:2px 0 10px 0;padding:15px;width:100%;box-sizing:border-box;} textarea{margin:2px 0 10px 0;height:100px;overflow:auto} .upload input{background:#f7f7f7;color:#333;margin:5px 5px 0 0;padding:5px;width:60%;} input:hover,textarea:hover{background:#fff;border-color:#e0021b;color:#111} input[type=checkbox],input[type=radio]{background:transparent;border:none;color:#333;margin:0 5px 0 10px;padding:0;width:1.0em;} input[type=number]{max-width:300px;font-size:1.5em;} .wpcf7-not-valid-tip,.wpcf7-validation-errors{background:#e0021b;border:3px double #fff!important;color:#fff;display:block;padding:5px} .wpcf7-mail-sent-ok{background:green;color:#fff;display:block;padding:5px;} .wpcf7-form-control-wrap{margin:0;padding:0;} .wpcf7-checkbox .wpcf7-list-item{display:inline-block;padding:0 10px 0 0} input[type=submit],button[type=submit]{background:#e0021b;border:1px solid #e0021b;color:#fff;clear:both;display:block;font-size:1.0em;font-weight:300;letter-spacing:1px;margin:25px 0 0 0;padding:20px 50px;text-align:center;text-decoration:none;width:auto;border-radius:3px;-webkit-transition: all 0.3s;transition: all 0.3s;} input:hover[type=submit],.wpcf7 button:hover[type=submit]{background:#111} body.page-template-page-landingpage-php label,body.page-template-page-landingpage-php form b{color:#111;} .codedropz-upload-wrapper{background:rgba(255,255,255,0.9);display:block;} .codedropz-upload-wrapper:hover{background:rgba(255,255,255,0.6);} .codedropz-upload-inner h3{font-size:1.1em !important;margin:10px auto !important;text-align:center;} .wrapkonfigurator {display:block;position:relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;} .wrapkonfigurator h3{margin:100px 0 10px 0;} .wrapkonfigurator .upload-file-fenstertausch input,.wrapkonfigurator .upload-file-fenstertausch-2 input {box-shadow: 0 0 10px -4px rgba(0,0,0,.5);-webkit-transition: all 0.3s;transition: all 0.3s;border-radius:3px;cursor:pointer;} .wrapkonfigurator .upload-file-fenstertausch:hover input,.wrapkonfigurator .upload-file-fenstertausch-2:hover input {box-shadow: 0 0 5px -4px rgba(0,0,0,.3);} .wrapkonfigurator .wpcf7-radio.konfigurator, .wrapkonfigurator .wpcf7-list-item{display:block;margin:0;} .wrapkonfigurator input[type=radio]{position: absolute;opacity: 0; cursor: pointer;margin:0;} .wrapkonfigurator input[type=radio] ~ .wpcf7-list-item-label{background-color:#fff;border:1px solid #eee;display:block;margin:10px auto;padding:150px 10px 10px 10px;position:relative;text-align:center;width:100%;box-sizing:border-box;-webkit-transition: all 0.3s;transition: all 0.3s;box-shadow: 0 0 10px -4px rgba(0,0,0,.5);} .wrapkonfigurator input[type=radio]:hover ~ .wpcf7-list-item-label{box-shadow: 0 0 5px -4px rgba(0,0,0,.3);} .wrapkonfigurator input[type=radio]:checked ~ .wpcf7-list-item-label{border-color:#e0021b;color:#e0021b;box-shadow: 0 0 5px -4px rgba(0,0,0,.3);} .wrapkonfigurator input[type=radio] ~ .wpcf7-list-item-label::before{content:'';background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;display:block;height:100px;margin:0;width:100px;position:absolute;top:25px;left: 50%;transform: translateX(-50%);border-radius:50%;} .wrapkonfigurator #fenster input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/VELUX-Fensteraustausch.jpg);} .wrapkonfigurator #fenster .first input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Velux-neues-Fenster.jpg);} .wrapkonfigurator #fenster .last input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Frage.png);} .wrapkonfigurator #dach input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Steildach.png);} .wrapkonfigurator #dach .first input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Flachdach.png);} .wrapkonfigurator #dach .last input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Frage.png);} .wrapkonfigurator #fenstertyp input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/VELUX-Klapp-Schwing-Fenster.jpg);} .wrapkonfigurator #fenstertyp .first input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/VELUX-Schwingfenster.jpg);} .wrapkonfigurator #fenstertyp .last input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Frage.png);} .wrapkonfigurator #schutz input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/velux-verdunkelungsrollo-plissee-kombi-1280x960.jpg);} .wrapkonfigurator #schutz .first input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/VELUX-INTEGRA-Rolllaeden.jpg);} .wrapkonfigurator #schutz .last input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Frage.png);} .wrapkonfigurator #verglasung input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/3-fach-Verglasung-Dachfenster.png);} .wrapkonfigurator #verglasung .first input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/2-fach-Verglasung-Dachfenster.png);} .wrapkonfigurator #verglasung .last input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Frage.png);} .wrapkonfigurator #material input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Velux-Kunststoff-Dachfenster.jpg);} .wrapkonfigurator #material .first input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Velux-Holz-Dachfenster.jpg);} .wrapkonfigurator #material .last input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Frage.png);} .wrapkonfigurator #sorglos .first input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Check.png);} .wrapkonfigurator #sorglos .last input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Nein.png);} .wrapkonfigurator #datum input[type=radio] ~ .wpcf7-list-item-label::before{background-image:url(//voges-dach.de/wp-content/themes/Voges-Dach%202022/images/Kalender.png);} #searchform{line-height:100%;margin:25px auto;padding:0;position:relative;text-align:center;width:100%;} #searchform input{display:inline-block;margin:0 auto;text-align:left;vertical-align:middle;width:80%;} #searchform button {background:#e0021b;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:1.6em;margin:0 0 0 5px;padding:0 3px;border-radius:50%;vertical-align:middle;height:44px;width:44px} #searchform button:hover{background:#e0021b;color:#fff} #searchform button:before{margin:0;} #header .inner,#wrapper,#footer .inner,#fullbox-kontakt .inner{display:block;font-weight:400;margin:0 auto;padding:15px;position:relative;text-align:left;width:100%;max-width:1280px;box-sizing:border-box;} #wrapper{background:#fff;font-size:1.8em;line-height:1.8em;overflow:hidden;padding:0 15px} .page-template-page-parallax-php #wrapper,.page-template-page-landingpage-php #wrapper{padding:0} .share,#header .share,#headerbox .share{background:#e0021b;clear:both;display:block;margin:0 auto;text-align:center;width:100%;-webkit-transition: all 0.3s;transition: all 0.3s;} .share a,.share a:hover, #header .share a,#header .share a:hover, #headerbox .share a,#headerbox .share a:hover, #sidebar .share a,#sidebar .share a:hover, #footer .share a,#footer .share a:hover {color:#e0021b;display:inline-block;font-size:2.2em;line-height:100%;margin:5px;padding:0;text-align:center;width:1em;} .share a:hover{color:#F13D14} .share a span,.share a:hover span, #header .share a span,#header .share a:hover span, #headerbox .share a span,#headerbox .share a:hover span{display:none;} #sidebar .share a,#sidebar .share a:hover,#footer .share a,#footer .share a:hover{font-size:1.6em;margin:25px 10px} #footer .share{background:transparent} #footer .share a,#footer .share a:hover{color:#fff;} #footer .share a:hover{color:#e0021b} #header .phone,#headerbox .phone{background:transparent;display:block;font-size:2.2em;line-height:100%;height:32px;margin:0;padding:0;width:32px;position:absolute;right:75px;top:5px;z-index:1000} #header .phone a,#header .phone a:hover,#headerbox .phone a,#headerbox .phone a:hover{background-color:transparent;display:block;cursor:pointer;height:32px;width:32px;} #header .phone a:before,#headerbox .phone a:before{} #header .phone a span,#headerbox .phone a span{display:block;text-indent:-999em;} #header a.tel {color:#111;cursor:text;} #header a.icon-mail {color:#111;} #headerbox {display:none;} .symbol{display:block;margin:15px auto;text-align:center;font-size:1em} .symbol.size-1:before{font-size:1em} .symbol.size-2:before{font-size:2em} .symbol.size-3:before{font-size:3em} .symbol.size-4:before{font-size:4em} .symbol.size-5:before{font-size:5em} .symbol.size-6:before{font-size:6em} .symbol.size-7:before{font-size:7em} .symbol.size-8:before{font-size:8em} .symbol.size-9:before{font-size:9em} .symbol.size-10:before{font-size:10em} a.symbol {color:#666;display: inline-block;} a.symbol:hover {color:#e0021b} .symbol h3,.symbol p{color:#666;margin:5px auto;text-align:center;} .symbol .buttons{background:#e0021b;color:#fff;cursor:pointer;display:inline-block;border:1px solid #e0021b;margin:5px auto;padding:5px 15px;text-align:center;-webkit-transition: all 0.3s;transition: all 0.3s;} .symbol .buttons:hover{background:#111;} .contact {border:none;line-height:100%;position:fixed;bottom:1em;right:1em;padding:0;text-align:center;vertical-align:middle;width:64px;z-index:999999;} .contact span{display:none;} .back-to-top {display:block;font-size:4em;font-weight:500;text-decoration:none;margin:0 auto;padding:0;text-align:center;} .back-to-top:before{color:#e0021b;margin:0;} .myauthor{background:rgba(255,255,255,0.2);;border:1px solid #e0021b;display:block;font-size:0.9em;line-height:1.5em;margin:25px auto;padding:10px;position:relative;min-height:100px;box-sizing:border-box;border-radius:5px;} .myauthor a:before{text-decoration:none;} .myauthor .userthumb{background-color:#fff;background-repeat:no-repeat;background-position: 50% 50%; background-size: 100% auto;border:1px solid #e0021b;border-radius: 50%;display: block;height: 100px;margin: 0 auto;width: 100px;position:absolute;left:10px;top:25px;} .myauthor-bild img{display:none} .myauthor .icon:before,#content .myauthor .icon:before{color:#e0021b;font-size:1.0em;background:#fff;border:3px solid #e0021b;border-radius:50%;padding:0;height:24px;width:24px;} .myauthor .icon span{display:none;} .myauthor h4{color:#fff;font-size:1.0em;line-height:1.5em;margin:5px 0;padding:0} .myauthor h4 a{color:#fff;text-decoration:none;} .myauthor ul,#content .myauthor ul,.myauthor p, #content .myauthor p{margin:5px 0;padding:0} .myauthor ul,#content .myauthor ul{margin:10px 0} .myauthor ul li,#content .myauthor ul li{list-style:none;margin:0;padding:0} .myauthor ul li.sozial,#content .myauthor ul li.sozial{padding:10px 0 5px 0;} table{empty-cells: hide;} table tr{} table td, table th{} table#wp-calendar {border:1px solid #ddd;border-collapse:collapse;margin:15px auto;text-align:center;width:100%;} table#wp-calendar tr{width:100%;} table#wp-calendar td, table#wp-calendar th{border:1px solid #ddd;padding:2px;text-align:center;} table#wp-calendar th{font-weight:500;} table#wp-calendar td#prev, table#wp-calendar td#next,table#wp-calendar td.pad{border:none;} table#wp-calendar thead td,table#wp-calendar thead th{background:#ddd;} table#wp-calendar td a,table#wp-calendar td a:hover{background:#e0021b;color:#fff;display:block;-webkit-transition: all 0.5s;transition: all 0.5s;} table#wp-calendar td a:hover,table#wp-calendar td#prev a, table#wp-calendar td#next a,table#wp-calendar td.pad a{background:#fff;color:#e0021b;} .tabelle, .tabreihe,.tabzelle {display:block;padding:0;position:relative;} .page-id-32 .tabelle.kontakt{margin-top:50px;} .tabelle.center .tabzelle {text-align:center;} .tabelle h2,.tabelle h3,.tabelle h4{margin:0;} .tabelle.symbole{clear:both;margin:50px auto;} .tabelle.symbole .tabzelle {padding:0 25px 50px 0;text-align:center;} .tabelle.para{margin:0 auto;} .tabelle.para .tabzelle{padding:0;text-align:center;} .clear{clear:both;display:block;padding:0} .clearer{clear:both;display:block;padding:25px 0} .clearg{clear:both;display:block;padding:50px 0} .group:after,#nav:after,#wrapper:after {content: "";display: table;clear: both;} video {background-color:#000;margin:25px auto;max-width:100%;height:auto;text-align:center;box-shadow:2px 2px 10px rgba(0,0,0,0.7);} .video-wrapper{display:block;background:transparent;border:none;margin:25px auto;width:100%;max-width:100%;text-align:center;} .video-container{background:transparent;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden} .video-container iframe,.video-container object,.video-container embed{background:transparent;margin:0 auto;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;} .my-frame,iframe.map-frame{border:none;padding:0;text-align:center;min-height:400px;height:100%;width:100%;box-sizing:border-box;} .wp-video,.mejs-container, .wp-video-shortcode, .mejs-video {display:block;margin:0 auto;text-align:center;} .video-header-wrapper{} .video-header-wrapper .video-header-container{max-height: 100%;margin:0;position: relative !important;padding:0 0 56.25% 0;height: 0;overflow: hidden;z-index:10;} .video-header-wrapper .video-header-container video, .video-header-wrapper .video-header-container iframe, .video-header-wrapper .video-header-container embed, .video-header-wrapper .video-header-container object{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;z-index:-1} .video-header-wrapper .sliderbox{background:transparent;box-sizing:border-box;color:#fff;text-align: center;padding:10px;position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);z-index:500} .video-header-wrapper img{display:block;margin:0 auto;max-width:200px;} .video-header-wrapper .titel{display:block;font-size:2.0em;font-weight:700;margin:10px auto;} .video-header-wrapper .description{display:none;} .video-header-wrapper .sbutton{display:block;font-size:1.0em;margin:15px 0;padding:0;position: relative;} .video-header-wrapper .sbutton a{background:#e0021b;color:#fff;display:inline-block;letter-spacing:2px;padding:5px 15px;-webkit-transition: all 0.9s;transition: all 0.9s;} .video-header-wrapper .sbutton a:hover{background:rgba(0,0,0,0.5);} .map,#map{border:1px solid #ddd;clear:both;display:block;height:600px;margin:25px auto;width:90%} .map_canvas{width:100%;height:100%} .map_canvas img,#map_canvas img { max-width: none; } .framewrapper{clear:both;display:block;margin:50px auto;position:relative;text-align:center;width:100%;} .my-frame,.map-frame{border:none;margin:0 auto;padding:0;text-align:center;height:auto;min-height:1000px;width:100%;max-width:1480px;} .pinterest-container{display:block;margin:0 auto;text-align:center;width:100%;} .pinterest-container > span {width: 100% !important; overflow: hidden;} .pinterest-container > span > span > span > span {min-width: 0;} .button {display:inline-block;text-align:center;margin:50px auto;vertical-align:middle;} .button.center{display:block;} .button a{background:#e0021b;border:1px solid #e0021b;border-radius:5px;color:#fff;display:inline-block;font-size:0.9em;margin:0 auto;padding:8px 15px;position:relative;text-align:center;vertical-align:middle;-webkit-transition: all 0.3s;transition: all 0.3s;} .button a:hover{background:#111;border-color:#e0021b;color:#fff;} .button.rot a,section.module.hell .button.rot a{background:#e0021b;border-color:#e0021b;color:#fff;font-weight:700;letter-spacing:1px;} .button.rot a:hover,section.module.hell .button.rot a:hover{background:#111;border:1px solid #e0021b;color:#fff;} .button.gruen a,section.module.hell .button.gruen a{background:#008233;border-color:#008233;color:#fff;} .button.gruen a:hover,section.module.hell .button.gruen a:hover{background:#e0021b;border-color:#e0021b;color:#fff;} .button.trans a,section.module.hell .button.trans a{background:transparent;border-color:rgba(255,255,255,0.5);color:#fff;} .button.trans a:hover,section.module.hell .button.trans a:hover{background:transparent;border-color:rgba(255,255,255,0.5);color:#fff;} .button a::after{margin:0 0 0 5px;font-size:0.6em;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;} .button a:hover::after{-webkit-transform: translateX(5px);transform: translateX(5px);} .button a i.tooltipptext {visibility: hidden;width: 250px;background-color:#e0021b;color:#fff;font-style:normal;text-align: center;border-radius: 6px;font-size:0.8em;line-height:1.4em;padding:10px;position: absolute;z-index: 1; bottom: 125%;left: 50%;margin-left: -125px;opacity: 0; transition: opacity 0.3s;} .button a:hover i.tooltipptext {visibility: visible;opacity: 1;} .button a i.tooltipptext::after {content: " "; position: absolute; top: 100%;left: 50%;margin-left: -5px;border-width: 10px;border-style: solid;border-color: #e0021b transparent transparent transparent;} .action{display:block;position:absolute;top:90px;left:5vw;font-size:1.8em;text-align:center;z-index:997;width:90vw;} .action .button{margin:0 auto;} .action .button a{padding:10px 15px;} #content ..action tooltipp .tooltipptext {width: 300px;max-width:90vw;} #content .tooltipp {color:#e0021b;margin:0 auto;position: relative;display: inline-block;vertical-align:top;outline:0;} #content .tooltipp .tooltipptext {visibility: hidden;width: 250px;background-color:#e0021b;color: #fff;text-align: center;border-radius: 6px;font-size:0.85em;line-height:1.4em;padding: 5px;position: absolute;z-index: 1; bottom: 125%;left: 50%;margin-left: -125px;opacity: 0; transition: opacity 0.3s;} #content .tooltipp:hover .tooltipptext {visibility: visible;opacity: 1;} #content .tooltipp .tooltipptext.img{background-color:#fff;width:210px;box-shadow: 0 0 10px -4px rgba(0,0,0,.5);} #content .tooltipp .tooltipptext.img img{max-width:200px;} #content .bigtooltipp {background-color:#e0021b;border:none;border-radius:5px;color:#fff;display:block;font-size:0.85em;line-height:1.4em;padding:15px;margin:25px auto;overflow:hidden;position: relative;width:350px;max-width:90%;transition: opacity 0.3s;box-sizing:border-box;} #content .bigtooltipp .tooltipptext {display:block;text-align:left;} #content .bigtooltipp b{color:#fff;display:block;font-weight:700;font-size:1.2em;margin:5px 25px 10px 0;} #content .bigtooltipp b:before{color:rgba(255,255,255,0.5);font-size:2em;margin:0;position:absolute;top:10px;right:10px;} .nix,.symbole span{display:inline;height:0;left:-999em;overflow:hidden;position:absolute;top:-999em;width:0} .innernav .prev,.innernav .next{display:block;margin:5px 0} .innernav .next{text-align:right;} #header{background:#fff;border-top:2px solid #444;margin:0;padding:0;position:fixed;top:0;left:0;text-align:left;height:60px;width:100%;z-index:998;-webkit-transition: all 0.3s;transition: all 0.3s;} #header .inner{padding:10px;position:relative;box-sizing: border-box;} .page-template-page-landingpage-php #header{background:#fff;position:fixed;top:0;left:0;} #header .logo{margin:0;padding:0;text-align:left;max-width:200px;z-index:1000;} #header .logo a,#header .logo a:hover{display:block;height:auto;line-height:100%;margin:0 50px 0 0;padding:0;z-index:1000;} #header .logo img{max-height:60px;-webkit-transition: all 0.3s;transition: all 0.3s;} #mobile{background:transparent;border:none;color:#111;cursor:pointer;display:block;font-size:4em;font-weight:400;height:50px;margin:0;padding:0;position:fixed;top:10px;right:10px;text-align:center;width:57px;z-index:99999;outline:none;} #mobile span{display:block;} #mobile b{ background: #111; display:block; width:32px; height:3px; margin-bottom: 6px; position: relative; top:0; transition: all ease-in-out 0.4s; } #mobile.open b:nth-child(2){ width: 0; opacity:0; } #mobile.open b:nth-child(1){ transform: rotate(-45deg); top:6px; } #mobile.open b:nth-child(3){ transform: rotate(45deg); top:-12px; } body.page-template-page-landingpage-php #mobile{color:#111;} body.page-template-page-landingpage-php #mobile b {background:#111;} nav#navigation{background:#111;font-size:1.5em;height:100%;margin:0 auto;padding:0;position:fixed;top:0;left:-100vw;width:80vw;max-width:500px;overflow:hidden;z-index:9999;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;-webkit-box-shadow: -5px 0px 2px 0px rgba(0,0,0,0.15); box-shadow: -5px 0px 2px 0px rgba(0,0,0,0.15);} nav#navigation.open{left:0} nav#navigation ul,nav#navigation ul li{color:#fff;display:block;text-align:center;width:auto;} nav#navigation ul.sub-menu li{border-left:10px solid #111;} nav#navigation ul li a,nav#navigation ul li a:hover{background:#333;border-bottom:1px solid rgba(0,0,0,0.4);color:#fff;display:block;margin:0;padding:10px 5px;position:relative;} nav#navigation ul li a:hover, nav#navigation ul li.current-menu-item a, nav#navigation ul li.current_page_ancestor a{background:#e0021b;color:#ddd;} nav#navigation ul li.current-menu-item li a, nav#navigation ul li.current_page_ancestor li a{background:#333;color:#ddd;} nav#navigation ul li li.current-menu-item a{background:#333;color:#ddd;text-decoration:underline;} #nav li.close-nav{border-top:1px solid rgba(0,0,0,0.4);color:#fff;clear:both;color:#fff;display:block;box-sizing:border-box;width:100%;padding:10px 5px} #nav li.close-nav b{color:#fff;cursor:pointer;} #nav li.search {border-top:1px solid rgba(0,0,0,0.4);color:#fff;text-align:center;padding-left:0;} #nav li.search b:before {cursor:pointer;display:none;font-size:1.5em;margin:0;padding:5px 20px 5px 0;} nav#navigation ul li a:not([href]),nav#navigation ul li a:hover:not([href]){cursor:text;} nav#navigation li.menu-item-has-children > a:before{text-decoration:none;position:absolute;right:10px;top:33%;} nav#navigation li.menu-item-has-children li a:before{content:'';margin:0;padding:0;width:0;} nav#navigation li.current_page_ancestor a:before{color:#F13D14;} nav#navigation li ul.sub-menu li a:after,nav#navigation li ul.sub-menu li li a:after{border:none;display:none;margin:0;} nav::-webkit-scrollbar {width: 10px;} nav::-webkit-scrollbar-track {background: #f1f1f1;} nav::-webkit-scrollbar-thumb {background: #222;} nav::-webkit-scrollbar-thumb:hover {background: #e0021b;} nav {scrollbar-color:#f1f1f1;scrollbar-width:thin;} @media all and (max-width: 979px){ .nav__container { background:#111; position: absolute; padding: 5px 0 50px 0; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } } #content{background:#fff;color:#333;padding:0;min-height:600px;} .page-template-page-landingpage-php #content,body.page-id-1059 #content{background:#fff;} #content p{margin:15px 0 25px 0} #content p:not(.iframep){max-width:70ch;margin-inline:auto;hyphens:auto;} #content p a,#content ul a,section.module .innertextsplits a{text-decoration:underline;} #content ul{margin:25px 0 25px 35px;} #content ul li,#content ul.postinfos li {list-style:none;} #content ul li{padding:5px 10px 5px 35px;position:relative;} #content ul li:before{color:#e0021b;position:absolute;left:0;top:12px;} #content ul ul,#content ul ul ul{margin:0 15px} #content ul ul li,#content ul ul ul li{background-image:none;} #content ul.nocheck{margin:20px 0 20px 35px;} #content ul.nocheck li{background-image:none;list-style:circle;padding:3px 5px} #content ul.nocheck li:before,#content ul.postinfos li:before,#content .myauthor ul li:before,#content ul.iteaserboxen li:before {display:none;} #content ul.postinfos li{padding:0} #content ul.sprungmarken {clear:both;display:block;margin:20px auto;text-align:center;} #content ul.sprungmarken li {display:inline-block;padding:0;text-align:center;vertical-align:middle;} #content ul.sprungmarken li:before {display:none;} #content ul.sprungmarken li a,#content ul.sprungmarken li a:hover{background:#F13D14;border:1px solid #333;color:#fff;display:block;font-size:0.9em;font-weight:500;margin:5px;padding:5px 10px;transition:all 0.3s ease-in-out;} #content ul.sprungmarken li a:hover{background:#333;color:#fff;} #content .sd-content ul li{background:transparent;padding:0;} #content ul.breadcrumb{font-size:0.85em;margin:5px 0 25px 0;max-width:100%;box-sizing:border-box;} #content ul.breadcrumb li{display:inline-block;list-style:none;margin:0 1px;padding:0 5px;width:auto;vertical-align:middle;white-space: nowrap;max-width:50%;overflow:hidden;} #content ul.breadcrumb li:first-child{padding:0;margin-left:-20px;} #content ul.breadcrumb li:before{content:'>';vertical-align:middle;margin:0 5px 0 0;padding:0;position:relative;left:auto;top:auto;} #content ul.breadcrumb li:first-child:before{content:'';margin:0;} #content ul.breadcrumb a,#content ul.breadcrumb em{color:#888;border:none;display:inline-block;margin:0;padding:0;vertical-align:middle;} #content ul.breadcrumb a.icon-home:before{text-decoration:none;color:#F13D14;font-size:1.3em;} #content ul.breadcrumb a:hover.icon-home:before{color:#888} .page-template-page-parallax-php #content ul.breadcrumb{margin:15px auto;max-width:1480px;} #content ul.galerie{margin:25px auto;text-align:center;width:100%;display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(300px, 1fr));} #content .infokasten ul.galerie{grid-template-columns:repeat(auto-fill,minmax(120px, 1fr));} #content ul.galerie li{background:transparent;border:none;display:inline-block;margin:5px;padding:0;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;vertical-align:middle} #content ul.galerie li:before{display:none;} #content ul.galerie li a, #content ul.galerie li a:hover, #content ul.galerie li a:focus{display:block;line-height:0;margin:0;padding:0;position:relative;text-align:center;text-decoration:none;} #content ul.galerie li img{padding:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} #content ul.galerie li a:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} #content ul.galerie li span{background:#1A1A1A;background:rgba(0,0,0,0.6);border:none;color:#fff;display:block;height:auto;line-height:1.4;padding:10px 5%;position:absolute;text-align:left;bottom:-500px;left:0;width:90%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} #content ul.galerie li:hover span{bottom:5px;} #content ul.news{clear:both;line-height:1.4em;margin:0;padding:0;width:100%;} #content ul.news li{background:transparent;display:block;list-style:none;margin:25px 0;padding:0;position:relative;width:100%} #content ul.news li:before{content:'';display:none;} #content ul.news h2,#content ul.news h3{border:none;color:#333;line-height:1.4em;margin:5px auto;font-size:1em;font-weight:400;text-align:left; hyphens: auto;} #content ul.news p{font-size:1em;line-height:1.4em;margin:0;overflow-wrap: break-word;word-wrap: break-word;-moz-hyphens: auto;hyphens: auto;} #content ul.news a{color:#666;display:block;text-decoration:none;margin:0;padding:0;width:100%} #content ul.news a:hover,#content ul.news a:hover h2,#content ul.news a:hover h3 {color:#e0021b;} #content ul.news .more{color:#e0021b;text-decoration:underline;} #content ul.news.teaserboxen h2,#content ul.news.teaserboxen h3,#content ul.news.weitere h2,#content ul.news.weitere h3{text-align:center;} #content ul.news.weitere li,#content ul.news.weitere li{font-size:0.9em;} #content ul.news li .thumbnail{background-color:#eee;background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;display:block;float:none;height:0;margin:0 auto 10px auto;padding:0 0 50% 0;overflow:hidden;position:relative;text-align:center;width:100%;} #content ul.news li:hover .thumbnail,#content ul.myteaserboxen li:hover .thumbnail img{filter:grayscale(100%);} #content ul.teaserboxen{display:block;margin:0 auto 50px auto;padding:0;max-width:1480px;} #content ul.teaserboxen.innen{margin:0 auto 50px auto;} #content ul.teaserboxen li{background:transparent;display:block;list-style:none;margin:15px auto;padding:0;overflow:hidden;position:relative;width:100%;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:30} #content ul.teaserboxen li:hover{background:rgba(255,255,255,0.1);box-shadow: 0 0 10px rgba(0,0,0,.5);} #content ul.teaserboxen li::before{content:'';display:none} #content ul.teaserboxen h2,#content ul.teaserboxen h3{border:none;font-weight:200;margin:25px;text-align:left;} #content ul.teaserboxen p{font-size:1em;line-height:1.4em;margin:25px;padding:0;text-align:left;} #content ul.teaserboxen li:hover h2,#content ul.teaserboxen li:hover h3,#content ul.teaserboxen li:hover p{color:#fff;} #content ul.teaserboxen .thumb{background-color:transparent;background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; background-size: cover;overflow:hidden;z-index:20;padding:0 0 56.5% 0;width:100%;} #content ul.teaserboxen .thumb img{display:block;margin:0 auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(1.0); transform:scale(1.0);transform-origin: left top;} #content ul.teaserboxen .thumb:hover img{filter:grayscale(100%);-webkit-transform:scale(1.1); transform:scale(1.1);} #content ul.teaserboxen a{color:#111;display:block;text-decoration:none;margin:0;padding:0;} #content ul.teaserboxen .more{background:transparent;border:1px solid #e0021b;border-radius:25px;color:#e0021b;display:inline-block;line-height:100%;margin:25px;padding:10px 20px;position:relative;text-align:left;text-transform:lowercase;text-decoration-skip:ink;text-decoration-skip-ink: auto;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} #content ul.teaserboxen .more:hover,#content ul.teaserboxen li:hover .more{border-color:#fff;color:#fff;} #content ul.teaserboxen.innen li .thumb{padding:25px 0;box-sizing:border-box;} #content ul.teaserboxen li button{margin:35px auto;text-align:center;} #content ul.teaserboxen li button a,#content ul.teaserboxen li button a:hover{background:#0A5537;border:1px solid #0A5537;box-sizing:border-box;color:#fff;display:block;font-weight:700;margin:0 auto;padding:25px 35px;position:relative;text-align:center;-webkit-transition:all .3s;transition:all .3s;box-shadow: 0 1px 2px rgba(0,0,0,0.15);min-width:280px;max-width:400px;outline:0;} #content ul.teaserboxen li button a::after{font-size:0.8em;font-weight:400;margin:0;position:absolute;right:10px;top:14px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} #content ul.teaserboxen li button a:hover{background-color:#7b7b7a;border-color:#7b7b7a;} #content ul.myteaserboxen{clear:both;line-height:1.4em;margin:25px 0;padding:0;width:100%;} #content ul.myteaserboxen li{background:transparent;display:inline-block;list-style:none;margin:15px 0;padding:0;position:relative;vertical-align:top;width:100%;} #content ul.myteaserboxen li:before{content:'';display:none;} #content ul.myteaserboxen li .thumbnail{display:block;overflow:hidden;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%;box-sizing:border-box;} #content ul.myteaserboxen li .thumbnail img{border:none;display:block;margin:10px auto;transition: transform 2s;} #content ul.myteaserboxen li .txt{display:block;padding:0;vertical-align:top;width:100%;box-sizing:border-box;} #content ul.myteaserboxen h2,#content ul.myteaserboxen h3{border:none;color:#333;line-height:1.4em;margin:0 0 5px 0;font-size:1.2em;font-weight:400;text-align:left;} #content ul.myteaserboxen p{font-size:1em;line-height:1.4em;margin:0;overflow-wrap: break-word;word-wrap: break-word;-moz-hyphens: auto;hyphens: auto;} #content ul.myteaserboxen a{color:#666;display:block;text-decoration:none;margin:0;padding:0;width:100%} #content ul.myteaserboxen a:hover,#content ul.news a:hover h2,#content ul.news a:hover h3 {color:#e0021b;} #content ul.myteaserboxen .more{color:#e0021b;text-decoration:underline;} #content ul.ko-teaserboxen{clear:both;line-height:1.4em;margin:25px 0;padding:0;width:100%;} #content ul.ko-teaserboxen li{background-position: 50% 0; background-repeat: no-repeat;background-size: cover;display:block;list-style:none;margin:15px 0;padding:0 0 50% 0;position:relative;overflow:hidden;vertical-align:top;width:100%;box-sizing:border-box;z-index:10;} #content ul.ko-teaserboxen li::before{content:'';background:rgba(0,0,0,0.1);display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} #content ul.ko-teaserboxen h2, #content ul.ko-teaserboxen h3{border:none;color:#fff;font-size:1.4em;font-weight:700;line-height:1.4em;margin:0;opacity:1;padding:0;position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);text-align:center;max-width:90%;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} #content ul.ko-teaserboxen li .txt{background:rgba(0,0,0,0.4);color:#fff;display:block;font-size:1em;line-height:1.4em;margin:0 auto;padding:15px;box-sizing:border-box;position:absolute;left:0;bottom:-200px;width:100%;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} #content ul.ko-teaserboxen li .txt:empty{background:transparent;} #content ul.ko-teaserboxen li:hover::before{background:transparent;} #content ul.ko-teaserboxen li:hover .txt{bottom:0;} #content ul.ko-teaserboxen p{margin:0;} #content ul.ko-teaserboxen a,#content ul.ko-teaserboxen a:hover{color:#fff;display:block;text-decoration:none;margin:0;padding:0;height:100%;width:100%} #content ul.iteaserboxen {margin:25px auto;display:grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));column-gap:20px;} #content ul.iteaserboxen li,.iconbox ul.iteaserboxen li:hover{background:transparent;display:block;margin:0 auto;padding:0;position:relative;box-shadow: none;overflow:visible;text-align:center;width:100%;box-sizing:border-box;} #content ul.iteaserboxen li:hover{background:transparent;box-shadow:none;} #content ul.iteaserboxen li a,.iconbox ul.iteaserboxen li a:hover{background:transparent;positon:absolute;top:0;right:0;bottom:0;left:0;text-decoration:none;} #content ul.iteaserboxen li h3{background:#008233;border-radius:9px;color:#fff;font-size:1.0em;line-height:1.2;font-weight:400;letter-spacing:2px;margin:15px 5px;padding:1em 0.5em;text-align:center;} #content ul.iteaserboxen .ithumb{background-color:transparent;} #content ul.iteaserboxen .ithumb img{display:block;margin:25px auto 15px auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(1.0); transform:scale(1.0);transform-origin: center center;max-width:150px;max-height:150px;border-radius:50%;} #content ul.iteaserboxen a:hover .ithumb img{-webkit-transform:scale(1.1); transform:scale(1.1);} #content ul.iteaserboxen a i {visibility: hidden;width: 250px;background-color:rgba(0,0,0,0.5);color:#fff;font-style:normal;text-align: center;border-radius: 6px;font-size:0.8em;line-height:1.4em;padding:10px;position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);z-index:200;opacity: 0; transition: opacity 0.3s;} #content ul.iteaserboxen li i::after {content: " "; position: absolute; top: 100%;left: 50%;margin-left: -5px;border-width: 10px;border-style: solid;border-color: #e0021b transparent transparent transparent;} #content ul.postinfos {font-size:0.9em;margin:5px 0 5px 0;width:100%;position:relative;} #content ul.postinfos.short {margin:0;} #content ul.postinfos li{background:transparent;color:#777;display:inline-block;padding:5px 0 5px 15px;box-sizing:border-box;} #content ul.postinfos li.comm{padding:5px 25px 5px 15px;} #content ul.postinfos li.soci{padding:5px 0;} #content ul.postinfos li.soci a{margin:0 5px;} #content ul.postinfos li:first-child{padding-left:0;} #content ul.postinfos li a{color:#777;} #content ul.postinfos li a:hover{color:#111;} #content ul.postinfos li.soci a:before{font-size:1.0em;margin:0;padding:0 5px;text-decoration:none;} #content ul.postinfos li.soci a span{display:none;} #content ul.postinfos .views i{display:none;} #content ul.cols,#content ul.cols3 {margin:10px 0 20px 0;} #content #avalex-printable ul, #content ul.maximal{max-width:70ch;margin:1.5rem auto;} #content .excerpt em.weiter{background:#e0021b;color:#fff;padding:1px 5px;white-space: nowrap;} #content .wp-caption{font-size:1em;height:auto;margin:25px auto;padding:0;position:relative;text-align:center;width:auto;max-width:100%;} #content .wp-caption img{display:block;margin:0 auto;padding:0;text-align:center;} #content .wp-caption p{background:transparent;color:#fff;display:block;font-style:italic;margin:0;padding:5px 0;text-align:center;width:100%} #content .wp-pagenavi {clear:both;display:block;margin:15px 0;padding:15px 0;text-align:center;} #content .wp-pagenavi a, #content .wp-pagenavi a:hover, #content .wp-pagenavi span {background:#eee;border:1px solid #e0021b;color:#e0021b;display:inline-block;margin:5px;padding:5px 15px;text-align:center;border-radius:5px;} #content .wp-pagenavi a:hover, #content .wp-pagenavi span.current {background:#fff;border-color:#e0021b;color:#e0021b;} #content .wp-pagenavi span.current {background:#e0021b;border-color:#e0021b;color:#fff;} #content .wp-pagenavi span.pages {padding:5px 10px;} #content .social a,#content .social a:hover{background:#aaa;color:#fff;display:inline-block;font-size:1.5em;font-weight:500;line-height:100%;margin:10px 10px 5px 0;padding:10px;text-align:center;text-decoration:none;width:auto;border-radius:50%;overflow:hidden;} #content .social a:hover{background-color:#fff;} #content .social a span{display:none;} #content .social a:before{margin:0;} #content .social a.icon-pocket:before{margin:0 0 0 -2px;} #content .social a.icon-twitter{background-color:#00aced;border:1px solid #00aced} #content .social a.icon-facebook{background-color:#3B5998;border:1px solid #3B5998} #content .social a.icon-gplus{background-color:#dd4b39;border:1px solid #dd4b39} #content .social a.icon-xing{background-color:#006567;border:1px solid #006567} #content .social a.icon-pocket{background-color:#ee4056;border:1px solid #ee4056} #content .social a.icon-rss{background-color:#ee802f;border:1px solid #ee802f} #content .social a.icon-pinterest{background-color:#cb2027;border:1px solid #cb2027} #content .social a.icon-linkedin{background-color:#0e76a8;border:1px solid #0e76a8} #content .social a.icon-tumblr{background-color:#34526f;border:1px solid #34526f} #content .social a.icon-instagram{background-color:#125688;border:1px solid #125688} #sidebar {padding:0;text-align:center;} #sidebar img{display:block;margin:10px auto;text-align:center;} #sidebar .sidebars{display:block;margin:0 0 50px 0} #sidebar h2, #sidebar h3{text-align:center;} #sidebar p{margin:25px auto;} #sidebar ul{margin:25px auto;} #sidebar ul li{display:block;text-align:left;} #sidebar ul a{border-bottom:1px solid #ccc;display:block;padding:10px} #sidebar ul a:hover,#sidebar ul li.current_page_item a{color:#333;} #sidebar ul li.current_page_item a{font-weight:300;background:#fff;} #sidebar ul ul{margin:0 auto;} #sidebar ul ul li{font-style:italic;padding-left:25px;} #sidebar ul.news{margin:25px 0;width:100%;} #sidebar ul.news li{background:transparent;display:block;margin:0 auto;padding:10px 0;text-align:center;box-sizing:border-box;vertical-align:top;} #sidebar ul.news li a,#sidebar ul.news li a:hover{border-bottom:none;color:#666;display:block;} #sidebar ul.news li a:hover{border-color:#333;} #sidebar ul.news h2,#sidebar ul.news h3{font-size:1.0em;font-weight:300;margin:5px auto;} #sidebar ul.news li img{border-top:3px solid #e0021b;max-height:200px;} #sidebar ul.news li p{display:none;} #footer-kontakt {margin:50px auto;padding:25px;position:relative;text-align:left;max-width:1280px;} #footer-kontakt a{color:#fff;text-decoration:none;} #footer-kontakt a:hover{color:#e0021b;text-decoration:none;} #footer-kontakt h3{margin:20px auto;text-align:left;} #footer-kontakt p{margin:10px 0;line-height:1.5em;} #footer-kontakt p:empty{line-height:100%;margin:0;padding:0;} #footer-kontakt p.hinweis{clear:both;margin:20px 0} #footer-kontakt strong{color:#fff;} #footer-kontakt .phone{display:block;margin:15px auto;} #footer-kontakt .phone a{text-decoration:none;} #footer-kontakt .hcardbox{display:block;margin:0 auto;text-align:left;} #footer {background:#111;color:#fff;display:block;font-size:1.7em;line-height:1.5em;padding:0 0 25px 0;position:relative;} #footer .inner {padding:10px 25px 10px 25px;text-align:center;} #footer a{color:rgba(255,255,255,0.8);} #footer a:hover{color:#fff;} .page-template-page-landingpage-php #footer,.page-template-page-landingpage-php #footer .inner{background:#e0021b} #footer address,#footer form.mini h3{color:rgba(255,255,255,0.8);} #footer h3, #footer h3 a{color:#fff} #footer p{margin:15px auto;} #footer ul{margin:25px auto;} #footer ul li{border-bottom:1px solid rgba(255,255,255,0.3);display:block;padding:5px 0;} #footer ul a{border:none;color:rgba(255,255,255,0.8);display:block;padding:10px 0} #footer ul a:hover,#footer ul li.current-menu-item a{color:#fff;text-decoration:underline} #footer ul a.recentcomments a{display:inline} #content .vcard{padding-top:25px} .vcard span{display:block;line-height:1.8em;} .vcard span.plz{display:inline-block;} .vcard span.ort{display:inline-block;} #content .vcard span.telefon{margin:25px 0 0 0;} #content .vcard .adr{padding:0 0 25px 0;} #footer .phone{display:inline-block;} #content dl.hidebox{margin:50px auto;max-width:100%;} #content dl.hidebox dt a{background:transparent;border:1px solid #e0021b;color:#000;cursor:pointer;display:block;font-size:1.1em;font-weight:400;margin:10px 0;padding:10px 50px 10px 25px;position:relative;text-decoration:none;border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease;box-sizing:border-box;} #content dl.hidebox dt.open a, #content dl.hidebox dt a:hover{background:#e0021b;color:#fff;} #content dl.hidebox dt a::before{content:'+';color:#000;display:block;font-family:arial,verdana,sans-serif;font-size:1.4em;line-height:100%;position:absolute;right:10px;top:10px;-webkit-transition:all .3s ease;transition:all .3s ease;} #content dl.hidebox dt a:hover::before{color:#fff;} #content dl.hidebox dt a.open::before{transform: rotate(45deg);color:#e0021b;} #content dl.hidebox dd {background:transparent;display:none;margin:10px 0;padding:25px;} #content dl.hidebox dd p{max-width:70ch;margin-inline:auto;hyphens:auto;} #content dl.hidebox ul{margin:15px} #content dl.hidebox dt.bild a,#content dl.hidebox dt.bild a.open{padding:0;} #content dl.hidebox dt.bild a.closed:before,#content dl.hidebox dt.bild a.open:before{content:'';width:0} #content dl.hidebox dt.bild{clear:both;float:left;width:33%;} #content dl.hidebox dd.bild{float:left;width:66%;} #content a.faq:not(.check){color:#0059A3;text-decoration:underline;cursor:pointer;} #content a.faq.check{color:#666;text-decoration:none;} #content .tabs {display:block;width:100%; max-width: 100%;padding:25px 0;margin: 0 auto;background:transparent;box-sizing:border-box;} #content .tabs section {border-top:1px solid #ddd; display:none;margin:0;padding: 15px 0;box-sizing:border-box;} #content .tabs input { margin:0;padding:0;display: none; } #content .tabs label {background:#fff;color:#333;border:1px solid #fff;cursor: pointer;display:block;font-weight: 400;margin:1px 0;padding: 5px 10px;text-align: center;box-sizing:border-box;max-width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #content .tabs.tabs4 label {max-width:100%;} #content .tabs.tabs5 label {max-width:100%;} #content .tabs label:hover {background:#f7f7f7;color: #333;border-bottom:1px solid #fff;} #content .tabs input:checked + label {color: #111; background:#fff;border:1px solid #ddd;border-top: 2px solid #F13D14;border-bottom:1px solid #fff;font-weight: 700;} #content .tabs #tab1:checked ~ #content1, #content .tabs #tab2:checked ~ #content2, #content .tabs #tab3:checked ~ #content3, #content .tabs #tab4:checked ~ #content4, #content .tabs #tab5:checked ~ #content5 { display: block; } section.lpsection{background-color:#111;display:block;min-height: 50vh;position:relative;text-align:left;} section.lpsection .innersec{display:block;min-height: 50vh;margin:0 auto;max-width:1920px;isolation:isolate;} section.lpsection .innersec > * { grid-area: hero;} section.lpsection .txt {background-color:rgba(0,0,0,0.4);backdrop-filter: blur(5px);margin: 0;padding:15px;z-index:1} section.lpsection .txt h1,.page-template-page-parallax-php section.lpsection .txt h1, section.lpsection .txt p,#content section.lpsection .txt p{margin:15px 0;padding:0;text-align:left;} section.lpsection .txt h1,.page-template-page-parallax-php section.lpsection .txt h1{color:#fff;font-size:var(--step-4);hyphens:auto;line-height:1.25;margin-top:0;} section.lpsection .txt h1 span,section.lpsection .txt h1 em,section.lpsection .txt h1 b{color:#fff;display:block;font-size:var(--step-2);font-style:normal;margin:10px 0;} section.lpsection .txt p{color:#fff;font-size:var(--step-0);hyphens:auto;line-height:1.5} section.lpsection .txt .button{display:inline-block;margin:15px 10px 10px 0;text-align:left;vertical-align:middle;} section.lpsection .txt:empty,section.dunkel.lpsection .txt:empty{background:transparent;border:none;padding:0;} section.lpsection img {object-fit: cover; object-position: 50% 50%; height: 100%;width: 100%; justify-self: end; transition: 180ms width ease-in;z-index:-1} section.dunkel.lpsection{background:#111;} section.medium.lpsection{background-color:#008233;} @media (min-width: 50rem) { section.lpsection .innersec{display: grid; grid-template-areas: "hero";align-items:end;} section.lpsection .innersec > * { grid-area: hero;} section.lpsection .txt {margin:0 1rem 1rem 1rem;border:1px solid rgba(0,0,0,0.1);border-radius:0.2rem;max-width:100%; min-width: 30ch;} } @media (min-width: 60rem) { section.lpsection{height:var(--lpsection-height);overflow:hidden;} section.lpsection .innersec{align-items: center;height:var(--lpsection-height);} section.lpsection img{ width: 80%; } section.lpsection .txt {margin: 1rem 0 4rem 5%;padding:35px 25px;max-width:40%; min-width: 30ch;} } section.module {clear:both;display:block;margin:0;padding:0;position:relative;text-align:center;width:100%;} section.module .wrap-inner-section {clear:both;display:block;margin:0 auto;padding:25px 15px;position:relative;text-align:center;width:100%;max-width:1280px;} section.module .wrap-inner-section .inner-section{clear:both;display:block;text-align:left;} section.module h2, section.module h3, section.module h4{letter-spacing:2px;margin:50px auto 25px auto;} section.module h2.top{margin-top:25px;} section.module h4{margin-top:25px;} section.module p{} #content section.module ul.iteaserboxen li h3{} section.module.parallax {background-color:#111;background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;min-height:60vh;vertical-align:middle;text-align:center;} section.module.parallax .wrap-inner-section{height:100%;min-height:60vh;margin:0 auto;position:relative;max-width:100%;display:grid;place-items: center;} section.module.parallax .wrap-inner-section .inner-section{background:transparent;padding:15px;max-width:980px;text-align;center;} section.module.parallax .wrap-inner-section .inner-section:empty{background:transparent;} section.module.parallax h2{color:#e0021b;display:block;font-size:1.2em;font-weight:400;letter-spacing:1px;line-height:1.1em;margin:25px auto;padding:0;text-align:center;text-transform:uppercase;-webkit-transition: all 0.9s;transition: all 0.9s;} section.module.parallax a{color:#fff} section.module.parallax p{color:#fff;font-size:1.0em;margin:10px auto;text-align:center;} section.module.parallax p strong{background-color:#e0021b;color:#fff;padding:10px;-webkit-box-decoration-break: clone;box-decoration-break: clone;position:relative;} section.module.parallax ul{display:inline-block;} section.module.parallax ul li{text-align:left;} section.module.parallax.bg {height:auto; min-height:70vh;} section.module.parallax.bg .wrap-inner-section{height:auto;min-height:70vh;padding:25px;} section.module.parallax.bg .wrap-inner-section .inner-section{background:transparent;padding:0;max-width:100%;position:relative;top:auto;left: auto; margin: 0; transform: translate(0, 0);} section.module.megaslider .wrap-inner-section{padding:0;max-width:100%} body.page-template-page-landingpage-php section.module, body.page-template-page-landingpage-php section.module a, body.page-template-page-landingpage-php section.module p {color:#111} .page-template-page-landingpage-php section.module.parallax, .page-template-page-landingpage-php section.module.parallax .wrap-inner-section{height:calc(100vh - 80px);max-height:1080px;z-index:10;} .page-template-page-landingpage-php section.module.parallax::before{content:'';background:rgba(0,0,0,0.5);display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;-webkit-transition: all 0.9s;transition: all 0.9s;} .page-template-page-landingpage-php section.module.parallax:hover::before{background:rgba(0,0,0,0.0);} .page-template-page-landingpage-php section.module.parallax .wrap-inner-section{} .page-template-page-landingpage-php section.module.parallax .wrap-inner-section .inner-section{background:transparent;box-sizing:border-box;color:#fff;padding:25px;position:absolute;bottom:0;left:0;text-align:center;width:100%;} .page-template-page-landingpage-php section.module .wrap-inner-section {padding:50px 15px;} .page-template-page-landingpage-php section.module h2{text-align:center;} .page-template-page-landingpage-php section.module.parallax h1,.page-template-page-landingpage-php section.module.parallax h2{color:#fff;font-weight:700;max-width:100%;margin:0 auto;padding:15px;text-align:center;-webkit-transition: all 0.9s;transition: all 0.9s;} .page-template-page-landingpage-php section.module.parallax:hover h1,.page-template-page-landingpage-php section.module.parallax:hover h2 {background:rgba(255,255,255,0.7);color:#e0021b;} .page-template-page-landingpage-php #content .y-video-bigwrapper {margin: 50px auto;} .page-template-page-landingpage-php .button.rot a{background:#e0021b;border-color:#e0021b;color:#fff;font-size:0.9em;padding:8px 10px;} .page-template-page-landingpage-php .button.rot a:hover{background:#fff;border:1px solid #e0021b;color:#e0021b;} .page-template-page-landingpage-php section.module.topper.video .wrap-inner-section{padding:25px;} .page-template-page-landingpage-php section.module.topper.video .wrap-inner-section .y-video-bigwrapper, .page-template-page-landingpage-php #content section.module.topper.video .wrap-inner-section .y-video-bigwrapper{margin:0 auto;} .page-template-page-landingpage-php section.module.topper.video .wrap-inner-section .y-video-wrapper, .page-template-page-landingpage-php #content section.module.topper.video .wrap-inner-section .y-video-wrapper{border-radius:0;} .page-template-page-landingpage-php #content section#kontakt iframe{border:none;margin:0 auto;padding:0;text-align:center;height:100%;width:100%;max-width:1480px;} .page-template-page-landingpage-php #content section#kontakt iframe.ktv2{height:50px;width:100%;} .page-template-page-landingpage-php #content section#kontakt .aligncenter{border:3px solid #e0021b;} section.module.topslide .wrap-inner-section, section.module.topslide .wrap-inner-section .inner-section{min-height:1px;padding:0;position:relative;max-width:1680px} section.module.topslide .wrap-inner-section .inner-section{padding:0;} section.module.big .wrap-inner-section, section.module.big .wrap-inner-section .inner-section{min-height:1px;padding:0;position:relative;max-width:1680px} section.module.big .wrap-inner-section .inner-section{padding:25px;} section.module.big img{display:block;margin:0 auto;} section.module.bigger .wrap-inner-section,section.module.bigger .wrap-inner-section .inner-section{min-height:1px;padding:0;position:relative;max-width:100%} section.module.bigger .wrap-inner-section .inner-section{padding:25px;max-width:100%;} section.module.bigger img{display:block;margin:0 auto;} section.module.dunkel{background:#111;} section.module.dunkel,section.module.dunkel a,section.module.dunkel p strong,section.module.dunkel p, section.module.dunkel h1,section.module.dunkel h1 b,section.module.dunkel h2,section.module.dunkel h3{color:#fff;} #content section.module.dunkel dl.hidebox dt a{border:1px solid #fff;} #content section.module.dunkel .button a{background:#e0021b;border:1px solid #fff;color:#fff;} #content section.module.dunkel .button a:hover{background:#111;border-color:#111;color:#fff;} section.module.rot{background:#e0021b;} section.module.rot,section.module.dunkel a,section.module.rot p strong,section.module.rot p, section.module.rot h1,section.module.rot h2,section.module.rot h3{color:#fff;} #content section.module.rot dl.hidebox dt a{border:1px solid #fff;} #content section.module.rot .button a{background:#e0021b;border:1px solid #fff;color:#fff;} #content section.module.rot .button a:hover{background:#111;border-color:#111;color:#fff;} section.module.medium{background:#666;} section.module.medium, section.module.medium a, section.module.medium p strong, section.module.medium p, section.module.medium h1, section.module.medium h2, section.module.medium h3, #content section.module.medium ul li:before, .page-template-page-landingpage section.module.medium a, .page-template-page-landingpage section.module.medium p{color:#fff;} #content section.module.dunkel ul li:before, #content section.module.dunkel strong{color:#fff;} section.module.hell{background:rgba(0,0,0,0.05);} section.module.hell,section.module.hell a,section.module.hell p strong,section.module.hell p{color:#111;} body.page-id-1059 section.module.hell{background:#fff;} body.page-id-1059 section.module.hell,body.page-id-1059 section.module.hell a,body.page-id-1059 section.module.hell p strong,body.page-id-1059 section.module.hell p{color:#111;} #content .jump,.wrapslider .jump,#content .jump2,.wrapslider .jump2{display:block;font-size:2.0em;margin:0 auto;text-align:center;} #content .jump:before,.wrapslider .jump:before,#content .jump2:before,.wrapslider .jump2:before{clear:both;color:#e0021b;display:block;float:none;position: relative;margin:0 auto;} #content .jump:hover:before,.wrapslider .jump:hover:before,#content .jump2:hover:before,.wrapslider .jump2:hover:before {color:#F13D14;} #content .jump span,.wrapslider .jump span,#content .jump2 span,.wrapslider .jump2 span{display:block;text-indent:-999em;} #content section.module.parallax .jump,.wrapslider .jump,#content section.module.parallax .jump2,.wrapslider .jump2{margin:0 auto;} #content section.module.parallax .jump:before,.wrapslider .jump:before,#content section.module.parallax .jump2:before,.wrapslider .jump2:before{color:#fff;} #content section.module.parallax .jump:hover:before,.wrapslider .jump:hover:before,#content section.module.parallax .jump2:hover:before,.wrapslider .jump2:hover:before {color:#fff;} #content .wrapsplits {display:block;position:relative;} #content .wrapsplits .splits{display:block;padding:0;position:relative;box-sizing:border-box;} #content .wrapsplits .splits.bild{overflow:hidden;} #content .grafik .wrapsplits .splits.bild{} #content .wrapsplits .splits.bild .innerbildsplits{background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;min-height:400px;} #content .wrapsplits .splits.bild h3{color:#fff;display:inline-block;font-size:1.6em !important;margin:25px auto;padding:5px 10px;text-align:center;font-weight:800;vertical-align:middle;} #content .wrapsplits .splits.bild img{display:block;margin:0 auto;text-align:center;max-height:100%;} #content .wrapsplits .innertextsplits{display:block;margin:0 auto;padding:25px 0;max-width:960px;box-sizing:border-box;} #content .wrapsplits .innertextsplits h2,#content .wrapsplits .innertextsplits h3{font-size:1.3em;margin:25px 0;font-weight:400;text-align:left;} #content section.module.bigger .wrapsplits .innertextsplits {max-width:900px;} section.module.rot .innertextsplits{background:#e0021b;border-color:#e0021b;color:#fff;} section.module.rot .innertextsplits a,section.module.rot .innertextsplits h2,section.module.rot .innertextsplits h3,section.module.rot .innertextsplits strong{color:#fff;} #content section.module.rot ul li:before{color:#fff;} section.module.schwarz .innertextsplits{background:#111;border-color:#111;color:#fff;} section.module.schwarz .innertextsplits a,section.module.schwarz .innertextsplits h2,section.module.schwarz .innertextsplits h3,section.module.schwarz .innertextsplits strong{color:#fff;} #content section.module.schwarz ul li:before{color:#fff;} section.module.grau .innertextsplits{background:#777;border-color:#999;color:#fff;} section.module.grau .innertextsplits a,section.module.grau .innertextsplits h2,section.module.grau .innertextsplits h3{color:#fff;} #content section.module.grau ul li:before{color:#fff;} .twenty20 {margin: 50px auto !important;} #swipeSlider{display:block;margin:0 auto;width:100%;max-width:100%;position:relative;overflow:hidden;} .swipe {display:block;overflow: hidden;visibility: hidden;} .swipe-wrap {background-color:#111;display:block;overflow: hidden;position: relative;} .swipe-wrap > div.swipe-slide {float:left;margin:0 auto;padding:0;position: relative;box-sizing:border-box;overflow:hidden;} .swipe-wrap > div.swipe-slide > div.inner-swipe-slide {background-color:#fff;background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;display:block;height:300px;margin:0 auto;overflow:hidden;max-width:100%;position: relative;} .swipe-wrap > div.swipe-slide > div.inner-swipe-slider {min-height:100px;padding:50px;text-align:center;} #swipeSlider button.swbutton{background:transparent;border:none;color:#fff;display:none;font-size:1.8em;position:absolute;top:45%;cursor:pointer;z-index:700;outline:0;} #swipeSlider button.swbutton:before{margin:0;} #swipeSlider button.swbutton span{display:none;} #swipeSlider button.swprev{left:0;} #swipeSlider button.swnextt{right:0;} #swipeSlider .slide-textbox{background:transparent;color:#fff;font-size:1.8em;font-weight:400;margin:0 auto;padding:0 15px;text-align:center;z-index:500;position:absolute;left:0;bottom:25px;width:100%;box-sizing:border-box;} #swipeSlider .slide-textbox .slidetext{background:transparent;display:block;margin:0 auto;padding:10px;text-align:center;box-sizing:border-box;border-radius:9px;} #swipeSlider .slide-textbox .slidetext:empty{background:transparent;} #swipeSlider .slide-textbox h1, #swipeSlider .slide-textbox h2, #swipeSlider .slide-textbox h3, #swipeSlider .slide-textbox .titel{color:#fff;font-size:1.3em;font-weight:400;letter-spacing:3px;line-height:1.25em;margin:10px auto;padding:0;text-transform:uppercase;text-shadow:1px 1px 1px #666;} #swipeSlider .slide-textbox h2{font-size:1.3em;letter-spacing:2px;} #swipeSlider .slide-textbox h3{font-size:1.1em;letter-spacing:1px;} #swipeSlider .slide-textbox img{display:block;margin:0 auto;max-width:200px;} #swipeSlider .slide-textbox .subtitel{color:#fff;font-size:0.8em;font-weight:400;line-height:1.4em;margin:10px 0;} #swipeSlider .slide-textbox .sbutton{display:block;font-size:1.0em;margin:15px 0;padding:0;position: relative;} #swipeSlider .slide-textbox .sbutton a{background:#e0021b;color:#fff;display:inline-block;letter-spacing:2px;padding:5px 15px;-webkit-transition: all 0.9s;transition: all 0.9s;} #swipeSlider .slide-textbox .sbutton a:hover{background:rgba(0,0,0,0.5);} #swipeSlider .slide-textbox h1,#swipeSlider .slide-textbox h2,#swipeSlider .slide-textbox h3,#swipeSlider .slide-textbox .titel, #swipeSlider .slide-textbox p{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:sslideUp;animation-name:sslideUp;-webkit-animation-duration:1s;animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important} @-webkit-keyframes sslideUp{0%{transform:translateY(-100%)}100%{transform:translateY(0)}} @keyframes sslideUp{0%{transform:translateY(-100%)}100%{transform:translateY(0)}} #swipeSlider .slide-textbox .untertitel{-webkit-animation-duration:1.5s;animation-duration:1.5s} #content ul.slider-bilder li{display:inline-block;padding:15px;vertical-align:middle;box-sizing:border-box;max-width:200px;} #content ul.slider-bilder li::before{display:none;} #swipeSlider .jumps{display:block;font-size:5em;line-height:1em;margin:0;padding:5px 0;position: absolute;bottom:35px;left:0;text-align:center;width:100%;box-sizing:border-box;z-index:601;} #swipeSlider .jumps a{color:rgba(255,255,255,0.8);display:block;margin:0 auto;width:64px;} .wraptextbox{background:rgba(0,0,0,0.6);display:block;padding:15px;font-size:1.7em;line-height:1.5em;} .wraptextbox .textbox{} #swipeSlider2{margin:0 auto;width:100%;max-width:100%;position:relative;overflow:hidden;} #swipeSlider2 .swipe-wrap{background:transparent;} #swipeSlider2 .swipe-wrap > div.swipe-slide {float:left;margin:0 auto;padding:0;position: relative;box-sizing:border-box;overflow:hidden;} #swipeSlider2 .swipe-wrap > div.swipe-slide > div.inner-swipe-slider {background:transparent;min-height:100px;padding:0;text-align:right;overflow:hidden;} #swipeSlider2 div.slidetext{background:rgba(0,0,0,0.8);color:#fff;display:block;font-size:0.9em;line-height:1.4em;margin:0;padding:15px;z-index:100} #swipeSlider2 div.slidetext h1,#swipeSlider2 div.slidetext h2,#swipeSlider2 div.slidetext h3,#swipeSlider2 div.slidetext p{color:#fff;margin:10px 0;text-align:left;} #swipeSlider2 div.slidetext .button {margin:15px auto;} #swipeSlider3{display:block;margin:25px auto;padding:0;width:100%;max-width:100%;position:relative;overflow:hidden;} #swipeSlider3 .swipe-wrap{background:transparent;} #swipeSlider3 .swipe-wrap > div.swipe-slide {float:left;margin:0 auto;padding:0 0 25px 0;position: relative;box-sizing:border-box;overflow:hidden;} #swipeSlider3 .swipe-wrap > div.swipe-slide > div.inner-swipe-slider {background-color:transparent;display:block;overflow:hidden;padding:0;text-align:center;} #swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext{background:#fff;display:block;margin:-50px 5% 0 5%;padding:15px;position:relative;box-sizing:border-box;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);-webkit-transition: all 0.4s;transition: all 0.4s;} #swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext h2,#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext h3,#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext p{margin:10px 0;} #swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext > .p-rating{display:block;color:#CFB53B;margin: 10px auto;} #swipeSlider2 button.swbutton,#swipeSlider3 button.swbutton{background:transparent;border:none;margin:0;padding:0;position:absolute;top:45%;cursor:pointer;z-index:700;outline:0;} #swipeSlider2 button.swbutton:before,#swipeSlider3 button.swbutton:before{margin:0;padding:0;display:flex;align-items: center;justify-content: center;} #swipeSlider2 button.swbutton span,#swipeSlider3 button.swbutton span{display:none;} #swipeSlider2 button.swbutton,#swipeSlider3 button.swbutton{background:#e0021b;color:#fff;font-size:1.5em;top:auto;bottom:0;border-radius:50%;} #swipeSlider2 button.swprev,#swipeSlider3 button.swprev{left:5px;} #swipeSlider2 button.swnext,#swipeSlider3 button.swnext{left:40px;} @media screen and (min-width: 1080px) { .wraptextbox{position:absolute;top:25px;left:25px;width:50%;max-width:600px;z-index:800} } .wrapiconbox {display:block;position:relative;text-align:center;margin:0;z-index:800} .iconbox {display:block;padding:0;box-sizing:border-box;} .iconbox ul.iteaserboxen{font-size:1.7em;} .iconbox ul.iteaserboxen li,.iconbox ul.iteaserboxen li:hover{background:transparent;display:inline-block;vertical-align:top;position:relative;box-shadow: none;overflow:visible;text-align:center;width:185px;} .iconbox ul.iteaserboxen li:hover{} .iconbox ul.iteaserboxen li a,.iconbox ul.iteaserboxen li a:hover{background:transparent;positon:absolute;top:0;right:0;bottom:0;left:0;} .iconbox ul.iteaserboxen li h3{background:#008233;border-radius:9px;color:#fff;display:flex;align-items: center;justify-content: center;font-size:1.1em;font-weight:700;min-height:64px;letter-spacing:1px;margin:15px 5px;padding:5px 10px;text-align:center;vertical-align:middle;} .iconbox ul.iteaserboxen .ithumb{background-color:transparent;} .iconbox ul.iteaserboxen .ithumb img{display:block;margin:25px auto 15px auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(1.0); transform:scale(1.0);transform-origin: center center;max-width:150px;max-height:150px;border-radius:50%;} .iconbox ul.iteaserboxen a:hover .ithumb img{-webkit-transform:scale(1.1); transform:scale(1.1);} .iconbox ul.iteaserboxen a i {visibility: hidden;width: 250px;background-color:rgba(0,0,0,0.5);color:#fff;font-style:normal;text-align: center;border-radius: 6px;font-size:0.8em;line-height:1.4em;padding:10px;position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);z-index:200;opacity: 0; transition: opacity 0.3s;} .iconbox ul.iteaserboxen li i::after {content: " "; position: absolute; top: 100%;left: 50%;margin-left: -5px;border-width: 10px;border-style: solid;border-color: #e0021b transparent transparent transparent;} .wrapiconbox div.titel{color:#fff;font-size:1.3em;font-weight:400;letter-spacing:3px;line-height:1.25em;margin:10px auto;padding:10px;text-transform:uppercase;text-shadow:1px 1px 1px #666;} @media screen and (min-width: 640px) { .swipe-wrap > div.swipe-slide > div.inner-swipe-slide, .thumbslider{height:500px;} #swipeSlider .slide-textbox{font-size:1.8em;} #swipeSlider .slide-textbox .slidetext{padding:5px 25px;} .wrapiconbox {margin:0} .iconbox ul.iteaserboxen li,.iconbox ul.iteaserboxen li:hover{width:210px;} .wrapiconbox div.titel{color:#fff;font-size:1.6em;} } @media screen and (min-width: 980px) { #swipeSlider2{margin:25px auto 0 auto;isolation:isolate} #swipeSlider2 .swipe-wrap > div.swipe-slide > div.inner-swipe-slider {padding:50px 0 0 200px;} #swipeSlider2 div.slidetext{background:transparent;padding:25px;position:absolute;left:0;top:0;width:40%;box-sizing:border-box;} #swipeSlider2 div.slidetext::after{content:"";background-color:#222;opacity:0.9;position:absolute;inset:0;z-index:-1;mix-blend-mode:multiply;} } @media screen and (min-width: 1080px) { .wrapiconbox {display:flex;align-items: center;justify-content: center;margin:0;position:absolute;top:0;left:0;height:100%;width:100%;} .iconbox ul.iteaserboxen li,.iconbox ul.iteaserboxen li:hover{width:250px;} .iconbox ul.iteaserboxen a:hover i {visibility: visible;opacity: 1;} .iconbox ul.iteaserboxen li h3{min-height:40px;} .swipe-wrap > div.swipe-slide > div.inner-swipe-slide, .thumbslider{height:500px;} #swipeSlider .slide-textbox{letter-spacing:1px;padding:0;left:50%;right:auto;transform: translateX(-50%);right:auto;top:auto;bottom:50px;width:50%;} .mega #swipeSlider .slide-textbox{bottom:50px;} #swipeSlider .slide-textbox .slidetext{padding:25px;} #swipeSlider .slide-textbox{font-size:2em;} #swipeSlider .slide-textbox h1, #swipeSlider .slide-textbox h2, #swipeSlider .slide-textbox h3, #swipeSlider .slide-textbox .titel{font-size:2em;font-weight:700;margin:10px 0} #swipeSlider .jumps{bottom:50px;} #swipeSlider button.swbutton,{display:block;} } @media screen and (min-width: 1280px) { .swipe-wrap > div.swipe-slide > div.inner-swipe-slide, .thumbslider{height:700px;} body.mega .swipe-wrap > div.swipe-slide > div.inner-swipe-slide,body.mega .thumbslider{height:1080px;} #swipeSlider .slide-textbox{font-size:2.2em;bottom:50px;} .mega #swipeSlider .slide-textbox{bottom:50px;} #swipeSlider .slide-textbox .slidetext{padding:25px;} #swipeSlider2 div.slidetext{font-size:1em;line-height:1.5em;} .iconbox {max-width:1180px;} .iconbox ul.iteaserboxen li,.iconbox ul.iteaserboxen li:hover{width:300px;} .wrapiconbox div.titel{color:#fff;font-size:2.2em;} } .wrapslider{background:#111;clear:both;line-height:100%;margin:0 auto;padding:0;position:relative;text-align:center;width:100%;} .wrapslider .slider,ul.rslider{height:100%;margin:0 auto;padding:0;position:relative;text-align:center;width:100%;max-width:1920px;overflow:hidden;} .rslides_nav.prev,.rslides_nav.next{color:#fff;cursor:pointer;display:block;font-size:1.5em;margin:0;padding:0;position:absolute;top:25px;right:25px;z-index:100;} .rslides_nav.prev{right:50px;} .commentsblock{margin:15px 0;padding:0} .commentsblock form{border:none;margin:0;} .commentsblock fieldset{border:none;margin:0;padding:10px 0} .commentsblock label,.commentsblock select,.commentsblock input[type=checkbox],.commentsblock input[type=radio],.commentsblock input[type=button],.commentsblock input[type=submit]{cursor:pointer} .commentsblock label{color:#000;clear:left;display:block;font-weight:300;margin:0;padding:0} .commentsblock input,.commentsblock textarea,.commentsblock input:hover,.commentsblock textarea:hover,.commentsblock select{background:#f7f7f7;border:1px solid #bbb;color:#333;margin:5px 0 !important;padding:10px;width:95%;-webkit-border-radius:3px;border-radius:3px;box-sizing:border-box;} .commentsblock input:hover,.commentsblock textarea:hover{background:#fff;border-color:#e0021b;color:#111} .commentsblock input[type=checkbox],.commentsblock input[type=radio]{background:transparent;border:none;color:#333;display:inline-block;margin:0 0.2em 0 0;width:1.0em} .commentsblock textarea{overflow:auto} .commentsblock input[type=submit],.commentsblock button[type=submit],.commentsblock input:hover[type=submit],.commentsblock button:hover[type=submit]{background:#e0021b;border:1px solid #e0021b;color:#fff;clear:both;display:block;font-weight:500;letter-spacing:2px;margin:15px 0 !important;padding:25px 50px;text-align:left;text-decoration:none;width:auto !important;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .commentsblock input:hover[type=submit],.commentsblock button:hover[type=submit]{background:#111;border-color:#e0021b;color:#fff;} .commentsblock .wpcf7-not-valid-tip,.commentsblock .wpcf7-validation-errors{background:#CC0000;color:#fff;display:block;margin:10px 0;padding:10px 2%;} .commentsblock .wpcf7-response-output,.commentsblock .wpcf7-mail-sent-ok{background:#95A42E;border:1px solid #95A42E;color:#fff;margin:10px 0;padding:10px 2%;width:96%;z-index:5000} #content ol.commentlist {list-style:none;margin:0;padding:0;text-indent:0;} #content ol.commentlist li { list-style:none;margin:0;padding:0; } #content ol.commentlist li.alt { } #content ol.commentlist li.bypostauthor {} #content ol.commentlist li.byuser {} #content ol.commentlist li.comment-author-admin {} #content ol.commentlist li.comment {padding:1em; } #content ol.commentlist li.comment div.comment-author {} #content ol.commentlist li.comment div.vcard {} #content ol.commentlist li.comment div.vcard cite.fn { font-style:normal; } #content ol.commentlist li.comment div.vcard cite.fn a.url {} #content ol.commentlist li.comment div.vcard img.avatar { border:1px solid #ccc; float:right;height:60px;width:60px;margin:0 0 1em 1em;border-radius:50%; } #content ol.commentlist li.comment div.vcard img.avatar-32 {} #content ol.commentlist li.comment div.vcard img.photo {} #content ol.commentlist li.comment div.vcard span.says {} #content ol.commentlist li.comment div.commentmetadata {} #content ol.commentlist li.comment div.comment-meta { font-size:0.9em; } #content ol.commentlist li.comment div.comment-meta a { color:#888 } #content ol.commentlist li.comment p { margin:0 0 1em; } #content ol.commentlist li.comment ul { list-style:square; margin:0 0 1em 2em; } #content ol.commentlist li.comment div.reply { } #content ol.commentlist li.comment div.reply a { font-weight:bold; } #content ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; } #content ol.commentlist li.comment ul.children li {} #content ol.commentlist li.comment ul.children li.alt {} #content ol.commentlist li.comment ul.children li.bypostauthor {} #content ol.commentlist li.comment ul.children li.byuser {} #content ol.commentlist li.comment ul.children li.comment {} #content ol.commentlist li.comment ul.children li.comment-author-admin {} #content ol.commentlist li.comment ul.children li.depth-2 { border-left:3px solid #e0021b; border-bottom:3px solid #e0021b; margin:0 0 .25em .25em; } #content ol.commentlist li.comment ul.children li.depth-3 { border-left:2px solid #e0021b; border-bottom:2px solid #e0021b; margin:0 0 .25em .25em; } #content ol.commentlist li.comment ul.children li.depth-4 { border-left:1px solid #e0021b; border-bottom:1px solid #e0021b; margin:0 0 .25em .25em; } #content ol.commentlist li.comment ul.children li.depth-5 {} #content ol.commentlist li.comment ul.children li.odd {} #content ol.commentlist li.even { background:rgba(255,255,255,0.2); } #content ol.commentlist li.odd { background:rgba(255,255,255,0.3); } #content ol.commentlist li.parent { border-left:3px double #aaa; } #content ol.commentlist li.thread-alt { } #content ol.commentlist li.thread-even {} #content ol.commentlist li.thread-odd {} #content ol.commentlist li.pingback {background:#eee;padding:1em;} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9999992;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:9999993;position:fixed;outline:none !important;-webkit-backface-visibility:hidden} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9999995} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .mfp-auto-cursor .mfp-content{cursor:auto} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none !important} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:9999994} .mfp-preloader a{color:#CCC} .mfp-preloader a:hover{color:#FFF} .mfp-s-ready .mfp-preloader{display:none} .mfp-s-error .mfp-content{display:none} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none} button::-moz-focus-inner{padding:0;border:0} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:4em;font-family:Arial, Baskerville, monospace} .mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)} .mfp-close:active{top:1px} .mfp-close-btn-in .mfp-close{color:#333} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:20px;left:0;color:#CCC;font-size:1.4em;line-height:100%;white-space:nowrap} .mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)} .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent} .mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7} .mfp-arrow-left{left:0} .mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px} .mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F} .mfp-arrow-right{right:0} .mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px} .mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px} .mfp-iframe-holder .mfp-close{top:-40px} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#111} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444} .mfp-figure small{color:#BDBDBD;display:block;font-size:1.4em;line-height:100%} .mfp-figure figure{margin:0} .mfp-bottom-bar{font-size:1.4em;margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:150%;color:#F3F3F3;word-wrap:break-word;padding-right:36px} .mfp-image-holder .mfp-content{max-width:100%} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){ .mfp-img-mobile .mfp-image-holder { padding-left:0;padding-right:0} .mfp-img-mobile img.mfp-img{padding:0} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0} .mfp-img-mobile .mfp-counter{right:5px;top:3px} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0} } @media all and (max-width: 900px){ .mfp-arrow { -webkit-transform:scale(0.75);transform:scale(0.75)} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%} .mfp-container{padding-left:6px;padding-right:6px} .mfp-ie7 .mfp-img{padding:0} .mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px} .mfp-ie7 .mfp-container{padding:0} .mfp-ie7 .mfp-content{padding-top:44px} .mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} } #cookie-notice .cookie-notice-container #cn-notice-buttons a.cn-button{background:rgba(255,255,255,0.4)!important;color:#fff !important;padding:5px !important;border-radius:5px !important;} #cookie-notice .cookie-notice-container #cn-notice-buttons a#cn-accept-cookie.cn-button{background:#e0021b !important;padding:5px 15px!important;font-weight:700 !important} #cookie-notice .cookie-notice-container #cn-notice-buttons a#cn-refuse-cookie.cn-button{background:rgba(255,255,255,0.2)!important;color:#ccc !important;} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; display:block;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; display:block;} } .fadeIn{ opacity:0; } .fadeIn.go, #nojs .fadeIn{ -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-200px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown{ opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px); } .fadeInDown.go, #nojs .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .zoomfadein{opacity:0; scale:0.9;transition: opacity 0.5s linear, scale 0.5s ease-in-out;} .zoomfadein.go, .nojs .zoomfadein.got{opacity:1; scale:1;} .upfadein{opacity:0;transform: translateY(100px);transition: opacity 0.5s linear, transform 0.5s ease-in-out;} .upfadein.go, .nojs .upfadein.got{opacity:1;transform: translateY(0);} .pulse { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .pulse:hover { animation: pulse 1s ease infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse.go,#nojs .pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-iteration-count: 5; animation-iteration-count: 5; } .spinAround:hover { color: #111; animation: spinAround 2s linear infinite; } @keyframes spinAround { from { transform: rotate(0deg) } to { transform: rotate(360deg); } } .rotate:hover { animation: rotate 2s linear infinite; transform-origin: 50% 50%; } @keyframes rotate { from { transform: rotateY(0deg) } to { transform: rotateY(360deg); } } .zoom{transition: transform 5s;} .zoom:hover {transform: scale(1.1,1.1);} @media screen and (min-width: 640px) { a.post-edit-link{position:fixed;right:0;top:30%;} blockquote, .infokasten{margin:50px auto;padding:25px 50px;} #content ul.cols, .cols {margin:25px 0 25px 0;-webkit-column-count:2;-webkit-column-gap:25px;-moz-column-count:2;-moz-column-gap:25px;-o-column-count:2;-o-column-gap:25px;column-count:2;column-gap:30px;} #content ul.cols3, .cols3 {margin:50px 0;-webkit-column-count:3;-webkit-column-gap:15px;-moz-column-count:3;-moz-column-gap:15px;-o-column-count:3;-o-column-gap:15px;column-count:3;column-gap:15px;} #content ul.news{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;} .myauthor ul li.sozial,#content .myauthor ul li.sozial{position:absolute;top:10px;right:10px;} .wrapslider .slide .button{display:block;} .page-template-page-landingpage-php section.module.parallax .wrap-inner-section .inner-section{background:transparent;box-sizing:border-box;color:#fff;padding:25px;position:absolute;left:auto;bottom:15px; right:0} .page-template-page-landingpage-php section.module.parallax h1,.page-template-page-landingpage-php section.module.parallax h2{font-size:1.6em;letter-spacing:2px;margin:0 auto 50px auto} .page-template-page-landingpage-php section.module p{display:block;} .page-template-page-landingpage-php .button.rot a{font-size:1em;padding:10px 35px;} .video-header-wrapper img{max-width:250px;} .video-header-wrapper .titel{font-size:2.4em;} .video-header-wrapper .description{font-size:1.8em;display:block;} #content ul.teaserboxen{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;} #content ul.teaserboxen h2,#content ul.teaserboxen h3, #content ul.teaserboxen p{padding:0;} } @media screen and (min-width: 780px) { #content ul.ko-teaserboxen{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;} #content ul.ko-teaserboxen li{margin:0;} #content ul.ko-teaserboxen li h2,#content ul.ko-teaserboxen li h3{font-size:1.6em} } @media screen and (min-width: 980px) { body{padding-top:140px;} body.page-template-page-landingpage-php{padding-top:120px;} h1{font-size:1.8em;} h2{font-size:1.6em;} h2.first{font-size:1.2em;} h3{font-size:1.4em} .action{z-index:999;top:140px} form{max-width:100%;} input[type=submit],button[type=submit]{margin:0;padding:15px 35px;} .wrapkonfigurator .wpcf7-radio.konfigurator{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr;} .wrapkonfigurator #sorglos.wpcf7-radio.konfigurator{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr;} .wrapkonfigurator h3{margin:150px 0 10px 0;} #content .tooltipp .tooltipptext {width:400px;} #content .bigtooltipp.links {float:left;margin:5px 25px 5px 0;padding:20px;width:400px;max-width:33%;} #content .bigtooltipp.rechts{float:right;margin:5px 0 5px 25px;padding:20px;width:400px;max-width:33%;} #content .cols p{margin:0;} img.alignleft,.alignleft{float:left;margin:15px 25px 15px 0} img.alignright,.alignright{float:right;margin:15px 0 15px 25px} img.alignnone,.alignnone{display:block;float:none;text-align:left;margin:15px 0} .map,#map{width:100%} .myauthor{padding:10px 10px 10px 145px;min-height:140px;} .myauthor .userthumb{margin:0;padding:0;position:absolute;left:10px;top:10px;border-radius:50%} .tabelle {display:table;margin:25px 0;width:100%;position:relative;table-layout:fixed;} .tabreihe {display:table-row;width:100%} .tabzelle{display:table-cell;padding:10px 25px;position:relative;vertical-align:top;} .tabzelle:first-child{padding-left:0;} .tabzelle:last-child {padding-right:0;} .tabelle.form {table-layout:auto;} .tabelle.form .tabreihe {} .tabelle.form .tabzelle {vertical-align:top;} .tabelle.form .tabzelle:first-child{padding-right:50px;width:66.6%;} .tabelle.form .tabzelle:last-child p{font-weight:400;margin:0;padding:0;} .tabelle.kontakt .tabzelle:first-child{padding:0 25px 0 0 ;} .tabelle.kontakt .tabzelle:last-child{padding:25px 0 0 100px;} .tabelle.kontakt .tabzelle address{} .tabelle.leistungen {table-layout:auto;} .tabelle.leistungen .tabzelle{padding:25px;} .tabelle.leistungen .tabzelle:first-child{padding-left:0;width:60%} .tabelle.leistungen .tabzelle:last-child{padding-right:0;padding-top:75px;width:40%;} .tabelle.para{margin:0 auto;} .tabelle.para .tabzelle{padding:0;text-align:center;} fieldset.small p{float:left;width:50%;} fieldset.small p.left{padding-right:15px;} fieldset.small p.right{padding-left:15px;} .symbol .text{min-height:135px;} #header{background:#fff;height:120px;width:100%;box-shadow:none;} .page-template-page-landingpage-php #header{background:rgba(255,255,255,0.9);} #header .inner,#footer .inner{padding:15px 25px;position:relative;} #header .inner{} #header .logo{max-width:300px;} #header .logo a,#header .logo a:hover{} #header .logo img{max-height:80px;} body.small #header{height:80px;} body.small #header .logo a,body.small #header .logo a:hover{} body.small #header .logo img{max-height:50px;} #headerbox{display:table;color:#111;font-size:1.5em;font-weight:500;height:100px;line-height:1.4em;position:absolute;right:0;top:0;margin:0;width:auto;z-index:9999;-webkit-transition: all 0.3s;transition: all 0.3s;} #headerbox .innen{display:table-cell;padding:0 25px;vertical-align:middle;} #headerbox .innen h2,#headerbox .innen h3,#headerbox .innen h4{font-size:1.1em;margin:0;} #headerbox .innen .icon{} #headerbox .innen .icon:before{background:#e0021b;border-radius:50%;color:#fff;font-size:2.5em;line-height:100%;margin:0;padding:5px;height:45px;width:45px;} #headerbox .innen .icon span{display:none;} body.small #headerbox{height:80px;} #header .phone,#headerbox .phone{background:#e0021b;border-top:1px solid #fff;color:#fff;font-size:1.2em;font-weight:500;height:auto;letter-spacing:3px;line-height:110%;margin:0 auto;padding:5px;position:relative;top:auto;right:auto;text-align:center;width:auto;-webkit-transition: all 0.3s;transition: all 0.3s;} #header .phone a,#header .phone a:hover,#headerbox .phone a,#headerbox .phone a:hover{color:#fff;cursor:text;height:auto;margin:0;padding:0;width:auto;vertical-align:middle;} #header .phone a:before,#headerbox .phone a:before{color:#fff;display:inline-block;height:auto;margin:0 5px 0 0;padding:0;width:auto;} #header .phone a span,#headerbox .phone a span{display:inline-block;text-indent:0;padding:0} #headerbox .share{background:transparent;clear:none;display:block;margin:0;padding:0;position:relative;text-align:right;width:auto;} #headerbox .share a,#headerbox .share a:hover{color:#e0021b;display:inline-block;line-height:120%;margin:0 5px;padding:2px 5px;} button#mobile, #nav li.close-nav{display:none;} #nav li.search {border:none;padding-left:25px;} #nav li.search b:before {display:block;} nav#navigation{background:#111;border:none;box-shadow:none;clear:both;display:block;font-size:1.6em;height:auto;text-align:center;margin:30px auto 0 auto;padding:0;position:fixed;top:70px;left:0;z-index:999;overflow:visible;width:100%;max-width:100%;-webkit-transition: all 0.3s;transition: all 0.3s;} nav#navigation:hover{z-index:1001} #navigation.fix {position: fixed;top:0;left:0;border-top:2px solid #e0021b;} body.small nav#navigation{margin:10px auto 0 auto;} nav#navigation ul,ul#nav{background:transparent;padding:0;margin:0 auto;width:100%;z-index:999;-webkit-transition: all 0.3s;transition: all 0.3s;} nav#navigation ul:after{content: "";display: table;clear: both;} nav#navigation ul,nav#navigation ul li{background-color:transparent;} nav#navigation ul li{list-style:none;display:inline-block;padding:0;position:relative;width:auto} nav#navigation ul li.mega{position:static;} nav#navigation ul li a,nav#navigation ul li a:hover{background:transparent;border:none;text-align:left;text-decoration:none;display:block;color:#fff;letter-spacing:1px;margin:0 1px;padding:8px 20px;position:relative;z-index: 999;} nav#navigation ul li:first-child a,nav#navigation ul li:first-child a:hover{margin-left:0;} nav#navigation ul li a:hover,nav#navigation li.current-menu-item a,nav#navigation li.selected a,nav#navigation li.current-menu-ancestor a,nav#navigation li.current-menu-ancestor a:hover,nav#navigation li.menu-item-has-children:hover a{background:#333;color:#fff;text-decoration:none;} nav#navigation ul li ul{background:#333;border:1px solid #333;color:#fff;height:auto;left: -999em;opacity:0;margin:0;padding:0;position:absolute;width:500px;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out} nav#navigation ul li.search ul{width:500px} nav#navigation ul li ul ul{padding:0;width:100%;box-shadow:none;} nav#navigation ul li.mega ul{float:left;width:100%;} nav#navigation ul li ul:after{content: "";display: table;clear: both;} nav#navigation ul.sub-menu ul{border:none;padding:0;} nav#navigation ul.sub-menu li{border:none;} nav#navigation ul li:hover > ul,nav#navigation li.opensubmenu ul{left:0;opacity:1;} nav#navigation ul li.last:hover > ul,nav#navigation li.last.opensubmenu ul,nav#navigation ul li.search:hover > ul,nav#navigation li.search.opensubmenu ul{left:auto;right:0;} nav#navigation ul li ul li{padding:0;width:100%} nav#navigation ul li.mega ul li{float:left;padding:0;width:20%} nav#navigation ul li ul li ul, nav#navigation ul li.mega ul li ul {float:none;display:block;opacity:1;padding:5px 0;position:relative;left:auto;top:auto;} nav#navigation ul li ul li ul li, nav#navigation ul li.mega ul li ul li{float:none;display:block;padding:0;width:100%;} nav#navigation ul li ul li a, nav#navigation ul li ul li a:hover, nav#navigation li.menu-item-has-children:hover ul li a, nav#navigation li.current-menu-item ul li a, nav#navigation li.selected ul li a, nav#navigation li.selected ul li a:hover, nav#navigation ul li ul.sub-menu li a, nav#navigation ul li ul.sub-menu li a:hover{background:#333;border:none;color:#fff;font-size:0.9em;text-transform:none;margin:0;padding:10px 20px} nav#navigation ul li ul li a:hover, nav#navigation li.selected ul li a:hover, nav#navigation ul li ul li.current-menu-item a, nav#navigation li.current-menu-item ul li a:hover, nav#navigation li.menu-item-has-children:hover ul li.current-menu-item a{background:#e0021b;color:#fff;text-decoration:underline;} nav#navigation ul li li a:not([href]),nav ul li li a:not([href]):hover {background-color:#eee;border:none;border-top:1px solid #fff;border-bottom:1px solid #ddd;color:#333;font-weight:500;text-align:center;text-transform:uppercase;text-decoration:none;} nav#navigation li.menu-item-has-children a:after{font-size:0.7em;text-decoration:none;} .page-template-page-landingpage-php nav#navigation{background:transparent;border:none;margin:40px 0 0 0;position:absolute;top:0;left:auto;right:25px;width:auto;} body.page-template-page-landingpage-php.small nav#navigation{margin:15px 0 0 0;} .page-template-page-landingpage-php nav#navigation ul#nav li a, .page-template-page-landingpage-php nav#navigation.open ul#nav li a{background:transparent;border:none;color:#333;margin:0 2px;font-weight:400;} .page-template-page-landingpage-php nav#navigation ul#nav li a:hover{background:#e0021b;border-color:#e0021b;color:#fff} #wrapper{padding:0;} .page-template-page-parallax-php #wrapper,.page-template-page-landingpage-php #wrapper{margin:0;width:100%;max-width:100%} #content{display:block;padding:25px;} .page-template-page-parallax-php #content, .page-template-page-landingpage-php #content{padding:0;} #content ul.galerie li span{bottom:-500px;} #content ul.galerie li:hover span{bottom:0;} #content ul.postinfos li.soci{padding:5px 0;position:absolute;right:0;text-align:right;white-space:nowrap;} #content ul.myteaserboxen li{width:50%} #content ul.myteaserboxen li .thumbnail{float:left;overflow:hidden;padding:0;vertical-align:top;width:40%;box-sizing:border-box;} #content ul.myteaserboxen li .thumbnail img{margin:5px 0 0 0;} #content ul.myteaserboxen li .txt{display:inline-block;padding:0 20px;vertical-align:top;width:60%;box-sizing:border-box;} #content ul.myteaserboxen li h3{-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;} #content .wp-caption.alignnone {margin: 25px 0;text-align:left;} #content .wp-caption.alignnone img,#content .wp-caption.alignnone p{margin:0;text-align:left;} #content .wp-caption.aligncenter {margin: 25px auto;} #content .wp-caption.alignleft {margin: 5px 15px 5px 0;} #content .wp-caption.alignright {margin: 5px 0 5px 15px;} #sidebar{float:right;padding:25px;width:33.3%} .page-template-page-wide-php #sidebar, .blog #sidebar,.page-template-page-referenzen #sidebar{float:none;width:100%} #sidebar ul a{padding:8px 10px} .page-template-page-wide-php .sidebars,.page-template-page-referenzen .sidebars{float:left;padding:0;text-align:left;width:33.3%;} .page-template-page-wide-php #sidebar #sidebar-1,.page-template-page-referenzen #sidebar #sidebar-1{padding:0 20px 0 0;} .page-template-page-wide-php #sidebar #sidebar-2,.page-template-page-referenzen #sidebar #sidebar-2{padding:0 10px;} .page-template-page-wide-php #sidebar #sidebar-3,.page-template-page-referenzen #sidebar #sidebar-3{padding:0 0 0 20px;} .blog #sidebar .box{float:left;padding:0;text-align:left;width:33.3%;} .blog #sidebar .box:first-child{padding:0 20px 0 0;} .blog #sidebar .box:nth-child(2n){padding:0 10px;} .blog #sidebar .box:last-child{padding:0 0 0 20px;} #footer .inner {padding:25px;display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:50px;} #footer .inner .footerbox{text-align:left;} #footer ul{margin:10px 0;} #footer ul li a{display:block;padding:10px 0;} #footer .fullbox{clear:both;float:none;padding:35px 25px;width:100%} #footer .fullbox ul li{border:none;display:inline;} #footer .fullbox ul li a{display:inline-block;padding:10px 15px} .page-template-page-landingpage-php #footer .inner {display:block;} .page-template-page-landingpage-php #footer .fullbox{clear:both;display:block;float:none;padding:35px 25px;width:100%} .page-template-page-landingpage-php #footer .fullbox ul li{border:none;display:inline;} .page-template-page-landingpage-php #footer .fullbox ul li a{display:inline-block;padding:10px 15px} #footer-kontakt{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:50px;} #content .tabs label {display:inline-block;max-width:32%;margin:0 1% -8px 0;} #content .tabs.tabs4 label {max-width:24%;} #content .tabs.tabs5 label {max-width:19%;} .page-template-page-landingpage-php section.module.parallax .wrap-inner-section .inner-section{bottom:100px;} .page-template-page-landingpage-php section.module .wrap-inner-section {padding:50px 25px 100px 25px;} .page-template-page-landingpage-php section.module.topper .wrap-inner-section {background:rgba(255,255,255,0.9);margin-top:-150px;padding:5px 50px 100px 50px;z-index:300} .page-template-page-landingpage-php section.module.topper.video .wrap-inner-section {padding:25px 50px 25px 50px;} section.module .tabelle {margin:0;} #content .wrapsplits .innerbildsplits{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align:center;width:95%;} #content .hbild .wrapsplits .innerbildsplits{height:0;padding:0 0 60% 0;} #content .wrapsplits .innertextsplits{margin:25px 0;max-width:960px;} #content .wrapsplits {display:grid;grid-template-columns:1fr 1fr;} #content .wrapsplits .splits{display:block;min-height:550px;} #content .wrapsplits.links{text-align:left;} #content .wrapsplits.links .innertextsplits{padding:25px 25px 25px 50px;} #content .wrapsplits.rechts{} #content .wrapsplits.rechts h2,#content .wrapsplits.rechts h3{text-align:left;} #content .wrapsplits.rechts .innertextsplits{padding:25px 50px 25px 25px;float:right} #content .wrapsplits.rechts .splits.bild{order:2;} #content .wrapsplits.rechts .splits.text{order:1;} } @media screen and (min-width: 1180px) { #content ul.teaserboxen{display:grid;grid-gap:50px;grid-template-columns:1fr 1fr 1fr;} #content ul.teaserboxen.vteaser li,#content ul.teaserboxen.vteaser li:hover{padding:35px 50px;margin:0 auto;} #content ul.ko-teaserboxen{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr 1fr;} } @media screen and (min-width: 1280px) { #headerbox .box:last-child{padding-right:0;} nav#navigation{right:0} .page-template-page-landingpage-php section.module.parallax h1,.page-template-page-landingpage-php section.module.parallax h2{font-size:2em;letter-spacing:3px;} } @media screen and (min-width: 1680px) { .page-template-page-landingpage-php section.module.parallax .wrap-inner-section .inner-section{bottom:150px;} .page-template-page-landingpage-php section.module.parallax h1,.page-template-page-landingpage-php section.module.parallax h2{font-size:2.5em;letter-spacing:3px;} .video-header-wrapper img{max-width:300px;} .video-header-wrapper .titel{font-size:3.2em;} .video-header-wrapper .description{font-size:2.2em;display:block;} #content .wrapsplits.links .innertextsplits{padding:25px 50px 25px 50px;} #content .wrapsplits.rechts .innertextsplits{padding:25px 50px 25px 50px;} #content .wrapsplits .innertextsplits h2,#content .wrapsplits .innertextsplits h3{font-size:1.4em;margin:50px 0 25px 0;} } #content .wrap-effteaser{display:block;position:relative;margin:50px auto;padding:1em 0 4em;list-style:none;text-align:center;} #content .full .wrap-effteaser {margin:0 auto;} #content .wrap-effteaser figure{background:#111;display:block;position:relative;overflow:hidden;margin:25px auto;text-align:center;max-height:440px;} #content .wrap-effteaser figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8;} #content .wrap-effteaser figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:0.9em;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;z-index:10} #content .wrap-effteaser figure figcaption::before, #content .wrap-effteaser figure figcaption::after{pointer-events:none;} #content .wrap-effteaser figure figcaption, #content .wrap-effteaser figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;} #content .wrap-effteaser figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;} #content .wrap-effteaser figure h2{font-weight:300;} #content .wrap-effteaser figure h2 span{font-weight:800;} #content .wrap-effteaser figure h2,#content .wrap-effteaser figure h3{line-height:1.25em;margin:0;} #content .wrap-effteaser figure p{line-height:1.5em;margin:0;display:none;} #content .wrap-effteaser figure h2{font-size:1.3em;color:#fff;} #content .wrap-effteaser figure p{font-size:0.9em;letter-spacing:1px;} #content .wrap-effteaser figure.effect-ko1 img{opacity:.9;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;} #content .wrap-effteaser figure.effect-ko1 figcaption{text-align:left;} #content .wrap-effteaser figure.effect-ko1 figcaption > div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:55%;box-sizing:border-box;} #content .wrap-effteaser figure.effect-ko1 h2, #content .wrap-effteaser figure.effect-ko1 p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);} #content .wrap-effteaser figure.effect-ko1 h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s;} #content .wrap-effteaser figure.effect-ko1 p{color:#fff;opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform .35s;transition:opacity 0.2s,transform .35s;} #content .wrap-effteaser figure.effect-ko1:hover img{opacity:.6;} #content .wrap-effteaser figure.effect-ko1:hover p{opacity:1;} #content .wrap-effteaser figure.effect-ko1:hover img, #content .wrap-effteaser figure.effect-ko1:hover h2, #content .wrap-effteaser figure.effect-ko1:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #content .wrap-effteaser figure.effect-ko1:hover p{-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition-duration:.35s;transition-duration:.35s;} #content .wrap-effteaser figure.effect-ko1:hover img{-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} #content .wrap-effteaser figure.effect-ko2{} #content .wrap-effteaser figure.effect-ko2 img{-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;} #content .wrap-effteaser figure.effect-ko2 figcaption{padding:4em;} #content .wrap-effteaser figure.effect-ko2 figcaption::before{background:rgba(0,0,0,0);position:absolute;content:'';opacity:0;z-index:-1} #content .wrap-effteaser figure.effect-ko2 figcaption::before{top:50px;right:25px;bottom:50px;left:25px;border-top:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;} #content .wrap-effteaser figure.effect-ko2 h2{padding-top:25%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;} #content .wrap-effteaser figure.effect-ko2 p{padding:10px 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);} #content .wrap-effteaser figure.effect-ko2 h2{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);} #content .wrap-effteaser figure.effect-ko2 img, #content .wrap-effteaser figure.effect-ko2 figcaption::before, #content .wrap-effteaser figure.effect-ko2 p{color:#fff;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;} #content .wrap-effteaser figure.effect-ko2:hover img{opacity:.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #content .wrap-effteaser figure.effect-ko2:hover figcaption::before{opacity:1;-webkit-transform:scale(1);transform:scale(1);} #content .wrap-effteaser figure.effect-ko2:hover h2, #content .wrap-effteaser figure.effect-ko2:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #content .wrap-effteaser figure.effect-ko2:hover img{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} #content .wrap-effteaser figure.effect-ko3{background:#111;} #content .wrap-effteaser figure.effect-ko3 img{opacity:0.9;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;} #content .wrap-effteaser figure.effect-ko3 figcaption{padding:3em;background-color:rgba(0,0,0,0.1);-webkit-transition:background-color .35s;transition:background-color .35s;} #content .wrap-effteaser figure.effect-ko3 figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';} #content .wrap-effteaser figure.effect-ko3 h2{margin:15% 0 10px 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0);text-shadow:1px 1px 1px #012840;} #content .wrap-effteaser figure.effect-ko3 figcaption::before, #content .wrap-effteaser figure.effect-ko3 p{color:#fff;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale(0);transform:scale(0);} #content .wrap-effteaser figure.effect-ko3 p{text-shadow:1px 1px 1px #012840;} #content .wrap-effteaser figure.effect-ko3:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #content .wrap-effteaser figure.effect-ko3:hover figcaption::before, #content .wrap-effteaser figure.effect-ko3:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);} #content .wrap-effteaser figure.effect-ko3:hover figcaption{background-color:rgba(0,0,0,0);} #content .wrap-effteaser figure.effect-ko3:hover img{opacity:.6;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} #content .wrap-effteaser figure.effect-ko4 figcaption{text-align:right;} #content .wrap-effteaser figure.effect-ko4 img{opacity:1;-webkit-transition:opacity .35s;transition:opacity .35s;} #content .wrap-effteaser figure.effect-ko4 h2, #content .wrap-effteaser figure.effect-ko4 p{position:absolute;right:30px;left:30px;padding:10px 0;} #content .wrap-effteaser figure.effect-ko4 p{color:#fff;bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} #content .wrap-effteaser figure.effect-ko4 h2{top:30px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);} #content .wrap-effteaser figure.effect-ko4:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #content .wrap-effteaser figure.effect-ko4 h2::after{position:absolute;top:100%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);} #content .wrap-effteaser figure.effect-ko4 h2::after, #content .wrap-effteaser figure.effect-ko4 p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;} #content .wrap-effteaser figure.effect-ko4:hover h2::after, #content .wrap-effteaser figure.effect-ko4:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #content .wrap-effteaser figure.effect-ko4:hover img{opacity:.6;} #content .wrap-effteaser figure.effect-ko5 {background: #fff;} #content .wrap-effteaser figure.effect-ko5 img {-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden; backface-visibility: hidden;opacity:1} #content .wrap-effteaser figure.effect-ko5 figcaption {text-align: left;} #content .wrap-effteaser figure.effect-ko5 figcaption > div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:55%;box-sizing:border-box;} #content .wrap-effteaser figure.effect-ko5 h2 {background:rgba(255,255,255,0.8);color:#012840;position: relative; padding: 0.5em 5px;-webkit-transition: all 0.3s;transition: all 0.3s;} #content .wrap-effteaser figure.effect-ko5 p {color:#fff;display: inline-block; margin: 0 0 0.25em;padding: 0.4em 1em;background: rgba(255,255,255,0.8);color: #012840;text-transform: none;font-weight: 500;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-110%,0,0);transform: translate3d(-110%,0,0);-webkit-box-decoration-break: clone;box-decoration-break: clone;} #content .wrap-effteaser figure.effect-ko5 p:empty{background:transparent;} #content .wrap-effteaser figure.effect-ko5 p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s;} #content .wrap-effteaser figure.effect-ko5 p:nth-of-type(2) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s;} #content .wrap-effteaser figure.effect-ko5 p:nth-of-type(3) {-webkit-transition-delay: 0.05s; transition-delay: 0.05s;} #content .wrap-effteaser figure.effect-ko5:hover p:first-child {-webkit-transition-delay: 0s; transition-delay: 0s; } #content .wrap-effteaser figure.effect-ko5:hover p:nth-of-type(2) {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; } #content .wrap-effteaser figure.effect-ko5:hover p:nth-of-type(3) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #content .wrap-effteaser figure.effect-ko5:hover img {opacity: 0.4;-webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } #content .wrap-effteaser figure.effect-ko5:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #content .wrap-effteaser figure.effect-ko5:hover h2{color:#012840;padding: 0.5em 5px;} #content .wrap-effteaser figure.effect-ko6{background:#111} #content .wrap-effteaser figure.effect-ko6 img{opacity:1;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)} #content .wrap-effteaser figure.effect-ko6 figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)} #content .wrap-effteaser figure.effect-ko6 p{position:absolute;right:0;bottom:0;margin:3em;padding:0 1em;max-width:60%;border-right:4px solid #fff;text-align:right;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s} #content .wrap-effteaser figure.effect-ko6 h2{background:rgba(255,255,255,0.8);color:#111;padding:5px;text-align:left} #content .wrap-effteaser figure.effect-ko6:hover img{opacity:.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} #content .wrap-effteaser figure.effect-ko6:hover figcaption::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)} #content .wrap-effteaser figure.effect-ko6:hover p{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s} #content .wrap-effteaser figure.effect-ko6:hover h2{background:transparent;color:#fff;} #content section.module.hell .wrap-effteaser figure.effect-ko6 p{color:#fff;} #content .wrap-effteaser figure.effect-ko7 {background: #fff;border:1px solid #ddd;} #content .wrap-effteaser figure.effect-ko7 img{opacity:.9;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;} #content .wrap-effteaser figure.effect-ko7 figcaption{text-align:left;} #content .wrap-effteaser figure.effect-ko7 figcaption > div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:65%;box-sizing:border-box;} #content .wrap-effteaser figure.effect-ko7 img{opacity:1;} #content .wrap-effteaser figure.effect-ko7 h2, #content .wrap-effteaser figure.effect-ko7 h3, #content .wrap-effteaser figure.effect-ko7 p{text-align:left;padding:5px 10px;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);} #content .wrap-effteaser figure.effect-ko7 h2 span, #content .wrap-effteaser figure.effect-ko7 h3 span, #content .wrap-effteaser figure.effect-ko7 p span{background:rgba(255,255,255, 0.9);display:inline-block;padding:8px 12px;vertical-align:middle;-webkit-box-decoration-break: clone;box-decoration-break: clone;} #content .wrap-effteaser figure.effect-ko7 h2,#content .wrap-effteaser figure.effect-ko7 h3{color:#012840;font-weight:700;margin:10px 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s;} #content .wrap-effteaser figure.effect-ko7 h2{font-size:1em;margin:10px 0;} #content .wrap-effteaser figure.effect-ko7 p{color:#012840;opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform .35s;transition:opacity 0.2s,transform .35s;text-transform:none;} #content .wrap-effteaser figure.effect-ko7 .date{background:rgba(255,255,255, 0.8);padding:3px 10px;color:#012840;position:absolute;right:25px;top:25px;} #content .wrap-effteaser figure.effect-ko7:hover img{opacity:.5;} #content .wrap-effteaser figure.effect-ko7:hover p{opacity:1;} #content .wrap-effteaser figure.effect-ko7:hover img, #content .wrap-effteaser figure.effect-ko7:hover h2, #content .wrap-effteaser figure.effect-ko7:hover h3, #content .wrap-effteaser figure.effect-ko7:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #content .wrap-effteaser figure.effect-ko7:hover p{-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition-duration:.35s;transition-duration:.35s;} #content .wrap-effteaser figure.effect-ko7:hover h2 span, #content .wrap-effteaser figure.effect-ko7:hover h3 span, #content .wrap-effteaser figure.effect-ko7:hover p span{background:rgba(255,255,255, 0.8);} #content .wrap-effteaser figure.effect-ko7:hover img{-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} #content .wrap-effteaser figure.effect-ko8{background:#111} #content .wrap-effteaser figure.effect-ko8 img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s} #content .wrap-effteaser figure.effect-ko8 figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,.2);content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)} #content .wrap-effteaser figure.effect-ko8 h2{margin:20% 0 10px 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s} #content .wrap-effteaser figure.effect-ko8 p{padding:1em;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.5);transform:scale(1.5)} #content .wrap-effteaser figure.effect-ko8:hover h2{-webkit-transform:scale(.9);transform:scale(.9)} #content .wrap-effteaser figure.effect-ko8:hover figcaption::before, #content .wrap-effteaser figure.effect-ko8:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} #content .wrap-effteaser figure.effect-ko8:hover figcaption{background-color:rgba(0,0,0,0)} #content .wrap-effteaser figure.effect-ko8:hover img{opacity:.4} @media screen and (min-width: 600px) { #content .wrap-effteaser{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;} #content .wrap-effteaser figure{margin:0 auto} #content .wrap-effteaser figure p{display:block;} } @media screen and (min-width: 1280px) { #content .big .wrap-effteaser,#content .bigger .wrap-effteaser{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr 1fr;} } @media screen and (min-width: 1480px) { #content .wrap-effteaser, #content .big .wrap-effteaser, #content .bigger .wrap-effteaser{grid-gap:50px;} } @media screen and (min-width: 1680px) { #content .wrap-effteaser, #content .big .wrap-effteaser, #content .bigger .wrap-effteaser{grid-gap:75px;} } @media only screen and (max-device-width: 1366px) { section.module.parallax{ background-attachment: scroll;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { section.module.parallax, .map, #content .slideshow .slide { background-attachment: scroll; height: 600px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { section.module.parallax, .map, #content .slideshow .slide { background-attachment: scroll; height: 600px; } } @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) { section.module.parallax, .map, #content .slideshow .slide { background-attachment: scroll; height: 600px; } } @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) { section.module.parallax, .map, #content .slideshow .slide { background-attachment: scroll; height: 600px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) { section.module.parallax, .map, #content .slideshow .slide { background-attachment: scroll; height: 600px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { section.module.parallax, .map, #content .slideshow .slide { background-attachment: scroll;height: 600px; } }