html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,hgroup,main,menu,nav,section,summary{display:block}
@font-face{font-family:LLCircular;src:url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-book-s.eot');src:url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-book-s.eot?#iefix') format("embedded-opentype"),url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-book-s.woff') format("woff"),url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-book-s.svg#LLCircularWeb-Book') format("svg"),url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-book-s.ttf') format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:LLCircular;src:url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-bold-s.eot');src:url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-bold-s.eot?#iefix') format("embedded-opentype"),url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-bold-s.woff') format("woff"),url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-bold-s.svg#LLCircularWeb-Bold') format("svg"),url('../../typo3conf/ext/shift_template/Resources/Public/Fonts/lineto-circular-bold-s.ttf') format("truetype");font-weight:700;font-style:normal}
*{box-sizing:border-box}
img{max-width:100%;vertical-align:middle}
a[href^="tel"]:link,a[href^="tel"]:visited,a[href^="tel"]:hover{color:inherit;text-decoration:inherit}
html{font-family:LLCircular,arial,sans-serif;font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
@media print{html{font-size:12pt;line-height:16pt}
}
::-moz-selection{background:#06aa70;text-shadow:none}
::selection{background:#06aa70;text-shadow:none}
.hidden{display:none !important}
@media print{*{color:#000000 !important;background:transparent !important;text-shadow:none !important;-webkit-filter:none !important;filter:none !important;-ms-filter:none !important}
*:before,*:after{display:none !important}
@page{margin:0.5cm}
h1,h2,h3,h4{page-break-after:avoid}
h1,h2,h3,h4,p,li,tr,img{page-break-inside:avoid}
thead{display:table-header-group}
img{max-width:100% !important}
}
.module{max-width:1600px;margin:0 auto 40px}
@media screen{.module{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}
}
.module.module--shifted{-webkit-transform:translateY(25vh);-ms-transform:translateY(25vh);transform:translateY(25vh);opacity:0}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.module.module--shifted{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%)}
}
@media print{.module.module--shifted{opacity:1 !important;-webkit-transform:none;-ms-transform:none;transform:none}
}
.moduleContainer{box-sizing:content-box;max-width:1600px;margin:0 auto;position:relative;padding:0 0;clear:both}
.moduleContainer.moduleContainer--edge2edge{padding:0;max-width:none}
.moduleContainer.moduleContainer--edge2edge .module{max-width:none;margin-left:0;margin-right:0}
.moduleContainer .moduleContainer{padding:0}
.col{float:left;min-height:1px}
@media screen and (max-width:700px){.col{float:none}
}
@media screen and (max-width:700px){.col:first-child{margin-bottom:40px}
}
.col.col--100{width:100%}
.col.col--80{width:80%}
@media screen and (max-width:1000px){.col.col--80{width:66.6%}
}
@media screen and (max-width:700px){.col.col--80{width:100%}
}
.col.col--60{width:60%}
@media screen and (max-width:1000px){.col.col--60{width:66.6%}
}
@media screen and (max-width:700px){.col.col--60{width:100%}
}
.col.col--50{width:50%}
@media screen and (max-width:700px){.col.col--50{width:100%}
}
.col.col--40{width:40%}
@media screen and (max-width:1000px){.col.col--40{width:33.3%}
}
@media screen and (max-width:700px){.col.col--40{width:100%}
}
.col.col--20{width:20%}
@media screen and (max-width:1000px){.col.col--20{width:33.3%}
}
@media screen and (max-width:700px){.col.col--20{width:50%}
}
.compSlider .images{overflow:hidden;position:relative}
.compSlider .images-inner{overflow:hidden;width:1000%}
.compSlider picture{width:10%;float:left}
.compSlider img{width:100%}
.compSlider .sliderNav{position:absolute;bottom:2%;left:0;width:100%;text-align:center}
.compSlider .sliderNav-inner{position:relative;display:inline-block}
.compSlider .sliderNav-inner li{position:relative;display:block;float:left;margin:0 10px;width:10px;height:10px}
.compSlider .sliderNav-inner li a{top:0;left:0;width:100%;height:100%;outline:none;border-radius:50%;text-indent:-999em;cursor:pointer;position:absolute;background-color:transparent;box-shadow:inset 0 0 0 2px #ffffff;-webkit-transition:box-shadow 0.3s ease;transition:box-shadow 0.3s ease}
.compSlider .sliderNav-inner li a:hover,.compSlider .sliderNav-inner li a:focus{box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6)}
.compSlider .sliderNav-inner li.current a{box-shadow:inset 0 0 0 8px #ffffff}
.embeddedVideoContainer{position:relative;width:100%;height:0;padding-bottom:56.25%}
.embeddedVideoContainer>iframe{position:absolute;top:0;left:0;width:100%;height:100%}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.header .logo{background-image:url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics@2x.png');background-size:1320px 360px}
}
.header .burger{box-sizing:content-box;display:block;position:absolute;right:0;top:112px;width:28px;height:25px;outline:none;border:6px solid #000000;border-top-width:7px;border-bottom-width:7px;background:#000000;z-index:1}
@media screen and (max-width:700px){.header .burger{position:fixed}
}
@media screen and (max-width:1000px){.header .burger{right:5%}
}
@media screen and (max-width:700px){.header .burger{top:30px;margin-right:10px}
}
.header .burger i{-webkit-transition:opacity .2s;transition:opacity .2s;display:inline-block;height:5px;margin:10px 0;background:#ffffff;width:100%}
.header .burger span{display:none;height:20px;line-height:20px;float:right;box-sizing:content-box;color:#ffffff;font-size:22px;font-weight:400}
.header .burger:before,.header .burger:after{content:'';-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;position:absolute;left:0;width:100%;height:5px;background:#ffffff}
.header .burger:before{top:0}
.header .burger:after{bottom:0}
.header .burger.closeX i{opacity:0}
.header .burger.closeX:before{-webkit-transform:rotate(45deg) translate(7px,8px);-ms-transform:rotate(45deg) translate(7px,8px);transform:rotate(45deg) translate(7px,8px)}
.header .burger.closeX:after{-webkit-transform:rotate(-45deg) translate(6px,-7px);-ms-transform:rotate(-45deg) translate(6px,-7px);transform:rotate(-45deg) translate(6px,-7px)}
.header .burger.closeX span{display:none}
.header .burger:hover i,.header .burger:hover:after,.header .burger:hover:before{background:#EDEDED}
.mainNav{-webkit-transition:margin 0.4s cubic-bezier(0.23,1.66,0.66,1);transition:margin 0.4s cubic-bezier(0.23,1.66,0.66,1);position:relative;height:235px}
@media print{.mainNav{display:none}
}
.mainNav.closed{-webkit-transition-timing-function:cubic-bezier(0.34,0,0.87,-0.66);transition-timing-function:cubic-bezier(0.34,0,0.87,-0.66);margin-top:-285px}
.mainNav .navLinks{overflow:hidden;padding:115px 100px 0 150px}
.mainNav .navLinks a{display:block;float:left;width:20%;font-size:22px;font-weight:400;color:#ffffff;text-align:center;text-decoration:none}
.mainNav .navLinks a b{position:relative;padding-bottom:1px}
.mainNav .navLinks a b:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ffffff;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);opacity:0}
.mainNav .navLinks a:hover b:after{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
.mainNav .navLinks .nav-active a b:after{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
@media screen and (max-width:1000px){.mainNav{height:535px;text-align:center}
.mainNav.closed{margin-top:-535px}
.mainNav .navLinks{padding:130px 0 0}
.mainNav .navLinks a{float:none;width:auto;margin:0 auto 24px;font-size:28px}
}
@media screen and (max-width:1000px) and (max-height:480px){.mainNav .navLinks{padding-top:100px}
.mainNav .navLinks a{margin-bottom:10px}
}
.scrollNavContainer{-webkit-transition:-webkit-transform .9s;transition:-webkit-transform .9s;transition:transform .9s;transition:transform .9s,-webkit-transform .9s;position:fixed;left:0;top:0;width:100%;padding:0 5%;background:#000000;z-index:10;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);overflow:hidden}
@media screen and (max-width:1000px){.scrollNavContainer{display:none}
}
@media print{.scrollNavContainer{display:none}
}
.scrollNavContainer.active,.scrollNavContainer:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:.3s;transition-duration:.3s}
.scrollNavContainer .scrollNav{position:relative;max-width:1600px;margin:0 auto}
.scrollNavContainer .logo{display:block;position:absolute;left:0;top:-13px;width:100px;height:114px;background:transparent url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics.png') no-repeat -10px -3px;text-indent:-999px;overflow:hidden}
@media screen and (max-width:1000px){.scrollNavContainer .logo{left:5%}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.scrollNavContainer .logo{background-image:url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics@2x.png');background-size:1320px 360px}
}
.scrollNavContainer .navLinks{overflow:hidden;padding:0 100px 0 150px}
@media screen and (max-width:700px){.scrollNavContainer .navLinks{padding:0 130px}
}
.scrollNavContainer .navLinks li{float:left;width:20%;padding:5px 0}
.scrollNavContainer .navLinks a{display:block;color:#ffffff;font-size:22px;line-height:80px;font-weight:400;text-decoration:none;text-align:center}
.scrollNavContainer .navLinks a b{position:relative;padding-bottom:1px}
.scrollNavContainer .navLinks a b:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ffffff;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);opacity:0}
.scrollNavContainer .navLinks a:hover b:after{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
.scrollNavContainer .navLinks .nav-active a b:after{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
.footer{margin-bottom:0;margin-top:5%;padding:10px 5%;background:#06aa70}
.footer ::-moz-selection{background:rebeccapurple}
.footer ::selection{background:rebeccapurple}
@media print{.footer{border-top:1px dashed}
}
.footer .innerContainer{overflow:hidden;position:relative;max-width:1600px;margin:0 auto}
.footer .intro,.footer .content{position:relative;float:left;height:390px;padding:40px 0}
@media screen and (max-width:1100px){.footer .intro,.footer .content{height:520px}
}
@media screen and (max-width:700px){.footer .intro,.footer .content{height:auto}
}
.footer .intro{width:40%;padding-right:40px;font-weight:700}
@media screen and (max-width:1000px){.footer .intro{width:50%}
}
@media screen and (max-width:700px){.footer .intro{width:100%;padding:40px 0 0}
}
.footer .content{width:60%}
@media screen and (max-width:1000px){.footer .content{width:50%}
}
@media screen and (max-width:700px){.footer .content{width:100%}
}
.footer .content a{color:inherit;text-decoration:none}
.footer .claim{margin-bottom:30px;font-size:3.78788vw;line-height:4.39394vw;color:#ffffff;font-weight:700}
@media screen and (min-width:1600px){.footer .claim{font-size:61px;line-height:70px}
}
@media screen and (max-width:1000px){.footer .claim{font-size:40px;line-height:48px}
}
.footer .email{position:absolute;bottom:40px;left:0;font-size:40px;line-height:48px;font-weight:700}
@media screen and (max-width:700px){.footer .email{position:static}
}
@media screen and (max-width:1450px){.footer .email{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.footer .email{font-size:22px;line-height:30px}
}
@media print{.footer .email{font-size:20px;line-height:28px}
}
.footer .email .tellUs{display:block;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;font-weight:400;color:#ffffff}
.footer .email a{color:#000000;text-decoration:none;border-bottom:3px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.footer .email a:hover{color:#ffffff}
.footer .address{position:relative;float:left;margin-bottom:40px;padding-left:70px;font-size:14px}
@media screen and (max-width:700px){.footer .address{float:none}
}
@media screen and (max-width:700px){.footer .address{margin-bottom:30px}
}
.footer .address.address--ham{margin-right:100px}
@media screen and (max-width:700px){.footer .address.address--ham{margin-right:0}
}
.footer .address .location{position:absolute;top:0;left:0;color:#ffffff}
.footer .address .country-name{display:none}
.footer .address .mapLink{position:relative;display:inline-block;margin-top:20px;margin-left:32px;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
@media print{.footer .address .mapLink{display:none}
}
.footer .address .mapLink:hover{color:#ffffff}
.footer .address .mapLink:before{content:'';display:block;position:absolute;left:-32px;top:-10px;width:24px;height:34px;background:transparent url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics.png') no-repeat -1008px -163px}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.footer .address .mapLink:before{background-image:url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics@2x.png');background-size:1320px 360px}
}
.footer .links{position:absolute;bottom:40px}
@media screen and (max-width:700px){.footer .links{position:static}
}
@media screen and (max-width:700px){.footer .links{left:0;text-align:center}
}
@media print{.footer .links{display:none}
}
.footer .links li{float:left}
@media screen and (max-width:700px){.footer .links li{float:none;display:inline}
}
.footer .links a{display:inline-block;margin-right:20px;color:#000000;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.footer .links a:hover{color:#ffffff}
.footer .social{overflow:hidden;clear:both;position:absolute;bottom:55px;width:100%}
@media screen and (max-width:800px){.footer .social{position:static}
}
@media print{.footer .social{display:none}
}
@media screen and (max-width:700px){.footer .social{margin-top:60px;text-align:center}
}
@media screen and (max-width:700px){.footer .social li{display:inline}
}
.footer .social a{display:block;float:left;width:30px;height:30px;margin-right:20px;margin-bottom:20px;background:#ffffff;border-radius:50%;font-size:14px;line-height:30px;font-weight:700;text-align:center;text-decoration:none;color:#000000;-webkit-transition:all .2s;transition:all .2s}
@media screen and (max-width:700px){.footer .social a{display:inline-block;float:none;width:36px;height:36px;margin-right:14px;font-size:16px;line-height:36px}
}
.footer .social a:hover{color:#ffffff;background:#000000}
.footer .social a:hover.fb{background-color:#3b5998}
.footer .social a:hover.t{background-color:#55acee}
.footer .social a:hover.in{background-color:#0976b4}
.footer .social a:hover.i{background-color:#3f729b}
.footer .social a:hover.v{background-color:#1ab7ea}
.footer .social a:hover.g{background-color:#dd4b39}
.footer .social a:hover.x{background-color:#026466}
.browserupgrade{margin:0.2em;background:#ccc;color:#000000;padding:0.2em 1em}
.modStage{position:relative;height:540px;overflow:hidden}
@media screen and (max-width:700px){.modStage{height:340px}
}
@media print{.modStage{height:auto !important}
}
.modStage.modStage--fullscreen{height:100vh}
@media screen and (max-width:1000px){.modStage.modStage--fullscreen{height:540px}
}
@media screen and (max-width:700px){.modStage.modStage--fullscreen{height:420px}
}
.modStage.modStage--fullscreen .headline,.modStage.modStage--fullscreen .subline{color:#ffffff}
.modStage.modStage--hasLargeImage{height:720px;-webkit-transition:margin-top 0.75s cubic-bezier(0.02,0.01,0.47,1);transition:margin-top 0.75s cubic-bezier(0.02,0.01,0.47,1)}
@media screen and (max-width:1200px){.modStage.modStage--hasLargeImage{height:540px}
}
@media screen and (max-width:700px){.modStage.modStage--hasLargeImage{height:340px}
}
.modStage picture img{display:block;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:none;height:100%;margin:0 auto;width:auto}
.modStage video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;visibility:hidden}
.modStage video.running{visibility:visible}
.modStage video.running+.stageContent:before{opacity:0.2;content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNDJFNEZDNzk3NzMxMUU1ODY2RDlCQUNFNUE2RjNFMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRTBBMTFBNUFCMDcxMUU1ODUxOEZEMTEyOTM3ODgwMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRTBBMTFBNEFCMDcxMUU1ODUxOEZEMTEyOTM3ODgwMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxNDcyMGZjLTZkOGUtNDAzZi05ZjBiLWE5ODdkOGFjZDQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmUxOTZhMDM3LWUzYTctMTE3OC05M2E2LWVlZGQyYzI0OGQ2NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpDlxf0AAAA5SURBVHjaYmJgYPgPwkAAIhjQ+UwMBAALUBUjsgA6n6AJcAWMjIz/QRidT7wJILuR7YfxCZoAEGAAnPkl//77w1AAAAAASUVORK5CYII=")}
.modStage video.running+.stageContent:after{display:block;content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;background:#000000;opacity:0.1;z-index:0}
.modStage video.done+.stageContent:after{opacity:0.3}
@media screen and (max-width:700px){.modStage video{display:none}
.modStage video+.stageContent:before{background:none}
}
.modStage .stageContent{position:absolute;top:0;left:0;height:100%;width:100%;margin:0 auto;padding:0 5%}
.modStage .stageContentInner{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;z-index:1}
.modStage .headline{font-size:9.09091vw;line-height:9.69697vw;line-height:0.95em !important;font-weight:700}
@media screen and (min-width:1600px){.modStage .headline{font-size:145px;line-height:155px}
}
@media screen and (max-width:700px){.modStage .headline{font-size:40px;line-height:48px}
}
.modStage .subline{margin:20px 0;font-size:2.87879vw;line-height:3.48485vw}
@media screen and (min-width:1600px){.modStage .subline{font-size:46px;line-height:56px}
}
@media screen and (max-width:700px){.modStage .subline{font-size:16px;line-height:24px}
}
.modStage .link{display:inline-block;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;color:#000000;background-color:#ffffff;padding:10px 20px;-webkit-transition:background-color .2s;transition:background-color .2s}
.modStage .link:hover{background-color:#06aa70}
.modStage .scrollLinkContainer{position:absolute;bottom:0;left:0;width:100%;padding:0 5%;z-index:1}
@media screen and (max-width:700px){.modStage .scrollLinkContainer{display:none}
}
.modStage .scrollLinkContainerInner{max-width:1600px;margin:0 auto}
.modStage .scrollLink{display:block;width:20%;height:60px;margin:0 auto;background:#ffffff;text-decoration:none;z-index:1}
@media screen and (max-width:1000px){.modStage .scrollLink{width:33.33%}
}
@media screen and (max-width:700px){.modStage .scrollLink{width:60%}
}
.modStage .scrollLink:before,.modStage .scrollLink:after{content:'';position:absolute;top:50%;left:50%;width:34px;height:19px;margin:-10px 0 0 -17px;background:#ffffff url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics.png') no-repeat -883px -50px}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.modStage .scrollLink:before,.modStage .scrollLink:after{background-image:url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics@2x.png');background-size:1320px 360px}
}
.modStage .scrollLink:after{background-position:-883px -290px;-webkit-transition:opacity .2s;transition:opacity .2s;opacity:0}
.modStage .scrollLink:hover:after{opacity:1}
.modHomeProject{position:relative;margin-bottom:0;/*padding-top:60px*/;overflow:hidden}
.modHomeProject a{display:block}
.modHomeProject a:hover .info .claimContainer{height:62%}
.modHomeProject a:hover .info:hover .descriptionContainer{opacity:1;-webkit-transition-delay:.15s;transition-delay:.15s}
.modHomeProject a:hover .info:hover .claimContainer{-webkit-transition-delay:.15s;transition-delay:.15s}
.modHomeProject a:hover .info:hover .claimContainer .claim{opacity:0}
.modHomeProject a:hover .info:hover .claimContainer:before{height:135%;-webkit-transition-delay:.15s;transition-delay:.15s}
.modHomeProject a:hover .info:hover .description{padding-top:0;-webkit-transition-delay:.15s;transition-delay:.15s}
.modHomeProject .info{position:relative;top:0;width:25%;float:left;color:#ffffff;text-align:center;z-index:1}
.modHomeProject .info:before{content:'';display:block;padding-top:130%}
.modHomeProject .info .inner{position:absolute;top:0;width:100%;height:100%;background-color:#06aa70;overflow:hidden}
.modHomeProject .info--pos1{left:0%}
.modHomeProject .info--pos2{left:20%}
/*.modHomeProject .info--pos3{left:40%}*/
.modHomeProject .info--pos4{left:60%}
.modHomeProject .info--pos5{left:80%}
.modHomeProject .infoContent{-webkit-transition:all 0.3s 0.15s;transition:all 0.3s 0.15s;position:absolute;top:0;left:0;width:100%;height:100%}
.modHomeProject .infoContent .headline{display:block;padding:10% 5%;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;height:20%;z-index:2;position:relative}
.modHomeProject .infoContent .claimContainer{position:relative;display:table;width:100%;height:45%;-webkit-transition:all .3s;transition:all .3s}
.modHomeProject .infoContent .claimContainer:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:0%;background:rgba(0,0,0,0.2);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.modHomeProject .infoContent .claim{display:table-cell;padding:16% 5% 20%;vertical-align:middle;font-size:2.27273vw;line-height:2.87879vw;font-weight:700;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
@media screen and (min-width:1600px){.modHomeProject .infoContent .claim{font-size:36px;line-height:46px}
}
@media screen and (max-width:700px){.modHomeProject .infoContent .claim{font-size:30px;line-height:1.1em}
}
.modHomeProject .infoContent .linkContainer{display:table;width:100%;height:19%;background:rgba(0,0,0,0.2)}
.modHomeProject .infoContent .linkCenterBox{display:table-cell;vertical-align:middle}
.modHomeProject .infoContent .link{display:inline-block;-webkit-transition:all .3s;transition:all .3s;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor}
.modHomeProject .infoContent .link:hover{color:#000000}
.modHomeProject .infoContent .descriptionContainer{display:table;padding:25% 10% 0;font-size:1.06061vw;line-height:1.66667vw;position:absolute;top:0;width:100%;height:80%;opacity:0;-webkit-transition:all .3s;transition:all .3s}
@media screen and (min-width:1600px){.modHomeProject .infoContent .descriptionContainer{font-size:17px;line-height:27px}
}
@media screen and (max-width:700px){.modHomeProject .infoContent .descriptionContainer{font-size:14px;line-height:1.1em}
}
@media screen and (max-width:1200px){.modHomeProject .infoContent .descriptionContainer{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
}
.modHomeProject .infoContent .description{display:table-cell;padding-top:10%;vertical-align:middle;-webkit-transition:all .3s;transition:all .3s}
.modHomeProject .info--hoverNegative .infoContent .claimContainer:before,.modHomeProject .info--hoverNegative .infoContent .linkContainer{background:rgba(255,255,255,0.2)}
.modHomeProject .responsiveInfoContent{display:none}
.modHomeProject .keyVisualContainer{float:left;width:60%}
.modHomeProject .keyVisualContainer.keyVisualContainer--full{width:100%}
.modHomeProject .keyVisualContainer .keyVisual{width:100%}
.modHomeProject .keyVisualContainer .keyVisual img{width:100%}
.modHomeProject .detailVisualContainer{position:relative;float:left;}
.modHomeProject .detailVisualContainer:before{content:'';display:block;padding-top:100%}
.modHomeProject .detailVisualContainer .detailVisual{position:absolute;top:0;width:1%;background-color:#06aa70}
.modHomeProject .detailVisualContainer .detailVisual img{width:100%}
@media screen and (max-width:1000px){.modHomeProject .info{width:33.33%}
.modHomeProject .info--pos1{left:0%}
.modHomeProject .info--pos2{left:0%}
.modHomeProject .info--pos3{left:0%}
.modHomeProject .info--pos4{left:66.66%}
.modHomeProject .info--pos5{left:66.66%}
.modHomeProject .infoContent{display:none}
.modHomeProject .responsiveInfoContent{display:table;width:100%;height:100%}
.modHomeProject .responsiveInfoContent .contentCentered{display:table-cell;vertical-align:middle}
.modHomeProject .responsiveInfoContent .claim{padding:10% 5% 0;font-size:2.72727vw;line-height:3.45455vw;font-weight:700}
.modHomeProject .keyVisualContainer{width:100%}
.modHomeProject .detailVisualContainer{display:none}
}
@media screen and (max-width:700px){.modHomeProject{padding-top:20px}
.modHomeProject a:before{top:20px}
.modHomeProject .info{top:auto !important;left:auto;bottom:0;width:80%;margin:0 10% 10%}
.modHomeProject .info:before{padding-top:50%}
.modHomeProject .responsiveInfoContent .headline{padding:0 5%;font-size:3.40909vw;line-height:5.68182vw;text-transform:uppercase}
.modHomeProject .responsiveInfoContent .claim{padding-top:0;font-size:5.68182vw;line-height:7.95455vw;line-height:1.2em}
}
.modHomeAbout{position:relative;margin-bottom:0;overflow:hidden}
.modHomeAbout ::-moz-selection{background:rebeccapurple}
.modHomeAbout ::selection{background:rebeccapurple}
.modHomeAbout .outerContainer{padding:0 5%;background:#06aa70}
.modHomeAbout .innerContainer{position:relative;max-width:1600px;margin:0 auto;margin-top:60px}
@media screen and (max-width:700px){.modHomeAbout .innerContainer{position:static}
}
.modHomeAbout a{display:block;text-decoration:none}
.modHomeAbout .textContent{padding:60px 0 80px;color:#ffffff;text-decoration:none}
@media screen and (max-width:700px){.modHomeAbout .textContent{padding:60px 0}
}
.modHomeAbout .textContent .headline{margin-left:-10px;padding-bottom:20px;font-size:150px;line-height:158px;font-weight:700;font-weight:700}
@media screen and (max-width:700px){.modHomeAbout .textContent .headline{margin-left:0}
}
@media screen and (max-width:1450px){.modHomeAbout .textContent .headline{font-size:130px;line-height:138px}
}
@media screen and (max-width:1000px){.modHomeAbout .textContent .headline{font-size:90px;line-height:98px}
}
@media screen and (max-width:700px){.modHomeAbout .textContent .headline{font-size:40px;line-height:48px}
}
@media print{.modHomeAbout .textContent .headline{font-size:75px;line-height:83px}
}
.modHomeAbout .textContent .bodyText{max-width:700px;padding-bottom:40px;font-size:28px;line-height:36px;font-weight:700;font-weight:400}
@media screen and (max-width:1450px){.modHomeAbout .textContent .bodyText{font-size:22px;line-height:30px}
}
@media print{.modHomeAbout .textContent .bodyText{font-size:14px;line-height:22px}
}
.modHomeAbout .textContent .link{display:inline-block;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modHomeAbout .textContent .link:hover{color:#000000}
.modHomeShiftshift{margin-top:40px;background:#f2f2f2;overflow:hidden}
.modHomeShiftshift .outerContainer{padding:0 5%}
.modHomeShiftshift .innerContainer{position:relative;max-width:1600px;margin:0 auto}
.modHomeShiftshift .innerContainer:before{content:'';display:block;padding-top:60%}
.modHomeShiftshift .innerRatio{overflow:hidden;position:absolute;top:0;width:100%;height:100%}
.modHomeShiftshift .box{position:absolute}
.modHomeShiftshift .box.width1{width:20%}
.modHomeShiftshift .box.width2{width:40%}
.modHomeShiftshift .box.height1{height:33.33%}
.modHomeShiftshift .box.height2{height:66.66%}
.modHomeShiftshift .box.posH1{left:0}
.modHomeShiftshift .box.posH2{left:20%}
.modHomeShiftshift .box.posH3{left:40%}
.modHomeShiftshift .box.posH4{left:60%}
.modHomeShiftshift .box.posV1{top:0}
.modHomeShiftshift .box.posV2{top:33.33%}
.modHomeShiftshift .box.posV3{top:66.66%}
.modHomeShiftshift .box--image picture,.modHomeShiftshift .box--image img{width:100%}
.modHomeShiftshift .box--headline{display:table;background:#06aa70}
.modHomeShiftshift .box--headline ::-moz-selection{background:rebeccapurple}
.modHomeShiftshift .box--headline ::selection{background:rebeccapurple}
.modHomeShiftshift .box--headline:before{content:'';display:block;padding-top:100%}
.modHomeShiftshift .box--headline .inner{position:absolute;top:0;left:0;width:100%;height:100%}
.modHomeShiftshift .box--headline .centerBox{display:table;width:100%;height:100%}
.modHomeShiftshift .box--headline .centerBoxInner{display:table-cell;padding:5%;vertical-align:middle;text-align:center}
.modHomeShiftshift .box--headline .headline{font-size:1.66667vw;line-height:2.27273vw;font-weight:700;color:#ffffff}
@media screen and (min-width:1600px){.modHomeShiftshift .box--headline .headline{font-size:27px;line-height:36px}
}
@media screen and (max-width:700px){.modHomeShiftshift .box--headline .headline{font-size:22px;line-height:1.1em}
}
.modHomeShiftshift .box--headline .link{display:inline-block;margin-top:1em;color:#ffffff;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modHomeShiftshift .box--headline .link:hover{color:#000000}
@media screen and (max-width:1000px){.modHomeShiftshift .innerContainer{overflow:hidden}
.modHomeShiftshift .innerContainer:before{content:none}
.modHomeShiftshift .innerRatio{position:static}
.modHomeShiftshift .box{position:static;float:left}
.modHomeShiftshift .box.width1{width:33.33%}
.modHomeShiftshift .box.width2{width:66.66%}
.modHomeShiftshift .box--headline{position:relative;top:0 !important;left:0 !important;height:auto}
}
@media screen and (max-width:700px){.modHomeShiftshift .box.width1{width:50%}
.modHomeShiftshift .box.width2{width:100%}
}
.modProjectBriefing{overflow:hidden;position:relative;margin-top:-60px;margin-bottom:0;-webkit-transition:margin-top .2s;transition:margin-top .2s;z-index:1}
@media screen and (max-width:700px){.modProjectBriefing{overflow:visible}
}
.stageVideo--opened .modProjectBriefing{margin-top:0}
.modProjectBriefing .liveLink{display:block;position:absolute;top:0;right:0;padding:0 50px;font-size:28px;line-height:36px;font-weight:700;line-height:60px;color:#ffffff;text-decoration:none;white-space:nowrap}
@media screen and (max-width:1450px){.modProjectBriefing .liveLink{font-size:22px;line-height:30px}
}
@media print{.modProjectBriefing .liveLink{font-size:14px;line-height:22px}
}
@media screen and (max-width:1450px){.modProjectBriefing .liveLink{line-height:60px}
}
.modProjectBriefing .liveLink:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}
.modProjectBriefing .liveLink.liveLink--dark:before{background:#ffffff}
.modProjectBriefing .liveLink:hover:before{opacity:0.2}
.modProjectBriefing .liveLink>span{position:relative}
.modProjectBriefing .stageSource{display:block;position:absolute;top:20px;right:0;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px}
@media screen and (max-width:700px){.modProjectBriefing .stageSource{top:-40px}
}
.modProjectBriefing .tiles{float:left;width:20%}
@media screen and (max-width:1000px){.modProjectBriefing .tiles{width:33.3%}
}
.modProjectBriefing .tile{position:relative;width:100%}
.modProjectBriefing .tile.tile--projectName{font-size:28px;line-height:36px;font-weight:700;color:#ffffff}
@media screen and (max-width:1450px){.modProjectBriefing .tile.tile--projectName{font-size:22px;line-height:30px}
}
@media print{.modProjectBriefing .tile.tile--projectName{font-size:14px;line-height:22px}
}
.modProjectBriefing .tile.tile--projectName:before{content:'';display:block;padding-top:130%}
.modProjectBriefing .tile.tile--projectName .inner{position:absolute;top:0;width:100%;height:100%}
.modProjectBriefing .tile.tile--projectName .centerWrap{display:table;width:100%;height:100%}
.modProjectBriefing .tile.tile--projectName .centerWrap span{display:table-cell;padding:5%;vertical-align:middle;text-align:center}
.modProjectBriefing .tile img{width:100%}
.modProjectBriefing .content{margin-left:20%;margin-top:90px;margin-bottom:40px;padding-left:40px}
@media screen and (max-width:1000px){.modProjectBriefing .content{margin-left:33.3%}
}
.modProjectBriefing .projectTitle{margin-bottom:20px;font-size:70px;line-height:78px;font-weight:700;font-weight:700}
@media screen and (max-width:1450px){.modProjectBriefing .projectTitle{font-size:60px;line-height:68px}
}
@media print{.modProjectBriefing .projectTitle{font-size:35px;line-height:43px}
}
@media screen and (max-width:1000px){.modProjectBriefing .projectTitle{font-size:50px;line-height:58px}
}
.modProjectBriefing .leadIn{margin-bottom:30px;margin-right:8%;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modProjectBriefing .leadIn{font-size:22px;line-height:30px}
}
@media print{.modProjectBriefing .leadIn{font-size:14px;line-height:22px}
}
.modProjectBriefing .leadIn a{-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s;color:inherit}
.modProjectBriefing .leadIn a:hover{color:#06aa70}
.modProjectBriefing .subHeadline{margin-bottom:10px;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modProjectBriefing .subHeadline{font-size:22px;line-height:30px}
}
@media print{.modProjectBriefing .subHeadline{font-size:14px;line-height:22px}
}
.modProjectBriefing .bodyText{margin-bottom:20px;-webkit-columns:2;-moz-columns:2;columns:2;font-size:22px;line-height:30px}
@media screen and (max-width:1450px){.modProjectBriefing .bodyText{font-size:16px;line-height:24px}
}
@media print{.modProjectBriefing .bodyText{font-size:11px;line-height:19px}
}
@media screen and (max-width:850px){.modProjectBriefing .bodyText{-webkit-columns:1;-moz-columns:1;columns:1}
}
@media screen and (max-width:700px){.modProjectBriefing .liveLink{display:none}
.modProjectBriefing .tiles{width:auto;float:none;margin-right:0}
.modProjectBriefing .tiles .tile.tile--projectName:before{padding-top:50%}
.modProjectBriefing .tiles .tile.tile--projectName .center-wrap{padding:0 10%}
.modProjectBriefing .content{padding-left:0;margin-left:0;margin-top:20px}
.modProjectBriefing .bodyText{font-size:16px;line-height:24px}
}
.modImageSlider.modImageSlider--fullWidth .images{margin-left:0}
.modImageSlider .images{margin-left:20%}
@media screen and (max-width:1000px){.modImageSlider .images{margin-left:0}
}
.modImage picture{display:block;width:100%;margin:0 auto}
.modImage img{width:100%}
.modImage--layout80 picture{width:80%}
.modImage--layout60 picture{width:60%}
.modImage--layout40 picture{width:40%}
@media screen and (max-width:1000px){.modImage--layout40,.modImage--layout60,.modImage--layout80{width:100%}
}
.modImageExternal picture,.modImageExternal img{width:100%}
.moduleContainer--edge2edge .modImageExternal__copyright{padding:0 5%}
.modImageExternal__copyright a{color:#000000;text-decoration:none;font-size:14px;line-height:18px;display:inline-block;margin-top:7px}
.modImageExternal__copyright a:hover{color:#06aa70}
.modText{position:relative;padding:40px}
@media screen and (max-width:700px){.modText{padding:0}
}
.modText.modText--centered{text-align:center}
.modText.modText--hasBG{margin-top:-40px;background-color:#f2f2f2}
@media screen and (max-width:700px){.modText.modText--hasBG{padding:40px}
}
.modText .headline,.modText .bodytext{max-width:80%;margin:0 auto}
@media screen and (max-width:700px){.modText .headline,.modText .bodytext{max-width:none}
}
.modText .headline{margin-bottom:20px;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modText .headline{font-size:22px;line-height:30px}
}
@media print{.modText .headline{font-size:14px;line-height:22px}
}
.modText .bodytext{font-size:22px;line-height:30px}
@media screen and (max-width:1450px){.modText .bodytext{font-size:16px;line-height:24px}
}
@media print{.modText .bodytext{font-size:11px;line-height:19px}
}
.modText.modText--textMedium .bodytext{font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modText.modText--textMedium .bodytext{font-size:22px;line-height:30px}
}
@media print{.modText.modText--textMedium .bodytext{font-size:14px;line-height:22px}
}
.modText.modText--textLarge .bodytext{font-size:40px;line-height:48px;font-weight:700}
@media screen and (max-width:1450px){.modText.modText--textLarge .bodytext{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modText.modText--textLarge .bodytext{font-size:22px;line-height:30px}
}
@media print{.modText.modText--textLarge .bodytext{font-size:20px;line-height:28px}
}
.modText.superWidth{max-width:none;margin-left:-4%;margin-right:-4%}
.modQuote{position:relative;padding:40px;font-weight:700}
@media screen and (max-width:700px){.modQuote{padding:0}
}
.modQuote.modQuote--hasBG{margin-top:-40px;background-color:#f2f2f2}
@media screen and (max-width:700px){.modQuote.modQuote--hasBG{padding:40px}
}
.modQuote .headline{font-size:28px;line-height:36px;font-weight:700;margin-bottom:.4em}
@media screen and (max-width:1450px){.modQuote .headline{font-size:22px;line-height:30px}
}
@media print{.modQuote .headline{font-size:14px;line-height:22px}
}
.modQuote blockquote{font-size:40px;line-height:48px;font-weight:700}
@media screen and (max-width:1450px){.modQuote blockquote{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modQuote blockquote{font-size:22px;line-height:30px}
}
@media print{.modQuote blockquote{font-size:20px;line-height:28px}
}
.modQuote blockquote .symbol{display:block;float:left;line-height:0.5em;padding-right:10px}
.modQuote blockquote .symbol:before{content:"“";position:relative;top:70px;font-size:200px}
@media screen and (max-width:1000px){.modQuote blockquote .symbol:before{top:55px;font-size:150px}
}
.modQuote cite{display:block;margin-top:20px;font-size:22px;line-height:30px;font-weight:400}
@media screen and (max-width:1450px){.modQuote cite{font-size:16px;line-height:24px}
}
@media print{.modQuote cite{font-size:11px;line-height:19px}
}
.modImageText{overflow:hidden}
@media screen and (max-width:1000px){.modImageText .col{float:none}
}
@media screen and (max-width:1000px){.modImageText .col:first-child{margin-bottom:40px}
}
.modImageText .col.col--60{width:60%}
@media screen and (max-width:1000px){.modImageText .col.col--60{width:100%}
}
@media screen and (max-width:1000px){.modImageText .col.col--40{width:100%}
}
.modImageText picture,.modImageText img{width:100%}
.modImageText .text{padding:40px 40px 0}
@media screen and (max-width:1000px){.modImageText .text{padding-top:0}
}
@media screen and (max-width:700px){.modImageText .text{padding:0}
}
.modImageText .text .headline{font-size:28px;line-height:36px;font-weight:700;margin-bottom:.4em}
@media screen and (max-width:1450px){.modImageText .text .headline{font-size:22px;line-height:30px}
}
@media print{.modImageText .text .headline{font-size:14px;line-height:22px}
}
.modImageText .text .bodyText{font-size:22px;line-height:30px}
@media screen and (max-width:1450px){.modImageText .text .bodyText{font-size:16px;line-height:24px}
}
@media print{.modImageText .text .bodyText{font-size:11px;line-height:19px}
}
.modImageText.modImageText--largeText .bodyText{font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modImageText.modImageText--largeText .bodyText{font-size:22px;line-height:30px}
}
@media print{.modImageText.modImageText--largeText .bodyText{font-size:14px;line-height:22px}
}
.modImageText.modImageText--mirrored .col{float:right}
.modImageImage{overflow:hidden}
.modImageImage picture,.modImageImage img{width:100%}
.modQuoteText{overflow:hidden}
@media screen and (max-width:1000px){.modQuoteText .col{float:none}
}
@media screen and (max-width:1000px){.modQuoteText .col:first-child{margin-bottom:40px}
}
.modQuoteText .col.col--60{width:60%}
@media screen and (max-width:1000px){.modQuoteText .col.col--60{width:100%}
}
@media screen and (max-width:1000px){.modQuoteText .col.col--40{width:100%}
}
.modQuoteText .quote{padding:0 40px;font-weight:700}
@media screen and (max-width:700px){.modQuoteText .quote{padding:0}
}
.modQuoteText .quote .headline{font-size:28px;line-height:36px;font-weight:700;margin-bottom:.4em}
@media screen and (max-width:1450px){.modQuoteText .quote .headline{font-size:22px;line-height:30px}
}
@media print{.modQuoteText .quote .headline{font-size:14px;line-height:22px}
}
.modQuoteText .quote blockquote{font-size:40px;line-height:48px;font-weight:700}
@media screen and (max-width:1450px){.modQuoteText .quote blockquote{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modQuoteText .quote blockquote{font-size:22px;line-height:30px}
}
@media print{.modQuoteText .quote blockquote{font-size:20px;line-height:28px}
}
.modQuoteText .quote blockquote .symbol{display:block;float:left;line-height:0.5em;padding-right:10px}
.modQuoteText .quote blockquote .symbol:before{content:"“";position:relative;top:70px;font-size:200px}
@media screen and (max-width:1000px){.modQuoteText .quote blockquote .symbol:before{top:55px;font-size:150px}
}
.modQuoteText .quote cite{display:block;margin-top:20px;font-size:22px;line-height:30px;font-weight:400}
@media screen and (max-width:1450px){.modQuoteText .quote cite{font-size:16px;line-height:24px}
}
@media print{.modQuoteText .quote cite{font-size:11px;line-height:19px}
}
.modQuoteText .text{padding:0 40px}
@media screen and (max-width:700px){.modQuoteText .text{padding:0}
}
.modQuoteText .text .headline{font-size:28px;line-height:36px;font-weight:700;margin-bottom:.4em}
@media screen and (max-width:1450px){.modQuoteText .text .headline{font-size:22px;line-height:30px}
}
@media print{.modQuoteText .text .headline{font-size:14px;line-height:22px}
}
.modQuoteText .text .bodyText{font-size:22px;line-height:30px}
@media screen and (max-width:1450px){.modQuoteText .text .bodyText{font-size:16px;line-height:24px}
}
@media print{.modQuoteText .text .bodyText{font-size:11px;line-height:19px}
}
.modQuoteText.modQuoteText--largeText .bodyText{font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modQuoteText.modQuoteText--largeText .bodyText{font-size:22px;line-height:30px}
}
@media print{.modQuoteText.modQuoteText--largeText .bodyText{font-size:14px;line-height:22px}
}
.modQuoteImage{overflow:hidden}
.modQuoteImage .quote{padding:0 40px;font-weight:700}
@media screen and (max-width:700px){.modQuoteImage .quote{padding:0}
}
.modQuoteImage .quote .headline{font-size:28px;line-height:36px;font-weight:700;margin-bottom:.4em}
@media screen and (max-width:1450px){.modQuoteImage .quote .headline{font-size:22px;line-height:30px}
}
@media print{.modQuoteImage .quote .headline{font-size:14px;line-height:22px}
}
.modQuoteImage .quote blockquote{font-size:40px;line-height:48px;font-weight:700}
@media screen and (max-width:1450px){.modQuoteImage .quote blockquote{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modQuoteImage .quote blockquote{font-size:22px;line-height:30px}
}
@media print{.modQuoteImage .quote blockquote{font-size:20px;line-height:28px}
}
.modQuoteImage .quote blockquote .symbol{display:block;float:left;line-height:0.5em;padding-right:10px}
.modQuoteImage .quote blockquote .symbol:before{content:"“";position:relative;top:70px;font-size:200px}
@media screen and (max-width:1000px){.modQuoteImage .quote blockquote .symbol:before{top:55px;font-size:150px}
}
.modQuoteImage .quote cite{display:block;margin-top:20px;font-size:22px;line-height:30px;font-weight:400}
@media screen and (max-width:1450px){.modQuoteImage .quote cite{font-size:16px;line-height:24px}
}
@media print{.modQuoteImage .quote cite{font-size:11px;line-height:19px}
}
.modQuoteImage picture,.modQuoteImage img{width:100%}
.modQuoteImage.modQuoteImage--mirrored .col{float:right}
.modTextVideo{overflow:hidden}
@media screen and (max-width:1000px){.modTextVideo .col{float:none}
}
@media screen and (max-width:1000px){.modTextVideo .col:first-child{margin-bottom:40px}
}
.modTextVideo .col.col--60{width:60%}
@media screen and (max-width:1000px){.modTextVideo .col.col--60{width:100%}
}
@media screen and (max-width:1000px){.modTextVideo .col.col--40{width:100%}
}
.modTextVideo video{width:100%}
@media screen and (max-width:1000px){.modTextVideo video{display:none}
}
.modTextVideo .smallScreenFallback{display:none}
@media screen and (max-width:1000px){.modTextVideo .smallScreenFallback{display:block}
}
.modTextVideo .text{padding:40px 40px 0}
@media screen and (max-width:1000px){.modTextVideo .text{padding-top:0}
}
@media screen and (max-width:700px){.modTextVideo .text{padding:0}
}
.modTextVideo .text .headline{font-size:28px;line-height:36px;font-weight:700;margin-bottom:.4em}
@media screen and (max-width:1450px){.modTextVideo .text .headline{font-size:22px;line-height:30px}
}
@media print{.modTextVideo .text .headline{font-size:14px;line-height:22px}
}
.modTextVideo .text .bodyText{font-size:22px;line-height:30px}
@media screen and (max-width:1450px){.modTextVideo .text .bodyText{font-size:16px;line-height:24px}
}
@media print{.modTextVideo .text .bodyText{font-size:11px;line-height:19px}
}
.modTextVideo.modTextVideo--largeText .bodyText{font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modTextVideo.modTextVideo--largeText .bodyText{font-size:22px;line-height:30px}
}
@media print{.modTextVideo.modTextVideo--largeText .bodyText{font-size:14px;line-height:22px}
}
.modTextVideo.modTextVideo--mirrored .col{float:right}
.modConclusion{position:relative;padding:40px;font-size:28px;line-height:36px;font-weight:700;font-weight:400;text-align:center}
.modConclusion ::-moz-selection{background:rebeccapurple}
.modConclusion ::selection{background:rebeccapurple}
@media screen and (max-width:1450px){.modConclusion{font-size:22px;line-height:30px}
}
@media print{.modConclusion{font-size:14px;line-height:22px}
}
@media print{.modConclusion{display:none}
}
.modConclusion .headline{font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modConclusion .headline{font-size:22px;line-height:30px}
}
@media print{.modConclusion .headline{font-size:14px;line-height:22px}
}
.modConclusion .subHeadline{margin-top:1em;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modConclusion .subHeadline{font-size:22px;line-height:30px}
}
@media print{.modConclusion .subHeadline{font-size:14px;line-height:22px}
}
.modConclusion hr{width:20%;min-width:100px;height:2px;background-color:#000000;border:0}
.modConclusion .headline,.modConclusion .bodyText{max-width:80%;margin:auto}
@media screen and (max-width:700px){.modConclusion .headline,.modConclusion .bodyText{max-width:none}
}
.modConclusion .links{margin-top:1em}
.modConclusion .links a{display:inline-block;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s;color:inherit}
.modConclusion .links a:hover{color:#06aa70}
.modConclusion.modConclusion--super,.modConclusion.modConclusion--meta{background-color:#06aa70;color:#ffffff}
.modConclusion.modConclusion--super:before,.modConclusion.modConclusion--meta:before{content:'';position:absolute;top:-24px;left:50%;margin-left:-14px;border:14px solid transparent;border-bottom-color:#06aa70}
.modConclusion.modConclusion--super hr,.modConclusion.modConclusion--meta hr{background-color:#ffffff}
.modConclusion.modConclusion--super .links a:hover,.modConclusion.modConclusion--meta .links a:hover{color:#000000}
.modConclusion.modConclusion--meta{background-color:#fed100}
.modConclusion.modConclusion--meta:before{border-bottom-color:#fed100}
.modConclusion.modConclusion--downarrow:before{top:auto;bottom:-28px;border:14px solid transparent;border-top-color:#06aa70}
.modConclusion.modConclusion--downarrow.modConclusion--meta:before{border-top-color:#fed100}
.modConclusion.modConclusion--overlapping{margin-top:-60px}
.modLiveLink{text-align:right}
.modLiveLink .button{position:relative;display:inline-block;padding:0 50px;font-size:28px;line-height:36px;font-weight:700;line-height:60px;color:#ffffff;text-decoration:none;text-align:center}
@media screen and (max-width:1450px){.modLiveLink .button{font-size:22px;line-height:30px}
}
@media print{.modLiveLink .button{font-size:14px;line-height:22px}
}
@media screen and (max-width:1450px){.modLiveLink .button{line-height:60px}
}
@media screen and (max-width:700px){.modLiveLink .button{display:block}
}
.modLiveLink .button:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}
.modLiveLink .button:hover:before{opacity:0.2}
.modLiveLink .button>span{position:relative}
.modLiveLink.modLiveLink--dark .button:before{background:#ffffff}
.modGallery ul{overflow:hidden}
@media screen and (min-width:700px){.modGallery ul{margin:0 -4%}
}
@media screen and (min-width:1777.77778px){.modGallery ul{margin:0 -60px}
}
.modGallery li{float:left;width:32%;margin-left:2%}
@media screen and (max-width:700px){.modGallery li{width:100%;margin:0 0 40px}
}
.modGallery li:first-child{margin-left:0}
@media screen and (max-width:700px){.modGallery li:last-child{margin-bottom:0}
}
.modNavTabs{position:relative;margin-bottom:40px;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modNavTabs{font-size:22px;line-height:30px}
}
@media print{.modNavTabs{font-size:14px;line-height:22px}
}
.modNavTabs--overlapping{margin:-56px 0 20px}
@media screen and (max-width:1450px){.modNavTabs--overlapping{margin:-50px 0 20px}
}
.modNavTabs ul{overflow:hidden;position:relative;display:block;margin:0 40px;list-style:none}
.modNavTabs li{display:inline-block}
.modNavTabs li.active a{color:#000000}
.modNavTabs li:hover a{color:#06aa70}
.modNavTabs li a{display:inline-block;margin-right:40px;font-size:28px;line-height:36px;font-weight:700;text-decoration:none;color:#b2b2b2;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
@media screen and (max-width:1450px){.modNavTabs li a{font-size:22px;line-height:30px}
}
@media print{.modNavTabs li a{font-size:14px;line-height:22px}
}
.modProject .teaser{position:relative;color:#000000;overflow:hidden}
.modProject .teaser img{width:100%}
.modProject .teaser .label,.modProject .teaser .label--mobile{position:absolute;top:40px;left:40px;-webkit-transition:all 0.3s 0.15s;transition:all 0.3s 0.15s;opacity:1;padding:0.625rem}
.modProject .teaser .label{max-width:75%}
@media screen and (max-width:1000px){.modProject .teaser .label{display:none}
}
.modProject .teaser .projectCategory{font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px}
.modProject .teaser .clientName{font-size:6.81818vw;line-height:7.42424vw;text-decoration:none;font-weight:700}
@media screen and (min-width:1600px){.modProject .teaser .clientName{font-size:109px;line-height:119px}
}
.modProject .teaser .label--mobile{display:none;top:auto;left:auto;bottom:0;width:40%;margin:0 30% 5%;padding:0;text-align:center}
@media screen and (max-width:1000px){.modProject .teaser .label--mobile{display:block}
}
@media screen and (max-width:700px){.modProject .teaser .label--mobile{width:80%}
}
@media screen and (max-width:700px){.modProject .teaser .label--mobile{margin:0 10% 10%}
}
.modProject .teaser .label--mobile:before{content:'';display:block;padding-top:50%}
.modProject .teaser .label--mobile .mobileContent{position:absolute;top:0;width:100%;height:100%;overflow:hidden}
.modProject .teaser .label--mobile .contentCentered{display:table;width:100%;height:100%}
.modProject .teaser .label--mobile .contentCenteredInner{display:table-cell;vertical-align:middle}
.modProject .teaser .label--mobile .projectCategory{padding:0 5%;font-size:2vw;line-height:2.72727vw}
@media screen and (max-width:700px){.modProject .teaser .label--mobile .projectCategory{font-size:3.40909vw;line-height:5.68182vw}
}
.modProject .teaser .label--mobile .clientName{margin-bottom:3%;padding:0 5%;font-size:3.63636vw;line-height:4.36364vw;font-weight:700}
@media screen and (max-width:700px){.modProject .teaser .label--mobile .clientName{margin-bottom:0}
}
@media screen and (max-width:700px){.modProject .teaser .label--mobile .clientName{font-size:5.68182vw;line-height:7.95455vw;line-height:1.2em}
}
.modProject .teaser .image{overflow:hidden;position:relative}
.modProject .teaser .inner{background-color:rgba(6,170,112,0.5);position:absolute;width:100%;height:100%;padding:0 20%;opacity:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;top:0;font-size:28px;line-height:36px;font-weight:700;font-weight:400;-webkit-transition:all 0.3s 0.15s;transition:all 0.3s 0.15s}
@media screen and (max-width:1450px){.modProject .teaser .inner{font-size:22px;line-height:30px}
}
@media print{.modProject .teaser .inner{font-size:14px;line-height:22px}
}
@media screen and (max-width:1000px){.modProject .teaser .inner{display:none}
}
.modProject .teaser .inner h3{display:inline-block;border-bottom:2px solid;margin:0 auto 1.25rem;padding:0 1.25rem 1.25rem;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modProject .teaser .inner h3{font-size:22px;line-height:30px}
}
@media print{.modProject .teaser .inner h3{font-size:14px;line-height:22px}
}
.modProject .teaser .inner .more{display:inline-block;margin:1.25rem auto 0;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modProject .teaser .inner .more:hover{color:#ffffff}
.modProject:hover .teaser .inner{opacity:1}
.modProject:hover .teaser .label{opacity:0}
@media screen and (max-width:1000px){.modProject:hover .teaser .label{opacity:1}
}
.modProject.modProject-colorNegative .teaser{color:#ffffff}
.modProject.modProject-colorNegative .teaser .inner .more:hover{color:#000000}
.modTaglist{position:relative;display:block;padding:40px;padding-bottom:35px;background-color:#f2f2f2}
@media screen and (max-width:700px){.modTaglist{padding:40px 20px 35px}
}
.modTaglist:after{content:'';position:absolute;top:-24px;left:80px;border:12px solid transparent;border-bottom-color:#f2f2f2}
.modTaglist li{display:inline-block;list-style:none}
.modTaglist a{display:inline-block;margin:0 5px 5px 0;padding:5px 20px;color:#000000;font-size:22px;line-height:30px;text-decoration:none;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}
@media screen and (max-width:1450px){.modTaglist a{font-size:16px;line-height:24px}
}
@media print{.modTaglist a{font-size:11px;line-height:19px}
}
.modTaglist a:hover{background-color:#06aa70}
.modTaglist a.selected{color:#ffffff;background-color:#06aa70}
.modTaglist a.selected:hover{color:#000000}
.modTaglist a.inactive{color:#b2b2b2;cursor:default}
.modTaglist a.inactive:hover{background-color:transparent}
.modTaglist--colorYellow a:hover{background-color:#fed100}
.modTaglist--colorYellow a.selected{background-color:#fed100}
.modTaglist.modTaglist--touch a:hover{background:transparent}
.modTaglist.modTaglist--touch a.selected:hover{background-color:#06aa70;color:#ffffff}
.modTaglist.modTaglist--touch.modTaglist--colorYellow a.selected:hover{background-color:#fed100}
.modClients{overflow:hidden}
.modClients .client{position:relative;float:left;width:20%}
@media screen and (max-width:1000px){.modClients .client{width:33.3%}
}
@media screen and (max-width:700px){.modClients .client{width:50%}
}
.modClients .client.active .activeOverlay{display:block}
.modClients .client .activeOverlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}
.modClients .client .closeX{position:absolute;top:50%;left:50%;width:40px;height:40px;background:transparent;-webkit-transform:translate(-20px,-20px);-ms-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}
.modClients .client .closeX:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s;background:transparent url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics.png') no-repeat -1240px -40px}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.modClients .client .closeX:after{background-image:url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics@2x.png');background-size:1320px 360px}
}
.modClients .client .closeX:hover:after{opacity:.5}
.modClients .client .logo{width:100%}
.modClients .client .logo--hover{position:absolute;top:0;left:0;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.modClients .client:hover .logo--hover{opacity:1}
.modClients .projectsContainer{overflow:hidden;display:none;clear:both}
.modContact{font-size:14px;margin-bottom:4em}
.modContact a{text-decoration:none !important}
.modContact .images{overflow:hidden;position:relative}
@media print{.modContact .images{display:none}
}
.modContact .images h4{color:#ffffff;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:150px;line-height:158px;font-weight:700;position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width:1450px){.modContact .images h4{font-size:130px;line-height:138px}
}
@media screen and (max-width:1000px){.modContact .images h4{font-size:90px;line-height:98px}
}
@media screen and (max-width:700px){.modContact .images h4{font-size:40px;line-height:48px}
}
@media print{.modContact .images h4{font-size:75px;line-height:83px}
}
.modContact .vcard{padding:0 80px 80px;background-color:#f2f2f2;overflow:hidden}
@media screen and (max-width:700px){.modContact .vcard{padding:0 40px 40px}
}
@media screen and (max-width:1200px){.modContact .vcard{padding:0 40px 80px}
}
.modContact .vcard .col{overflow:hidden;padding-top:80px}
@media screen and (max-width:700px){.modContact .vcard .col{padding-top:40px}
}
@media screen and (max-width:700px){.modContact .vcard .col.col--contact-point{padding-top:0}
}
.modContact .vcard .col .col{padding-top:0}
.modContact .addressMain{position:relative;float:left;width:60%;padding-left:60px}
@media screen and (max-width:1000px){.modContact .addressMain{width:100%}
}
.modContact .addressMain .location{position:absolute;left:0;top:0;color:#06aa70}
.modContact .addressMain .country-name{display:none}
.modContact .addressDirections{float:left;width:40%}
@media screen and (max-width:1000px){.modContact .addressDirections{width:100%;margin-top:40px;padding-left:57px;margin-top:1em;margin-bottom:1em}
}
.modContact .addressDirections .directions{display:inline-block;position:relative;margin-left:32px;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modContact .addressDirections .directions:hover{color:#06aa70}
.modContact .addressDirections .directions:before{content:'';display:block;position:absolute;left:-32px;top:-10px;width:24px;height:34px;background:transparent url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics.png') no-repeat -1008px -43px}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.modContact .addressDirections .directions:before{background-image:url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics@2x.png');background-size:1320px 360px}
}
.modContact .col--contact-point{font-weight:700}
.modContact .col--contact-point h4{color:#06aa70;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;font-weight:400}
.modContact .col--contact-point a{font-size:40px;line-height:48px;font-weight:700}
@media screen and (max-width:1450px){.modContact .col--contact-point a{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modContact .col--contact-point a{font-size:22px;line-height:30px}
}
@media print{.modContact .col--contact-point a{font-size:20px;line-height:28px}
}
.modContact a{color:inherit}
.modImprint{overflow:hidden;margin-top:-60px;padding:40px;padding-bottom:0;background-color:#ffffff;font-size:28px;line-height:36px;font-weight:700;font-weight:400}
@media screen and (max-width:700px){.modImprint{margin-top:0;padding:40px 0 0}
}
@media screen and (max-width:1450px){.modImprint{font-size:22px;line-height:30px}
}
@media print{.modImprint{font-size:14px;line-height:22px}
}
.modImprint .col{margin-bottom:40px}
.modImprint .col .col{margin-bottom:0}
@media screen and (max-width:1000px){.modImprint .col.col--secondary{width:100%}
}
.modImprint h2{margin-bottom:10px;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modImprint h2{font-size:22px;line-height:30px}
}
@media print{.modImprint h2{font-size:14px;line-height:22px}
}
.modImprint h3{font-size:22px;line-height:30px;font-weight:700}
@media screen and (max-width:1450px){.modImprint h3{font-size:16px;line-height:24px}
}
@media print{.modImprint h3{font-size:11px;line-height:19px}
}
.modImprint p{margin-bottom:1em;font-size:22px;line-height:30px}
@media screen and (max-width:1450px){.modImprint p{font-size:16px;line-height:24px}
}
@media print{.modImprint p{font-size:11px;line-height:19px}
}
.modImprint a{-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s;color:inherit}
.modImprint a:hover{color:#06aa70}
.modJob{overflow:hidden}
.modJob.modJob--right .col{float:right}
.modJob.modJob--right .col .col{float:left}
.modJob .col{margin-bottom:0}
.modJob .content{padding:40px}
@media screen and (max-width:700px){.modJob .content{padding:40px 0 0}
}
.modJob picture img{width:100%}
.modJob .locations{margin-bottom:20px}
.modJob .locations li{display:inline-block;margin-right:20px}
.modJob .locationLink{position:relative;display:inline-block;margin-top:20px;margin-left:32px;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s;color:#000000}
.modJob .locationLink:hover{color:#06aa70}
.modJob .locationLink:before{content:'';display:block;position:absolute;left:-32px;top:-10px;width:24px;height:34px;background:transparent url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics.png') no-repeat -1008px -43px}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.modJob .locationLink:before{background-image:url('../../typo3conf/ext/shift_template/Resources/Public/Images/shi-basics@2x.png');background-size:1320px 360px}
}
.modJob .headlineLink{color:#000000;text-decoration:none;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modJob .headlineLink:hover{color:#06aa70}
.modJob .headline{margin-bottom:0.2em;font-size:70px;line-height:78px;font-weight:700}
@media screen and (max-width:1450px){.modJob .headline{font-size:60px;line-height:68px}
}
@media print{.modJob .headline{font-size:35px;line-height:43px}
}
@media screen and (max-width:700px){.modJob .headline{font-size:30px;line-height:38px}
}
.modJob .detailLink{font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;color:#000000;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modJob .detailLink:hover{color:#06aa70}
.modJob .description{padding-bottom:3em;margin-top:1.5em;font-size:22px;line-height:30px}
@media screen and (max-width:1450px){.modJob .description{font-size:16px;line-height:24px}
}
@media print{.modJob .description{font-size:11px;line-height:19px}
}
.modJob .email{display:block;margin-top:0.2em;font-size:40px;line-height:48px;font-weight:700}
@media screen and (max-width:1450px){.modJob .email{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modJob .email{font-size:22px;line-height:30px}
}
@media print{.modJob .email{font-size:20px;line-height:28px}
}
.modJob .email a{-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s;color:#000000;text-decoration:none;border-bottom:3px solid currentColor}
.modJob .email a:hover{color:#06aa70}
.modRelatedContent{position:relative;overflow:hidden;background:#f2f2f2;text-align:center}
.modRelatedContent .outerContainer{padding:0 5%}
.modRelatedContent .innerContainer{position:relative;max-width:1600px;margin:0 auto}
.modRelatedContent .headline{margin:40px;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modRelatedContent .headline{font-size:22px;line-height:30px}
}
@media print{.modRelatedContent .headline{font-size:14px;line-height:22px}
}
.modRelatedContent .teaserList{overflow:hidden}
.modRelatedContent .teaser{position:relative;float:left;width:32%;margin-left:2%}
@media screen and (max-width:700px){.modRelatedContent .teaser{width:100%;margin-left:0}
}
.modRelatedContent .teaser:first-child{margin-left:0}
@media screen and (max-width:700px){.modRelatedContent .teaser.hiddenOnMobile{display:none}
}
.modRelatedContent .teaser .contentLink{display:block}
.modRelatedContent .teaser .contentLink:hover .hoverCover{opacity:0.8}
.modRelatedContent .teaser .contentLink .hoverCover{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:0}
.modRelatedContent .teaser .title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:15px 40px;background:#ffffff;color:#000000;font-size:1.66667vw;line-height:2.27273vw;font-weight:700}
@media screen and (min-width:1600px){.modRelatedContent .teaser .title{font-size:27px;line-height:36px}
}
@media screen and (max-width:700px){.modRelatedContent .teaser .title{font-size:16px;line-height:24px}
}
.modRelatedContent .overviewLink{display:inline-block;margin:40px;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;color:#000000;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modRelatedContent .overviewLink:hover{color:#06aa70}
.modPressIndex{overflow:hidden}
.modPressIndex .modPressIndex-year{background-color:#06aa70;color:#ffffff;text-align:center;min-height:20vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:40px;line-height:48px;font-weight:700}
@media screen and (min-width:1600px){.modPressIndex .modPressIndex-year{min-height:320px}
}
@media screen and (max-width:1450px){.modPressIndex .modPressIndex-year{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modPressIndex .modPressIndex-year{font-size:22px;line-height:30px}
}
@media print{.modPressIndex .modPressIndex-year{font-size:20px;line-height:28px}
}
.modPressIndex .modPressIndex-listing{overflow:hidden}
@media screen and (max-width:1000px){.modPressIndex .col--20,.modPressIndex .col--80{width:100%;float:none}
}
.modPressListItem{zoom:1;padding:40px 0 20px 40px;font-size:22px;line-height:30px}
.modPressListItem:after{display:block;visibility:hidden;height:0;clear:both;content:"."}
@media screen and (max-width:700px){.modPressListItem{padding:0}
}
@media screen and (max-width:1450px){.modPressListItem{font-size:16px;line-height:24px}
}
@media print{.modPressListItem{font-size:11px;line-height:19px}
}
.modPressListItem .time{margin-bottom:10px;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px}
.modPressListItem h3{margin-bottom:10px;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modPressListItem h3{font-size:22px;line-height:30px}
}
@media print{.modPressListItem h3{font-size:14px;line-height:22px}
}
.modPressListItem .description{margin-bottom:20px}
.modPressListItem .more{display:inline-block;-webkit-transition:border-bottom-color .2s;transition:border-bottom-color .2s;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #000000}
.modPressListItem a{color:inherit;text-decoration:none;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modPressListItem a:hover{color:#06aa70}
.modPressListItem a:hover .more{border-bottom-color:#06aa70}
.modPressListItem.item-1{clear:left}
@media screen and (min-width:1200px){.modPressListItem.extra-headline h3{font-size:40px;line-height:48px;font-weight:700}
}
@media screen and (min-width:1200px) and (max-width:1450px){.modPressListItem.extra-headline h3{font-size:32px;line-height:40px}
}
@media screen and (min-width:1200px) and (max-width:1000px){.modPressListItem.extra-headline h3{font-size:22px;line-height:30px}
}
@media screen and (min-width:1200px){.modPressListItem.extra-headline.col--40 h3{font-size:70px;line-height:78px;font-weight:700}
}
@media screen and (min-width:1200px) and (max-width:1450px){.modPressListItem.extra-headline.col--40 h3{font-size:60px;line-height:68px}
}
.modPressItem{zoom:1;font-size:22px;line-height:30px}
.modPressItem:after{display:block;visibility:hidden;height:0;clear:both;content:"."}
@media screen and (max-width:1450px){.modPressItem{font-size:16px;line-height:24px}
}
@media print{.modPressItem{font-size:11px;line-height:19px}
}
.modPressItem .time{background-color:#06aa70;color:#ffffff;text-align:center;min-height:21.05263vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:28px;line-height:36px;font-weight:700;padding:80px 40px 40px;margin-top:-40px;z-index:1}
@media screen and (min-width:1600px){.modPressItem .time{min-height:320px}
}
@media screen and (max-width:1450px){.modPressItem .time{font-size:22px;line-height:30px}
}
@media print{.modPressItem .time{font-size:14px;line-height:22px}
}
@media screen and (max-width:700px){.modPressItem .time{padding-left:5%;padding-right:5%}
}
.modPressItem .mainArticle{padding:40px 0 0 40px}
@media screen and (max-width:700px){.modPressItem .mainArticle{padding:0 0 40px}
}
.modPressItem .mainArticle .headline{font-size:70px;line-height:78px;font-weight:700;font-weight:700;margin-bottom:20px}
@media screen and (max-width:1450px){.modPressItem .mainArticle .headline{font-size:60px;line-height:68px}
}
@media print{.modPressItem .mainArticle .headline{font-size:35px;line-height:43px}
}
.modPressItem .mainArticle .description{max-width:50em}
.modPressItem .mainArticle .description p,.modPressItem .mainArticle .description h4{margin-bottom:1em}
.modPressItem .mainArticle .description p{margin-right:10%}
@media screen and (max-width:700px){.modPressItem .mainArticle .description p{margin-right:0}
}
.modPressItemBack{background:#eeeeee;text-align:center;margin-top:40px}
.modPressItemBack .outerContainer{padding:0 5%}
.modPressItemBack .innerContainer{overflow:hidden;box-sizing:content-box;position:relative;max-width:1600px;margin:0 auto}
.modPressItemBack .linkContainer{float:left;width:33.33%;text-align:center}
@media screen and (max-width:700px){.modPressItemBack .linkContainer{width:100%}
}
.modPressItemBack .articlePageLink{display:block;margin:20px;padding:37px;background-color:#ffffff;font-size:20px;font-weight:700;text-decoration:none;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s;color:#000000}
@media screen and (max-width:700px){.modPressItemBack .articlePageLink{margin-left:0;margin-right:0}
}
.modPressItemBack .articlePageLink:hover{color:#06aa70}
.modPressItemBack .articlePageLink--inactive{background:#ffffff;opacity:0.5}
.modPressItemBack .articlePageLink--inactive:hover{color:inherit}
.modPressItemBack .overviewLink{display:inline-block;margin:60px 0;color:#000000;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
@media screen and (max-width:700px){.modPressItemBack .overviewLink{margin:20px 0}
}
.modPressItemBack .overviewLink:hover{color:#06aa70}
.modListBlocks{overflow:hidden}
.modListBlocks .head{overflow:hidden;margin:70px 0 80px}
.modListBlocks .headline{float:left;width:50%;margin-bottom:20px;padding-right:40px;font-size:70px;line-height:78px;font-weight:700}
@media screen and (max-width:1450px){.modListBlocks .headline{font-size:60px;line-height:68px}
}
@media print{.modListBlocks .headline{font-size:35px;line-height:43px}
}
.modListBlocks .intro{float:left;width:50%;padding-right:40px;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modListBlocks .intro{font-size:22px;line-height:30px}
}
@media print{.modListBlocks .intro{font-size:14px;line-height:22px}
}
.modListBlocks .listBlock{float:left;width:50%;margin-bottom:80px;padding-right:40px}
.modListBlocks .listHeadline{margin-bottom:20px;font-size:40px;line-height:48px;font-weight:700;color:#06aa70}
@media screen and (max-width:1450px){.modListBlocks .listHeadline{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modListBlocks .listHeadline{font-size:22px;line-height:30px}
}
@media print{.modListBlocks .listHeadline{font-size:20px;line-height:28px}
}
.modListBlocks ul>li{font-size:28px;line-height:36px;font-weight:700;font-weight:400;margin-bottom:5px}
@media screen and (max-width:1450px){.modListBlocks ul>li{font-size:22px;line-height:30px}
}
@media print{.modListBlocks ul>li{font-size:14px;line-height:22px}
}
@media screen and (max-width:1000px){.modListBlocks .head{margin:50px 0 40px}
.modListBlocks .headline{width:100%}
.modListBlocks .intro{width:100%}
.modListBlocks .listBlock{width:100%;margin-bottom:40px}
}
.modTextTwocol{font-size:28px;line-height:36px;font-weight:700;font-weight:400;padding:0 40px;margin-bottom:60px}
@media screen and (max-width:1450px){.modTextTwocol{font-size:22px;line-height:30px}
}
@media print{.modTextTwocol{font-size:14px;line-height:22px}
}
@media screen and (max-width:700px){.modTextTwocol{padding:0}
}
.modTextTwocol h2{font-size:70px;line-height:78px;font-weight:700;text-align:center;margin-bottom:0.8em}
@media screen and (max-width:1450px){.modTextTwocol h2{font-size:60px;line-height:68px}
}
@media print{.modTextTwocol h2{font-size:35px;line-height:43px}
}
.modTextTwocol .bodyText{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}
@media screen and (max-width:700px){.modTextTwocol .bodyText{-webkit-column-count:1;-moz-column-count:1;column-count:1}
}
.modTextTwocol .bodyText p{margin-bottom:0.8em}
.modTextIntro{overflow:hidden;font-size:28px;line-height:36px;font-weight:700;font-weight:400}
@media screen and (max-width:1450px){.modTextIntro{font-size:22px;line-height:30px}
}
@media print{.modTextIntro{font-size:14px;line-height:22px}
}
.modTextIntro .introbox{padding-right:40px}
@media screen and (max-width:700px){.modTextIntro .introbox{padding-right:0}
}
.modTextIntro .headline{font-size:70px;line-height:78px;font-weight:700;margin-bottom:0.5em;display:inline-block;color:#ffffff;background-color:#fed100;padding:10px}
@media screen and (max-width:1450px){.modTextIntro .headline{font-size:60px;line-height:68px}
}
@media print{.modTextIntro .headline{font-size:35px;line-height:43px}
}
.modTextIntro .intro{font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modTextIntro .intro{font-size:22px;line-height:30px}
}
@media print{.modTextIntro .intro{font-size:14px;line-height:22px}
}
.modTextIntro .bodyText p{margin-bottom:1em}
.modExplanator{text-align:center;font-size:28px;line-height:36px;font-weight:700;font-weight:400}
@media screen and (max-width:1450px){.modExplanator{font-size:22px;line-height:30px}
}
@media print{.modExplanator{font-size:14px;line-height:22px}
}
.modExplanator .bubble{display:inline-block;margin-bottom:40px;font-size:28px;line-height:36px;font-weight:700}
@media screen and (max-width:1450px){.modExplanator .bubble{font-size:22px;line-height:30px}
}
@media print{.modExplanator .bubble{font-size:14px;line-height:22px}
}
.modExplanator .outerContainer{padding:0 5%}
.modExplanator .innerContainer{box-sizing:content-box;position:relative;max-width:1600px;margin:0 auto}
.modExplanator .outerContainer{position:relative;overflow:hidden}
.modExplanator .outerContainer:before{content:'';position:absolute;top:0;left:50%;margin-left:-14px;border:14px solid transparent;border-top-color:#ffffff;z-index:1}
.modExplanator .outerContainer.enrichingInteractions{background-color:#fed100}
.modExplanator .outerContainer.technologieKreation{background-color:#06aa70}
.modExplanator .outerContainer .image{position:absolute;bottom:0;left:0;width:100%}
.modExplanator .outerContainer .image picture,.modExplanator .outerContainer .image img{width:100%;max-width:1900px;margin:0 auto}
.modExplanator .outerContainer .innerContainer{padding:80px 40px 110px}
@media screen and (max-width:700px){.modExplanator .outerContainer .innerContainer{padding:60px 5% 90px}
}
.modExplanator .outerContainer .innerContainer h2{color:#ffffff;font-size:150px;line-height:158px;font-weight:700;margin-bottom:0.5em}
@media screen and (max-width:1450px){.modExplanator .outerContainer .innerContainer h2{font-size:130px;line-height:138px}
}
@media screen and (max-width:1000px){.modExplanator .outerContainer .innerContainer h2{font-size:90px;line-height:98px}
}
@media screen and (max-width:700px){.modExplanator .outerContainer .innerContainer h2{font-size:40px;line-height:48px}
}
@media print{.modExplanator .outerContainer .innerContainer h2{font-size:75px;line-height:83px}
}
.modExplanator .outerContainer .innerContainer h2 .heart{position:relative;display:inline-block;width:1em;height:1em;margin-right:.2em;background:transparent url(/fileadmin/images-static/ueberuns/ico-about-heart.png) no-repeat 0 0;background-size:100% 100%}
@media screen and (max-width:1200px){.modExplanator .outerContainer .innerContainer h2 .heart{top:0.05em}
}
.modExplanator .outerContainer .innerContainer .tm{font-size:40px;line-height:48px;font-weight:700;vertical-align:super}
@media screen and (max-width:1450px){.modExplanator .outerContainer .innerContainer .tm{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modExplanator .outerContainer .innerContainer .tm{font-size:22px;line-height:30px}
}
@media print{.modExplanator .outerContainer .innerContainer .tm{font-size:20px;line-height:28px}
}
.ModContactIntro{overflow:hidden;margin-top:-60px;padding:40px;padding-bottom:0;background-color:#ffffff}
@media screen and (max-width:700px){.ModContactIntro{margin-top:0;padding:40px 0 0}
}
.ModContactIntro .headline{font-size:80px;line-height:88px;font-weight:700;margin-bottom:0.5em}
@media screen and (max-width:1450px){.ModContactIntro .headline{font-size:60px;line-height:68px}
}
.ModContactIntro p{font-size:22px;line-height:30px}
@media screen and (max-width:1450px){.ModContactIntro p{font-size:16px;line-height:24px}
}
@media print{.ModContactIntro p{font-size:11px;line-height:19px}
}
.ModContactIntro a{color:inherit}
.ModContactIntro .col{margin-bottom:4em}
.ModContactIntro .col .col{margin-bottom:0}
.ModContactIntro .col.col--contact-point{margin-bottom:2em}
.ModContactIntro .col.col--contact-point .subheadline{color:#06aa70;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px}
.ModContactIntro .col.col--contact-point a{font-size:40px;line-height:48px;font-weight:700;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
@media screen and (max-width:1450px){.ModContactIntro .col.col--contact-point a{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.ModContactIntro .col.col--contact-point a{font-size:22px;line-height:30px}
}
@media print{.ModContactIntro .col.col--contact-point a{font-size:20px;line-height:28px}
}
.ModContactIntro .col.col--contact-point a:hover{color:#06aa70}
.ModContactIntro .col.col--contact-point .email{text-decoration:none;border-bottom:3px solid currentColor}
.modTeaser{overflow:hidden}
@media (max-width:1000px){.modTeaser .col{float:none}
}
.modTeaser .col:first-child{margin-bottom:0}
.modTeaser .col.col--60{width:60%}
@media (max-width:1000px){.modTeaser .col.col--60{width:100%}
}
@media (max-width:1000px){.modTeaser .col.col--40{width:100%}
}
.modTeaser .textBox{padding:40px}
.modTeaser__meta{margin-bottom:30px;font-size:14px;line-height:1}
.modTeaser .metaItem{display:inline-block;padding:8px 20px 5px 0px}
.modTeaser .metaItem--tag{padding-left:20px;border:1px solid #b2b2b2}
.modTeaser .metaItem--author,.modTeaser .metaItem--date{margin-left:20px;text-transform:uppercase}
.modTeaser .metaItem--date:before{content:'';margin-left:-20px;margin-right:20px;border-left:1px solid #b2b2b2}
.modTeaser .contentWrappingLink{color:#000000;text-decoration:none;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modTeaser .contentWrappingLink:hover{color:#06aa70}
.modTeaser .headline{font-size:60px;line-height:68px;font-weight:700}
.modTeaser .bodytext{margin:20px 0 30px}
.modTeaser .bodytext a{-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s;color:inherit}
.modTeaser .bodytext a:hover{color:#06aa70}
.modTeaser .more{display:inline-block;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor}
.modTeaser.modTeaser--mirrored .col{float:right}
@media (max-width:1000px){.modTeaser{padding-bottom:40px}
.modTeaser .textBox{padding:40px 0 0 0}
.modTeaser .headline{font-size:50px;line-height:58px}
.modTeaser .bodytext:last-child{margin-bottom:0}
}
@media screen and (max-width:1450px){.modTeaser__tagContainer{display:block;margin-bottom:10px}
.modTeaser .metaItem{padding-right:10px}
.modTeaser .metaItem--tag{padding-right:20px}
.modTeaser .metaItem--author{margin-left:0}
.modTeaser .metaItem--date{margin-left:10px}
.modTeaser .metaItem--date:before{content:'';margin-left:-10px;margin-right:10px}
}
@media screen and (max-width:700px){.modTeaser__meta{margin-left:1px;margin-bottom:15px;font-size:12px}
.modTeaser .headline{font-size:30px;line-height:38px}
}
.modShiftItemBack .linkContainer{width:100%}
.stage--close{display:none}
.big--play{z-index:4;position:absolute;text-indent:100%;white-space:nowrap;overflow:hidden;display:inline-block;color:transparent !important;top:50%;left:50%;margin-left:-71px;margin-top:-71px;width:142px;height:142px;background-color:transparent !important;opacity:1;-webkit-transition:.2s opacity;transition:.2s opacity}
.big--play>div{position:absolute;top:0;left:0}
.big--play svg{display:block}
.modVideo{position:relative;z-index:3}
.modVideo *:focus{outline:none}
.modVideo--layout40{width:40%}
.modVideo--layout60{width:60%}
.modVideo--layout80{width:80%}
.modVideo--layoutSuper{margin-left:-4%;margin-right:-4%;max-width:none}
.modVideo.playing .big--play{opacity:0}
.modVideo.playing .pause-icon{display:block}
.modVideo.playing .play-icon{display:none}
.modVideo.playing:hover .big--play{opacity:1;z-index:4}
.modVideo video{-webkit-transform-style:preserve-3d;width:100% !important;height:auto !important}
.modVideo .video-poster{width:100%}
.modVideo .video-poster>img{width:100%}
.modVideo button{border:none;background:#ffffff;padding:0;cursor:pointer}
.modVideo button svg path{-webkit-transition:0.2s fill;transition:0.2s fill}
.modVideo .pause-icon{display:none}
.modVideo .video-controls{height:60px}
@media screen and (max-width:700px){.modVideo .video-controls{display:none}
}
.modVideo .video-controls>*{float:left}
.modVideo .video-controls button,.modVideo .video-controls .volume-container{height:100%;padding:0 10px;width:60px;display:inline-block;background:#ffffff}
.modVideo .video-controls .volumeBar{margin-top:20px;cursor:pointer;height:18px;width:40px}
.modVideo .video-controls .volumeBar div{float:left;display:inline-block;height:18px;width:4px;margin-left:3px;background-color:#000000;-webkit-transition:height .3s,margin-top .3s;transition:height .3s,margin-top .3s;overflow:hidden}
.modVideo .video-controls .volumeBar div:first-child{margin-left:0}
.modVideo .video-controls .volumeBar div:hover{height:23px;margin-top:-5px;-webkit-transition:height .1s,margin-top .1s;transition:height .1s,margin-top .1s}
.modVideo .video-controls .volumeBar div.fill0{box-shadow:inset -4px 0 0 #000000}
.modVideo .video-controls .volumeBar div.fill1{box-shadow:inset -2px 0 0 #000000}
.modVideo .video-controls .volumeBar div.fill2{box-shadow:inset -1px 0 0 #000000}
.modVideo .video-controls .progressBar{position:relative;height:100%;display:inline-block;width:70%;width:calc(100% - 180px);cursor:pointer}
.modVideo .video-controls .progressBar .timeBar{position:absolute;top:0;left:0;height:100%;width:0}
.stageVideo--opened .header{display:none}
.stageVideo--opened .modStage{position:relative}
.stageVideo--opened .modStage:after{display:block;content:"";width:100%;height:100%;background:#000000;z-index:0;position:absolute}
.moduleContainer--stageVideo{position:absolute;top:0;left:0;width:100%;max-width:none;box-sizing:border-box}
.stageVideo--opened .moduleContainer--stageVideo{background:#000000}
.stageVideo--opened .moduleContainer--stageVideo .stage--close{position:absolute;top:0;right:0;width:60px;height:60px;display:inline-block;z-index:10;padding:5px;-webkit-transform:translateZ(0)}
.stageVideo--opened .moduleContainer--stageVideo .modVideo video{display:block}
.stageVideo--opened .moduleContainer--stageVideo .modVideo .video-controls{position:absolute;opacity:1}
@media screen and (max-width:700px){.stageVideo--opened .moduleContainer--stageVideo .modVideo .video-controls{display:none}
}
.stageVideo--closing .moduleContainer--stageVideo .big--play{display:none}
.stageVideo--closing .moduleContainer--stageVideo .modVideo .video-controls{opacity:0;-webkit-transition:.5s opacity 0;transition:.5s opacity 0}
.moduleContainer--stageVideo .modVideo{margin-bottom:0;height:100%}
.moduleContainer--stageVideo .modVideo .video-controls{opacity:0;-webkit-transition:.75s opacity .25s;transition:.75s opacity .25s}
.moduleContainer--stageVideo .modVideo video{display:none;margin-top:-15%;opacity:0}
.moduleContainer--contentVideo .video-controls{display:none}
.moduleContainer--contentVideo .modVideo{overflow:hidden}
.moduleContainer--contentVideo .modVideo>*{float:left}
.moduleContainer--contentVideo.controls .video-controls{position:absolute;bottom:0;left:0;width:100%;background-color:#ffffff;background-color:rgba(255,255,255,0.5);opacity:0;-webkit-transition:.5s opacity;transition:.5s opacity;display:block}
.moduleContainer--contentVideo.controls .modVideo.playing:hover .video-controls,.moduleContainer--contentVideo.controls .modVideo.paused:hover .video-controls{opacity:1;visibility:visible}
.moduleContainer--contentVideo.autoloop video{display:block}
@media screen and (max-width:1000px){.moduleContainer--contentVideo.autoloop video{display:none}
}
.moduleContainer--contentVideo video{display:none}
.moduleContainer--contentVideo .smallScreenFallback{display:none}
@media screen and (max-width:1000px){.moduleContainer--contentVideo .smallScreenFallback{display:block}
}
@media screen and (max-width:1000px){.modVideo--layout40,.modVideo--layout60,.modVideo--layout80{width:100%}
}
.modBlogIntro{margin-top:-60px;background-color:#ffffff;position:relative;padding:80px 10% 30px;text-align:center;line-height:1.1}
.modBlogIntro__date{position:absolute;right:0;top:0;height:60px;background-color:#f2f2f2;text-transform:uppercase;width:240px;padding:25px 20px 0;font-size:14px;line-height:1;display:block}
.modBlogIntro__headline{margin:auto;font-size:70px;line-height:78px;font-weight:700}
.modBlogIntro__abstract{font-size:28px;line-height:36px;max-width:66%;margin:30px auto 0}
.modBlogIntro__topic{margin-top:45px;font-size:16px}
.modBlogIntro__topic span{background-color:#ffffff;display:inline-block;padding:0 1.5em;top:-0.5em}
.modBlogIntro__topic:after{border-bottom:1px solid #b2b2b2;content:'';display:block;margin-top:-0.5em}
@media screen and (max-width:1200px){.modBlogIntro__abstract{font-size:22px;line-height:30px}
}
@media screen and (max-width:700px){.modBlogIntro{padding:0 20px 20px}
.modBlogIntro__date{background-color:transparent;position:static;padding:22px;width:100%}
.modBlogIntro__headline{font-size:30px;line-height:38px}
.modBlogIntro__abstract{max-width:100%}
}
.modBlogTeaser{position:relative}
.modBlogTeaser picture{display:block;position:absolute;top:0;left:0;width:240px}
.modBlogTeaser__inner{max-width:700px}
.modBlogTeaser__meta{margin-bottom:30px;font-size:14px;line-height:1}
.modBlogTeaser .metaItem{display:inline-block;padding:8px 20px 5px 0px}
.modBlogTeaser .metaItem--tag{padding-left:20px;border:1px solid #b2b2b2}
.modBlogTeaser .metaItem--author,.modBlogTeaser .metaItem--date{margin-left:20px;text-transform:uppercase}
.modBlogTeaser .metaItem--date:before{content:'';margin-left:-20px;margin-right:20px;border-left:1px solid #b2b2b2}
.modBlogTeaser__contentWrappingLink{display:inline-block;color:#000000;text-decoration:none;-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s}
.modBlogTeaser__contentWrappingLink:hover{color:#06aa70}
.modBlogTeaser__headline{font-size:60px;line-height:68px;font-weight:700}
.modBlogTeaser__abstract{max-width:500px;margin:20px 0 30px}
.modBlogTeaser__link{display:inline-block;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid currentColor}
.modBlogTeaser--hasImageDefault{min-height:300px;padding-left:280px}
.modBlogTeaser--textWhite{color:#ffffff}
.modBlogTeaser--textWhite .modBlogTeaser__contentWrappingLink{color:#ffffff}
.modBlogTeaser--textWhite .modBlogTeaser__contentWrappingLink:hover{color:#06aa70}
.modBlogTeaser--hasImageWide{overflow:hidden}
.modBlogTeaser--hasImageWide .modBlogTeaser__outer{padding:0 5%}
.modBlogTeaser--hasImageWide .modBlogTeaser__inner{min-height:640px;max-width:1600px;margin:0 auto;padding-top:40px}
.modBlogTeaser--hasImageWide picture{left:50%;width:2000px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}
.modBlogTeaser--hasImageWide .modBlogTeaser__headline,.modBlogTeaser--hasImageWide .modBlogTeaser__abstract{max-width:980px}
@media screen and (max-width:1000px){.modBlogTeaser{padding-bottom:40px}
.modBlogTeaser__headline{font-size:50px;line-height:58px}
.modBlogTeaser--hasImageDefault{min-height:340px}
}
@media screen and (max-width:850px){.modBlogTeaser__tagContainer{display:block;margin-bottom:10px}
.modBlogTeaser .metaItem{padding-right:10px}
.modBlogTeaser .metaItem--tag{padding-right:20px}
.modBlogTeaser .metaItem--author{margin-left:0}
.modBlogTeaser .metaItem--date{margin-left:10px}
.modBlogTeaser .metaItem--date:before{content:'';margin-left:-10px;margin-right:10px}
}
@media screen and (max-width:700px){.modBlogTeaser picture{position:static;width:100%;margin-bottom:25px}
.modBlogTeaser__meta{margin-left:1px;margin-bottom:15px;font-size:12px}
.modBlogTeaser__headline{font-size:30px;line-height:38px}
.modBlogTeaser--textWhite{color:#000000}
.modBlogTeaser--textWhite .modBlogTeaser__contentWrappingLink{color:#000000}
.modBlogTeaser--hasImageDefault{min-height:0;padding-left:0}
.modBlogTeaser--hasImageWide .modBlogTeaser__inner{min-height:0;padding-top:0}
.modBlogTeaser--hasImageWide picture{width:auto;margin-left:5%;margin-right:5%;-webkit-transform:none;-ms-transform:none;transform:none}
}
.modBlogText__inner{max-width:725px;margin:0 auto}
.modBlogText h2{margin:50px 0 25px;font-size:22px;font-weight:700}
.modBlogText h3{margin:30px 0 15px;font-size:18px;font-weight:700}
.modBlogText .bodytext{margin:15px 0;font-size:18px}
.modBlogText b,.modBlogText strong{font-weight:700}
.modBlogText i{font-style:italic}
.modBlogText a{-webkit-transition:color 0.2s,border-bottom 0.2s;transition:color 0.2s,border-bottom 0.2s;color:inherit}
.modBlogText a:hover{color:#06aa70}
.modBlogText blockquote .symbol{display:block;float:left;line-height:0.5em;padding-right:10px}
.modBlogText blockquote .symbol:before{content:"“";position:relative;top:70px;font-size:200px}
@media screen and (max-width:1000px){.modBlogText blockquote .symbol:before{top:55px;font-size:150px}
}
.modBlogText blockquote .bodytext{margin:50px 0;font-size:40px;line-height:48px;font-weight:700}
@media screen and (max-width:1450px){.modBlogText blockquote .bodytext{font-size:32px;line-height:40px}
}
@media screen and (max-width:1000px){.modBlogText blockquote .bodytext{font-size:22px;line-height:30px}
}
@media print{.modBlogText blockquote .bodytext{font-size:20px;line-height:28px}
}
.modBlogText ul{margin:15px 0 15px 15px;list-style-type:disc}
.modBlogText ol{margin:15px 0 15px 30px;list-style-type:decimal}