html { font-size: 10px }
body { margin: 0; padding: 0; font-family: Arial, sans-serif }
.row { max-width: 1180px; margin: 0 auto }
#newsletter-layer { opacity: 0; pointer-events: none; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
body.newsletter-layer-active { overflow: hidden; position: relative}
body.newsletter-layer-active #newsletter-layer { opacity: 1; pointer-events: all }
.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:none}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:transparent;border:0}.mejs__overlay:hover .mejs__overlay-button svg{opacity:1}.mejs__overlay-button svg{opacity:.75}.mejs__overlay-button:focus svg{opacity:1}.mejs__overlay-button,.mejs__overlay-button svg,.mejs__overlay-loading,.mejs__overlay-loading svg{height:5rem;width:5rem}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;display:block;height:5rem;width:5rem;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.5rem;left:0;list-style-type:none;margin:0;padding:0 .625rem;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:.625rem;height:2.5rem;line-height:.625rem;margin:0;width:2rem}.mejs__button>button{background-color:transparent;border:0;color:#fff;cursor:pointer;display:block;font-size:0;height:1.125rem;line-height:0;margin:.625rem .375rem;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:1.125rem}.mejs__button svg{fill:currentColor;height:1.125rem;width:1.125rem}.mejs__button>button:focus{outline:.125rem dotted #fff}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__playpause-button svg{display:none}.mejs__pause svg.mejs__icon-pause,.mejs__play svg.mejs__icon-play,.mejs__replay svg.mejs__icon-replay{display:block}.mejs__fullscreen-button svg.mejs__icon-unfullscreen{display:none}.mejs__fullscreen svg.mejs__icon-fullscreen{display:block}.mejs__fullscreen svg.mejs__icon-unfullscreen{display:none}.mejs__unfullscreen svg.mejs__icon-unfullscreen{display:block}.mejs__unfullscreen svg.mejs__icon-fullscreen{display:none}.mejs__time{box-sizing:content-box;color:#fff;font-size:.6875rem;font-weight:700;height:1.5rem;overflow:hidden;padding:1rem .375rem 0;text-align:center;width:auto}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:2.5rem;margin:0 .625rem;padding-top:.625rem;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:.125rem;cursor:pointer;display:block;height:.625rem;position:absolute}.mejs__time-total{background:hsla(0,0%,100%,.3);margin:.3125rem 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:.9375rem .9375rem;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:1.875rem 0}}@keyframes b{0%{background-position:0 0}to{background-position:1.875rem 0}}.mejs__time-loaded{background:hsla(0,0%,100%,.3)}.mejs__time-current,.mejs__time-handle-content{background:hsla(0,0%,100%,.9)}.mejs__time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:.25rem solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:.25rem solid hsla(0,0%,100%,.9);border-radius:50%;height:.625rem;left:-.4375rem;top:-.25rem;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:.625rem}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:1.0625rem;margin-bottom:.5625rem;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2.25rem}.mejs__time-float-current{display:block;left:0;margin:.125rem;text-align:center;width:1.875rem}.mejs__time-float-corner{border:.3125rem solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-1.4375rem;width:4rem}.mejs__long-video .mejs__time-float-current{width:3.75rem}.mejs__broadcast{color:#fff;height:.625rem;position:absolute;top:.9375rem;width:100%}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:7.1875rem;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1.5625rem;z-index:1}.mejs__volume-button:hover{border-radius:0 0 .25rem .25rem}.mejs__volume-total{background:hsla(0,0%,100%,.5);border:.06rem solid #fff;height:6.25rem;left:50%;margin:0;position:absolute;top:.5rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:.125rem}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs__volume-handle{border:1px solid #fff;border-radius:1px;cursor:ns-resize;height:.375rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1rem}.mejs__horizontal-volume-slider{display:block;height:2.25rem;position:relative;vertical-align:middle;width:3.5rem}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border:.06rem solid #fff;border-radius:.125rem;font-size:1px;height:.5rem;left:0;margin:0;padding:0;position:absolute;top:1rem;width:3.125rem}.mejs__horizontal-volume-current{background:hsla(0,0%,100%,.8);border-radius:.125rem;border-right:.06rem solid #fff;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__mute svg,.mejs__unmute svg{stroke:currentColor}.mejs__volume-button svg{display:none}.mejs__mute .mejs__icon-mute,.mejs__unmute .mejs__icon-unmute{display:block}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button svg,.mejs__chapters-button svg{padding-top:.125rem}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-2.6875rem;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:5.375rem}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-3.4375rem;width:6.875rem}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 .375rem;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-62.5rem;margin:.1875rem .1875rem 0 .3125rem;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:.625rem;line-height:.9375rem;padding:.25rem .625rem 0;width:100%}.mejs__captions-selector-list-item:hover .mejs__captions-selector-label,.mejs__chapters-selector-list-item:hover .mejs__chapters-selector-label{text-decoration:underline}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8;font-weight:700}.mejs__captions-translations{font-size:.625rem;margin:0 0 .3125rem}.mejs__captions-layer{bottom:0;color:#fff;font-size:1rem;left:0;line-height:1.25rem;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:1.25rem;font-weight:400}.mejs__captions-position{bottom:.9375rem;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:2.1875rem}.mejs__captions-text,.mejs__captions-text *{background:hsla(0,0%,8%,.5);box-shadow:.3125rem 0 0 hsla(0,0%,8%,.5),-.3125rem 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 .9375rem;width:100%}
.mejs__controls {
display: none !important;
}
.mediawrapper {
position: relative;
overflow: hidden;
}
.media-controls {
position: absolute;
top: 0;
right: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#wpforms-1747 .wpforms-submit-container button { background: #3683cd !important; color: #fff !important; font-weight: 500; font-size: 1.6rem !important; text-transform: uppercase !important; letter-spacing: 1px; padding: 20px 30px }
.newsletter-container #wpforms-1747 .wpforms-submit-container button { background: #000 !important; }
.newsletter-container #wpforms-1747 .wpforms-submit-container button:hover { background:#0086c8 !important; color: #fff; }
.icon-play,
.icon-fullscreen,
.icon-audio,
.icon-paused,
.icon-muted {
display: block;
width: 40px;
height: 40px;
background: #222;
background-size: contain;
}
.icon-play { background-image: url("../img/play2.png"); }
.icon-fullscreen { background-image: url("../img/fullscreen.png"); }
.icon-audio { background-image: url("../img/sound.png"); }
.icon-paused { background-image: url("../img/pause.png"); }
.icon-muted { background-image: url("../img/mute.png"); }
.icon-play:hover,
.icon-fullscreen:hover,
.icon-audio:hover,
.icon-paused:hover,
.icon-muted:hover {
background-color: #3683cd;
}
#audiobutton .icon-audio {
display: block;
}
#audiobutton .icon-muted {
display: none;
}
#audiobutton.audioObject .icon-audio {
display: none;
}
#audiobutton.audioObject .icon-muted {
display: block;
}
#play, #fullscreenbutton, #audiobutton {
margin: 0 0 20px 0;
}
#play > span {
display: none;
overflow: hidden;
text-indent: -99999px;
}
#play span.playtext {
display: block;
}
#play.isPlaying span.pausetext{
display: block;
}
#play.isPlaying span.playtext{
display: none;
}
#videocontainer .media-controls {
right: -50px;
}
#videocontainer .media-controls {
right: -50px;
}
#videocontainer.videohover .media-controls {
right: 0px;
}
#videocontainer { overflow: hidden}
.media-controls {
width: 40px;
height: 100%;
pointer-events: all;
z-index: 99990;
}
.media-controls a {
display: block !important;
}
.media-wrapper { position: relative }
#play {
margin-top: 80px;
}
@media screen and (max-width: 700px) {
#play {
margin-top: 50px;
}
#play.isPlaying span.playtext{
display: block;
}
#play.isPlaying span.pausetext{
display: none;
}
#fullscreenbutton {
display: none !important;
}
}
.media-controls span.label { display: none }
.mejs__overlay-button {
background-image: url("../img/playbutton.png") !important;
background-size: 100px 100px !important;
background-repeat: no-repeat !important;
background-position: center center !important;
width: 100px !important;
height: 100px !important;
}
/* roboto-100 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url('../fonts/roboto-v29-latin-100.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v29-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v29-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v29-latin-100.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v29-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v29-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* Fonts */
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('../fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('../fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url('../fonts/roboto-v29-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v29-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/**
* Swiper 7.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: December 24, 2021
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
sub, sup {
/* Specified in % so that the sup/sup is the
right size relative to the surrounding text */
font-size: 75%;
/* Zero out the line-height so that it doesn't
interfere with the positioning that follows */
line-height: 0;
/* Where the magic happens: makes all browsers position
the sup/sup properly, relative to the surrounding text */
position: relative;
/* Note that if you're using Eric Meyer's reset.css, this
is already set and you can remove this rule */
vertical-align: baseline;
}
sup {
/* Move the superscripted text up */
top: -0.5em;
}
sub {
/* Move the subscripted text down, but only
half as far down as the superscript moved up */
bottom: -0.25em;
}
h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; font-weight: normal; }
#main, #veka-forms { font-family: 'Roboto'; font-style: normal; font-weight: 400; }
h2 { font-weight: 300 }
.group:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */
* { background-position: center center; background-repeat: no-repeat; background-size: cover }
.referenz-footer-image-v { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.single-item { margin: 0 0; font-size: 1rem }
p { font-size: 1.4rem; font-weight: 400; line-height: 2.2rem }
.magazin-article-main ul { font-size: 1.4rem; font-weight: 400; line-height: 2.2rem }
.magazin-article-main ul li { margin: 0 0 10px 0 }
.magazin-article-main ul li:last-child { margin: 0 }
p a { color: #3683cd; text-decoration: none }
.single-magazin p a { color: #000; font-weight: 700 }
body.menu--freeze { overflow: hidden; position: relative }
#flight > a, .single-item-read-more, .single-item-read-more a, #veka-forms .wpforms-field-label,
#scrollup, .social-media-instagram, .social-media-facebook, .social-media-linkedin, #footer-main-menu li a::after, .magazin-menu a, #headerMenuController a span {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.filter-listing li a, #header-menu {
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
/* Page */
#main { padding: 100px 0 0 0 }
.default-page-wrap { padding: 120px 0}
.page-offset-top { padding: 8rem 0 0 0}
.page-id-8 #page h1:first-of-type,
.magazin-intro-text h1,
.results-message h1,
.search-result-title h1,
.referenz-intro h1,
.page-id-1751 h1,
.parent-pageid-1751 h1,
.veka-textbox .veka-text-headline h1,
#ref-list-group .ref-item-leadheadline h2 {
font-size: 4rem; text-transform: uppercase;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
}
.wpforms-field-container a { color: #0086c8 }
.page-id-1751 h1,
.parent-pageid-1751 h1 {
margin: 0 0 2rem 0
}
@media screen and (max-width: 800px) {
.page-id-8 #page h1:first-of-type,
.magazin-intro-text h1,
.results-message h1,
.search-result-title h1,
.referenz-intro h1,
#ref-list-group .ref-item-leadheadline h2 {
font-size: 2.5rem;
line-height: 2.8rem
}
p { font-size: 1.25rem; font-weight: 400; line-height: 1.9rem }
}
/* Header */
#header-container { width: 100%; position: fixed; top: 0; left: 0; height: 100px; background: #000; z-index: 999999 }
/* .logged-in #header-container { top: 32px } */
#header-logo { position: absolute; left: 100px; top: 10px; height: 80px; }
#header-logo img { max-height: 100%; width: auto; }
#header-menu { position: absolute; right: 100px; top: 0; height: 100%}
#header-menu li { display: inline-block; font-size: 0; margin: 0 0 0 3.5rem }
#header-menu li a { display: block; font-size: 1.6rem; line-height: 10rem; color: #fff; text-transform: uppercase; opacity: .7; font-weight: 400; text-decoration: none; letter-spacing: 1px }
#header-menu li a:hover { opacity: 1 }
#header-menu li.current_page_item a,
.single-magazin #header-menu li#menu-item-41 a,
.tax-ausgaben #header-menu li#menu-item-41 a,
.search #header-menu li#menu-item-41 a,
.single-referenzen #header-menu li#menu-item-27 a { opacity: 1; position: relative }
#header-menu li.current_page_item a:after,
.single-magazin #header-menu li#menu-item-41 a:after,
.tax-ausgaben #header-menu li#menu-item-41 a:after,
.search #header-menu li#menu-item-41 a:after,
.single-referenzen #header-menu li#menu-item-27 a:after { width: 100%; height: 1px; background: #0086c8; content: ''; position: absolute; left: 0; bottom: 3rem }
/* DEBUG */
#debug { font-size: 3rem; font-family: Courier, serif}
/* MAGAZIN FILTER */
.magazin-filter-group { padding: 0 0 50px 0}
.filter-row-item { width: calc((100%/2) - 20px); float: left; margin: 0 40px 0 0; height: 40px; border-bottom: 2px solid #000; position: relative }
.filter-row-item-search { margin: 0 }
#searchform { position: absolute; left: 0; width: 100%; height: 100%; top: 0 }
.searchform-container { position: relative }
.magazin-filter-group .searchform-container { position: absolute; left: 0; width: 100%; height: 100%; top: 0 }
.search-results .searchform-container { height: 40px; line-height: 40px; border-bottom: 2px solid #000; }
.search-field { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; border: 0; outline: none }
#dosearch { position: absolute; right: 0; top: 0; z-index: 100; height: 40px; width: 40px; border: 0; cursor: pointer;
background: url("../img/search.svg"); background-position: center center; background-size: 30px 30px; background-repeat: no-repeat; text-indent: -99999px; overflow: hidden }
#dosearch:hover { opacity: .7}
.results-numbers { padding: 10px 0 30px; font-size: 1.4rem;
font-weight: 400; line-height: 2.2rem; }
.noElements-Message { display: none; }
.noElements-Message.showInfo { display: block }
.hidden-data, .hidden-control { display: none; }
.filter-listing { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 100000; -webkit-box-shadow: 0 0 30px 10px rgba(0,0,0,0.1);
box-shadow: 0 0 30px 10px rgba(0,0,0,0.1); display: none; }
.filter-listing li { display: block; }
.filter-row-item.show-options .filter-listing { display: block }
.hide-item { display: none }
.show-items { display: block }
.filter-listing li a { position: relative; color: #333; display: block; padding: 10px 20px; font-size: 1.4rem; text-decoration: none; opacity: .8 }
.filter-layer-controller a { position: absolute; left: 0; width: 100%; height: 100%; top: 0; }
.filter-listing li a:hover { padding: 10px 20px 10px 25px; opacity: 1 }
.filter-layer-controller a span { position: absolute; right: 0; top: 50%; width: 24px; height: 4px; background: #000; margin-top: -2px; z-index: 9999 }
.filter-layer-controller a span.fs2 { top: 10px; right: 10px; height: 24px; width: 4px }
.filter-view-label, .searchform-container .search-field { line-height: 40px; font-size: 2rem; padding: 0; text-transform: uppercase; font-weight: 500; color: #555 }
.filter-view-label { color: #000}
.noElements-Message { background: #0086c8; color: #fff; padding: 20px 30px; margin-bottom: 50px}
@media screen and (max-width: 780px) {
.filter-row-item { width: 100%; float: none; margin: 0 0 20px 0 }
}
/* SEARCH + SUCHE */
.results-message h1 { margin: 0 0 3rem 0 }
.results-message h2 strong { color: #0086c8;}
.results-message a { background: #0086c8; color: #fff; text-transform: uppercase; padding: 10px 20px; text-decoration: none; display: inline-block; margin: 1.5rem 0 0 0 }
.results-message a:hover { background: #000 }
.search-result-item .single-item-image { width: 50%; margin: 0 0 0 50% }
.search-result-item .single-item-text { width: 50% }
.search-page .results-container .search-result-item { margin: 0 0 30px 0}
.search-page .results-container .search-result-item:last-child { margin: 0 }
.search-page .results-container .search-result-item:visible:nth-child(2n) .single-item-image { margin: 0 0 0 0 }
.search-page .results-container .search-result-item:visible:nth-child(2n) .single-item-text { margin: 0 0 0 50% }
#headerMenuController { display: none }
/* Root */
@media screen and (min-width: 1300px) {
.row { max-width: calc(100% - 300px); }
#header-logo { left: 15rem }
#header-menu { right: 15rem }
}
@media screen and (min-width: 1400px) {
.row { max-width: calc(100% - 500px); }
#header-logo { left: 25rem }
#header-menu { right: 25em }
}
@media screen and (min-width: 1500px) {
.row { max-width: calc(100% - 600px); }
#header-logo { left: 30rem }
#header-menu { right: 30rem }
}
@media screen and (max-width: 1300px) {
.row { max-width: calc(100% - 200px); }
#header-logo { left: 10rem }
#header-menu { right: 10rem }
}
@media screen and (max-width:980px) {
#header-menu {
display: block; position: fixed; z-index: 99999; left: 0;
top: 100px; height: calc(100% - 100px); width: 100%; background: #0086c8;
opacity: 0; pointer-events: none
}
.menu--freeze #header-menu {
opacity: .98;
pointer-events: all
}
#headerMenuController {
display: block;
width: 50px;
height: 50px;
right: 10rem;
top: 2.5rem;
position: absolute
}
#menu-main { padding: 5rem 10rem }
#menu-main li { display: block; margin: 0; padding: 0; padding: 10px 0; margin: 0 }
#menu-main li a { display: block; font-size: 2.5rem; line-height: 2.5rem; }
#headerMenuController a { position: absolute; left: 0; width: 100%; height: 100%; top: 0; }
#headerMenuController a span { background: #fff; top: 18px; left: 4px; width: 40px; height: 3px; display: block; position: absolute; pointer-events: none }
#headerMenuController a span:nth-child(2) { top: 28px; }
#headerMenuController a span:nth-child(3) { top: 38px; }
.menu--freeze #headerMenuController a span:nth-child(2) { width: 0 }
.menu--freeze #headerMenuController a span:nth-child(1) { background: #000 }
.menu--freeze #headerMenuController a span:nth-child(1) {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
top: 30px;
left: 5px;
}
.menu--freeze #headerMenuController a span:nth-child(3) {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
top: 30px;
left: 5px;
}
}
@media screen and (max-width:800px) {
.row { max-width: calc(100% - 100px); }
#header-logo { left: 5rem }
#header-menu, #headerMenuController { right: 5rem }
#menu-main { padding: 5rem }
}
@media screen and (max-width:782px) {
#wpadminbar { display: none }
#header-container { top: 0; }
#main { padding: calc(100px - 0px) 0 0 0 }
}
@media screen and (max-width: 600px) {
#header-logo { height: 60px}
#header-container { height: 80px }
#headerMenuController { top: 10px }
#main {
padding: calc(100px - 20px) 0 0 0;
}
#header-menu { top: 80px; height: calc(100% - 80px);}
}
@media screen and (max-width: 500px) {
.row { max-width: calc(100% - 50px); }
#header-logo { left: 2.5rem }
#header-menu { right: 2.5rem }
#header-menu, #headerMenuController { right: 2.5rem }
}
/* GAP */
.veka-gap.gapsetting-s { height: 25px }
.veka-gap.gapsetting-m { height: 50px }
/* .veka-gap.gapsetting-l { height: 100px } */
.veka-gap.gapsetting-l { height: 100px }
.veka-gap.gapsetting-xl { height: 150px }
/* NEWSLETTER */
.newsletter-section { background: #eee; position: relative }
.newsletter-section .row { padding: 50px 0 }
.newsletter-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: url("../img/architekten-veka-newsletter.jpg");
background-repeat: no-repeat; background-position: center center; background-size: cover;
}
.newsletter-main-group { position: relative; z-index: 10 }
.newsletter-container { background: #000; color: #fff; width: 50%; float: right; }
.newsletter-container-inner { padding: 30px }
.newsletter-container h4 {
font-weight: 500;
font-size: 1.4rem;
text-transform: uppercase
}
.newsletter-container h2 { font-weight: 300; font-size: 3rem;
letter-spacing: 1px; text-transform: uppercase; margin: 15px 0 40px 0 }
.newsletter-container .wpforms-submit-container { text-align: right }
.newsletter-container .wpforms-submit-container button { border: 2px solid #0086c8 !important; color: #fff !important; text-transform: uppercase; font-weight: 500; background: #000 !important; padding: 15px 25px !important }
.newsletter-container .wpforms-submit-container { margin-top: 40px !important}
.newsletter-container div.wpforms-container-full { margin-bottom: 0 !important}
.newsletter-container ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ccc;
opacity: 1; /* Firefox */
}
.newsletter-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ccc;
}
.newsletter-container ::-ms-input-placeholder { /* Microsoft Edge */
color: #ccc;
}
.newsletter-container .wpforms-field-label-inline,
#veka-forms .wpforms-field-label-inline
{
font-size: 1.2rem !important; line-height: 1.6rem !important; display: block !important; padding: 0 0 0 50px !important
}
.newsletter-container .wpforms-field-medium,
.newsletter-container .wpforms-field-large
{ background: none !important; padding: 10px 0 !important; width: 100% !important; max-width: 100% !important;
border: 0 !important; border-bottom: 1px solid #fff !important; color: #fff !important}
.newsletter-container .wpforms-field-gdpr-checkbox { overflow: hidden }
#wpforms-486-field_13 input[type="checkbox"],
.newsletter-container input[type="checkbox"] { position: absolute !important; left: -100px !important; }
#wpforms-1747-field_3 { position: relative; overflow: hidden }
#wpforms-486-field_13 { margin: 0; padding: 0; overflow: hidden }
#wpforms-486-field_13-container { overflow: hidden}
#wpforms-486-field_13_1 + .wpforms-field-label-inline:before,
#wpforms-1747-field_3_1 + .wpforms-field-label-inline:before,
#wpforms-1889-field_3_1 + .wpforms-field-label-inline:before
{
position: absolute;
left: 0;
top: 0px; background: #000; border: 1px solid #fff !important; width: 20px; height: 20px; content: '';
}
#wpforms-486-field_13_1:checked + .wpforms-field-label-inline:before,
#wpforms-1747-field_3_1:checked + .wpforms-field-label-inline:before,
#wpforms-1889-field_3_1:checked + .wpforms-field-label-inline:before {
background: url("../img/veka-checkbox1.svg"); background-size: cover; background-repeat: no-repeat; background-position: center center;
}
.newsletter-container div.wpforms-container-full .wpforms-form label.wpforms-error,
#veka-forms .wpforms-error{ color: yellow !important; padding: 15px 0 0 0 }
@media screen and (max-width: 800px) {
.newsletter-background { position: relative; width: calc(100% - 100px); height: 400px; margin: 0 50px }
.newsletter-section .row { padding: 0 }
.newsletter-container { width: 100%; float: none }
}
@media screen and (max-width: 500px) {
.newsletter-background { margin: 0 25px; width: calc(100% - 50px); height: 250px }
}
@media screen and (max-width: 300px) {
.newsletter-background { height:150px }
}
/* MAIN > SOCIAL MEDIA GROUP */
.social-media-section-group { }
.social-media-section-group .group { position: relative }
.social-media-left { width: calc((100% / 3) - 16px); float: left }
.social-media-image { position: relative; padding-top: 100%; background: #333 }
.social-media-lead { position: absolute; right: 0; width: calc(((100% / 3) * 2) - 16px); height: 100%; background: #0086c8; top: 0; color: #fff }
.social-media-image-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;
background-size: cover
}
.social-media-layer { position: absolute; top: 0; left: 0; background: rgba(0,0,0,.6); width: 100%; height: 100%; z-index: 10 }
.social-media-lead-inner { position: absolute; top: 30px; left: 30px; width: calc(100% - 60px); height: calc(100% - 60px); }
.boxright-lefttop { position: absolute; position: absolute; top: 0; left: 0; width: 100%; }
.boxright-lefttop p { text-transform: uppercase; font-size: 1.4rem; font-weight: 500; margin-bottom: 8px }
.boxright-lefttop h2 { text-transform: uppercase; font-size: 3rem; font-weight: 300; }
.boxright-leftbottom { position: absolute; position: absolute; bottom: 0; left: 0; width: 100%; }
.boxright-leftbottom a { color: #fff; font-size: 3rem; font-weight: 100; display: inline-block; margin: 20px 0 0 0}
.social-media-left-top { position: absolute; left: 30px; top: 30px; z-index: 100 }
.social-media-right-bottom { position: absolute; right: 30px; bottom: 30px; color: #fff; z-index: 200 }
.social-media-right-bottom .button, .reference-link, .content-slider-button { color: #fff; font-weight: 500; padding: 15px; border: 3px solid #0086c8; text-decoration: none;
display: inline-block; text-transform: uppercase; font-size: 1.6rem }
.social-media-right-bottom .button:hover, .reference-link:hover, .content-slider-button:hover { background: #fff; color:#0086c8; border-color: #fff }
.iglead { color: #fff; display: block; line-height: 5rem; text-decoration: none; font-size: 2rem;
text-transform: none; font-weight: 500; letter-spacing: .1rem; position: relative }
.social-media-left-top a:before { width: 5rem; height:5rem; display: block; position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: 4.5rem 4.5rem; content: '' }
.social-media-left-top li { margin: 0 0 10px 0; text-indent: 60px; line-height: 60px }
.social-media-left-top li a { height: 5rem; display: block; width: 100% }
.social-media-left-top li.instagram a:before{ background-image: url("../img/social-ig.svg"); }
.social-media-left-top li.facebook a:before { background-image: url("../img/social-fb.svg"); }
.social-media-left-top li.linkedin a:before { background-image: url("../img/social-li.svg"); }
.image-bg-HellGrau .single-item-image { background: #ccc }
.social-media-left-top ul li { display: block; height: 60px; position: relative }
@media screen and (max-width: 1150px) {
.social-media-left, .social-media-lead { width: 100%; height: 300px; position: relative; top: auto; left: auto; float: none }
.social-media-left { margin: 0 0 2rem 0}
.social-media-image { height: 300px; width: 100%; padding: 0}
}
@media screen and (max-width: 800px) {
.boxright-leftbottom a { font-size: 2rem }
}
/* Main > Slider */
.veka-main-slider { height: 400px; position: relative; margin: 0 0 10rem 0 }
.main-slider { position: relative }
.main-slider .row { position: relative; line-height: 5rem; }
.veka-main-slider .swiper-slide { position: relative }
.swiper-main-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.swiper-main-view-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover }
.swiper-slide .row { position: relative; z-index: 10; height: 100%; }
.swiper-main-text { display: flex; display: -webkit-flex; height: 100%; position: relative }
.swiper-main-text p { width: 100%; margin: auto; /* Important */ font-size: 5.6rem; line-height: 6rem; font-weight: 300; letter-spacing: 2px }
.main-slider-controller { position: absolute; left: 0; bottom: -7rem; height: 7rem; width: 100%; overflow: hidden }
.main-slider .swiper-button-next::after, .main-slider .swiper-button-prev::after { font-size: 2rem; top: 50%; margin-top: -1rem}
.main-slider-controller .row { height: 100% }
.main-slider .swiper-horizontal > .swiper-pagination-bullets, .main-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.main-slider .swiper-pagination-custom, .main-slider .swiper-pagination-fraction { bottom: 0; line-height: 7rem}
.main-slider .swiper-button-next::after, .main-slider .swiper-button-prev::after { color: #cecece}
.main-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px; height: 7px; width: 7px;
background: #9d9d9d; -webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0; cursor: pointer
}
.main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #0086c8; }
.main-slider .swiper-button-next { right: 0 }
.main-slider .swiper-button-prev { left: 0 }
/* SLIDER CONTENT MAGAZIN */
.swiper.imageSliderMagazin { height: auto; position: relative; }
.swiper.imageSliderMagazin .swiper-image-magazin { height: 500px; }
.swiper-slide-magazin { margin: 0 0 100px 0 }
.swiper-image-magazin .swiper-caption { position: absolute; top: calc(100% + 20px); left: 0 !important; }
.swiper.imageSliderMagazin .swiper-button-next::after, .swiper.imageSliderMagazin .swiper-rtl .swiper-button-prev::after,
.swiper.imageSliderMagazin .swiper-button-prev::after, .swiper.imageSliderMagazin .swiper-rtl .swiper-button-next::after {
color: #fff;
}
.magslider-imageview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat }
.magPrev, .magNext { margin-top: -72px }
@media screen and (max-width: 1650px) {
.swiper-main-text p { font-size: 4.9rem; }
}
@media screen and (max-width: 1200px) {
.veka-main-slider { height: 300px}
.swiper-main-text p { font-size: 3rem; line-height: 4rem; letter-spacing: 1px}
}
@media screen and (max-width: 700px) {
.veka-main-slider { height: 200px }
.swiper-main-text p { font-size: 2rem; line-height: 3rem }
}
@media screen and (max-width: 500px) {
.veka-main-slider { height: 120px; margin: 0 0 4rem 0; }
.swiper-main-text p { font-size: 1.6rem; line-height: 2.2rem }
.iglead { padding: 5rem 0 0 0 }
}
/* Main > Textbox */
.veka-textbox { width: 80% }
.veka-textbox .veka-text-headline { padding: 0 0 1rem 0 }
@media screen and (max-width: 700px) {
.veka-textbox .veka-text-headline h1 { font-size: 2.5rem; line-height: 3rem }
}
/* Main > Magazin-Teaser */
.vekamagazin-teasercontainer { padding: 0 0 }
.vekamagazin-teasercontainer .group .single-item { width: calc(50% - 10px); height: 250px; float: left; margin: 0 0 2rem 0; position: relative; }
.vekamagazin-teasercontainer .group .single-item:first-child { width: 100%; height: 500px; }
.vekamagazin-teasercontainer .group .single-item:nth-child(2), .vekamagazin-teasercontainer .group .single-item:nth-child(4),
.vekamagazin-teasercontainer .group .single-item:nth-child(6) { margin-right: 10px; }
.vekamagazin-teasercontainer .group .single-item:nth-child(3), .vekamagazin-teasercontainer .group .single-item:nth-child(5),
.vekamagazin-teasercontainer .group .single-item:nth-child(7) { margin-left: 10px; }
.single-item-image, .single-item-image-view { position: absolute; left: 0; width: 100%; height: 100%; top: 0; }
.single-item-image-view { background-position: bottom center; background-repeat: no-repeat; background-size: cover }
.single-item { position: relative }
.showImageAsLayer1 .single-item-image { }
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-image { width: calc(100% - 390px); left: 390px }
.vekamagazin-teasercontainer .single-item-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vekamagazin-teasercontainer .layertype1 .single-item-text { background: rgba(255,255,255,.8); color: #111 }
.showImageAsLayer1 .single-item-image { display: none }
.vekamagazin-teasercontainer .single-itemtemplate-black .single-item-text h2,
.vekamagazin-teasercontainer .single-itemtemplate-black .single-item-text p,
.vekamagazin-teasercontainer .single-itemtemplate-black .single-item-text .meta-row { color: #fff; }
.meta-row, .vekamagazin-teasercontainer .single-item-text h2 { text-transform: uppercase }
.vekamagazin-teasercontainer .single-item-text h2, .vekamagazin-teasercontainer .single-item-text p, .vekamagazin-teasercontainer .single-item-text .meta-row { color: #222 }
.vekamagazin-teasercontainer .imagelayer-layer-black .single-item-text h2, .vekamagazin-teasercontainer .imagelayer-layer-black .single-item-text p, .vekamagazin-teasercontainer .imagelayer-layer-black .single-item-text .meta-row { color: #fff }
.vekamagazin-teasercontainer .imagelayer-layer-white .single-item-text h2, .vekamagazin-teasercontainer .imagelayer-layer-white .single-item-text p, .vekamagazin-teasercontainer .imagelayer-layer-white .single-item-text .meta-row { color: #000 }
.vekamagazin-teasercontainer .group .single-item:first-child h2,
.vekamagazin-teasercontainer .group .single-item:first-child p,
.vekamagazin-teasercontainer .group .single-item:first-child .meta-row { color: #fff; }
.vekamagazin-teasercontainer h2 { word-break: normal; overflow-wrap: normal }
.single-itemtemplate-black .single-item-image { background: #111 }
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-text { width: 390px; height: 100% }
.single-item-read-more a { display: block }
.single-item-read-more a:hover { scale: 1.1; -moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);}
.single-item:first-child .single-item-read-more a:hover { scale: 1; -moz-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);}
.single-item-read-more a span { pointer-events: none }
.vekamagazin-teasercontainer .single-item:first-child.single-itemtemplate-blue .single-item-text { background: #0086c8 }
.vekamagazin-teasercontainer .single-item:first-child.single-itemtemplate-black .single-item-text { background: #111 }
.single-item-text { position: relative }
.single-item-read-more { position: absolute; right: 20px; bottom: 20px; }
.vekamagazin-teasercontainer .group .single-item .single-item-read-more a { color: #fff; width: 60px; height: 60px; overflow: hidden; text-indent: -99999px; display: block; position: relative; }
.single-item-read-more a span { background: #fff; position: absolute; left: 10px; width: 40px; height: 4px; top: 50%; margin-top: -2px }
.single-item-read-more a span:last-child { background: #fff; position: absolute; left: 0; width: 4px; height: 40px; top: 12px; left: 50%; margin-left: -2px }
.vekamagazin-teasercontainer .group .single-item:first-child span { display: none }
.single-itemtemplate-blue .single-item-read-more a span { background: #0086c8 }
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-read-more a { color: #fff; border: 3px solid #fff; text-decoration: none; font-weight: 500; font-size: 1.6rem; display: block; text-indent: 0; padding: 15px 25px; text-transform: uppercase; width: auto; height: auto; }
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-read-more a:hover { background: #fff; color: #333 }
.single-item-text { z-index: 200 }
.single-item-text-inner { padding: 50px; color: #fff; }
.single-item-text .meta-row { font-weight: 500; font-size: 1.4rem }
.single-item-text .single-item-title { font-weight: 100; font-size: 3rem; padding: 1rem 0 .5rem 0; letter-spacing: 1px }
.single-item-text .single-item-title h2 { font-weight: 300; font-size: 3rem; text-transform: uppercase }
.mag-item { padding: 30px; background: #eee; margin: 20px }
.magazin-item-container { padding: 30px 0 100px 0 }
.magazin-item-container .single-item-read-more span { display: none }
.single-item { position: relative }
.magazin-item-container .single-item-image, .magazin-group .single-item-image { position: absolute; right: 0; width: 50%; height: 100%; left: auto; }
.single-item-wrap-list .single-item-read-more,
.magazin-group .single-item-read-more { display: none }
.isNum .single-item-image-view { position: absolute; left: 20px; top: 20px; width: !importantcalc(100% - 40px); height: calc(100% - 40px); background-repeat: no-repeat; background-position: left center; background-size: contain }
.subheadline p { margin: 2px 0 15px;
font-size: 1.4rem;
letter-spacing: .1rem;
text-transform: none;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
}
.magazin-item-container .row .single-item-wrap-list:last-child { margin: 0 }
.single-itemtemplate-blue .single-item-group { background: #0086c8 }
.single-itemtemplate-black .single-item-group { background: #101416 }
.single-itemtemplate-grey .single-item-group { background: #acacaa; }
.single-itemtemplate-grey p { color: #555 }
.single-itemtemplate-grey .subheadline p { color: #fff; }
.numPositionZentriert .single-item-image-view { background-position: center center; left: 0; width: 100% }
.vekamagazin-teasercontainer .single-item-group { position: relative; height: 100% }
.vekamagazin-teasercontainer .single-item-read-more-button-container { display: none !important }
.image-bg-Grau .single-item-image { background: #333; }
.image-bg-Schwarz .single-item-image { background: #101416; }
.image-bg-Blau .single-item-image { background: #0086c8; }
.items-termListGroup { margin: 50px 0 }
.termItem { width: calc((100% / 2) - 30px); height: 200px; float: left; margin: 0 30px 30px 0; background: #ccc; position: relative }
.termItem a { position: absolute; left: 0; width: 100%; height: 100%; top: 0 }
.termItem h3 { padding: 20px; font-size: 2rem; color: #444;}
.status1 { opacity: 1;}
.termItem span { position: absolute; right: 10px; bottom: 10px; font-size: 8rem; color: #ddd; line-height: 7rem; display: inline }
.single-item-image-view, a.corner-button {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.page-id-19 .vekamagazin-teasercontainer .group .single-item.article-oberflaeche:nth-child(2) .single-item-image-view { height: 100%; top: 0 }
.page-id-19 .vekamagazin-teasercontainer .group .single-item.article-oberflaeche:nth-child(2) .single-item-image-view:before {
width: 100%; height: 100%; background: #0086c8; content: ''; position: absolute; top: 0; left: 0; opacity: .9; mix-blend-mode: normal
}
.page-id-19 .vekamagazin-teasercontainer .group .single-item.article-oberflaeche:nth-child(2) .teaser-text-layer-image {
opacity: .5
}
div.wpforms-container-full .wpforms-form .wpforms-required-label { color: #fff !important}
.single-item-image { overflow: hidden }
.single-item:hover .single-item-image-view { -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.single-item-group { position: relative }
.single-item-wrap-list .single-item-text,
.magazin-group .single-item-text { width: 50% }
/* .single-item-wrap-list .single-item-text-inner,
.items-list-container-group .single-item-text-inner { text-align: right } */
#issue-main-container { padding: 50px 0 0 0 }
.item-fusszeile { padding: 2rem 0 0 0 }
#issue-main-container .single-item .link-layer,
.magazin-group .link-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10000; cursor: pointer }
.item-Asterisk p { font-size: 1.2rem }
.item-Asterisk { text-align: right; padding: 10px 0 0 0}
.magazin-item-container .row .single-item-wrap-list:nth-child(2n) .single-item-image,
.items-list-container-group .single-itembox:nth-child(2n) .single-item-image {
left: 0; right: auto;
}
.magazin-item-container .row .single-item-wrap-list:nth-child(2n) .single-item-text,
.items-list-container-group .single-itembox:nth-child(2n) .single-item-text { margin: 0 0 0 50%; }
.magazin-item-container .row .single-item-wrap-list:nth-child(2n) .single-item-text-inner,
.magazin-group .single-itembox:nth-child(2n) .single-item-text-inner { text-align: left }
.magazin-group { padding: 12rem 0 }
.magazin-intro-text { padding: 0 0 50px 0 }
.magazin-intro-text h1 { margin: 0 0 2rem 0 }
.magazin-intro-text p { idth: 80%; font-family: 'Roboto';
font-style: normal;
font-weight: 400; }
.single-item-text-inner { position: relative }
.magazin-group .single-item, .single-item-wrap-list { margin: 0 0 50px }
.showImageAsLayer1.single-itemtemplate-blue .single-item-read-more a span { background: #fff }
.single-item-read-more-button-container { position: absolute; right: 40px; bottom: 40px; }
.single-item-read-more-button-container a { display: inline-block; border: 2px solid #fff; padding: 15px 25px;
text-transform: uppercase; letter-spacing: 1px; color: #fff; font-weight: 500; text-decoration: none; font-size: 1.4rem }
.single-item:hover a.corner-button { background: #fff; color: #222}
.single-item-image-view .imagelayer { position: absolute; top: 0; width: 100%; height: 100%; background: #eee; left: 0; opacity: 0 }
.imagelayer-layer-black .imagelayer { opacity: .9; background: rgb(0,0,0);
background: -moz-linear-gradient(160deg, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.3) 80%);
background: -webkit-linear-gradient(160deg, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.3) 80%);
background: linear-gradient(160deg, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.3) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
.imagelayer-layer-white .imagelayer { opacity: .9;
background: rgb(255,255,255);
background: -moz-linear-gradient(160deg, rgba(255,255,255,1) 26%, rgba(255,255,255,0.8) 80%);
background: -webkit-linear-gradient(160deg, rgba(255,255,255,1) 26%, rgba(255,255,255,0.8) 80%);
background: linear-gradient(160deg, rgba(255,255,255,1) 26%, rgba(255,255,255,0.8) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.imagelayer-layer-black.item-id-824 .imagelayer,
.item-id-719.imagelayer-layer-white .imagelayer { opacity: .7 }
.item-id-794.imagelayer-layer-white .imagelayer { opacity: .55 }
.imagelayer-layer-white.item-id-829 .imagelayer,
.item-id-835.imagelayer-layer-black .imagelayer { opacity: .6 }
.item-layer-image { position: absolute; right: 80px; bottom: 20px }
.item-layer-image img { width: 120px; height: auto }
.showImageAsLayer1 .subheadline { width: 50% }
.imagelayer-layer-white .single-item-read-more a span { background: #0086c8 }
.vekamagazin-teasercontainer .group .single-item:first-child .imagelayer { display: none; opacity: 0}
@media screen and (min-width: 1200px) {
.single-item-text .single-item-text-inner { padding: 30px 30px 200px 30px }
/* .vekamagazin-teasercontainer .group .single-item:nth-child(2) .single-item-text .single-item-text-inner,
.vekamagazin-teasercontainer .group .single-item:nth-child(4) .single-item-text .single-item-text-inner,
.vekamagazin-teasercontainer .group .single-item:nth-child(6) .single-item-text .single-item-text-inner {
padding: 40px
} */
}
@media screen and (min-width: 1400px) {
.single-item-text .single-item-text-inner { padding: 30px 30px 300px 30px }
}
@media screen and (max-width: 1400px) {
.single-item-text .single-item-text-inner { padding: 30px 30px 150px 30px }
/* .vekamagazin-teasercontainer .group .single-item:nth-child(2) .single-item-text .single-item-text-inner,
.vekamagazin-teasercontainer .group .single-item:nth-child(4) .single-item-text .single-item-text-inner,
.vekamagazin-teasercontainer .group .single-item:nth-child(6) .single-item-text .single-item-text-inner {
padding: 40px
} */
}
@media screen and (max-width: 1000px) {
.vekamagazin-teasercontainer .group .single-item { height: 250px; }
.vekamagazin-teasercontainer .group .single-item:first-child { height: 400px; }
.single-item-text { height: 300px; }
.single-item-text .single-item-text-inner { padding: 0; position: absolute; top: 30px; left: 30px; width: calc(100% - 60px); height: calc(100% - 60px)}
.single-item-read-more-button-container { right: 0; bottom: 0 }
}
@media screen and (max-width: 980px) and (min-width: 800px) {
.vekamagazin-teasercontainer .group .single-item { height: 300px; }
}
@media screen and (max-width: 800px) {
.single-item-text .single-item-title { font-size: 1.6rem }
.vekamagazin-teasercontainer .group .single-item { width: 100%; margin: 0 0 20px 0; float: none; }
.veka-textbox { width: 100% }
.veka-gap.gapsetting-l { height: 60px }
.vekamagazin-teasercontainer .group .single-item:nth-child(2), .vekamagazin-teasercontainer .group .single-item:nth-child(4), .vekamagazin-teasercontainer .group .single-item:nth-child(6) { margin-right: 0}
.vekamagazin-teasercontainer .group .single-item:nth-child(3), .vekamagazin-teasercontainer .group .single-item:nth-child(5), .vekamagazin-teasercontainer .group .single-item:nth-child(7) { margin-left: 0}
}
@media screen and (max-width: 750px) {
.vekamagazin-teasercontainer .group .single-item:first-child { height: auto }
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-text {
width: 100%; position: relative; height: auto
}
.single-item-text .single-item-title { font-size: 1.2rem }
.single-item-text-inner, .vekamagazin-teasercontainer .group .single-item:first-child .single-item-text .single-item-text-inner { padding: 30px }
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-text .single-item-text-inner {
position: relative; height: auto; left: auto; top: auto; padding: 30px
}
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-read-more { position: relative; left: auto; bottom: auto; right: auto; padding: 0 30px 30px}
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-read-more a { display: inline-block }
.vekamagazin-teasercontainer .group .single-item:first-child .single-item-image {
width: 100%; position: relative;
left: auto; top: auto; height: 300px;
}
}
@media screen and (max-width: 650px) {
.magazin-item-container .single-item-image, .magazin-group .single-item-image, .magazin-item-container .single-item-text, .single-item-wrap-list .single-item-text, .magazin-group .single-item-text {
height: 300px; position: relative !important; float: none; left: auto; top: auto; margin: 0 !important; width: 100%; }
}
/* MAGAZIN Single Page */
.magazin-header { margin: 100px 0 50px; position: relative }
.magazin-header-left { width: 50%; margin: 0 0 0 50%; }
.magazin-header-left img { max-width: 100%; height: auto }
.magazin-menu { position: absolute; left: 0; top: 0 }
.magazin-menu a { background: #3683cd; color: #fff;
padding: 10px 20px; text-decoration: none; text-transform: uppercase;
font-size: 1.45rem; font-family: 'Roboto';
font-style: normal; display: block;
font-weight: 300; border: 2px solid #3683cd; }
.magazin-menu a:hover { background: #fff; color:#3683cd }
.magazin-title { position: absolute; left: 0; bottom: 0; }
.magazin-title br { display: none }
.magazin-title p { font-size: 2rem; font-family: 'Roboto';
font-style: normal; letter-spacing: 1px;
font-weight: 300; text-transform: uppercase }
.magazin-title p strong,
.magazin-title p b { font-weight: 500 }
@media screen and (max-width: 1040px) {
.magazin-title br { display: inline }
}
@media screen and (max-width: 950px) {
.magazin-title p { font-size: 1.6rem; }
.magazin-header { margin: 50px 0}
}
@media screen and (max-width: 750px) {
.magazin-header-left { width: 100%; float: none; margin: 0 }
.magazin-menu { position: relative; width: auto; display: block }
.magazin-title { padding: 15px 0}
.magazin-header-image { padding: 40px 0 0 0 }
.magazin-header-left img { max-width: 70%; height: auto; max-width: 70% }
.magazin-title { position: relative; width: 100%; }
.magazin-title br { display: none }
.magazin-menu a { display: inline-block }
}
@media screen and (max-width: 500px) {
.magazin-header-left img { max-width: 100%; height: auto; max-width:100% }
}
.magazin-header-hr { margin: 50px 0; height: 5px; background: #111; width: 100%; }
.article-header { padding: 0 0 50px 0 }
.article-meta-row-term { margin: 0 0 20px 0; text-transform: uppercase; letter-spacing: 1px; font-size: 2rem }
.article-header.article-slim-header { padding: 0 0 20px 0}
.article-headine h1 { font-size: 5rem; font-weight: 100 }
.image-width-70 { width: 70%; height: auto }
.header-headsuB { font-weight: 500; font-size: 1.2rem; float: left; width: 100%; line-height: 2.6rem }
.header-headsuB h2 { padding: 0 200px 0 0; font-weight: 500; color: #000 }
.header-headsuB a { color: #000; text-decoration: none }
.postid-3340 .header-headsuB a { color: #3683cd; }
.header-date { width: 200px; position: absolute; right: 0; bottom: 1px; text-align: right }
.header-headsuB { position: relative; margin: 20px 0 0 0 }
.magazin-content-group .image-left { width: 50%; }
.magazin-content-group .image-left img { max-width: 100%; height: auto; vertical-align: middle }
.magazin-content-group { position: relative }
.image_right { position: absolute; right: 0; padding: 0; top: 0; width: 50%; height: 100%; background: #eee; }
.image_right .magazin-content-image-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.magazin-content-group .image-left img { width: 100%; height: auto }
@media screen and (max-width: 500px) {
.header-headsuB h2 { padding: 0; font-size: 1.4rem }
.header-date { position: relative; width: 100%; padding: 20px 0 0 0 }
.article-headine h1 { font-size: 3rem }
}
.image-left { width: 50%; float: left; }
.image-has-caption { margin: 0 0 100px 0 }
.magazin-image-caption { position: absolute; top: calc(100% + 20px) }
.magazin-image-caption b { color: #3683cd; font-weight: 500 }
.magazin-content-group.magazin-image img { max-width: 100%; height: auto }
.text-left { width: 50%; float: left; }
.text-right { width: 50%; float: left; }
.text-left h2, .text-right h2 { margin: 25px 0 5px }
.text-left h2:first-child {
margin-top: 0
}
.text-right h2:first-child {
margin-top: 0
}
.textboxGroup p { font-size: 1.45rem; line-height: 2.4rem }
.textboxGroup p b, .textboxGroup p strong { font-weight: 500 }
.textboxGroup h2 { font-weight: 500; text-transform: uppercase; font-size: 1.7rem }
.textboxGroup .mag-text-inner { padding: 0 50px 0 0 }
.magazin-link-buttons { position: relative }
.magazin-link-buttons ul { list-style-type: none; font-size: 1.5rem }
.magazin-link-buttons ul li a { display: block; background: #eee; padding: 30px; font-weight: 500; text-transform: uppercase; text-decoration: none }
.magazin-link-buttons ul li.blau a { background: #3683cd; color: #fff; }
.magazin-link-buttons ul li.dark-grey a { background: #111; color: #fff; }
.magazin-link-buttons ul li.dark-grey a span { color: #3683cd; }
.alignCenter1 { text-align: center }
.section-detailBox-related { margin: 80px 0 60px; background: none }
.textbox-padding-30 { padding: 30px }
.section-detailBox-related .single-item-image { width: 50% }
.section-detailBox-related .single-item-text { width: 50%; margin: 0 0 0 50% }
.section-detailBox-related .single-item-text .single-item-text-inner { padding: 40px 40px 140px 40px}
@media screen and (max-width: 1000px) {
.section-detailBox-related .single-item-text .single-item-text-inner {
padding: 0
}
}
.single-item-readmoreLayer, .single-item-readmoreLayer a { background: none; position: absolute; left: 0; width: 100%; height: 100%; top: 0; overflow: hidden; text-indent: -99999px; display: block; z-index: 10000 }
.section-detailBox-related h4 { font-size: 2.4rem; text-transform: uppercase; font-weight: 700; margin: 0 0 20px 0; letter-spacing: 1px }
.image-caption-magazinSub { padding: 10px 0 0 0 }
.magazin-article-main .wp-block-columns h2 { font-weight: 500; margin: 20px 0 10px; color: #222; font-size: 2em; text-transform: uppercase }
.magazin-article-main p { margin: 0 0 15px 0 }
.wp-block-columns h2:first-child { margin-top: 0}
.single-image-caption { padding: 10px 0 20px 0}
.vekablock .block-image-group { width: 50%; position: relative }
.vekablock img { vertical-align: middle }
.boxStyleblue { background: #0086c8 }
.boxStyledarkgrey, .box-darkgrey { background: #232320 }
.box-darkgrey p a { color: #fff }
.boxStylelightgrey { background: #bfbfbf }
.text-blue { color: #0086c8 }
.blockhasImgDescription { margin-bottom: 50px }
.blockDescription { position: absolute; top: calc(100% + 10px); font-size: .8em }
.scaleImage img { width: 100%; height: auto}
.wp-block-columns .wp-block-column:nth-child(2n) .column-inner { padding: 0 0 0 30px}
.block-text-group a { text-decoration: none }
.backgroundBlue { background: #0086c8;}
.backgroundBlue > div { padding: 30px 30px 250px}
.backgroundBlue .wp-block-group p { font-size: 1.6em; text-transform: uppercase; font-weight: 500; color: #fff; line-height: 1.7em }
.backgroundBlue .wp-block-group a { color: #fff; }
.box-darkgrey { padding: 30px; color: #fff; font-size: 1.6rem; line-height: 2rem }
.box-darkgrey a { color: #fff; font-weight: 500; text-decoration: none }
.box-darkgrey p:last-child { margin: 0 }
.box-darkgrey h3 { margin: 0 0 10px 0 }
.block-text-group { position: absolute; left: 50%; width: 50%; top: 0; z-index: 100 }
.single-magazin .block-text-group a { color: #fff; font-weight: 500; text-transform: uppercase; font-size: 2rem; line-height: 3rem }
.vekablock.imagePosition1 .block-image-group { margin-left: 50% }
.vekablock.imagePosition1 .block-text-group { left: 0}
.block-image-group img { max-width: 100%; height: auto }
.block-text-group p { color: #fff; }
#main .block-text-group blockquote { padding: 0; margin: 0 }
.single-image-wrap img { vertical-align: middle; max-width: 100%; }
.text-group-inner { padding: 30px }
.vekablock .group { position: relative }
.noDefaultMarginGrid .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: 0 }
.noDefaultMarginGrid .wp-block-columns .wp-block-column:first-child p { padding: 0 30px 0 0 }
.noDefaultMarginGrid .wp-block-columns { margin-bottom: 0 }
@media screen and (max-width: 800px) {
.section-detailBox-related .single-item-text {
width: 100%;
margin: 0 0 0 0%;
}
.section-detailBox-related .single-item-image {
width: 100%;
}
.section-related-article .single-item-image, .section-related-article .single-item-image-view {
position: relative;
left: auto;
width: 100%;
height: 250px;
top: auto;
}
}
@media screen and (max-width: 500px) {
.section-related-article .single-item-image, .section-related-article .single-item-image-view {
height: 150px;
}
.section-related-article .single-item-text .single-item-title {
font-weight: 300;
font-size: 2rem;
}
.noDefaultMarginGrid .wp-block-columns .wp-block-column:first-child p { padding: 0 }
}
/* Scrollup */
#scrollup { position: fixed; bottom: 40px; right: 40px; z-index: 99999; opacity: 0 }
#scrollup a { position: relative; width: 50px; height: 50px; background: url("../img/scrollup.svg"); background-position: center center; display: block; background-size: 35px 20px; background-repeat: no-repeat }
#main.scrolled #scrollup { opacity: 1 }
/* Flight */
#flight { position: fixed; right: 0; top: 300px; z-index: 999999; }
#flight > a { background: #000; color: #fff; width: 40px; height: 40px; display: block; overflow: hidden; text-indent: -99999px;
background-image: url("../img/flighticon.png"); background-position: center center; background-repeat: no-repeat; background-size: 20px 20px
}
#flight > a:hover { width: 50px; background-color: #0086c8 }
/* DEBUG */
.debug { background: yellow; color: red; padding: 10px;}
/* FORMS */
#veka-forms { background: #000; }
#veka-form-kontakt { padding: 80px 0 }
#veka-form-newsletter { border-top: 2px solid #777; padding: 80px 0 }
#veka-forms .wpforms-submit-container { text-align: center }
#veka-forms select::-ms-expand {
display: none;
}
.intro-kontakt-formular { color: #fff; padding: 0 0 2rem 0 }
.intro-kontakt-formular { width: 80% }
.intro-kontakt-formular h2 { text-transform: uppercase; font-weight: 300; font-size: 3.6rem; margin: 0 0 2rem 0; letter-spacing: .2rem }
.intro-kontakt-formular p { text-transform: none; font-weight: 300; font-size: 1.6rem; }
@media screen and (min-width: 1700px) {
.intro-kontakt-formular { width: 65% }
}
#veka-forms .wpforms-field { position: relative; padding: 0; margin-bottom: 4rem;}
#veka-forms .wpforms-field input[type="text"],
#veka-forms .wpforms-field input[type="email"] { background: none; outline: none; border: 0; border-bottom: 1px solid #fff; padding: 0; color: #fff; }
#veka-forms .wpforms-field-label { position: absolute; left: 0; top: 0; color: #fff; font-weight: 300; font-size: 1.6rem }
#veka-forms .field-checked .wpforms-field-label { font-size: 1.3rem; opacity: .5; top: -12px }
#veka-forms .wpforms-field.wpforms-field-select { border-bottom: 1px solid #fff; }
#veka-forms .wpforms-field-select select { background: none !important; -webkit-appearance: none; color: #fff !important; font-weight: 300; border: 0; outline:none; padding: 0; }
#veka-forms select option {
background: #0086c8;
-webkit-appearance: none;
padding: 0; margin: 0;
color: #fff;
}
#veka-forms .wpforms-field-select { position: relative; }
#veka-forms .wpforms-field-select:after { content: ''; position: absolute; width: 50px; height: 100%; background: url("../img/plus.svg"); right: 0; top: 0; background-size: 20px 20px; background-repeat: no-repeat; background-position: right center }
#veka-forms .wpforms-label-hide { display: none }
#veka-forms .wpforms-field-label-inline { color: #fff }
#veka-forms .wpforms-field-label-inline a { color: #fff; font-weight: 500; text-decoration: underline }
#veka-forms .wpforms-submit-container .wpforms-submit { cursor: pointer; color: #fff; font-weight: 500; font-size: 1.6rem; display: inline-block; padding: 10px 20px;
background: none; border: 3px solid #0086c8; text-transform: uppercase; letter-spacing: 1px }
#veka-forms .wpforms-submit-container .wpforms-submit:hover { background: #0086c8; color: #fff }
#veka-forms div.wpforms-container-full .wpforms-form label.wpforms-error { display: block; padding: 10px 0 0 0; color: red }
@media screen and (max-width: 800px) {
.intro-kontakt-formular h2 { font-size: 2.5rem }
}
/* Referenzen */
.footer-image-container-inner { height: 250px; position: relative; overflow: hidden }
.referenz-footer-image-v { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.footer-image-container:hover .referenz-footer-image-v { scale: 1.1 }
.footer-image-container a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -99999px; overflow: hidden}
#referenz-footer { padding: 20px 0 70px 0; border-top: 3px solid #222; margin: 50px 0 0 0 }
#referenz-footer .column { float: left; width: calc((100% / 3) - 16px); margin: 30px 12px 0 }
#referenz-footer .group .column:first-child { margin-left: 0 }
#referenz-footer .group .column:last-child { margin-right: 0 }
.referenz-footer-headline { text-align: center; text-transform: uppercase; padding: 0 0 15px 0; font-size: 1.6rem; font-weight: 300 }
.referenz-footer-headline br { display: none }
.link-placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.9); display: flex;
align-items: center; justify-content: center; cursor: not-allowed }
.footer-image-container { border: 2px solid #333; position: relative; z-index: 10 }
.referenz-image-columns { position: relative }
.referenz-image-columns .column { float: left; width: calc((100% / 3) - 16px); margin: 30px 12px 0 }
.referenz-image-columns .column:first-child { margin-left: 0 }
.referenz-image-columns .column:last-child { margin-right: 0 }
.image-kachel { width: 100%; padding-top: 120%; position: relative; background: #efefef }
.image-kachel-border { border: 2px solid #333; position: relative; z-index: 10 }
.image-kachel-view { position: absolute; left: 0; width: 100%; height: 100%; top: 0; }
.referenz-image-columns h4 { font-weight: 300; font-size: 2rem; margin-top: -.3rem; margin-bottom: 1rem }
.referenz-image-columns p { }
.overlayimage { position: absolute; right: 20px; bottom: 20px; width: 20%; z-index: 10}
.overlayimage img { max-width: 100%; height: auto }
.referenz-image-columns .column.column-text-last { position: absolute; float: none; width: calc((100% / 3) - 16px); height: calc(100% - 30px); right: 0; margin: 0; top: 30px; }
.stage-copyright { position: absolute; right: 30px; bottom: 30px; font-size: 1rem; color: #111; z-index: 50}
.referenz-image-columns.imagetext-2columns .column.column-text-last { width: calc(((100% / 3)*2) - 8px); height: calc(100% - 30px); right: 0; margin: 0; top: 30px; }
.column-text-last .button { position: absolute; bottom: 0; left: 0; border: 1px solid #333; padding: 20px 30px; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1.4rem; color: #333; text-decoration: none }
.column-text-last .button:hover { background: #333; color: #fff;}
.referenz-slider-container { height: 500px; background: none; position: relative; }
.referenz-slider-container .swiper { height: calc(100% - 0px); background: none }
.referenz-slider-container .swiper-wrapper { height: calc(100% - 0px); background: none; position: relative }
.swiper-ref-navigation { position: absolute; bottom: 0; left: 0; width: 100%; }
.reference-image { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.referenz-slider-container .swiper-pagination { bottom: 0 }
.referenz-slider-container .swiper-button-next, .referenz-slider-container .swiper-button-prev { height: 20px; }
.referenz-slider-container .swiper-button-next:after,
.referenz-slider-container .swiper-button-prev:after,
.veka-content-slider .swiper-button-next-content-swiper:after,
.veka-content-slider .swiper-button-prev-content-swiper:after { height: 20px; font-size: 2rem; color: #ccc; position: relative }
.referenz-slider-container .swiper-button-next { right: 0; text-align: right }
.referenz-slider-container .swiper-button-prev { left: 0; text-align: left }
.referenz-slider-container .swiper-pagination-bullet,
.veka-content-slider .swiper-pagination-bullet { -webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0; width: 7px; height: 7px; }
.referenz-slider-container .swiper-pagination-bullets .swiper-pagination-bullet,
.veka-content-slider .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
}
.referenz-slider-container .swiper-pagination-bullet-active,
.veka-content-slider .swiper-pagination-bullet-active { background: #0086c8 }
.reference-content { position: relative; height: calc(100% - 100px); margin-top: 50px }
.reference-content-box { width: 50%; background: rgba(0,0,0,.9); position: relative; height: 100% }
.reference-link { position: absolute; right: 30px; bottom: 30px}
.reference-inner { color: #fff; padding: 30px }
.meta-headline {
text-transform: uppercase;
font-size: 1.4rem;
font-weight: 500;
padding: 0 0 10px 0
}
.reference-content-box h2 {
text-transform: uppercase;
font-size: 3rem;
width: 70%;
font-weight: 100;
word-break: normal;
overflow-wrap: normal
}
.reference-subtitle { padding: 20px 0 0 0; font-size: 1.4rem; letter-spacing: .1rem; text-transform: none; font-family: 'Roboto';
font-style: normal;
font-weight: 300;}
.referenz-slider-container .row { position: relative }
.referenz-slider-container .swiper .swiper-slide { height: calc(100% - 50px); background: #aaa; }
@media screen and (max-width: 1000px) {
.reference-content-box { width: 100% }
.reference-content { height: auto }
}
@media screen and (max-width: 650px) {
.reference-content-box { width: 100% }
.referenz-slider-container .swiper-pagination { display: none }
.reference-link { position: relative; right: auto; bottom: auto; margin: 0 0 30px 30px }
.referenz-slider-container { height: 700px}
}
.vertical-copyright {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: top right;
position: absolute;
top: 0; right: 3rem; text-align: right;
height: 3rem; z-index: 100;
padding: 0 4rem 0 0
}
.referenz-intro h1 { margin: 0 0 2rem 0 }
#ref-title-image.headline-align-right .headline-container { text-align: right }
#ref-title-image.headline-align-left .headline-container { text-align: left }
#ref-title-image h1 { font-weight: 100; font-size: 6rem; line-height: 6.5rem; letter-spacing: .1rem }
#ref-title-image { position: relative }
#ref-title-image .gradient {
position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: 15
}
#ref-title-image.headline-align-right .gradient {
background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
background: linear-gradient(270deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
#ref-title-image.headline-align-left .gradient {
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.stage-image-referenz { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; }
.stage-image-referenz-view { position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: 10 }
.headline-container { position: relative; z-index: 20; padding: 10rem 0 26rem 0}
.referenz-toggle-master { margin: 8rem 0}
.referenz-intro { padding: 50px 0 }
.referenz-intro h2 { font-size: 2.4rem; font-weight: 300; margin: 0 0 1.5rem }
.referenz-intro p { margin: 0 0 1rem 0; width: 60%}
.ref-intro p:last-child { margin-bottom: 0 }
.keyfacts-container { width: calc(((100%/3)*2) - 16px); float: right; border: 3px solid #222 }
.keyfacts-container-inner { padding: 2.5rem }
.keyfacts-container-inner b, .keyfacts-container-inner strong { font-weight: 500; color: #3683cd; text-transform: uppercase }
.referenz-toggle-master .toggle-item:first-child { margin: 0 }
.toggle-item { border-top: 3px solid #222; margin: 2rem 0 0 0 }
.toggle-headline { position: relative; line-height: 5rem; }
.toggle-headline .toggle-line { font-size: 1.4rem; text-transform: uppercase; color: #222; font-weight: 500; letter-spacing: .1rem }
.toggle-controller { position: absolute; right: 0; top: 0; width: 50px; height: 100%; z-index: 10}
.toggle-controller-inner { position: absolute; top: 0; width: 100%; height: 100%; left: 0; -moz-transform: scale(.6);
-webkit-transform: scale(.6);
-o-transform: scale(.6);
-ms-transform: scale(.6);
transform: scale(.6);}
.toggle-headline a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 100; cursor: pointer }
.toggle-controller div > div { position: absolute; left: 10px; top: 50%; width: calc(100% - 20px); height: 4px; margin-top: -2px; background: #222}
.toggle-controller span { position: absolute; left: 50%; top: 10px; width: 4px; height: calc(100% - 20px); margin-left: -2px; background: #222}
.toggle-content { display: none}
.toggle-headline:hover .toggle-line{ color: #3683cd }
.toggle-headline:hover .toggle-controller div > div, .toggle-headline:hover .toggle-controller span { background: #3683cd }
.toggle-item.active-toggle .toggle-content { display: block }
.toggle-item.active-toggle .toggle-controller span { height: 0; top: 50%; }
#referenz-swiper-main { position: relative; margin: 0 0 7rem 0 }
#referenz-swiper-caption { width: calc((100% /3) - 16px); position: absolute; top: 0; left: 0; height: 100%}
#referenz-swiper-images { float: right; width: calc((100%/3)*2); height: 550px}
#referenzslider { height: 100%; }
.swiper-caption { position: absolute; left: -999999px; }
.swiper-main-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
#ref-swiper-caption-view { width: calc(100% - 20px) }
#referenz-swiper-main .swiper-button-next, #referenz-swiper-main .swiper-button-prev { color: #fff }
.swiper-image, .swiper-image-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.swiper-copyright { position: absolute; z-index: 20; color: #fff; right: 20px; bottom: 20px }
#referenz-swiper-main .swiper-button-next, #referenz-swiper-main .swiper-rtl .swiper-button-prev { right: 30px; }
#referenz-swiper-main .swiper-button-prev, #referenz-swiper-main .swiper-rtl .swiper-button-next { left: 30px; }
/* referenzen */
.referenz-teaser-item { position: relative }
.referenz-image-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Referenzitems */
.referenz-teaser-item { position: relative; overflow: hidden }
.referenz-image-background, .referenz-image-background-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10 }
.referenz-item-content { position: relative; z-index: 200}
.referenz-image-background-view { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed }
.referenz-item-content { padding: 12rem 0}
.referenz-item-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20;
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
#ref-list-group { padding: 80px 0 0 0 }
#ref-list-group .referenz-teaser-item:nth-child(2n) .referenz-item-gradient {
background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
background: linear-gradient(270deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
#ref-list-group .referenz-teaser-item:nth-child(2n) .referenz-item-content { text-align: right }
.offset-shadow {
position: absolute; top: -50px; width: 100%; background: #000; height: 40px;
-webkit-box-shadow: 0 10px 30px 10px rgba(0,0,0,0.3); z-index: 20;
box-shadow: 0 10px 30px 10px rgba(0,0,0,0.3);
}
.ref-item-cta-box a { border: 4px solid #3683cd; padding: 15px 25px; display: inline-block; font-weight: 500;
font-size: 1.6rem; color: #000; cursor: pointer; text-decoration: none; text-transform: uppercase;
letter-spacing: 0rem; background: none }
.ref-item-cta-box a:hover { background: #3683cd; color: #fff }
.ref-slider-shadow { position: absolute; bottom: 0; width: 100%; height: 50px; pointer-events: none }
.ref-item-subline { font-size: 1.6rem; letter-spacing: .1rem; font-weight: 400; text-transform: uppercase }
#ref-list-group .ref-item-leadheadline h2 { letter-spacing: .2rem; margin: 1rem 0 0 0 }
.ref-item-leadheadline { padding: 0 0 12rem 0 }
.copyrightbox { position: absolute; bottom: 0; right: 15px; bottom: 15px; z-index: 200; color: #fff }
@media screen and (max-width: 1200px) {
.referenz-item-content { padding: 8rem 0}
.ref-item-leadheadline { padding: 0 0 8rem 0 }
.referenz-footer-headline br { display: block }
}
@media screen and (max-width: 900px) {
.image-columns-tres .column:first-child {
width: calc((100% / 2) - 1.6rem);
margin: 0 1.6rem 0 0
}
.image-columns-tres .column:nth-child(2) {
width: calc((100% / 2) - 1.6rem);
margin: 0 0 0 1.6rem
}
.image-columns-tres .column:last-child {
width: 100%;
float: left; position: relative;
}
.image-columns-tres .column-text-last .button { position: relative; top: auto; left: auto; display: inline-block }
.image-columns-tres .column-text-last .button { margin: 2rem 0 3rem 0 }
}
@media screen and (max-width: 800px) {
.referenz-item-content { padding: 6rem 0}
.ref-item-leadheadline { padding: 0 0 6rem 0 }
#ref-list-group .ref-item-leadheadline h2 { font-size: 3rem }
.footer-image-container-inner {
height: 120px;
}
.referenz-footer-headline {
height: 60px
}
#ref-title-image h1 { font-size: 4rem; line-height: 4rem }
.headline-container { padding: 4rem 0 16rem 0; }
}
@media screen and (max-width: 600px) {
#referenz-footer .column { width: 100%; float: none; margin: 0 0 2rem 0 }
.referenz-footer-headline { height: auto; }
.referenz-footer-headline br { display: none }
.footer-image-container-inner { height: 250px; background-position: top center}
#ref-title-image h1 { font-size: 3rem; line-height: 3rem }
.headline-container { padding: 3rem 0 10rem 0; }
.referenz-intro p, .keyfacts-container, #referenz-swiper-images { width: 100%; }
#referenz-swiper-images { height: 300px }
#referenz-swiper-caption { position: relative; top: auto; left: autO; width: 100%; height: auto; padding: 20px 0 0 0 }
}
@media screen and (max-width: 480px) {
.footer-image-container-inner { height: 160px; }
#referenz-swiper-images { height: 250px }
}
@media screen and (max-width: 400px) {
.footer-image-container-inner { height: 130px; }
#referenz-swiper-images { height: 150px }
}
/* FOOTER */
#footer-master { background: #000; color: #fff; height: 5rem; border-bottom: 10rem solid #000 }
#footer-menu-container { width: auto; display: inline-block; padding-right: 50px; line-height: 5rem; font-size: 1.4rem }
#footer-menu-container li { display: inline-block }
#footer-menu-container li a { color: #fff; text-decoration: none; display: inline-block }
#footer-main-menu { padding: 0 7rem 0 0; position: relative }
#footer-main-menu li { margin: 0 .9rem 0 0; position: relative }
#footer-main-menu li::after { content: '·'; position: absolute; right: -1.2rem; width: 1.2rem; text-align: center; display: inline-block; top: 0; color: #fff }
#footer-main-menu li a { position: relative }
#footer-main-menu li a::after { position: absolute; left: 0; bottom: 1rem; width: 0; height: 1px; background: #777; content: '' }
#footer-main-menu li a:hover::after { width: 100%; }
#footer-main-menu li:first-child::after,
#footer-main-menu li:last-of-type::after { display: none }
.social-media-instagram,
.social-media-facebook,
.social-media-linkedin {
display: block; overflow: hidden; text-indent: -99999px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
#socialmedia-group li { display: inline-block; height: 5rem; width: 5rem; position: relative }
#socialmedia-group { margin: 0; padding: 0 }
.social-media-instagram { background-image: url("../img/ig.svg"); }
.social-media-facebook { background-image: url("../img/fb.svg"); }
.social-media-linkedin { background-image: url("../img/li.svg"); }
#socialmedia-group li a:hover { -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
@media screen and (max-width: 781px) {
#main .wp-block-columns .wp-block-column {
flex-basis: calc(100%/2) !important;
flex-grow: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths,
div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
width: 100% !important; float: none;
margin: 0 0 4rem 0 !important
}
}
@media (max-width: 599px) {
#main .wp-block-columns .wp-block-column {
flex-basis: 100% !important;
}
.vekablock .block-image-group { width: 100%; height: auto; float: none }
}
/* CONTENT SWIPER */
.veka-content-slider {
position: relative
}
.veka-content-slider .swiper-wrapper { height: 500px; }
.veka-content-slider .swiper-slide { height: calc(100% - 50px); background: #000 }
.veka-content-slider .swiper-button-next-content-swiper { position: absolute; right: 0; bottom: 0; top: auto }
.veka-content-slider .swiper-button-prev-content-swiper { position: absolute; left: 0; bottom: 0; top: auto }
.content-slider-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.slider-content-image { width: calc(100% - 300px ); top: 0; left: 0; position: absolute; background: #111; height: 100% }
.slider-content-text { position: absolute; right: 0; top: 0; width: 300px; height: 100%; background: #000 }
.slider-content-text-inner { padding: 30px }
.show-content-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: left center; background-size: cover; background-repeat: no-repeat }
.content-slider-headline {
font-weight: 500;
font-size: 1.4rem;
color: #fff;
text-transform: uppercase;
margin: 0 0 1rem 0
}
.content-slider-title { color: #fff; font-size: 3rem; margin: 0 0 2rem 0;
letter-spacing: 1px; font-weight: 300; text-transform: uppercase }
.content-slider-teaser p {
font-size: 1.4rem;
color: #fff;
letter-spacing: .1rem;
text-transform: none;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
}
.content-slider-button { position: absolute; right: 30px; bottom: 30px }
@media (max-width: 750px) {
.veka-content-slider .swiper-wrapper { height: 400px; }
}
@media (max-width: 650px) {
.veka-content-slider .swiper-wrapper { height: 700px; }
.slider-content-image{ top: 0; width: 100%; height: 300px}
.slider-content-text { left: 0; width: 100%; height: 350px; top: auto; bottom: 0}
}
@media (max-width: 550px) {
.veka-content-slider .swiper-wrapper { height: 500px; }
.slider-content-image{ top: 0; width: 100%; height: 200px; pointer-events: none}
.slider-content-text { left: 0; width: 100%; height: 250px; top: auto; bottom: 0}
.content-slider-button { position: absolute; top: auto; left: 0; right: 0; bottom: 0; padding: 0; width: 100%; height: calc(100% + 200px); border: 0 !important; cursor: pointer; display: block; overflow: hidden; text-indent: -999999px; z-index: 1000}
.content-slider-button:hover { background: none; border: none; }
}
#footer-top-bar,
#footer-bottom { background: #000; color: #fff }
#footer-top-bar .row { position: relative }
#footer-top-bar p,
#footer-impressum p {
margin-bottom: 1rem
}
#footer-top-bar a { color: #fff; }
#footer-top-bar { padding: 40px 0; position: relative }
.footer-headline { font-size: 2.4rem; font-weight: 500; margin: 0 0 1.5rem 0}
.footer-left-group { float: left; width: 300px; }
.footer-right-group { float: left; width: calc(100% - 300px); }
.footer-right-group { position: relative }
#imprint .footer-logo-veka { position: absolute; right: 0; top: 0; height: 100%; width: 300px !important; text-align: right; }
#imprint .footer-logo-veka img { height: calc(100% - 40px); width: auto; margin-top: 20px }
#footer-top-bar { border-bottom: 1px solid #777; }
#footer-impressum a { color: #fff }
#footer-impressum {
padding: 40px 0; background: #000; color: #fff;
}
.footer-content h3 { font-size: 1.6rem; font-weight: 500}
#footer-bottom { padding: 40px 0}
#footer-bottom a { color: #fff; }
#footer-bottom li { display: inline-block; margin: 0 10px 0 0 }
#footer-impressum .footer-right-group p:last-child { font-size: 1.1rem; line-height: 1.45rem }
#footer-bottom a { text-decoration: none; }
#footer-bottom { font-size: 1.3rem }
#footer-bottom #footer-main-menu a:after { display: none }
#footer-bottom #footer-main-menu a:hover { text-decoration: underline }
@media screen and (max-width: 900px) {
.footer-left-group, .footer-right-group { width: 100%; }
#imprint .footer-logo-veka { position: relative; left: auto; top: auto }
#imprint .footer-logo-veka { width: 100% !important}
#imprint .social-media-instagram { position: relative; top: auto; left: auto}
#imprint .footer-logo-veka img { width: 200px; height: auto}
}
#newsletter-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999 !important }
#newsletter-layer-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); }
body.page-id-1884 { position: relative; overflow: hidden }
#newsletter-layer-box { position: absolute; left: 100px; top: 200px; width: calc(100% - 200px); height: calc(100% - 400px); background: #000;
-webkit-box-shadow: 30px 30px 100px 5px rgba(0,0,0,0.2);
box-shadow: 30px 30px 100px 5px rgba(0,0,0,0.2);
color: #fff }
#newsletter-controller-box { -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: none; z-index: 99999 }
#newsletter-controller-box a { position: absolute; width: 40px; height: 40px; display: block; background: url("../img/close.svg"); }
#newsletter-controller-box:hover{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#newsletter-layer .choice-1 { position: relative}
/* #newsletter-keyvisual { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #222; background-position: left center; background-repeat: no-repeat; background-size: cover } */
##newsletter-keyvisual { display:none }
#newsletter-view-sidebar { position: absolute; top: 0; right: 0; width: 100%; }
#newsletter-view-sidebar-inner { padding: 50px }
#newsletter-view-sidebar h2 {
font-weight: 300;
font-size: 3rem;
margin: 0 0 20px 0
}
#newsletter-view-sidebar .choice-1 { overflow: hidden}
#newsletter-view-sidebar #wpforms-1889-field_3_1 { position: absolute; left: -10000px; }
#newsletter-view-sidebar #wpforms-1889-field_2,
#newsletter-view-sidebar #wpforms-1889-field_5,
#newsletter-view-sidebar #wpforms-1889-field_6
{ width: 100%; border: 0 !important; border-bottom: 2px solid #fff !important; background: none !important;
width: 100% !important; padding: 10px 0 !important; max-width: 100% !important; color: #fff !important}
#newsletter-view-sidebar .wpforms-field-label-inline
{
font-size: 1.2rem !important; line-height: 1.6rem !important; display: block !important; padding: 0 0 0 50px !important
}
#newsletter-view-sidebar div.wpforms-container-full .wpforms-form label.wpforms-error {
color: yellow !important;
padding: 15px 0 0 0;
}
#newsletter-view-sidebar ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #bbb;
opacity: 1; /* Firefox */
}
#newsletter-view-sidebar :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #bbb;
}
#newsletter-view-sidebar ::-ms-input-placeholder { /* Microsoft Edge */
color: #bbb;
}
#newsletter-view-sidebar .wpforms-submit-container { text-align: right; padding: 50px 0 0 0 }
#newsletter-view-sidebar .wpforms-submit-container button { background: #3683cd !important; color: #fff !important; font-weight: 500 !important; font-size: 1.6rem !important; text-transform: uppercase !important; letter-spacing: 1px; padding: 20px 30px }
#newsletter-view-sidebar .wpforms-submit-container button { background: #000 !important; }
#newsletter-view-sidebar .wpforms-submit-container button:hover { background:#0086c8 !important; color: #fff; }
@media screen and (min-width: 1400px) {
#newsletter-layer-box { width: calc(100% - 300px); height: calc(100% - 300px); overflow: scroll; margin: 0; left: 150px; top: 150px }
}
@media screen and (min-width: 1600px) {
#newsletter-layer-box { width: calc(100% - 600px); height: calc(100% - 400px); overflow: scroll; margin: 0; left: 300px; top: 200px }
}
@media screen and (max-width: 1000px) {
#newsletter-layer-box { width: 100%; height: 100%; overflow: scroll; margin: 0; left: auto; top: auto }
}
@media screen and (max-width: 800px) {
#newsletter-keyvisual { width: 100%; position: relative; height: 300px; display: none }
#newsletter-view-sidebar { width: 100%; position: relative }
#newsletter-controller-box { top: 40px; right: 40px; position: fixed; background: #000; width: 50px; height: 50px; -webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px; }
#newsletter-controller-box a { width: 34px; height: 34px; background-position: center center; top: 8px; left: 8px; background-size: 22px 22px; background-repeat: no-repeat; }
}
@media screen and (max-width: 600px) {
#newsletter-keyvisual { height: 200px }
#newsletter-view-sidebar h2 { font-size: 2rem}
}
/* Magazin 220627 */
.mag-second-header { height: auto; margin: 70px 0 50px 0; position: relative }
.mag-second-header img { max-width: 100%; height: auto }
.post-date { position: absolute; right: 0; top: calc(100% + 50px) }
.magazin-template-second .article-headine h1 { text-transform: uppercase }
.post-date { font-size: 2rem }
.box-blue { background:#0086c8 !important; color: #fff; }
.box-blue p a,
.single-magazin .box-blue p a,
.single-magazin .box-black p a { color: #fff !important }
.box-inner { padding: 30px 40px }
.magazin-article-main .wp-block-columns .box-blue h2,
.magazin-article-main .wp-block-columns .box-black h2 { color: #fff }
.magazin-template-second .group-columns .wp-block-columns { gap: 6rem }
.downloadbox a { display: block; padding: 40px 0 0 70px; position: relative }
.downloadbox a:before { content: ''; position: absolute; left: 0; width: 50px; height: 50px; background: url("../download-icon.png"); background-position: left bottom; background-size: 50px 50px; background-repeat: no-repeat; bottom: 5px }
.img-toright img,
.image-right-70 img { width: 70%; margin: 0 0 0 30% }
.image-left-70 img { width: 70%; margin: 0 30% 0 0 }
.article-copyrigtimage { position: absolute; right: 10px; bottom: 10px; text-align: right; font-size: 10px; color: #fff; z-index: 100; opacity: .6 }
.box-black { background: #111; color: #fff }
#read-more-content { display: block }
.readmorecontainer { text-align: center; padding: 40px }
.readmorecontainer a { display: inline-block; border: 2px solid #0086c8; color: #222; padding: 10px 20px; font-family: 'Roboto';
font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 1.6rem; text-align: center; text-decoration: none }
.readmorecontainer a:hover { background: #0086c8; color: #fff }
.readmorecontainer .readless { display: none }
.readmorecontainer .readmore { display: inline-block }
body.read-more-true .readmorecontainer .readless { display: inline-block }
body.read-more-true .readmorecontainer .readmore { display: none }
.readmore-content { display: none; }
.read-more-true .readmore-content { display: block }
.mag-second-header.article-header-quote { width: calc(100% - 200px); margin: 70px 0 50px 200px; }
.article-header-image img { width: 100%; height: auto }
.article-header-image-caption-container { position: absolute; right: 0; bottom: 0; width: 60%; background: rgba(255,255,255,1)}
.article-header-image-caption-container p { padding: 20px}
.group-columns h3 { font-weight: 500; font-size: 1.6rem; margin: 0 0 15px 0; }
.quote-icon img { width: 50px; height: auto}
.image-60-left img { width: 60%; margin: 0 40% 0 0; height: auto }
.image-60-right .wp-block-group__inner-container { width: 60%; margin: 0 0 0 40%; height: auto }
.magazin-template-second figcaption { font-size: 1.3rem; margin: 20px 0 0 0 }
.wp-block-image.size-full.image-90 { width: calc(100% - 50px); margin: 0 50px 0 0 }
.magazin-article-main .headline-default h2 { text-transform: none }
.single-item.item-id-2263 .single-item-image {
background: #fff
}
.image-90-max img { max-width: calc(100% - 90px); height: auto }
.box-green { background: #e0e29f }
@media screen and (max-width: 1000px) {
.mag-second-header.article-header-quote { width: 100%; margin: 70px 0 50px 0; }
}
@media screen and (max-width: 800px) {
.image-60-left img { width: 80%; margin: 0 20% 0 0; height: auto }
}
@media screen and (max-width: 600px) {
.image-60-left img,
.image-60-right .wp-block-group__inner-container { width: 100%; margin: 0 0 0 0; height: auto }
.box-inner { padding: 15px 20px }
}
.load-more-row { position: relative; z-index: 500; text-align: center; padding: 50px 0 0 0 }
.meta-menu-navigation { text-align: center; padding: 0 0 50px 0 }
.load-more-row a, .meta-menu-navigation a { color: #111;
font-weight: 500;
padding: 15px;
border: 3px solid #0086c8;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
font-size: 1.6rem; }
.load-more-row a:hover, .meta-menu-navigation a:hover { background:#0086c8; color: #fff }
#veka-block_62431f7149a8c .load-more-row { margin: 0 0 100px 0 }
#veka-block_62431f7149a8c .single-item-image-view { background-position: left center }
.postid-2133 .article-header-image img { width: calc(100% + 5px); margin-left: -5px }
.teaser-text-layer-image { position: absolute; left: 0; width: 100%; bottom: 0; left: 0 }
.teaser-text-layer-image img { width: 100%; height: auto }
#wpforms-1747-field_4-container select,
#wpforms-1889-field_4-container select {
-moz-appearance: none;
-webkit-appearance: none;
background: none;
text-indent: -1px;
border: 0;
color: #bbb !important;
padding: 0;
border-bottom: 2px solid #fff;
}
@media screen and (max-width: 782px) {
#newsletter-view-sidebar .wpforms-field.wpforms-field-select,
#newsletter-view-sidebar .wpforms-field.wpforms-field-text,
#newsletter-form .wpforms-field.wpforms-field-select,
#newsletter-form .wpforms-field.wpforms-field-text { margin-bottom: 0 !important }
}
.readless.read__goup { display: block !important }
.image70pwfh { width: 70%; }
.image70pwfh.image70pwfhRight { margin: 0 0 0 30% }
@media screen and (max-width: 650px) {
.image70pwfh { width: 100% }
.image70pwfh.image70pwfhRight { margin: 0 }
}
.aricle-teaser-image-grid .single-item-image-view { height: calc(100% - 100px); top: auto; bottom: 0 }
.aricle-teaser-image-grid.aricle-teaser-image-grid-50 .single-item-image-view { height: calc(100% - 50px); top: auto; bottom: 0; background-position: right bottom }
.aricle-teaser-image-grid .teaser-text-layer-image { top: 0; bottom: auto; }
.aricle-teaser-image-grid .single-item-image { background: #fff}
@media screen and (max-width: 1000px) {
.aricle-teaser-image-grid .single-item-image-view { height: calc(100% - 50px); }
}
.vekamagazin-teasercontainer .imagelayer-layer-white-typo.layertype1 .single-item-text { background: rgba(0,0,0,0.3); }
.vekamagazin-teasercontainer .imagelayer-layer-white-typo.layertype1 .single-item-text h2,
.vekamagazin-teasercontainer .imagelayer-layer-white-typo.layertype1 .meta-row { color: #fff}
.quote__header_image { margin: 100px 0 70px 200px; position: relative; }
.quote_header_icon_left { position: absolute; left: 0; width: 100px; top: 70px; margin: 0 0 0 -90px }
.quote_header_icon_right { position: absolute; right: 0; width: 100px; top: -20px }
.quote_header_icon_left img,
.quote_header_icon_right img { width: 100%; height: auto}
.quote__content { position: absolute; right: 0; bottom: 0; background: #fff; width: 50% }
.quote__content__inner { padding: 5px 0 }
@media screen and (max-width: 1000px) {
.quote__header_image { margin: 100px 0 70px 0; position: relative; }
.quote_header_icon_left { margin: 0 0 -20px -20px; top: auto; bottom: 0}
.quote_header_icon_right { position: absolute; right: -20px; width: 100px; top: -20px }
}
@media screen and (max-width: 700px) {
.quote__content { position: relative; right: auto; top: auto; bottom: auto; width: 100% }
.quote_header_icon_left { width: 50px }
.quote_header_icon_right { width: 50px; right: 0; }
.quote__content__inner {
padding: 0 0 0 70px
}
}
.magazin-article-main .column-interview h2 { text-transform: none }
.magazin-article-main .column-interview p:first-of-type { position: relative }
.magazin-article-main .column-interview.column-quotation p:first-of-type:before {
content: ''; position: relative; top: auto; float: left; width: 40px; height: 40px; background: url("https://architekten.veka.de/wp-content/uploads/quote-icon-left.png");
margin: 5px 20px 20px 0; background-size: contain; background-repeat: no-repeat
}
.portrait__image { width: 60%; height: auto }
.bluecontainer { color: #fff; background: #0086c8; padding: 30px }
.bluecontainer h2 { font-weight: normal !important; font-size: 3rem !important; color: #fff !important }
.blueoffsettop { margin: 20px 0 0 0 }
.single-item.recycling__item .single-item-image-view { height: calc(100% - 70px) }
.single-item.recycling__item .single-item-image { background: #fff }
.single-item.recycling__item .teaser-text-layer-image { width: calc(100% - 50px) }
@media screen and (max-width: 900px) {
.single-item.recycling__item .teaser-text-layer-image { width: calc(100% - 20px) }
.single-item.recycling__item .single-item-image-view { height: calc(100% - 40px) }
}
.single-magazin p a { color: #0086c8 !important; font-weight: normal !important }
/* .ausgabe-02-2023 {
display: none !important
} */
/* @media screen and (min-width: 1000px ) { */
.section-ansprechpartner-modul { margin: 50px 0 }
.section-ansprechpartner-modul { background: #0086c8; position: relative }
.ansprechpartner-content-right { position: absolute; width: 300px; height: 100%; background: none; top: 0; right: 0 }
.ansprechpartner-content-left { width: calc(100% - 300px); position: relative; }
.ansprechpartner-content-left-inner { padding: 30px 30px 50px; color: #fff; text-transform: none; position: relative;
font-weight: 300;
font-size: 1.6rem; }
.ansprechpartner-content-left-inner p,
.ansprechpartner-content-left-inner ul {
text-transform: none;
font-weight: 300;
font-size: 1.6rem;
}
.ansprechpartner-content-left-inner ul { margin: 15px 0 15px 15px }
.ansprechpartner-content-left-inner ul li { margin: 0 0 6px 0 }
.ansprechpartner-content-left-inner h2 { margin: 10px 0 20px; font-size: 3rem }
.ansprechpartner-content-titel { font-weight: 500 }
.ansprechpartner-content-text { width: calc(60% - 40px) }
.section-modul-ap-image { position: relative }
.section-modul-ap-details { position: absolute; left: 20px; bottom: 20px; width: calc(100% - 40px); color: #fff; z-index: 100; }
.section-modul-ap-details h3 { font-size: 3rem; font-weight: 300 }
.section-ansprechpartner-contact { position: absolute; right: 30px; bottom: 30px; width: calc(40% + 1px); text-align: right;
color: #fff;
}
.section-ansprechpartner-contact p {
text-transform: none;
font-weight: 300;
font-size: 1.6rem;
margin: 5px 0 0 0
}
.section-ansprechpartner-contact a { color: #fff; position: relative; }
.p-phone a:before { content: ''; position: absolute; left: -35px; height: 30px; width: 30px; background: url("../img/PHONE.svg") left center no-repeat; top: 50%; margin: -15px 0 0 0; background-size: 60% }
.p-mail a span:before { content: ''; position: absolute; left: -35px; height: 30px; width: 30px; background: url("../img/MAIL.svg") left center no-repeat; top: 50%; margin: -15px 0 0 0; background-size: 60% }
.p-mail a span { position: relative; display: inline-block }
.p-mail a span:first-child { display: inline-block; }
.p-mail a span:last-child { display: none; }
.section-modul-ap-image, .section-ap-modul-image-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333 }
.section-ap-modul-image-view { background-size: cover; background-position: top center; background-repeat: no-repeat }
.ansprechpartnerSwiper { height: 100%; }
.ansprechpartnerSwiper .swiper-slide { height: 100%; background: #000 }
.swiper-modul-ap-pag {
bottom: -34px !important;
pointer-events: none
}
.swiper-modul-ap-pag .swiper-pagination-bullet {
pointer-events: all;
border-radius: 0; margin: 0 7px !important; width: 7px !important; height: 7px !important
}
.swiper-modul-ap-next { top: auto !important; bottom: -50px !important; right: 0 }
.swiper-modul-ap-next:after, .swiper-modul-ap-prev:after {font-size: 2rem !important; color: #777 }
.swiper-modul-ap-prev { top: auto !important; bottom: -50px !important; left: 0 }
.apmodul-gradient { width: 100%; position: absolute; bottom: 0; height: 40%; background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); opacity: .65 }
@media screen and (max-width: 1000px) {
.section-ansprechpartner-contact { position: relative; right: auto; bottom: auto; width: 100%; text-align: left; padding: 0 0 30px 0 }
.section-ansprechpartner-contact p { margin: 10px 30px 0 60px }
.ansprechpartner-content-text { width: 100% }
}
@media screen and (max-width: 700px) {
.ansprechpartner-content-left { width: 100% }
.ansprechpartner-content-right { position: relative; width: 100% }
.section-modul-ap-image { padding: 0; position: relative }
.section-ap-modul-image-view { position: relative; padding: 100% 0 0 0 }
.ansprechpartner-content-left-inner h2 { margin: 10px 0 20px; font-size: 2rem }
.ansprechpartner-content-titel { font-size: 1.2rem }
}
@media screen and (max-width: 500px) {
.p-mail a span:first-child { display: none; }
.p-mail a span:last-child { display: block; }
}
.socialmediagroup .boxright-leftbottom, .socialmediagroup .social-media-left-top {
position: relative;
left: auto;
bottom: auto
}
.socialmediagroup .boxright-lefttop {
position: relative;
left: auto;
top: auto
}
.socialmediagroup .boxright-leftbottom a { font-size: 1.4rem; font-weight: 700 }
.socialmediagroup .social-media-left-top ul li { height: 35px; line-height: 35px; text-indent: 50px }
.socialmediagroup .social-media-left-top a::before { height: 35px; width: 35px; background-size: 34px 34px }
.socialmediagroup .social-media-left-top li a { height: 35px }
.socialmediagroup .iglead { line-height: 35px !important }
.socialmediagroup .social-media-left-top { top: auto }
.social-media-lead.socialmediagroup { position: relative; width: 50%; top: auto; left: auto; right: 0; margin: 0 0 0 50% }
.social-media-lead.socialmediagroup .social-media-lead-inner { width: 100%; position: relative; top: auto; left: auto; height: auto; padding: 20px 30px }
.social-media-left {
width: 50%;
float: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.socialmediagroup .boxright-lefttop { padding: 0 0 50px 0 }
.socialmediagroupsBox .social-media-image {
position: absolute;
padding-top: 0 !important;
background: #0086c8;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.socialmediagroupsBox .social-media-layer { opacity: 0 }
.socialmediagroupsBox .social-media-lead {
height: auto !important
}
.socialmediagroupsBox .social-media-left-top li.linkedin a::before {
background-image: url("../img/linkedin.svg");
}
@media screen and (max-width: 950px) {
.socialmediagroupsBox .social-media-left { width: 100%; position: relative; height: 350px; margin: 0 }
.social-media-lead.socialmediagroup { width: 100%; margin: 0 }
.social-media-lead.socialmediagroup .social-media-lead-inner { width: auto !important}
.iglead { padding: 0 }
}
@media screen and (max-width: 700px) {
.socialmediagroupsBox .social-media-left { height: 250px; margin: 0 }
}
/* .article-oberflaeche .single-item-image-view { width: calc(100% - 40px); height: calc(100% - 60px); top: 60px; left: 40px; background-position: right bottom } */
.article-oberflaeche .single-item-image-view { width: 100%; height: calc(100% - 60px); top: 60px; left: 0; background-position: right bottom; background-size: cover }
.article-oberflaeche .single-item-image { background: #fff }
.article-oberflaeche .teaser-text-layer-image { height: 60%; top: 0; bottom: auto }
.article-oberflaeche .teaser-text-layer-image img { height: 100%; width: auto; max-width: 80%; height: auto; vertical-align: middle }
.page-id-19 .vekamagazin-teasercontainer .single-item:nth-child(3n).qualitaet-typo-article .teaser-text-layer-image img { display: none }
.page-id-19 .vekamagazin-teasercontainer .single-item:nth-child(3n).qualitaet-typo-article .teaser-text-layer-image { background: #000; height: 100%; opacity: .5 }
.page-id-19 .vekamagazin-teasercontainer .single-item:nth-child(3n).qualitaet-typo-article .single-item-image-view { height: 100%; }
.article-dasbeste-aus-zwei-welten .single-item-image-view { height: calc(100% - 40px) }
.article-dasbeste-aus-zwei-welten .single-item-image { background: #fff }
.article-dasbeste-aus-zwei-welten .single-item-image img { vertical-align: middle }
.page-id-19 .vekamagazin-teasercontainer .single-item:nth-child(2n).article-dasbeste-aus-zwei-welten .teaser-text-layer-image img { display: none }
.page-id-19 .vekamagazin-teasercontainer .single-item:nth-child(2n).article-dasbeste-aus-zwei-welten .single-item-image-view { height: 100% }
/* TICKETBOX GROUP */
.ticketbox-group { position: relative }
.ticketbox-left { width: calc(50% - 20px); }
.ticketbox-right { position: absolute; top: 0; right: 0; width: calc(50% - 20px); height: 100% }
.ticketbox-right-image { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #f1f2f4 }
.ticketbox-right-image img { object-fit: contain; object-position: top center; width: 100%; height: 100% }
.ticketbox-boxcta-contain { padding: 180px 0 0 0; }
.ticketbox-group.text-position-right .ticketbox-right { right: auto; left: 0 }
.ticketbox-group.text-position-right .ticketbox-left { margin: 0 0 0 calc(50% + 20px)}
.ticketbox-boxcta-header h3 {
text-transform: uppercase;
font-weight: 600;
font-size: 3.6rem;
margin: 0 0 2rem 0;
letter-spacing: .2rem;
color: #0086C8;
opacity: .5
}
.ticketbox-boxcta {
background: #0086C8; color: #fff
}
.ticketbox-intro h2 {
font-weight: 500;
margin: 20px 0 10px;
color: #222;
font-size: 2em;
text-transform: uppercase;
}
.ticketbox-boxcta p a { color:#fff !important; }
.ticketbox-boxcta-content-inner { padding: 30px }
.ticketbox-boxcta-cta { text-align: right }
.ticketbox-boxcta-cta a { display: inline-block; color: #fff; border: 2px solid #fff; padding: 10px 20px; font-size: 1.4rem;
font-weight: 400; text-decoration: none;
line-height: 2.2rem; }
.ticketbox-boxcta-cta a:hover { background: #fff; color: #0086C8 }
@media screen and (max-width: 700px) {
.image-width-70 { width: 100% }
.ticketbox-left { width: 100%; }
.ticketbox-group.text-position-right .ticketbox-left { margin: 0 }
.ticketbox-right { width: 100%; position: relative; top: auto; right: auto }
.ticketbox-right-image { position: relative; width: 100%; top: auto; right: auto }
.imagewidth70.imageright .ticketbox-right { margin: 30px 0 0 0 }
}
@media screen and (max-width: 990px) {
.postid-3288 .article-headine h1 br { display: none }
}
@media screen and (max-width: 1000px) {
.ticketbox-boxcta-contain {
padding: 30px 0 0 0;
}
}
/* AUF TUCHFÜHLUNG GEHEN + 20240425 */
.item-id-3338 .single-item-image-view { height: calc(100% - 50px); top: auto; bottom: 0; background-position: right bottom }
.item-id-3338 .teaser-text-layer-image img { vertical-align: middle }
.item-id-3338 .single-item-image { background: #fff; }
.item-id-3338 .teaser-text-layer-image { width: 70%; height: auto; bottom: auto; top: 0; left: auto; right: 0 }
.single-item.item-id-3338:hover .single-item-image-view { -moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
/* FENSTERINTEGRATION IM MODULBAU + 20240425 */
.item-id-3342.single-itemtemplate-grey .subheadline p { color: #000 }
.item-id-3342.imagelayer-layer-white .single-item-text {
background: rgb(255,255,255);
background: -moz-linear-gradient(357deg, rgba(255,255,255,0.35896365382090334) 0%, rgba(255,255,255,1) 71%);
background: -webkit-linear-gradient(357deg, rgba(255,255,255,0.35896365382090334) 0%, rgba(255,255,255,1) 71%);
background: linear-gradient(357deg, rgba(255,255,255,0.35896365382090334) 0%, rgba(255,255,255,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.imagewidth70.imageright .ticketbox-right-image { background: #fff }
.imagewidth70.imageright .ticketbox-right-image img {
object-position: right center;
}
.ticketbox-group.text-position-right.imagewidth70 .ticketbox-right-image img {
object-position: left center;
}
.imageBorder img { border: 1px solid #888}
/* Article 20240701 */
.item-id-3452 .single-item-image-view {
height: 92%;
bottom: 0; top: auto
}
.item-id-3452 .single-item-image {
background: #fff;
}
.item-id-3452 .teaser-text-layer-image {
bottom: auto;
top: 0;
height: 100%;
}
.item-id-3452 .teaser-text-layer-image img {
height: 23%;
width: auto
}
#main .imagelayer-layer-white-typo .single-item-text-inner,
#main .imagelayer-layer-white-typo .meta-row,
#main .imagelayer-layer-white-typo .single-item-title h2 {
color: #fff;
}
#main .imagelayer-layer-white .single-item-read-more a span { background: #000 }
.imagelayer-layer-white-typo .single-item-image:before {
content:'';
position: absolute;
top: 0;
left: 0; width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
z-index: 100
}
.imagelayer-layer-white .single-item-image:before {
content:'';
position: absolute;
top: 0;
left: 0; width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
z-index: 100
}
.disable-image-background .ticketbox-right-image {
background: none
}
.disable-image-background .ticketbox-boxcta-contain {
padding: 50px 0 0 0
}
.ticketbox-boxcta-cta a.button {
margin: 0 0 0 20px
}
.imagewidth70 .ticketbox-right-image { width: 70% }
#main .imagewidth70 .ticketbox-right-image img { object-position: top center }
.ticketbox-top .ticketbox-boxcta-contain { margin: 0; padding: 0 }
.ticketbox-top .ticketbox-right-image { object-fit: unset; position: relative; width: 100%; height: auto; left: auto; top: auto }
.ticketbox-top .ticketbox-left { position: relative; float: left; } .ticketbox-top .ticketbox-right { position: relative; float: left; }
.ticketbox-top .ticketbox-left {
width: calc(50% - 30px);
margin: 0 60px 0 0
}
.ticketbox-top .ticketbox-right {
width: calc(50% - 30px);
}
@media screen and (max-width: 900px) {
.ticketbox-top .ticketbox-left {
width: 100%;
float: none;
margin: 0 0 0 0
}
.ticketbox-top .ticketbox-right {
width: 100%;
float: none;
}
}
.item-id-3452 .single-item-image-view { background-position: left bottom }
.ticketbox-boxcta-cta li { list-style-type: none; display: inline-block }
@media screen and (max-width: 1200px) {
.ticketbox-boxcta-cta li { display: block; margin: 0 0 15px 0 }
.ticketbox-boxcta-cta ul li:last-child { margin: 0 }
}
.double-col-image .image-overlay-copyright { position: absolute; right: 15px; bottom: 15px; color: #fff; z-index: 20 }
.double-col-image { position: relative }
.double-col-image.referenz-image-columns .column {
position: absolute;
width: calc((( 100% / 3 ) * 2) - 32px);
top: 0; left: 0; height: 100%
}
.double-col-image.referenz-image-columns .column.column-text-last {
position: relative;
}
.double-col-image .image-kachel {
padding: 0;
height: 100%;
}
.double-col-image .image-kachel-border {
border: 2px solid #333;
position: relative;
z-index: 10;
width: 100%;
height: 100%;
}
.double-col-image.referenz-image-columns.imagetext-2columns .column.column-text-last {
width: calc(((100% / 3)*1) - 8px);
right: auto;
margin: 0 0 0 calc(((100% / 3)*2) + 16px);
top: 0;
}
.double-col-image.referenz-image-columns .column {
margin: 0 16px 0;
}
.double-col-image .column-text-last .button {
position: relative; display: inline-block; margin: 200px 0 0 0
}
.section-modul-ap-details h3 { text-transform: uppercase; }
.magazin-group .item-id-3636 .single-item-image-view,
.home .item-id-3636 .single-item-image-view {
background-position: right bottom;
height: calc(100% - 50px);
top: auto;
bottom: 0
}
.magazin-group .item-id-3636 .teaser-text-layer-image,
.home .item-id-3636 .teaser-text-layer-image {
background-position: top left;
top: 0;
left: 0;
bottom: auto;
height: 100%
}
.magazin-group .item-id-3636 .single-item-group .single-item-image {
background: #fff
}
.home .item-id-3636 .single-item-group {
background: none
}
.home .item-id-3641 .subheadline p { color: #000 }
.home #main .item-id-3641 .single-item-read-more a span {
background: #fff;
}
.veka-article-text-paddingTop .wp-block-column h2:first-of-type {
padding: 100px 0 0 0
}
.veka-article-image-70widthright .wp-block-image {
text-align: right
}
.veka-article-image-70widthright .wp-block-image img {
width: 70%; height: auto
}
.veka-article-image-70widthleft .wp-block-image {
text-align: left
}
.veka-article-image-70widthleft .wp-block-image img {
width: 70%; height: auto
}
.page-id-3710 #veka-forms .wpforms-field.wpforms-field-checkbox .wpforms-field-label {
position: relative
}
.page-id-3710 #veka-forms .wpforms-form input[type="checkbox"],
.page-id-3710 #veka-forms div.wpforms-container-full .wpforms-form input[type="radio"] {
position: absolute;
top: 2px !important
}
.page-id-3710 #veka-forms ul { padding: 10px 0 0 0 !important; }
.page-id-3710 #veka-forms ul li { position: relative !important }
.page-id-3710 #veka-forms ul li .wpforms-field-label-inline { padding: 0 0 7px 50px !important;
font-size: 1.6rem !important; font-weight: 300 !important; line-height: 1.5em !important }
.page-id-3710 #veka-forms ul#wpforms-3712-field_13 li .wpforms-field-label-inline { font-size: 1.3rem !important; }
.item-id-3733 .single-item-text .single-item-text-inner ,
.item-id-3735 .single-item-text .single-item-text-inner {
padding: 30px calc(50% + 30px) 150px 30px;
}
.postid-3735 .ticketbox-right-image img {
object-fit: cover !important
}
.postid-3735 .ticketbox-boxcta-contain {
padding: 20px 0 0 0;
}
.postid-3735 .ticketbox-boxcta h2 {
font-weight: bold;
font-size: 2rem;
text-transform: uppercase;
margin: 0 0 10px 0
}
.postid-3735 .article-header-image {
width: 70%;
}
.postid-3735 .magazin-template-second .group-columns .wp-block-columns {
gap: 4rem;
}
.postid-3735 .image-right-60s .wp-block-image {
width: 80%;
margin: 0 0 0 auto;
}
.postid-3733 .ticketbox-right-image {
background: none
}
.postid-3733 .ticketbox-boxcta-contain {
padding: 50px 0 0 0;
}
.postid-3733 .article-header-image {
width: 70%;
margin: 0 0 0 auto;
}
@media screen and (max-width: 900px) {
.postid-3733 .article-header-image,
.postid-3735 .article-header-image {
width: 100%;
margin: 0
}
.default-page-wrap {
padding: 80px 0
}
#page .default-page-wrap h1:first-of-type {
font-size: 3rem;
}
#veka-form-kontakt {
padding: 40px 0;
}
#veka-form-kontakt div.wpforms-container-full {
margin: 0
}
}
@media screen and (max-width: 700px) {
.default-page-wrap {
padding: 50px 0
}
}
.postid-3793 .referenz-image-columns .image-kachel .image-kachel-view {
background-size: contain;
background-color: #fff
}
@media screen and (max-width: 800px) {
.referenz-image-background-view { background-attachment: unset }
.vertical-copyright {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
padding: 0 10px 10px 0;
top: auto;
bottom: 0;
height: auto;
font-size: 9px;
opacity: 0.5;
right: 0;
}
}
@media screen and (max-width: 600px) {
#ref-list-group .ref-item-leadheadline h2 {
font-size: 2.2rem;
letter-spacing: .1rem;
line-height: 1.1em;
}
.ref-item-leadheadline {
padding: 0 0 3rem 0;
}
.ref-item-cta-box a {
border: 2px solid #3683cd;
padding: 10px 20px;
font-size: 1.4rem
}
#ref-list-group .ref-item-subline {
font-size: 1.2rem;
}
}
#content-main .item-id-3893 .single-item-image.isimage,
.items-list-container-group .item-id-3893 .single-item-image {
background: #fff;
}
#content-main .item-id-3893 .single-item-image-view,
.items-list-container-group .item-id-3893 .single-item-image-view {
height: 90%;
}
#content-main .item-id-3893 .article-copyrigtimage,
.items-list-container-group .item-id-3893 .article-copyrigtimage {
top: 10px;
right: 10px;
bottom: auto
}
.vekamagazin-teasercontainer .item-id-3902 .teaser-text-layer-image {
display: none
}
.vekamagazin-teasercontainer .imagelayer-layer-black .single-item-image-view:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 10;
opacity: .2
}
.article-header-image-caption-simpleContainer {
text-align: right;
padding: 10px 0 0 0;
font-size: 1.3rem;
}
.postid-3893 .wp-element-caption {
margin: 10px 0 0 0;
font-size: 1.3rem
}
.veka-article-image-70P-container .wp-block-group {
width: 70%;
margin: 0 0 0 30%
}
.veka-article-image-70P-containerLeft .wp-block-group {
width: 70%;
margin: 0 30% 0 0
}
.postid-3893 .ticketbox-boxcta-contain,
.postid-3902 .ticketbox-boxcta-contain,
.postid-3913 .ticketbox-boxcta-contain {
padding: 100px 0 0 0;
}
.postid-3893 .magazin-detail-text-image-ticketbox .ticketbox-left,
.postid-3902 .magazin-detail-text-image-ticketbox .ticketbox-left,
.postid-3913 .magazin-detail-text-image-ticketbox .ticketbox-left {
width: 100%
}
.postid-3893 .ticketbox-right,
.postid-3902 .ticketbox-right,
.postid-3913 .ticketbox-right {
display: none;
pointer-events: none
}
.postid-3913 .article-header-image {
width: 80%
}
@media screen and (max-width: 900px) {
.postid-3913 .article-header-image {
width: 100%
}
}
@media screen and (min-width: 1200px) {
.ticketbox-boxcta-cta li { display: blocK; margin: 0 0 20px 0; }
.ticketbox-boxcta-cta ul li:last-child { margin-bottom: 0 }
}
.vekamagazin-teasercontainer .item-id-3902.imagelayer-layer-white .single-item-image::before {
opacity: .1 !important;
}
.vekamagazin-teasercontainer .item-id-3902 .teaser-text-layer-image {
display: none !important
}
@media screen and (max-width: 1000px) and (min-width: 650px) {
.single-item-text {
height: auto
}
.single-item-text .single-item-text-inner {
position: relative;
top: auto;
left: auto;
padding: 40px;
}
.single-item-read-more-button-container {
position: relative;
right: auto;
bottom: auto
}
}
.article-header-image-group {
position: relative
}
.article-header-image-copyright { position: absolute; bottom: 20px; right: 20px; font-size: 1rem; color: #fff }
.img-caption-right .wp-element-caption {
text-align: right
}
.img-caption-small .wp-element-caption {
font-size: 1rem
}
.white-teaser-image-background .single-item-image {
background: #fff;
}
.white-teaser-image-background .single-item-image .single-item-image-view {
background-position: left top
}
.related-item-show.style-teaser-grey {
background: #AFAFAF
}
@media screen and (max-width: 700px) {
.hide--on-mobile {
display: none;
}
}
.veka-buttongroup-container {
text-align: right
}
.veka-buttongroup-container .ticketbox-boxcta {
padding: 40px 0 0 0
}
.veka-buttongroup-container a,
.magazin-article-main .wp-block-group .wp-block-button a {
display: inline-block;
color: #fff;
border: 2px solid #fff;
padding: 10px 20px;
font-size: 1.4rem;
font-weight: 400;
border-radius: 0;
text-decoration: none;
text-transform: uppercase;
line-height: 2.2rem;
margin: 20px 0 0 20px
}
.magazin-article-main .wp-block-group .wp-block-button a {
background: none;
border-color: #0086c8;
margin: 0;
color: #000
}
.magazin-article-main .wp-block-group .wp-block-button a:hover {
background: #0086c8;
color: #fff;
}
.veka-bluebox {
background: #0086c8;
padding: 20px;
color: #fff
}
.magazin-article-main .veka-bluebox .wp-block-button a {
border-color: #fff;
color: #fff
}
.magazin-article-main .veka-bluebox .wp-block-button a:hover {
background: #fff;
color: #0086c8
}
.single.single-magazin.postid-4058 .mag-second-header img {
width: 70%;
margin: 0 0 0 30%
}
@media screen and (max-width: 1000px) {
.single.single-magazin.postid-4058 .mag-second-header img {
width: 100%;
margin: 0
}
}
.veka-magazin-video-container {
position: relative;
width: 100%; /* macht den Container responsiv */
max-width: 800px; /* maximale Breite */
aspect-ratio: 16 / 9; /* erhält das Seitenverhältnis */
margin: 0 auto; /* zentriert den Container */
cursor: pointer;
}
.veka-magazin-video-container .video-thumbnail,
.veka-magazin-video-container video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.veka-magazin-video-container .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background: rgba(119, 119, 119, 0.653);
background-size: contain;
pointer-events: none;
display: flex;
-webkit-border-radius: 50px 50px 50px 50px;
border-radius: 50px 50px 50px 50px;
backdrop-filter: blur(10px);
}
.veka-magazin-video-container .play-button svg {
width: 40px;
height: 40px;
margin: auto;
-moz-transform: translateX(3px);
-webkit-transform: translateX(3px);
-o-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.veka-magazin-video-container:hover .play-button {
background: #fff
}
.veka-magazin-video-container:hover .play-button svg path {
fill: #222 !important
}
.veka-magazin-video-container video {
width: 100%;
height: 100%;
}
/* Artikel Machbarkeit 250722 */
.magazin-group .single-item.item-id-4055 .teaser-text-layer-image {
bottom: auto;
/* top: 30px;
left: 30px; */
width: 70%
}
.magazin-group .single-item.item-id-4055
.single-item-image-view
{
left: 30px;
top: 30px;
width: calc(100% - 30px);
height: calc(100% - 30px);
}
.vekamagazin-teasercontainer .single-item.item-id-4055 .single-item-image-view{
height: calc(100% - 40px); top: 40px;
}
.vekamagazin-teasercontainer .single-item.item-id-4055 .teaser-text-layer-image {
top: 0;
bottom: auto;
left: 40px;
width: calc(70% - 40px);
}
@media screen and (max-width: 1150px) and (min-width: 900px) {
.vekamagazin-teasercontainer .single-item.item-id-4055 .teaser-text-layer-image {
width: calc(80% - 40px);
}
.vekamagazin-teasercontainer .single-item.item-id-4055 .single-item-image-view{
height: calc(100% - 20px); top: 20px;
}
}
.single-item-group.single-item-group-preview-mode .teaser-text-layer-image {
background: rgba(255, 255, 255, 0.304);
height: 100%;
}
.single-item-group.single-item-group-preview-mode .teaser-text-layer-image:before {
position: absolute;
left: 0;
top: 0;
content:'';
opacity: .8;
width: 100%;
height: 100%;
background: #ffffff;
background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
}
.single-item-group.single-item-group-preview-mode .teaser-text-layer-image img {
display: none
}
.single-item-group.single-item-group-preview-mode .single-item-image-view {
height: 100% !important;
background-position: top left;
}
.single-item-group.single-item-group-preview-mode * {
color: #000 !important
}
.veka-imagecontainer-magazin-group img {
width: 100%;
height: auto;
vertical-align: middle
}
.veka-imagecontainer-magazin-image {
position: relative
}
.veka-image-copyright {
position: absolute;
right: 20px;
bottom: 20px;
color: #fff;
font-size: 12px;
z-index: 10
}
.veka-image-bottom-caption {
font-size: 1.3rem;
margin: 20px 0 0 0;
text-align: right;
}
.veka-image-bottom-caption.caption-align-left {
text-align: left;
}
/* .page-id-24 #ref-list-group #bestand-nachhaltig-entwickeln {
display: none
} */
.page-id-19 .item-id-4265 .teaser-text-layer-image,
.single-item.item-id-4265 .teaser-text-layer-image {
top: 0;
bottom: auto;
height: 100%
}
.page-id-19 .item-id-4265
.article-copyrigtimage {
opacity: 1 !important
}
.image-50p-width {
width: 50%
}
.image-60p-width {
width: 60%
}
.blue-box-minified .ticketbox-boxcta-contain {
padding: 0
}
.blue-box-minified .ticketbox-left {
width: 100%
}
.single-magazin.postid-4267 .article-header-image-group {
width: 70%;
margin: 0 0 0 30%
}
.simple-button-container .magazin-link-buttons .button {
display: inline-block;
border: 2px solid #0086c8;
color: #222;
padding: 10px 20px;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
text-transform: uppercase;
font-size: 1.6rem;
text-align: center;
text-decoration: none;
background: none
}
.simple-button-container .magazin-link-buttons .button:hover {
background: #0086c8;
color: #fff
}
.single-itemtemplate-grey .single-item-read-more-button-container a {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.item-id-4269.single-itemtemplate-grey:hover .single-item-read-more-button-container a {
background: #fff;
color: #332
}
.item-id-4265 .single-item-image {
background: #fff
}
/* Article 2025-12-05 */
body.home .item-id-4382 .single-item-image-view {
height: calc(100% - 40px);
background-position: right bottom;
background-size: cover
}
body.home .item-id-4382 .single-item-image {
background: #fff
}
body.home .item-id-4382 .teaser-text-layer-image {
width: 50%
}
.page-id-38 .singlemagitem.item-id-4382 .single-item-image-view {
width: calc(100% - 50px);
left: 50px;
background-position: right bottom;
background-size: cover
}
.page-id-38 .singlemagitem.item-id-4382 .single-item-image {
background: #fff
}
.page-id-38 .singlemagitem.item-id-4382 .teaser-text-layer-image {
width: 50%
}
.single-magazin.postid-4382 .wp-block-columns {
gap: 6rem;
}
.wp-block-group.img-width-70-align-right {
width: 70%;
margin: 0 0 0 30%
}
.postid-4382 .ticketbox-boxcta-contain {
padding: 40px 0 0 0;
}
.postid-4382 .ticketbox-left {
width: calc(100%);
}
.postid-4382 .ticketbox-right {
display: none;
pointer-events: none
}
.ref-slider-manual-container {
/* border: 10px solid yellow */
}
.referenz-slider-container.ref-slider-manual-container {
height: auto;
background: none;
position: relative;
}
.referenz-slider-container.ref-slider-manual-container .swiper {
height: auto;
position: relative
}
.referenz-slider-container.ref-slider-manual-container .swiper .swiper-slide {
height: auto;
background: none;
}
.referenz-slider-container.ref-slider-manual-container
.reference-content
{
height: auto
}
.referenz-slider-container.ref-slider-manual-container
.reference-link {
position: relative
}
.referenz-slider-container.ref-slider-manual-container .reference-link-container a {
display: inline-block;
right: auto;
bottom: auto
}
.referenz-slider-container.ref-slider-manual-container .reference-link-container {
text-align: right;
padding: 100px 0 0 0
}
.referenz-slider-container.ref-slider-manual-container .reference-content {
position: relative;
height: auto !important;
margin-top: 0;
}
.ref-slider-manual-container
.reference-content
.reference-content-box {
height: auto !important
}
.ref-slider-manual-container .swiper-wrapper {
height: auto;
margin: 0 0 0 0 !important;
padding: 0 0 50px 0;
}
.ref-slider-manual-container
.reference-content-box {
margin: 50px 0
}
.ref-slider-manual-container .offset-shadow {
opacity: 0 !important;
pointer-events: none
}
.ref-slider-manual-container h2 {
font-weight: 500;
font-family: 'Roboto', sans-serif;
font-style: normal;
margin: 0 0 10px;
color: #fff;
width: 100%;
font-size: 2em;
text-transform: uppercase;
}
.ref-slider-manual-container p {
font-weight: 400;
font-family: 'Roboto', sans-serif;
font-style: normal;
}
.postid-4382 .article-headine span {
display: block
}
.singlemagitem.single-item.item-id-4382
.teaser-text-layer-image img {
vertical-align: middle
}
#page .item-id-4382 .teaser-text-layer-image img {
vertical-align: middle !important;
}
.magazin-group .item-id-4630 .single-item-image-view,
.home .item-id-4630 .single-item-image-view {
background-position: right bottom;
height: calc(100% - 50px);
top: auto;
bottom: 50px;
}
.magazin-group .item-id-4630 .article-copyrigtimage {
bottom: 60px;
top: auto;
opacity: 1
}
@media screen and (max-width: 900px) {
.magazin-content-group .textboxGroup .text-left {
width: 100%;
float: none;
margin: 0 0 30px 0;
}
.magazin-content-group .textboxGroup .text-right {
width: 100%;
float: none;
margin: 0 0 30px 0;
}
}
@media screen and (min-width: 801px) {
.image-right-70-and-gap {
background: none
}
.image-right-70-and-gap .image-left {
width: calc(50% - 20px);
}
.image-right-70-and-gap .image_right {
width: calc(35% - 20px);
right: 15%
}
}
.gap-size-4rem :where(.wp-block-columns.is-layout-flex) {
gap: 4rem
}
@media screen and (max-width: 800px) {
.textboxGroup p {
font-size: 1.25rem;
font-weight: 400;
line-height: 1.9rem;
}
.magazin-content-group .image-left {
width: 100%;
float: none;
margin: 0 0 30px 0
}
.magazin-content-group .image_right{
width: 100%;
float: none;
position: relative;
height: 300px;
}
.magazin-image-caption {
position: relative;
top: auto;
bottom: auto;
padding: 10px 0 0 0
}
}
.magazin-group .item-id-4630 .single-item-image {
background: #fff
}
.item-id-4630 .teaser-text-layer-image img {
vertical-align: middle
}
.blue-background-container {
background: rgba(0, 134, 199, 1);
}
.mod-two-col__wrap {
margin: 0 auto;
padding: 40px 0;
}
.mod-two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: stretch;
}
.mod-two-col__left {
display: block;
flex-direction: column;
gap: 15px;
}
.image-stoerer-wrapper {
width: 70%
}
h2.mod-two-col__headline {
color: #fff;
padding: 30px 0 0 0;
font-size: 4rem;
text-transform: uppercase;
font-weight: 400;
}
.mod-two-col__left img {
width: 100%;
height: auto;
display: block;
/* border-radius: 8px; */
}
.mod-two-col__headline {
font-size: 1.8rem;
font-weight: 600;
}
.mod-two-col__right {
display: grid;
align-items: end; /* Text am unteren Rand */
}
.mod-two-col__text p {
font-size: 2.4rem;
line-height: 1.2;
margin: 0 0 10px 0;
color: rgba(255, 255, 255, 0.8);
}
.mod-two-col__text p:last-child {
margin: 0
}
@media screen and (max-width: 800px) {
.mod-two-col {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
align-items: stretch;
}
}
.magazin-template-default.postid-4632 .mag-second-header img {
display: none
}
.magazin-template-default.postid-4632 .ticketbox-boxcta-contain {
padding: 0
}
.magazin-template-default.postid-4632 .ticketbox-left {
width: 100%
}
.magazin-template-default.postid-4632 .ticketbox-right {
pointer-events: none
}
.home .item-id-4630 .single-item-image {
background: #fff;
}
.home .item-id-4632 .single-item-image-view {
background-position: top center
}
.home .vekamagazin-teasercontainer .group .item-id-4382.single-item:nth-child(3n) .teaser-text-layer-image {
display: none
}
.home .vekamagazin-teasercontainer .group .item-id-4382.single-item:nth-child(3n) .single-item-image-view {
height: 100%;
}
.home .vekamagazin-teasercontainer .group .item-id-4382.single-item:nth-child(3n) .single-item-read-more a span {
background: #000
}
.home .vekamagazin-teasercontainer .group .item-id-4382.single-item:nth-child(3n)
.single-item-image-view:after {
background: #ffffff;
background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
height: 100%;
width: 100%;
opacity: .9
}
.home .item-id-4630
.article-copyrigtimage {
bottom: 60px;
opacity: 1
}
.single.single-magazin.postid-4630 .wp-block-group p {
margin: 0 0 15px 0
}
.single.single-magazin.postid-4630 .wp-block-group p a {
font-weight: 700 !important
}
.home .item-id-4632 .single-item-title {
padding: 0 50px 0 0
}