/*
Theme Name: tubex
Version: 999.0.4
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
img {border:0px; max-width:100%; height:auto;}
.trans {opacity:0}
.displaynone {display:none !important;}
#cookie-notice {
z-index: 9999999999 !important;
}
html, body {
font-size: 18px;
line-height: 24px;
color: #000;
font-family:'Helvetica Neue LT W05 45 Light', sans-serif;
font-weight: 300;
font-style: normal;
overflow-x:hidden;
}
body {
-webkit-backface-visibility: hidden;
}
strong,.bold{
font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
font-weight:600;
}
.Lang_ru strong, .Lang_ru .bold{
line-height: 36px;
}
.Lang_ru .sectionHL{
line-height: 63px;
}
.Lang_ru .moreBTN{
line-height: 27px;
}
.Lang_ru .intro-slider a.learnMoreBTN{
padding: 26px 184px 24px 16px;
}
p {
margin: 0 0 10px 0;
}
span {
white-space: normal;
}
a { color: #000; text-decoration:none}
a img {
border:0px;
}
em {
font-style: italic;
}
h1, h2 , .sectionHL {font-size:60px; line-height:63px;}
.bigheadline{
font-size: 120px;
line-height: 120px;
}
.animateAll {
-webkit-transition: all 350ms;
-moz-transition:all 350ms;
-o-transition:all 350ms;
transition: all 350ms;
}
.burgermenuBTNX {display:none}
.green, a.green, .green a {color:#64CCC9;}
.withe {background-color:#ffffff;}
.bggelb {background-color:#F9BA02;}
.bglightgreen , .bggruen {background-color:#61D836;}
.bgpink {background-color:#EF5FA7;}
.bggrau {background-color:#EAEAEA}
.bglightgrau {background-color:#F2F2F2}
.bggreen, .bgturkis {background-color:#64CCC9;}
.bgwithe {background-color:#ffffff;}
.bgdunkelblau {background:#3B3E54;}
.bgrot {background-color:#FF634E;}
.bgdarkturkis {background-color:#64CCC9; }
.bgno {background-color:transparent !important;}
.bgHoverturkis:hover {background-color:#64CCC9 !important; }
.bgHoverturkis:hover .textinput a {color:#ffffff; text-decoration:underline; }
.bgHoverturkis:hover .textinput {color:#ffffff; }
.bgHoverturkis:hover .textinput ul li::before {
border: 2px solid #ffffff;
}
.fontpink , .fontpink a, a.fontpink {color:#EF5FA7;}
.textinput a {text-decoration:underline; }
.textinput ul {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
display: block;
float: left;
}
.textinput ul li {
position: relative;
padding: 0 0 0 20px;
margin: 3px 0 4px 0;
width: 100%;
float: left;
}
.textinput ul li::before {
content: "";
width: 7px;
height: 7px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
position: absolute;
top: 7px;
left: -1px;
border: 1.5px solid #64CCC9;
}
.bglightgrau .textinput ul li:before { border:2px solid #000000;}
.textinput h2, .textinput h1 {
font-size: 52px;
line-height: 58px;
}
.textinput h3, .textinput h4, .textinput h5, .textinput h6 {
font-size: 30px;
line-height: 33px;
display: block;
width: 100%;
float: left;
margin: 0 0 10px 0;
}
.textinput h3 {
font-size: 30px;
line-height: 33px;
margin-bottom:10px;
}
.textinput td {
padding: 0 30px 30px 0;
min-width: 30%;
vertical-align: top;
}
.contentPart {width:1800px; position:relative; margin:0 auto}
.PartHeader {
background: #fff;
z-index: 99999999;
border-bottom: 1px solid #D9D9D9;
height: 116px;
}
.PartFooter {
border-top: 1px solid #D9D9D9;
height: auto;
position: relative;
padding: 0 0 20px 0 !important;
z-index: 20;
}
.PartFull {
width: 100%;
float: left;
padding: 0 0 0 0;
}
.InnerCenter {width:100%; max-width:1200px; margin:0 auto; position: relative;}
.headerLogo {
display: block;
float: left;
margin: 33px 0 0 120px;
}
.ankerpunkt {
width: 100%;
height: 100%;
float: left;
position: absolute;
background: none;
opacity:0;
top:0px;
left:0px;
z-index: -10;
}
.menuPart {float:right; width: 82%; position:relative }
.PartHeader {}
.menuPartMain .menu li a {
font-family: 'HelveticaNeue', sans-serif;
font-size: 14px;
letter-spacing: 0.35px;
line-height: 16px;
}
.menuPartMeta .menu {float:right}
ul.menu {list-style-type:none; margin:0px; padding:0px; font-family:'Helvetica Neue LT W05 45 Light', sans-serif; }
ul.menu li {float:left; }
.menuPartMain ul.sub-menu {
left: 0px;
display: none;
position: absolute;
overflow: visible;
width: 300px;
z-index: 20;
border: 0px solid #D8D8D8;
padding: 16px 0 20px 0px;
height: 55px;
margin: 29.5px 0 0 0px;
background-color: rgba(100, 204, 201, 0.9);
-webkit-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
-moz-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
}
.menuPartMain ul.sub-menu::before {
content: "";
width: 100%;
padding: 16px 0 20px 0px;
height: 20px;
position: absolute;
left: -100%;
background-color: rgba(100, 204, 201, 0.9);
top: 0px;
}
.menuPartMain ul.sub-menu li {
width: auto;
float: left;
padding: 0px 0 0px 0;
margin: 0px 33px 0 16px;
}
.menuPartMain ul.sub-menu li a {color:#ffffff; letter-spacing: 0.6px; }
ul.sub-menu li:hover a__ {font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
font-weight:600;
}
.menuPartMain .level-0 {height: 44px}
.menuPartMain .level-0 {
border-bottom: 9px solid #ffffff;
}
.menuPartMain .level-0.current-menu-item {
border-bottom: 10px solid #64CCC9;
}
.menuPartMain .level-0:hover {
border-bottom: 10px solid #64CCC9;
}
.menuPartMain .current-menu-item:hover ul.sub-menu,
.scroll .menuPartMain .current-menu-item ul.sub-menu,
.menuPart .menuPartMain .current-menu-item:hover ul.sub-menu,
.menuPartMain .current-menu-item ul.sub-menu,
.scroll .menuPartMain .current-menu-item ul.sub-menu,
.menuPart .menuPartMain .current-menu-item ul.sub-menu
{
display:block;
}
.scroll .menuPartMain .current-menu-item ul.sub-menu {
left: 50%;
position: fixed;
top: 49px;
margin: -50px 0 0 -392px;
width: auto !important;
min-width: 100%;
border: 0px solid #D8D8D8;
-webkit-transition: margin-top 250ms;
-moz-transition:top 250ms;
-o-transition:top 250ms;
transition: top 250ms;
}
.scroll .menuPartMain ul.sub-menu::before {
content: "";
width: 480%;
position: absolute;
left: -374%;
background-color: rgba(100, 204, 201, 0.9);
top: 0px;
z-index: -1;
}
.scroll .menuPartMain ul.sub-menu::after {
content: "";
width: 480%;
position: absolute;
right: px;
background-color: rgba(100, 204, 201, 0.9);
top: 0px;
z-index: -1;
height: 40px;
}
.scroll .menuPartMain ul.sub-menu li {
width: auto;
float: left;
text-transform: uppercase;
padding: 0px 0 0px 0;
margin: -1px 20px 0 20px;
}
.scrollUp .scroll {padding-top:150px}
.scrollUp .scroll .PartHeader {
position: fixed;
top: 0px;
-webkit-transition: top 250ms;
-moz-transition:top 250ms;
-o-transition:top 250ms;
transition: top 250ms;
}
.scrollUp .scroll .menuPartMain .current-menu-item ul.sub-menu {
top: 91px;
-webkit-transition: top 250ms;
-moz-transition:top 250ms;
-o-transition:top 250ms;
transition: top 250ms;
}
.scrollUp .scroll .menuPartMain ul.sub-menu {
left: 0px;
position: absolute;
overflow: visible;
width: 300px;
z-index: 20;
border: 0px solid #D8D8D8;
padding: 10px 0 10px 0px;
height: 20px;
margin: 18.5px 0 0 0px;
background-color: rgba(100, 204, 201, 0.9);
-webkit-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
-moz-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
}
.menuPartMain ul.sub-menu li a.scrollmatch {font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
font-weight:600; }
.metanav {
float:left;
margin: 4px 0 0 0;
padding-left: 17px;
}
.menuPartMeta li {
margin: 0 24px 0 0;
font-size: 11px;
letter-spacing: 0.7px;
line-height: 22px;
}
.menuPartMeta li a {
font-family: 'HelveticaNeue', sans-serif;
color: #6C6C6C;
-webkit-transition: all 350ms;
-moz-transition:all 350ms;
-o-transition:all 350ms;
transition: all 350ms;
}
.menuPartMeta li a:hover {color:#64CCC9;}
.menuPartMeta li.current_page_item a {color:#64CCC9;}
.menuPartMeta {
float: right;
width: 100%;
padding: 8px 0 3px 0px;
}
.menuPartMain {
float: left;
margin: 15px 0 0 0;
padding-left: 16px;
}
.menuPartMain li {margin: 0 13px 0 0;}
.menuPartMain li.level-0:last-child {margin-right:0px;}
.menuPartMain ul > li.level-0::after {
content: "";
height: 20px;
background-image: url("img/arrow-down.svg");
width: 20px;
display: block;
background-repeat: no-repeat;
float: right;
margin: 8px 0 0 13px;
}
.languagePart {
float: right;
margin: 18px 70px 0 0;
}
.langList {
background: #fff;
z-index: 999;
text-transform: uppercase;
width: 72px;
margin-top: -7px;
font-size: 14px;
}
.languagePart:hover .langList, .langList:hover {
display:block
}
.langList {
}
.langList ul{
}
.langList ul li{
}
.langList ul li a{
border: none;
}
.langList .js-wpml-ls-item-toggle.wpml-ls-item-toggle:after{
border: none;
display: block;
position: absolute;
top: 44%;
right: 15%;
width: 14px;
height: 6px;
background-size: 14px 6px;
-moz-background-size: 14px 6px;
-o-background-size: 14px 6px;
-webkit-background-size: 14px 6px;
background-image: url('img/arrow_dropbox.svg');
}
.searchPart {
float: right;
width: 20px;
height: 20px;
margin: 15px 16px 0 0;
position: relative;
}
.searchBTN, .spracheIcon {
cursor:pointer;
display: block;
}
.xlupe {display:none}
.searchOn .xlupe {
display: block;
position: absolute;
z-index: 9999;
width: 100%;
height: 100%;
top: 0;
cursor: pointer;
}
.searchlayer {
position: absolute;
z-index: 999;
width: 88%;
background: #ffffff;
height: 50px;
overflow: hidden;
right: -30px;
max-width:1px;
opacity:0;
}
.searchOn .searchlayer { max-width:inherit; top:53px; opacity:1;}
.searchOn .searchBTN {opacity:0;}
.search-field {
border: 0;
height: 40px;
width: 93%;
font-size: 30px;
color:#64CCC9;
transform: translate(3px, -6px);
-o-transform: translate(3px, -6px);
-ms-transform: translate(3px, -6px);
-moz-transform: translate(3px, -6px);
-webkit-transform: translate(3px, -6px);
}
.search-submit {
border: 0;
background-color: #fff;
background-image: url("img/icon-suche-green.svg");
cursor: pointer;
width: 40px;
height: 40px;
background-repeat: no-repeat;
transform: translate(11px, 6px);
-o-transform: translate(11px, 6px);
-ms-transform: translate(11px, 6px);
-moz-transform: translate(11px, 6px);
-webkit-transform: translate(11px, 6px);
}
.socialLinks {float:right}
.socialLinks {
margin-right: 81px;
}
.socialIcon {
width: 31px;
height: 31px;
}
.socialIcon.youtube {
}
.socialIcon.facebook {
margin: 0px 0 0px 10px;
}
.socialIcon.linkedin {
}
.linkyoutube, .linklinkedin, .linkfb {margin-left: 4px;}
.youtubegreen, .linkedingreen, .facebookgreen {display:none}
.menuPartMeta .linkyoutube:hover .youtube {display:none}
.menuPartMeta .linkyoutube:hover .youtubegreen {display:inline}
.menuPartMeta .linklinkedin:hover .linkedin {display:none}
.menuPartMeta .linklinkedin:hover .linkedingreen {display:inline}
.menuPartMeta .linkfb:hover .facebook {display:none}
.menuPartMeta .linkfb:hover .facebookgreen {display:inline}
.slogan {
font-size: 18px;
font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
float: right;
border-right: 1px solid #D9D9D9;
padding: 3px 20px 3px 0;
margin: 30px 23px 0 0;
line-height: 18px;
font-weight: 600;
}
.copy {
float: left;
margin: 45px 0 0 30px;
}
.PartFooter .socialLinks {
margin-top: 35px;
}
.contentFooter {
margin: 0 0 0px 0;
float: left;
width: 100%;
position: relative;
z-index: 20;
padding: 0 0 50px 0;
}
.adressbox {
display: block;
float: left;
margin: 33px 0 0 120px;
width: 20%;
}
.footernavbox {
float: left;
margin: 33px 0 0 0px;
width: 46%;
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
min-height: 340px;
padding: 0 2% 20px 2%;
}
.footertitel,
.footernavbox ul > li.level-0 > a {
font-family: 'Helvetica Neue LT W05 55 Roman', sans-serif;
float: left;
width: 100%;
display: block;
margin: 0 0 25px 0;
}
.footernavbox ul > li.level-0 > a
{color: #64CCC9; }
.footernavbox ul > li.level-0 {width:33%; margin:0 0 50px 0; min-height: 188px;}
.footernavbox .sub-menu {
position: relative;
height: auto;
overflow: hidden;
width: 100%;
z-index: inherit;
min-height: 116px;
}
.footernavbox .sub-menu li {
width: 100%;
}
.contactIconrow {
float: left;
width: 100%;
margin: 20px 0 -13px 0;
}
.contacticon {
float: left;
display: block;
margin: -6px 15px 6px 0;
}
.footermetabox.footerbox {
float: left;
width: 20%;
margin: 33px 0 0 2%;
}
.newstitel {
min-height: 90px;
}
.newsletterbox {
position: relative;
float: left;
width: 100%;
margin: 25px 0 0 0;
}
.nlForm {width:100%; float:left; position:relative; margin:40px 0 0 0;}
.nltextinput {
font-family: 'Helvetica Neue LT W05 55 Roman', sans-serif;
color: #64CCC9;
border: 1px solid #64CCC9;
width: 62%;
height: 72px;
padding: 0 0 0 4%;
font-size: 16px;
}
.nlsubmit {
cursor: pointer;
border: 1px solid #64CCC9;
background-color: #64CCC9;
height: 74px;
left: 66%;
display: block;
float: left;
position: absolute;
top: 0px;
width: 61px;
background-image: url("img/arrow-withe.svg");
background-repeat: no-repeat;
background-position: center;
}
.nlsubmit:hover {
background-color:#4EAAA7;
border: 1px solid #4EAAA7;
}
.fixedtube {
display: block;
position: fixed;
bottom: 0px;
right: 20%;
z-index: 0;
margin: 0 33px 0 0px;
-webkit-transition: bottom 350ms, opacity 200ms;
-moz-transition:bottom 350ms, opacity 200ms;
-o-transition:bottom 350ms, opacity 200ms;
transition: bottom 350ms, opacity 200ms linear, visibility 200ms linear;
}
.notoptube .page-template-page_home .fixedtube {
visibility: hidden;
opacity: 0;
}
.notoptube .page-template-page_home .fixedtube.in {
visibility: visible;
opacity: 1;
}
.tubeTop.fixedtube {
bottom: 25%;
}
.scroll .tubeTop.fixedtube {
bottom: 0%;
}
.textsliderHL {color:#ffffff; display:block; width:auto; margin:220px 0 220px 0; float:left; }
.standardHL {color:#000000;}
.logointext {width:100%; float:left}
.page-template-page_bluetube .textsliderHL {
margin: 220px 0 100px 0;
}
.pagingSpot {
z-index: 999999;
display: block;
width: 100%;
height: 50px;
float: left;
margin: 55px 0 0px 0;
position:absolute;
}
.pagingSpot span {
width: 20px;
height: 20px;
display: block;
float: left;
background: #ffffff;
cursor: pointer;
text-indent: -999999px;
margin: 0 10px 0 0;
-webkit-border-radius: 220px;
-moz-border-radius: 220px;
border-radius: 220px;
-webkit-transition: all 350ms;
-moz-transition:all 350ms;
-o-transition:all 350ms;
transition: all 350ms;
}
.pagingSpot span:hover, .pagingSpot span.cycle-pager-active {background:#000000;}
.texsliderimg {
position: relative;
top: 0px;
display: block;
margin-left: 0%;
max-width: inherit;
left: 0px;
border-bottom: 181px solid #64CCC9;
float: right;
width: 50%;
left: -24px;
}
.hintergrundbildslider .textsliderTextPart {
width: 50%;
position: relative;
float: left;
top: inherit;
display: block;
margin: 0;
color: #000;
}
.hintergrundbildslider .textsliderTextPart .textsliderHL {
display: block;
width: auto;
margin-bottom:0px;
float: left;
}
.hintergrundbildslider .textsliderTextPart .moreBTN {background-color:inherit; border:1px solid #ffffff;}
.hintergrundbildslider .moreBTNBox .btnarrowpart {
background-color: inherit;
}
.slideitemgrey_background .textsliderTextPart .moreBTN {
background-color: #64CCC9;
}
.slideitemgrey_background .moreBTNBox .btnarrowpart {
background-color: #4EAAA7;
}
.slideitemgrey_background .textsliderTextPart .textsliderHL {
color: #000; margin: 0px 0 40px 0;
}
.hintergrundbildslider .moreBTNBox {
width: auto;
opacity:0 !important;
}
.cycle-slide-active .moreBTNBox { opacity:1 !important; }
.hintergrundbildslider {opacity:0 !important;}
.hintergrundbildslider.cycle-slide-active {opacity:1 !important;
-webkit-transition: all 550ms;
-moz-transition:all 550ms;
-o-transition:all 550ms;
transition: all 550ms;
}
.texsliderimg { border-bottom: 181px solid #64CCC9; padding-top:50px }
.slideitemgrey_background .texsliderimg { border-bottom: 181px solid #F2F2F2;}
.texsliderimg.hintergrundbildbigger {
width: 100%;
margin: 0 -50% 0 0;
position: relative;
left: -470px;
}
.borderimg {
margin-top: -20% !important;
}
.tubefreisteller .texsliderimg {
position: absolute;
top: inherit;
bottom:0px;
display: block;
margin: 0 288px 0 0px;
max-width: inherit;
left: 0px;
border-bottom: 0px solid #64CCC9;
float: right;
width: 800px;
left: inherit;
right: -50%;
padding: 0px;
z-index:999;
}
.hintergrundbildslider .tubefreisteller .textsliderTextPart {margin-top:150px;}
.hintergrundbildslider {background:#64CCC9;}
.slideitemgrey_background {background:#F2F2F2;}
.slideitemgrey_background::before {
content: "";
position: absolute;
background: #F2F2F2;
height: 100%;
width: 100%;
left: -100%;
}
.slideitemgrey_background::after {
content: "";
position: absolute;
background: #F2F2F2;
height: 100%;
width: 100%;
left: 100%;
}
.PartTextlider {overflow:hidden;}
.bigevoHeaderContent .imageLeftpart {
width: 40%;
float: left;
position: relative;
margin: 5% 0 0 10%;
}
.bigevoHeaderContent .imageRightpart {
width: 40%;
float: right;
position: relative;
margin: 0% 10% 0 0%;
overflow: hidden;
max-height: 1290px;
}
.bigevoHeaderContent .rightImage {
position:relative;
display:block;
margin: -100px 0 0 0;
}
.bigevoHeaderContent .moreBTNBox {
width: 100%;
text-align: left;
float: left;
margin: 60px 0 0 0;
}
.bigevoHeaderContent .moreBTN {
height: 45px;
padding: 22px 0 0 15px;
overflow:hidden;
}
.bigevoHeaderContent .btnarrowpart {
margin: -21px 0 0 0;
padding: 19px 8px 2px 8px;
}
.pluscircles {
float: right;
position: relative;
z-index: 30;
width: 1%;
height:100%;
overflow:visible;
margin: 0 20px 0 0px;
}
.circleplus {display:block; position:absolute; max-width:inherit; opacity:0;}
.circleplus1 {
width: 76px;
height: 76px;
top: 30%;
right: 60px;
}
.circleplus2 {
width: 55px;
height: 55px;
top: 35%;
right: 180px;
}
.circleplus3 {
width: 55px;
height: 55px;
top: 45%;
right: 60px;
}
.circleplus4 {
width: 103px;
height: 103px;
top: 50%;
right: 180px;
}
.circleplus5 {
width: 76px;
height: 76px;
top: 55%;
right: 60px;
}
.circleplus6 {
width: 55px;
height: 55px;
top: 65%;
right: 240px;
}
.circleplus7 {
width: 76px;
height: 76px;
top: 77%;
right: 10px;
}
.circleplus8 {
width: 128px;
height: 128px;
top: 68%;
right: 80px;
}
.circleplus9 {
width: 76px;
height: 76px;
top: 75%;
right: 240px;
}
.PartTeaserboxen {padding:100px 0 100px 0}
.width50 {width:50%; float:left;}
.width75 {
width: 75%; float:left;
}
.PartBildtextboxen .width75 {
width: 60%;
}
.width75 p {
padding-right: 100px;
}
.contentimage {
margin: 0 auto;
display: block;
float: none;
}
.width50.imagepart {
float: right;
margin: 0 -120px 0 0;
}
.left-sided .width50.imagepart {
float: left;
width: 48%;
}
.left-sided .width50.trans {
float: right;
width: 48%;
}
.keineTubeunter.width50.imagepart {
margin: 0 0px 0 0;
}
.teasertext{
margin: 50px 0 0 0;
float: left;
width: 100%;
}
.smallertextbigerImage .width50 {width:36%;}
.smallertextbigerImage .imagepart { width: 60%;}
.Partschritte .teasertext { width: 70%; }
.width50 .teasertext{
width: 95%;
}
.PartHltxtbtn .width50 .teasertext {
width: 100%;
}
.PartHltxtbtn .width50 .subline {
margin: 40px 0 0 0;
width: 100%;
float: left;
}
.teaserboxBlock {
width: 100%;
position: relative;
float: left;
z-index: 9999;
padding: 0px 0 0px 0;
margin: 100px 0 100px 0;
}
.teaserbox {
width: 32.3%;
float: left;
min-height: 228px;
margin: 0 1.5% 0 0;
padding: 0 0 10px 0;
position:relative;
}
.teaserbox:last-child {margin-right:0px; }
.teaserboxInner {
position:relative;
z-index:10;
width: 85%;
margin: 30px auto;
}
.iconbox {
height: 160px;
min-width: 60px;
}
.boxtext {
font-size: 29px;
line-height: 31px;
}
.bgdunkelblau .boxtext { color:#ffffff;}
.boxicon {width:96px; display:block; position:absolute;}
.boxiconOn {opacity:0;}
.teaserbox:hover .boxtext{color:#ffffff;}
.teaserbox:hover .boxiconOff{opacity:0;}
.teaserbox:hover .boxiconOn{opacity:1;}
.image_hover, .imagedarker {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
max-width: inherit;
height: 100%;
z-index:1;
opacity:0;
}
.imagedarker {z-index:2; background:#000000; }
.teaserbox:hover .image_hover { opacity:1;
top: -4.5%;
left: -4.8%; width: 109.5%; height: 109%;
}
.teaserbox:hover .imagedarker { opacity:0.4;
top: -4.5%;
left: -4.8%; width: 109.5%; height: 109%;
}
.teaserbox:hover .ort {color:#ffffff}
.EventsteaserboxBlock .teaserbox:hover .ort {color:#000000}
.introtext {width:80%; margin:0 auto; text-align:center;}
.introtext .teasertext {font-size:18px; line-height: 22px;}
.PartIconline {
position:relative;
z-index:20;
padding: 100px 0 100px 0;
}
.PartIconline.nobaddingbottom {
padding: 100px 0 0px 0;
}
.PartIconline.behindtube {z-index:-1 }
.iconboxBlock {
float: left;
width: 100%;
margin: 50px 0 0 0;
text-align:center
}
.iconlinebox {
width: 25%;
min-height: 225px;
display: block;
float: left;
}
.iconboxBlock.grayout .iconlinebox .iconbox img {
transition-property: filter;
-moz-transition-property: filter;
-o-transition-property: filter;
-webkit-transition-property: filter;
-webkit-transition-duration: 350ms;
-moz-transition-duration: 350ms;
-o-transition-duration: 350ms;
transition-duration: 350ms;
filter: grayscale(1);
-ms-filter: grayscale(1);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.iconboxBlock.grayout .iconlinebox:hover .iconbox img {
filter: grayscale(0);
-ms-filter: grayscale(0);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.nolinebreak .iconlinebox { width: 16%; }
.linedown {
width: 1px;
height: 20px;
background: #ccc;
display: inline-block;
}
.iconlinebox:last-child {
margin-right:0px;
}
.iconlinebox .boxtext {
font-size: 18px;
line-height: 22px;
text-align: center;
}
.iconzahl {
font-size: 40px;
height: 34px;
width: 100%;
float: left;
margin: 0 0 2px 0;
}
.iconlinebox .boxicon {
display: block;
position: relative;
margin: 0 auto;
height:86px; width:auto;
}
.iconlinebox .iconbox {
height: 120px;
min-width: 100%;
text-align: center;
}
.moreBTNBox {
width:100%;
text-align:center;
float:left;
margin:100px 0 0 0;
}
.moreBTN {
text-align: left;
margin: 0 auto;
height: 35px;
min-width: 318px;
background-color: #64CCC9;
display: inline-block;
color: #ffffff;
padding: 12px 0 0 15px;
}
.moreBTN:hover { background-color: #4EAAA7;}
.cookies-not-set #cookie-notice {
border-top:1px solid #eeeeee;
font-size: 14px;
text-align: center;
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;
color: #333;
-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.18);
-moz-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.18);
box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.18);
}
#cookie-notice .cn-button.wp-default {
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;
background: #ffffff;
border-color: #cccccc;
color: #333;
text-shadow: 0 0px 0 #FFF;
-moz-box-sizing: border-box;
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-style: normal;
text-decoration: none;
white-space: nowrap;
outline: none;
}
#cookie-notice .cn-button.wp-default:hover {color:#ffffff; background:#64CCC9; border-color: #64CCC9; }
.btnarrowpart {
display: block;
float: right;
background-color: #4EAAA7;
height: 100%;
margin: -12px 0 0 0;
padding: 8px 0 4px 0;
width: 49px;
text-align: center;
}
.sliderarrow {
position: absolute;
display: block;
cursor: pointer;
z-index: 9999;
top: 40%;
opacity: 0.5;
}
.sliderarrow:hover {
opacity: 1;
}
.sliderarrowLeft {left:10px;}
.sliderarrowRight {right:10px;}
.PartHltxtbtn .moreBTNBox {
text-align: left; margin: 50px 0 0 0;
}
.megaline {
font-size: 200px;
line-height: 180px;
display: block;
margin: 0 0 -40px 0;
}
.Lang_ru .megaline {
font-size: 110px;
line-height: 95px;
display: block;
margin: 0 0 -10px 0;
}
.PartBigimageBigtext .megaline {
font-size: 110px;
line-height: 130px;
}
.PartBigimageBigtext .bigimagelayerText .teasertext {
width: 60%;
}
.PartBigimage {
position: relative;
padding: 0;
z-index: inherit;
/*min-height: 460px;*/
min-height: 520px;
}
.bigimagelayerText {
position: absolute;
z-index: 20;
color: #fff;
top: 70px;
}
.bigimagelayerText.headline_black_small {
color: #000;
}
.bigimagelayerText .sectionHL .megaline{
margin: 0 0 0 0;
}
.bigimagelayerText.headline_black_small .sectionHL .megaline {
display: block;
margin: 0 0 0 0;
font-size: 60px;
line-height: 63px;
}
.bigimage {display:block;width:100%;height:auto;}
.bigimagelayerText .teasertext {width:50%;}
.text_breiter .teasertext{width:70%;}
.PartTextIconPlusboxen .teasertext {
width: 100%;
}
.PartBigimage .imagedarker {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
opacity: 0.4;
}
.nodarklayer .imagedarker {
opacity: 0 !important;
}
.nodarklayer .sliderarrow {
filter: invert(44%) sepia(0%) saturate(476%) hue-rotate(160deg) brightness(89%) contrast(90%);
}
.freisteller {
display: block;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 30;
margin: 0 -0.5% 0 0px;
}
.noteasertext .sectionHL {margin-top:150px}
.bgmap {
position: absolute;
top: 100px;
left: 0px;
}
.PartStandorte {
position: relative;
z-index: inherit;
min-height: 730px;
}
.PartStandorte .width50 {position:relative; z-index:20;}
.PartStandorte .teaserbox {
width: 31.7%;
min-height: 265px;
margin: 0 1.63% 20px 0;
}
.ortbezeichnung {
font-size: 18px;
line-height: 20px;
}
.PartStandorte .teaserboxBlock {
margin: 450px 0 100px 0;
width:102%
}
.PartStandorte .teaserboxHQ {
float: right;
width: 50%;
}
.PartStandorte .boxicon {height:44px; width:auto;}
.goupbox {display:block; position:fixed; bottom:50px; right:6%; z-index:999999; cursor:pointer}
.goupbox .goup {
position: fixed;
opacity: 0;
z-index: 99999999; bottom:70px;
}
.scrolledbottom .goupbox .goup {bottom:105px;}
.scroll .goupbox .goupOff {opacity:1;}
.scroll scroll.goupbox:hover .goupOff {opacity:0;}
.scroll .goupbox:hover .goupOn {opacity:1;}
.PartBigimageIcons {
z-index: 0;
}
.PartBigimageIcons .sectionHL {
width: 100%;
text-align: right;
}
.PartBigimageIcons .bigimagelayerText {
top: 220px;
}
.iconBoxRow {
width: 100%;
floaT: left;
position: relative;
margin: 50px 0 0 0;
}
.iconBoxRow .bigimageIconBox {
float: left;
margin: 0 40px 0 0;
}
.iconBoxRow .bigimageIconBox:last-child {
margin: 0 0px 0 0;
}
.PartHltxtbtn.bgturkis {color:#000000}
.PartHltxtbtn.bgturkis .moreBTN {
border: 1px solid #fff;
}
.PartHltxtbtn.bgturkis .btnarrowpart {
background-color: inherit;
height: 100%;
border-left: 1px solid #fff;
}
.PartHltxtbtn.bgturkis .moreBTN:hover {
color: #64CCC9;
background-color: #ffffff;
}
.btnarrowGreen {display:none;}
.PartHltxtbtn.bgturkis .moreBTN:hover .btnarrow {display:none;}
.PartHltxtbtn.bgturkis .moreBTN:hover .btnarrowGreen {display:inline;}
.PartBigimageIconbox .teaserboxBlock {
position: absolute;
margin: 0px 0 100px 0;
}
.PartBigimageIconbox .teaserbox:hover .boxiconOn {
opacity: 0;
}
.PartBigimageIconbox .teaserbox:hover .boxiconOff {
opacity: 1;
}
.PartBigimageIconbox .teaserbox:hover .boxtext {
color: #000000;
}
.PartProContra {
z-index: 20;
}
.PartProContra .introtext { width:100%; float:left; text-align:center; padding:100px 0;}
.proconList {
width: 33%;
float: left;
}
.proconImagepart {
text-align: center;
}
.proconimage {
width: 100%;
}
.proconItem {
position: relative;
float: right;
width: 80%;
text-align: right;
margin: 63px 10px 30px 0;
}
.proList .proconItem {
float: left;
text-align: left;
margin: 3px 0px 78px -30px;
}
.proconPlus {
display: block;
position: absolute;
top: 0px;
right: -80px;
}
.proList .proconPlus {
right:inherit;
left: -80px;
}
.Part2SpaltenText {padding:100px 0px; z-index:20}
.textspalten {
width: 100%;
float: left;
margin: 80px 0 80px 0;
}
.textspalten .textbox {width:48%; float:left}
.textspalten .textright { float:right}
.freistellerinfobox .textline1, .freistellerinfobox .textline2 {
display: block;
float: left;
width: 100%;
font-size: 18px;
line-height: 22px;
}
.freistellerinfobox .teaserboxInner { width:100%; float:left; position:relative;}
.freistellerinfobox .textline1 { margin: 0 0 50px 0;}
.freistellerinfobox .textbold {display:block; float:left; width:100%; font-size:60px; line-height: 60px;}
.freistellerinfobox .textpart {
float: right;
width: 60%;
text-align: right;
margin: 40px 20px 20px 0;
}
.freistellerbox {
display: block;
position: absolute;
bottom: 0px;
width: 290px;
max-width: 35%;
left:3%;
}
.boxsubtext {
display: block;
width: 100%;
text-align: right;
float: left;
margin: -20px 0 0 0;
font-size: 16px;
}
.freistellerinfobox.boxhoch .textpart { margin: 140px 20px 20px 0; }
.freistellerinfobox.boxhoch {
margin-top: -100px;
}
.freistellerinfobox.boxnieder {
margin-top: 69px;
}
.freistellerinfobox.boxnieder .textpart { margin: 20px 20px 20px 0; }
.freistellerinfobox.boxnieder .textline1 {
margin: 0 0 0px 0;
}
.freistellerboxBottom {
width: 100%;
position: relative;
float: right;
}
.freistellerBottom {
display: block;
float: right;
margin: -400px 0 -150px 0;
}
.freistellerboxTop {
float: left;
width: 100%;
position: relative;
}
.freistellerboxTop {
float: left;
width: 100%;
position: relative;
margin: -90px 0 -10px 0;
}
.imagelayerbild {
width: 135%;
max-width: inherit;
display: block;
}
.textlayerpart .sectionHL {
color: #ffffff;
margin: 30% 0 0 0;
}
.Partimage_layer {position:relative; z-indeX:20; padding:130px 0;}
.PartzwischenHL {padding:230px 0 150px 0;}
.tubeFocus {z-index:inherit}
.tubeFocus .contentimage {
position: relative;
z-index: 20;
}
.partInfotextfreistller {z-index:inherit;}
.PartBigimageIconbox .bigimagelayerText {
top: 350px;
}
.image_icon {
position: absolute;
right: 26.5%;
bottom: 50px;
width: 190px;
height: auto;
z-index: 99;
}
.PartTextIconPlusboxen {
/*min-height:1200px;*/
padding-top: 100px;
min-height: 980px;
background:#2F3246;
}
.PartTextIconPlusboxen .teaserbox {background:#3B3E54;}
.PartTextIconPlusboxen .boxtext {color:#ffffff !important;}
.PartTextIconPlusboxen .bigimagelayerText {
width:50%;
top: 350px;
position: relative;
margin:0 0 350px 0;
float:left
}
.plusboxen {width:48%; float:right; position:relative; z-index: 20; margin-right:-10%}
.plusbox {
position:relative;
background: #64CCC9;
height: 185px;
width: 185px;
float: left;
margin: 0 0 70px 12%;
}
.plusboxInner {
width: 82%;
margin: 62px auto 0 auto;
font-size: 20px;
}
.plusicon {
display: block;
width: 55px;
height: 55px;
position: absolute;
left: -27.5px;
top: -27.5px;
}
.plusicon.Bottomleft {top: inherit; bottom:-27.5px;}
.plusicon.Bottomright {top: inherit; bottom:-27.5px; left:inherit; right:-27.5px}
.plusicon.Topright { left:inherit; right:-27.5px}
.plusbox:nth-child(2) { margin-top:80px; left: -20px; }
.plusbox:nth-child(3) { margin-top:-100px; }
.plusbox:nth-child(5) { margin-top:-100px; left:-30px; }
.plusbox:nth-child(6) {
left: -30px;
}
.PartProbullets {position:relative; z-index: 20;}
.PartProbullets .width30 {width:35%; Float:left}
.imagePropart {width:63%; position:relative; float:right}
.PartProbullets .proconList {
width: 62%;
float: right;
margin: 150px -66px 0px 0;
position: relative;
z-index: 31;
}
.PartProbullets .proList .proconItem {
float: left;
text-align: left;
margin: 3px 0px 64px -30px;
}
.PartProbullets .freisteller {
bottom: 0px;
right: 50% !important;
margin: 0 86px 0 0px;
}
.PartProbullets .proList .proconPlus {
right: inherit;
left: -65px;
top: -16px;
}
.PartMarktstandort .teaserboxBlock {
margin: 0px 0 100px 0;
width: 102%;
}
.PartMarktstandort {position:relative; background-color:#86DEDC;}
.Iconteaserbox {
margin: 0 0 0 0 !important;
position: absolute;
top: -100px;
}
.PartMarktstandort .width50 {
margin-top: 150px;
width: 70%;
}
.PartMarktstandort .bgmap {
width: 100%;
max-width: 1200px;
left: 50%;
margin: 60px 0px 0 -600px;
}
.marktInfobox {
display:none;
width: 160px;
min-height: 100px;
background: #ffffff;
z-index: 20;
position: absolute;
bottom: 0px;
right: 50%;
text-align: center;
margin: 0 -500px 0 0px;
}
.marktInfobox h2 {
display: block;
width: 100%;
margin: -60px 0 20px 0;
float: left;
text-align: center;
}
.marktInfoboxText {
width: 100%;
margin: 0px 0 250px 0;
float: left;
text-align: center;
font-size:30px;
}
.marktInfoboxseit {
width: 100%;
margin: 0px 0 20px 0;
float: left;
text-align: center;
font-size:30px;
}
.Partlandreiterinfo {z-index:20}
.reiterblock {
width: 102%;
margin: 0 0 2px 0;
}
.landinfoReiter { float:left;
width: 31.7%;
margin: 0 1.63% 0px 0;
}
.landinfoReiter:last-child {margin:0 0 0 0;}
.landinfoReiter:nth-child(2) .reitercontent {
margin-left: -105%;
}
.landinfoReiter:nth-child(3) .reitercontent {
margin-left: -210.4%;
}
.reiterTitel {
cursor:pointer;
font-size: 18px;
width: 96%;
background: #D9D9D9;
float: left;
margin: -41px 0 20px 0;
padding: 9px 0 9px 4%;
}
.reiterTitel:hover, .reiterOn .reiterTitel { background: #F2F2F2; }
.reitercontent {
position:absolute;
z-index:0;
left:-9999999px;
width: 310%;
}
.reiterOn .reitercontent {
z-index:1;
left:inherit;
position:relative;
display: block;
padding: 50px 0 100px 0;
float: left;
}
.reitercontent .leftpart {
opacity:0;
width: 48%;
float: left;
margin: 0px;
}
.reitercontent .rightpart {
opacity:0;
width: 40%;
float: right;
margin: 0px;
}
.photoline { opacity:0;}
.reiterOn .reitercontent .leftpart, .reiterOn .reitercontent .rightpart, .reiterOn .photoline { opacity:1; }
.factline {
width: 100%;
float: left;
margin: 0 0 10px 0;
}
.downloadlink {
margin: 0 0 0 20px;
text-decoration: underline;
color: #64CCC9;
}
.downloadtitel {
width: 160px;
display: inline-block;
margin: 0 0 0 10px;
}
.photoline {float:left; width: 102%; margin:50px 0 0 0;}
.photolineitem {
display: block;
float: left;
width: 31.7%;
margin: 0 1.63% 0px 0;
}
.photolineitemLast { margin-right:0px}
.Part2SpaltenImage {padding:100px 0px;}
.Part2SpaltenImage .introtext {
width: 100%;
margin: 0 ;
text-align: left;
}
.imagetext {font-size:30px;}
.Part2SpaltenImage .imagetext {
font-size: 30px;
line-height: 36px;
margin: 0 0 20px 0;
}
.Part2SpaltenImage .textleft .imagetext {
text-align:right;
}
.Part2SpaltenImage .imageleft {float:left; width:40%; position:relative;}
.imageright {
position:relative;
float: left;
width: 40%;
margin: 0 0 0 2%;
}
.imagebox {width:100%; height:100%; overflow:hidden; float:left;}
.imageright .imagebox {height:80%; margin-top:35%; float:left;}
.Part2SpaltenTextGrafik {z-index:20;}
.Part2SpaltenTextGrafik .introtext {
width: 60%;
clear: both;
text-align: left;
margin:0px;
}
.spaltenboxtext {width:100%; float:left}
.Part2SpaltenTextGrafik .infobox {
background: #64CCC9;
width: 66%;
height: 370px;
margin: 0 0 40px 0;
position: relative;
}
.Part2SpaltenTextGrafik .textright .infobox {float:right;}
.Part2SpaltenTextGrafik .infoboxInner {
width: 90%;
position: absolute;
font-size: 30px;
line-height: 36px;
left: 5%;
top: 20px;
}
.Part2SpaltenTextGrafik .textright .infoboxInner {bottom:20px; top:inherit }
.Part2SpaltenTextGrafik .textleft .infoboxInner {text-align:right;}
.Part2SpaltenTextGrafik .textspalten .textright {
float: right;
margin: -210px 0 0 0;
}
.spaltenboxtext img.alignnone {
max-width: 100%;
display: block;
margin: 40px 0 0 0;
}
.ParttubeBullets {
z-index:20;
min-height: 300px;
padding:100px 0 0 0;
}
.freistellertube {display:block; width:280px; height:auto; margin:0 auto;}
.BulltetTubeItem .bullettextbox { font-size:18px; line-height:22px;}
.BulltetTubeItem .bullettextbox h3 {
color: #ffffff;
display: block;
font-size: 30px; line-height:30px;
width: 100%;
float: left;
margin: 0 0 10px 0;
}
.BulletTubePlus {
display: block;
position: absolute;
margin: 0 0 0 -112px;
}
.BulltetTubeItem {
position: absolute;
top: 0px;
left: 0px; width: 350px;
height: auto;
}
.BulltetTubeItem:nth-child(2) {
top: 20px;
left: 63%;
}
.BulltetTubeItem:nth-child(2) .BulletTubePlus {
width:87px; height:87px;
}
.BulltetTubeItem:nth-child(3) {
top: 120px;
left: 6%;
text-align: right;
}
.BulltetTubeItem:nth-child(3) .BulletTubePlus {
width:74px; height:74px; margin: 0 0 0 382px;
}
.BulltetTubeItem:nth-child(4) {
top: 270px;
left: 6%;
text-align: right;
}
.BulltetTubeItem:nth-child(4) .BulletTubePlus {
width:102px; height:102px; margin: 0 0 0 382px;
}
.BulltetTubeItem:nth-child(5) {
top: 360px;
left: 63%;
}
.BulltetTubeItem:nth-child(5) .BulletTubePlus {
width: 74px;
height: 74px;
margin: 0 0 0 -96px;
}
.BulltetTubeItem:nth-child(6) {
top: 539px;
left: 6%;
text-align: right;
}
.BulltetTubeItem:nth-child(6) .BulletTubePlus {
width:120px; height:120px; margin: 0 0 0 382px;
}
.BulltetTubeItem:nth-child(7) {
top: 660px;
left: 63%;
}
.BulltetTubeItem:nth-child(7) .BulletTubePlus {
width: 87px;
height: 87px;
margin: 0 0 0 -100px;
}
.stepBTNs {
float: right;
z-index: 30;
width: 37%;
position:relative;
}
.PerspectParttubeBullets .imagetubepart {
position: relative;
/* height: 600px; */
margin: 0px 100px;
}
@media only screen and (max-width: 786px) {
.PerspectParttubeBullets .imagetubepart {
position: relative;
/* height: 600px; */
margin: 0;
}
}
.PerspectParttubeBullets .BulltetTubeItem .bullettextbox {
position: absolute;
bottom: 10px;
left: -340px;
width: 250px;
}
.PerspectParttubeBullets .freistellertube {width:100%; height:auto;}
.PerspectParttubeBullets .BulltetTubeItem .BulletTubePlus {
width: 74px;
height: 74px;
/* margin: 0 0 0 382px; */
position: absolute;
left: -74px;
bottom: 0px;
margin: 0px !important;
}
.PerspectParttubeBullets .BulltetTubeItem .bullettextbox {
font-weight: inherit !important;
font-family: "Helvetica Neue LT W01_75 Bold", sans-serif;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(2) {
text-align: right;
top: 26%;
left: 66%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(3) {
top: 44%;
left: 47%;
text-align: right;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(4) {
top: 74%;
left: 20%;
text-align: right;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(5) {
top: 46%;
left: 75%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(6) {
top: 60%;
left: 63%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(8) {
top: 91%;
left: 37%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(7) {
top: 75%;
left: 49%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(7) .BulletTubePlus {
margin: 0 0 0 -96px;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(n+5) .bullettextbox{
text-align: left;
left: 10px;
}
.PerspectParttubeBullets .introtext {
height: 140px;
}
.stepBtn {
position:absolute;
z-index:50;
cursor:pointer;
font-size: 30px;
color: #ffffff;
background: #64CCC9;
width: 61px;
height: 46px;
overflow: hidden;
text-align: center;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
padding: 19px 0 0 4px;
}
.stepBtn:hover { background:#4EAAA7;}
.SchritteSection .stepBtn {
font-size: 60px;
width: 81px;
height: 56px;
padding: 29px 0 0 4px;
cursor: default;
}
.SchritteSection .stepBtn:hover { background: #64CCC9; }
.stepBtn1 {
top:0px;
left: 30%;
}
.stepBtn2 {
top: 70px;
left: 50%;
}
.stepBtn3 {
top: -82px;
left: 77%;
}
.stepBtn4 {
top: 20px;
left: 73%;
}
.stepBtn5 {
top: -182px;
left: 69%;
}
.SchritteSection {padding:100px 0; float:left; z-index:20;}
.stepslider {border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:#eeeeee; z-index:20}
#steppager {
position: relative;
z-index: 9999;
margin: 0px 0 20px 0;
float: left;
width: 100%;
}
#steppager span {
border:1px solid #eeeeee;
display: block;
float: left;
z-index: 50;
cursor: pointer;
font-size: 30px;
color: #64CCC9;
background: #ffffff;
width: 61px;
height: 43px;
overflow: hidden;
text-align: center;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
padding: 17px 0 0 0px;
margin: 0 10px 0 0;
-webkit-transition: all 350ms;
-moz-transition:all 350ms;
-o-transition:all 350ms;
transition: all 350ms;
}
#steppager span.cycle-pager-active, #steppager span:hover {
color: #ffffff;
background: #64CCC9;
border:1px solid #64CCC9
}
.steppagerBottom {display:none}
.steppagerBottom.bottmbullet {display:block}
.steppagerBottom {
position: relative;
z-index: 9999;
margin: -33px 0 20px 0;
float: left;
width: 100%;
}
.stepsubinfo {
position: relative;
float: left;
width: 100%;
text-align: center;
margin: 20px 0 0 0;
}
.stepsubinfo .textinput {width:60%; margin:0 auto}
.width50{position:relative;}
.schrit1image {display:block; margin:0 auto; position:relative; z-index:10}
.schritt1HL {
font-size: 120px;
color: #fff;
text-align: center;
position: absolute;
width: 100%;
top: 40%;
z-index:1;
}
.schritt2HL {
font-size: 205px;
color: #D9D9D9;
text-align: center;
position: absolute;
width: 100%;
top: 40%;
z-index:1;
}
.Schritt3 .schritt2HL {
color: #ffffff;
top: 402px;
}
.SchritteSection .tube {
display: block;
margin: 0 auto;
position: relative;
z-index: 10;
}
.Schritt2 .textline {
font-size: 30px;
position: absolute;
width: 100%;
top: 60%;
}
.Schritt2 .textline::after {
border-bottom: 1px solid #000;
content: "";
width: 100%;
height: 1px;
position: absolute;
margin: 17px 0 0 0;
left:0px
}
.Schritt2 .textline .text_left {
display: block;
float: left;
background: #ffffff;
position: relative;
z-index: 2;
padding: 4px 5px 10px 0%;
margin: 0px 0 0px 0;
}
.Schritt2 .textline .text_right {
display: block;
float: right;
background: #ffffff;
position: relative;
z-index: 2;
padding: 4px 0px 10px 5px;
margin: 0px 0 0px 0;
text-align: right;
}
.Schritt3 .iconlinebox {
width: 25%;
float: left;
min-height: 380px;
}
.Schritt3 .iconlinebox .iconbox {
height: auto;
min-width: 100%;
text-align: center;
}
.Schritt3 .iconlinebox .boxicon {
width: auto;
height: 260px;
}
.Schritt4 .sectionHL {margin-top:140px }
.Schritt4 .teasertext {
margin: 50px 0 0 0;
float: left;
width: 76%;
}
.Schritt4 .schritt2HL {
font-size: 114px;
color: #fff;
text-align: center;
}
.imagepart .schritt2HL {
font-size: 102px;
color: #fff;
text-align: center;
margin: 0 30px 0 0px;
display: BLOCK;
}
.Schritt5 .schritt2HL {
top: 260px;
color: #fff;
}
.Schritt5 .infotext {
font-size: 18px;
width: 50%;
margin: 60px auto 0 auto;
text-align: center;
position: relative;
float: left;
padding: 0 25% 0 25%;
}
.Schritt5 .iconlinebox {
width: 33%;
float: left;
min-height: 310px;
}
.Schritt5 .iconlinebox .iconbox {
height: 220px;
}
.Schritt5 .iconlinebox .boxicon {
height: 206px;
}
.PartDownloads {padding:100px 0}
.PartDownloads .herotext {
line-height: 200px;
color: #77E3E0;
font-size: 200px;
text-align: center;
width: 100%;
display: block;
float: left;
}
.PartDownloads .downloadicon {
display: block;
margin: 0 auto;
position: relative;
top: -220px;
}
.PartDownloads .filelist {
width: 50%;
margin: 0 auto;
text-align: center;
}
.PartDownloads .filelist .downloadBTN {text-decoration:underline; }
.PartDownloads .filelist .downloadBTN:hover { color: #77E3E0; }
.PartDownloads .filelist {
width: 50%;
margin: 0 auto;
text-align: center;
position: relative;
top: -120px;
}
.linebreak {width:100%; height:1px; float:left}
.infoboxItem {
width: 31.5%;
background:#F2F2F2; margin: 0 1.5% 18px 0;
-webkit-transition: background 350ms;
-moz-transition:background 350ms;
-o-transition:background 350ms;
transition: background 350ms
}
.infoboxItem .boxtext {
line-height:24px;
font-size: 18px;
}
.infoboxItem .boxHL {
min-height: 35px;
line-height: 30px;
font-size: 30px;
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.PartInfoboxen .teaserboxBlockInner {width:102%}
.hoverbox {background-color: #64CCC9;}
.hoverbox .boxHL, .hoverbox .boxtext {color:#ffffff}
.PartSingleimage {z-index:20; padding:0px;}
.PartSingleimage img {display:block;}
.PartIntro.notube, .Part3TextImageSpaltenKlein.notube, .PartHltxtbtn.notube {
z-index: 20;
}
.Contentparttubeliegend {
margin: 0 0 -210px 0;
}
.Partfreisteller_liegend {
position: relative;
z-index: 21;
padding: 0 0 100px 0;
margin: -200px 0 0 0;
}
.freisteller_liegend {display:block; position:relative; z-index:22;}
.Partfreisteller_liegend .witheborder {position:absolute; background:#ffffff; width:100%; height:270px; bottom:0px; z-index: 0;}
.Part2SpaltenTextImage {
padding: 20px 0px;
z-index: 25;
}
.Part2SpaltenTextImage .textspalten {
width: 100%;
float: left;
margin: 0px 0 80px 0;
}
.Part2SpaltenTextImage .introtext {margin-bottom:50px}
.Part2SpaltenTextImage .textspalten .textbox {
width: 22%;
float: left;
margin: 0px 7% 0 0;
}
.Part2SpaltenTextImage .notextright .textbox { width: 46%;}
.Part2SpaltenTextImage .textspalten .textright {
margin: 0px 0 0 0;
float: left;
}
.Part2SpaltenTextImage .textspalten .imageright {
float: right;
width: 50%;
margin: -30px -3% 0 0;
}
.Partinfoboxenfreisteller {
padding: 70px 0 0px 0;
}
.Partroadmap {z-index:inherit}
.roadmapbg {
display: block;
position: relative;
z-index: 20;
}
.Partroadmap .introtext {position:absolute; text-align:center; width:100%; z-index:23; top:100px;}
.Partroadmap .maptropfen {width:250px; height:307px; overflow:hidden; position:absolute; z-index:30}
.Partroadmap .maptropfen:nth-child(2) {
top: 240px;
left: 50%;
margin: 0 0 0 -280px;
}
.Partroadmap .maptropfen:nth-child(3) {
top: 440px;
left: 50%;
margin: 0 0 0 -30px;
}
.Partroadmap .maptropfen:nth-child(4) {
top: 730px;
left: 50%;
margin: 0 0 0 -570px;
}
.Partroadmap .maptropfen:nth-child(5) {
top: 690px;
left: 50%;
margin: 0px 0 0 170px;
}
.Partroadmap .maptropfen .maptropfenInner {width:250px; height:307px; position:relative;}
.tropfenbg {
height: 100%;
display: block;
position: absolute;
bottom: 0px;
}
.tropfenttext {
width: 90%;
margin: 40px 0 0 5%;
position: absolute;
z-index: 21;
text-align: center;
font-size: 20px;
line-height: 25px;
}
.tropfenttext .icon {
height: 67px;
width: auto;
display: block;
margin: 0 auto 10px auto;
}
.Partroadmap .teaserbox {background:#ffffff;}
.Partroadmap .teaserbox:hover {background:#61D836;}
.Partroadmap .teaserbox:hover .boxtext {color:#000000;}
.Partroadmap .teaserbox:hover .boxHL {color:#ffffff;}
.Partroadmap .hoverbox, .Partroadmap .greenbox {background:#61D836;}
.Partroadmap .greenbox .boxHL {color:#ffffff;}
.Partroadmap .blank_box {opacity:0!important;}
.Partroadmap .teaserboxBlock {
margin: -360px 0 100px 0;
}
.PartIntro .headerimage_textlayert .standardHL {
z-index:20;
position: absolute;
color: #fff;
}
.headerimage {
width: 100%;
height: auto;
display: block;
}
.PartIntro .introheadertext {
position: absolute;
color: #fff;
width: 70%;
top: 350px;
margin: 0 0 0 5px;
z-index:20;
}
.textwithoutHeaderimage {padding-bottom:100px;}
.textwithoutHeaderimage .headerimage_textlayert .standardHL {
z-index: 20;
position: relative;
color: #000000;
margin: 220px 0 20px 0;
float:left;
width:100%
}
.textwithoutHeaderimage .introheadertext {
position: relative;
color: #000000;
width: 50%;
top: inherit;
}
.PartIntro .imagedarker {
z-index: 1;
background: #000000;
width: 100%;
height: 100%;
position: absolute;
opacity: 0.5;
}
.Part3textbildboxen .teaserboxInner {
width: 100%;
}
.Part3textbildboxen {z-index:20;}
.Part3textbildboxen .boximagepart {
position:relative;
float: left;
width: 100%;
margin: 0 0 40px 0;
overflow:hidden
}
.boximagepart .voximage {display:block;}
.teaserboxInner .boximagepart.newsthumb {
height: 210px;
min-height: auto;
}
.boximagepart.newsthumb .voximage {
width: 100%;
height: 100%;
object-fit: cover;
}
.imageWord {
z-index: 21;
font-size: 24px;
position: absolute;
color: #fff;
left: 20px;
bottom: 20px;
line-height: 24px;
}
.Part3textbildboxen .imagedarker {
z-index:20;
width:100%;
height:100%;
opacity:0.4
}
.videowrapper {
width: 100%;
float: left;
position: relative;
z-index: 20;
margin: 70px 0 0 0;
}
.videowrapper video {
width: 100%;
height: 354px;
margin: -25px 0 0 0;
}
.videowrapper .videobox {
width: 48%;
margin: 0 0 25px 0;
position:relative;
}
.videoboximagepart {
height: 288px;
overflow: hidden;
position:relative;
margin: 0 0 10px 0;
}
.PartVideos {
background: #fff;
z-index: 20;
}
.videowrapper .videobox:nth-child(even) {float:right}
.videowrapper .videobox .imagedarker {
opacity: 0.4; pointer-events: none;
}
video{
object-fit: inherit;
}
.Date {
float: left;
width: 100%;
font-size: 16px;
font-weight: normal;
font-family: 'Helvetica Neue LT W05 55 Roman', sans-serif;
}
.single-jobs .textsliderHL, .single-news_events .textsliderHL {
margin: 220px 0 20px 0;
float: left;
}
.standard_text_teaser_text {
float: left;
width: 100%;
font-size: 30px;
line-height: 32px;
margin: 0 0 40px 0;
color:#64CCC9;
}
.Part3textbildboxen .teaserboxBlock {margin: 40px 0 100px 0;}
.standard_textintrobox {
width: 68%;
float: left;
margin: 0 0 100px 0;
}
.jobinfobox {float:right; width:30%; position:relative; z-index:21; margin:-200px 0 0 0; padding: 0 0 40px 0;}
.jobinfoboxInner {
width: 85%;
margin: 20px auto 40px auto;
}
.jobinfoboxLine {
font-size: 16px;
line-height: 22px;
width: 100%;
float: left;
margin: 30px 0 5px 0;
}
.jobinfoboxLineHl {
display: block;
float: left;
width: 100%;
margin: 0 0 10px 0;
}
.moreBTNBox {
width: 100%;
text-align: center;
float: left;
margin: 30px 0 0 0;
}
.moreBTNBoxAllnews {
margin: 10px 0 60px 0;
}
.jobinfobox .moreBTNBox .moreBTN {
display: block;
border: 1px solid #fff;
min-width: 290px;
}
.moreBTNBox .btnarrowpart {
background-color: #4EAAA7;
border-left: 1px solid #fff;
-webkit-transition: all 350ms;
-moz-transition:all 350ms;
-o-transition:all 350ms;
transition: all 350ms;
}
.moreBTNBox:hover .btnarrowpart { background-color: #ffffff;}
.moreBTNBox .moreBTN:hover { background-color: #ffffff; color:#64CCC9; }
.moreBTNBox .moreBTN:hover .btnarrowWithe { display:none }
.moreBTNBox .moreBTN:hover .btnarrowGreen { display:inline }
.newstitel {font-size:26px; line-height:30px; floaT:left; width:100%; color:#64CCC9;}
.newstitel br {display:none}
.date {displaY:block; float:left; width:100%; margin:10px 0 30px 0; font-size:16px;}
.NewsteaserboxBlock .teaserboxInner {
width: 100%;
margin: 30px auto;
}
.page-template-page_newsevents .PartIntro {
width: 100%;
float: left;
padding: 0 0 0 0;
z-index: 20;
background: #fff;
}
.page-template-page_newsevents .textsliderHL {
margin: 220px 0 0px 0;
}
.page-template-page_newsevents .teaserboxBlock {
margin: 0px 0 100px 0;
}
.eventdate {color:#64CCC9; font-size:30px}
.ort {color:#000000; font-size:30px}
.EventsteaserboxBlock .teaserbox {
margin-top: 30px ;
border-top: 9px solid #000;
}
.EventsteaserboxBlock .teaserboxInner {
margin: 20px auto;
}
.EventsteaserboxBlock .textinput h3 {
margin: 5px 0 0 0;
}
.page-template-page_newsevents .teaserboxBlockInner {
width: 102%;
}
.page-template-page_newsevents .teaserboxBlockInner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-template-page_newsevents .NewsteaserboxBlock .teaserbox {
width: 31.4%;
display: block !important;
}
.NewsteaserboxBlock .teaserbox {display:none;}
.NewsteaserboxBlock .teaserbox:nth-child(1),
.NewsteaserboxBlock .teaserbox:nth-child(2),
.NewsteaserboxBlock .teaserbox:nth-child(3),
.NewsteaserboxBlock .teaserbox:nth-child(4),
.NewsteaserboxBlock .teaserbox:nth-child(5),
.NewsteaserboxBlock .teaserbox:nth-child(6)
{display:block;}
.page-template-page_newsevents .NewsteaserboxBlock .teaserbox {
width: auto;
display: block !important;
flex: 0 0 31.833333%;
max-width: 31.833333%;
margin: 0 1.5% 0 0;
}
.moreBTNAllnews {cursor:pointer}
.page-template-page_newsevents .standardHLEvents {
margin: 50px 0 0px 0;
}
.PartLinks {
z-index: 20;
margin: 0 0 250px 0;
}
.PartLinks .moreBTN {
text-align: center;
margin: 0 10px 0 0;
padding: 16px 35px 0 35px;
width: auto;
min-width: inherit;
background-color: #D9D9D9;
color:#000000;
}
.PartLinks .moreBTN:hover {
background-color: #64CCC9; color:#ffffff;
}
.page-template-page_links .textsliderHL {
margin: 220px 0 50px 0;
}
.page-template-page_links .fixedtube,
.page-template-page_links .footeractionpart,
.error404 .footeractionpart, .error404 .fixedtube , .error404 .goupbox , .page-template-page_link .goupbox ,
.page-template-page_textonly .fixedtube, .page-template-page_textonly .footeractionpart, .page-template-page_textonly .goupbox,
.page-template-page_contact .fixedtube, .page-template-page_contact .goupbox ,
.page-template-page_mailchimparchiv .fixedtube, .page-template-page_mailchimparchiv .goupbox, .page-template-page_mailchimparchiv .footeractionpart
{display:none !important}
.error404 .errortube {display:block !important}
.error404 .contentFooter {display:none}
.error404 .PartFooter {
padding: 0 0 220px 0 !important;
}
.page-template-page_contact .contentFooter {
border-top: 1px solid #D9D9D9;
}
.PartTextTurkis, .PartTextTurkis a {color:#64CCC9;}
.page-template-page_textonly .textsliderHL {
margin: 220px 0 50px 0;
}
.textbox.textinput h2, .textbox.textinput h1 {
font-size: 30px;
line-height: 34px;
}
.PartText2spalten .width50 {
width: 48%;
float: left;
}
.PartText2spalten .textboxright {
float: right;
}
.PartTextBlock {margin-bottom:50px;}
.formrow {
float: left;
width: 100%;
margin: 0 0 40px 0;
}
.formlabel {display:block; float:left; width:100%; margin:0 0 10px 0; font-size:16px; line-height: 20px;}
.formlabelgdpr {
float: left;
width: 77%;
margin: 0 0 0 24px;
}
span.gdpr {
float: left;
display: block;
width: 40px;
margin: -7px 0 0 -10px;
}
.formrow input.wpcf7-text, .wpcf7-list-item input, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select {width:100% ;border:0px; border-bottom:1px solid #707070; height:40px; font-size:20px; color:#64CCC9;
-moz-osx-font-smoothing: grayscale;
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;
font-weight: 300;
font-style: normal;
}
.formrow textarea {width:100% ; border:1px solid #707070; height:400px; font-size:30px; color:#64CCC9;
-moz-osx-font-smoothing: grayscale;
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;
font-weight: 300;
font-style: normal;
}
.formrow a {text-decoration:underline; text-decoration-style:dotted; }
.wpcf7-submit {
font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
font-weight: 600;
text-align: left;
margin: 0 auto;
height: 45px;
background-color: #64CCC9;
display: inline-block;
color: #ffffff;
padding: 22px 0 44px 15px;
border: 0px;
font-size: 18px;
line-height: 24px;
cursor: pointer;
background-image: url("img/arrow-withe.svg");
background-repeat: no-repeat;
background-position: 92% 19px;
}
.screen-reader-response, .wpcf7-not-valid-tip { display:none}
.wpcf7-not-valid ,.wpcf7-not-valid input,
.wpcf7-not-valid ,.wpcf7-not-valid select{
border: 1px solid red !important;
}
.wpcf7-validation-errors {color:red; width:100%; float:left; font-size:16px;}
.page-template-page_contact .textsliderHL {
margin: 220px 0 50px 0;
}
.joblistblock {
width: 100%;
float: left;
margin: 50px 0 0 0;
}
.joblisRow {
width: 96%;
position: relative;
border-bottom: 1px solid #D9D9D9;
float: left;
padding: 10px 2% 10px 2%;
}
.joblisRow .positionpart {float:left}
.itemname {width:60%}
.itemlocation {width:20%;}
.itemdate {width:15%; float:right}
.itemdate {text-align:right;}
.positionpart br{displaY:none}
.jobitem {color:#64CCC9;}
.jobitem:hover {background:#ffffff}
.contentFooter .footeractionpart a:hover {color:#64CCC9;}
.contentFooter .footeractionpart a {
-webkit-transition: all 250ms;
-moz-transition:all 250ms;
-o-transition:all 250ms;
transition: all 250ms;
}
.Partsearchlist .width80 {width:80%; float:left; margin:0 0 30px 0}
.Partsearchlist .width80 a {
-webkit-transition: all 350ms;
-moz-transition:all 350ms;
-o-transition:all 350ms;
transition: all 350ms;
}
.Partsearchlist .width80 a:hover {color:#64CCC9;}
.Partsearchlist {margin-bottom:50px;}
.search-results .contentFooter {
border-top: 1px solid #D9D9D9;
}
.burgermenuBTN {display:none;}
.width50.linklistpart {
width: 40%;
float: right;
margin: 153px 0 0 0;
position:relative;
}
.linkItem {
float: left;
width: 100%;
padding: 7px 0 7px 0;
}
.linkItem a {padding:2px 5px;}
.linkItem a:hover{background:#ffffff; color: #64CCC9; }
.linkbox {
position: relative;
z-index: 10;
margin: 0px auto;
width: 69%;
}
.linksbg {
display: block;
width: 80%;
height: auto;
position: absolute;
top: -110px;
opacity: 0.7;
}
.page-template-page_mailchimparchiv .textsliderHL {
margin: 220px 0 60px 0;
}
.page-template-page_mailchimparchiv .campaign {
cursor:pointer;
border-bottom: 1px solid #D9D9D9;
width: 100%;
float: left;
padding: 10px 0 10px 0;
}
.page-template-page_mailchimparchiv .campaign:after {
font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
content: "read";
position: absolute;
right: 0px;
font-weight: 600;
}
.page-template-page_mailchimparchiv .campaign:hover:after { color: #64CCC9;}
.page-template-page_mailchimparchiv .campaign a {
display: inline;
font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
color: #64CCC9;
font-weight: 600;
}
.recycling h2 {
margin-bottom: 70px;
}
.recycling p {
}
.recycling .col-2{
width: 25%;
float: left;
padding-right: 118px;
box-sizing: border-box;
}
.recycling .col-2 .header {
font-size: 28px;
}
.recycling .col-2 img {
margin: 19px 0px;
}
.recycling .col-2 .percent {
font-size: 35px;
margin-bottom: 10px;
}
.recycling .main-image {
padding-top: 50px;
clear: both;
}
.PerspectParttubeBullets .introtext {
width: auto;
text-align: left;
}
.bluetube-footer{
z-index: 0;
}
.footer-bluetube {
position: absolute;
right: 5%;
bottom: -160px;
}
.subline {
margin: 20px 0px;
font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
font-weight:600;
font-size: 30px;
line-height: 30px;
}
.subline strong {
color: #000080;
}
.PerspectParttubeBullets .introtext {
height: auto;
margin-bottom: 30px;
}
.video-container {
background-color: #fff;
position: relative;
z-index: 999;
}
video {
width: 100%;
height: auto;
z-index: 999;
position: relative;
}
/* --------------------------------------------------------------------------- bluetube evo */
.Partinfotexttubebigtexticon .freisteller {
position: relative;
right: inherit !important;
margin: 90px 0px 50px 0px;
display: block;
float: left;
width: 41%;
}
.infotextparicons {
float: right;
width: 57%;
position: relative;
margin: 130px 0 0 0;
}
.infotextparicons h2 {
font-size: 58px;
line-height: 63px;
width: 100%;
float: left;
}
.infotextparicons h2 strong { color:#54C1BD;}
.infotextparicons .icon {
display: block;
margin: 100px 0 20px 0;
}
.infotextparicons .subtext {
float: left;
width: 100%;
margin: 10px 0 0 0;
}
.Part2tubesbigtexticon .freisteller {
width: 50%;
}
.Part2tubesbigtexticon .noteasertext {width:90%;}
.Part2tubesbigtexticon .noteasertext .teasertext {
width: 75%;
}
.Part2tubesbigtexticon .imagePropart {
width: 50%;
float: left;
}
.Part2tubesbigtexticon .infotextparicons {
width: 50%;
}
.imagePropart1 .freisteller {float:right;}
.imagePropart1 .infotextparicons {
float: left;
text-align: right;
}
.imagePropart1 .infotextparicons .icon {
float: right;
}
.Part2tubesbigtexticon .freisteller {
margin: 20px 0px 0 0px;
}
.PartBildtextboxen .introtext {
width: 50%;
text-align: left;
margin: 0 0 70px 0;
float: left;
}
.teaserlistitem {
float: left;
width: 100%;
position: relative;
margin: 0 0 80px 0;
}
.teaserlistitem .textbox {
float: left;
width: 62%;
}
.teaserlistitem .teaserimagepart {
position: relative;
width: 30%;
float: right;
}
.teaserlistitem .teaserimagepart .teaserimage {display:block; width:100%;}
.teaserlistitem:nth-child(even) .textbox {
float:right
}
.teaserlistitem:nth-child(even) .teaserimagepart {
float:left
}
.width75 .teaserlistitem p {
padding-right: 0px;
}
.colboxitem2 {margin:30px 0 0 0;}
.recycling .col-2 .header {
font-size: 28px;
line-height: 28px;
}
.colboxitem {
float: left;
width: 100%;
}
.colboxitem .subtext {float:left; width:100%;}
.circulareconomy .col-2 img {
margin: 20px 0px 5px 0;
}
.evotube {
margin-right: 30px;
width: 325px;
display:none;
}
/* --------------------------------------------------------------------------- Sk */
.Lang_sk .megaline {
font-size: 112px;
line-height: 100px;
display: block;
margin: 0 0 -40px 0;
}
.Lang_sk .Partfreisteller_liegend {
padding: 0 0 100px 0;
margin: -20px 0 -50px 0;
}
.Lang_ru .infotextparicons h2 {
font-size: 38px;
line-height: normal;
}
/* --------------------------------------------------------------------------- IE */
@media screen and (-ms-high-contrast: none) {
strong, .bold {
font-family: "Helvetica Neue LT W01_75 Bold", sans-serif;
font-weight: inherit !important;
}
}
/* --------------------------------------------------------------------------- h 810 */
@media screen and (max-height: 810px) {
.tubeTop.fixedtube {
bottom: -5%;
}
}
/* --------------------------------------------------------------------------- 1576px */
@media screen and (max-width: 1800px) {
.menuPart{
width: 77%;
}
}
/* --------------------------------------------------------------------------- min 1576px */
@media (min-width: 1576px){
.PartMiddleImage .sectionHL.small{
line-height: 40px;
}
.PartMiddleImage .sectionHL.small .megaline{
font-size: 150px;
line-height: 125px;
}
}
/* --------------------------------------------------------------------------- 1576px */
@media screen and (max-width: 1576px) {
.tubefreisteller .texsliderimg {
margin: 0 45px 0 0px;
left: inherit;
width: 740px;
}
html, body {
font-size: 16px;
line-height: 22px;
}
.metanav {
margin-left: 0 !important;
}
.headerLogo {
margin: 33px 0 0 15px;
max-width: 150px;
}
.socialLinks {
margin-right: 20px;
width: 118px;
}
.socialIcon.facebook {
height: 25px;
width: 25px;
max-width: 25px;
}
.socialIcon.youtube {
height: 25px;
width: 25px;
max-width: 25px;
}
.socialIcon.linkedin {
height: 25px;
width: 25px;
max-width: 25px;
}
.socialLinks .linklinkedin {
}
.socialLinks .linkyoutube {
}
.menuPart {
width: 87%;
}
.languagePart {
margin: 16px 20px 0 0;
}
.searchPart {
float: right;
border-right: 0px solid #D9D9D9;
padding: 0 10px 0 0;
margin: 16px 0px 0 0;
}
.adressbox {
margin: 33px 0 0 20px;
}
.contacticon {
margin: -6px 10px 6px 0;
}
.footernavbox {
margin: 33px 0 0 0px;
width: 54%;
padding: 0 0% 20px 2%;
}
.footertitel, .footernavbox ul > li.level-0 > a {
margin: 0 0 15px 0;
}
.footernavbox ul > li.level-0 {
min-height: 158px;
}
.megaline {
font-size: 170px;
line-height: 170px;
margin: 0 0 -70px 0;
}
.iconlinebox .boxtext {
font-size: 16px;
line-height: 20px;
}
.bigimagelayerText.headline_black_small .sectionHL .megaline,
h1, h2, .sectionHL {
font-size: 50px;
line-height: 50px;
}
.teasertext {
margin: 20px 0 0 0;
}
.PartBigimageBigtext .teasertext {
margin: 80px 0 0 0;
}
.Part3textbildboxen {
padding: 100px 0 20px 0;
}
.PartBigimageIconbox .bigimagelayerText {
top: 260px;
}
.boxtext {
font-size: 25px;
line-height: 27px;
}
.iconbox {
height: 120px;
min-width: 60px;
}
.Part2SpaltenImage .imagetext {
font-size: 25px;
line-height: 30px;
margin: 0 0 20px 0;
}
.Part2SpaltenTextGrafik .infoboxInner { font-size: 25px;
line-height: 30px;
}
Element {
}
.textbox.textinput h2, .textbox.textinput h1 {
font-size: 25px;
line-height: 30px;
}
.searchOn .searchlayer {
top: 51px;
}
.width50.imagepart {
margin: 0 -20px 0 0;
}
.width50.imagepart img{
width: 90%;
}
}
@media screen and (max-width: 767px) {
.imagetubepart {
margin: 0px;
}
.PerspectParttubeBullets .BulltetTubeItem .BulletTubePlus {
position: relative;
left: 0px;
bottom: 0px;
margin-left: 30px;
display: inline;
}
.PerspectParttubeBullets .BulltetTubeItem .bullettextbox {
position: relative;
float: none;
left: 0px;
display: inline-block;
bottom: 20px;
}
.Lang_sk .megaline {
font-size: 120px;
line-height: 110px;
margin: 0 0 -40px 0;
}
.width50.imagepart {
margin: 0 0 0 0;
}
.width50.imagepart img{
width: 100%;
}
.left-sided .width50.trans {
width: 100%;
float: left;
}
.left-sided .width50.imagepart {
width: 100%;
}
}
/* --------------------------------------------------------------------------- 1400px */
@media screen and (max-width: 1400px) {
.bigevoHeaderContent .leftImage {
width: 65%;
}
.bigevoHeaderContent .rightImage {
margin: -50px 0 0 0;
width: 80%;
float: right;
}
.menuPartMain li {
margin: 0 20px 0 0px;
}
}
/* --------------------------------------------------------------------------- 1430 */
/* @media screen and (max-width: 1430px) {
.PerspectParttubeBullets .BulltetTubeItem:nth-child(2) {
left: 17%;
top: 21%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(3) {
top: 38%;
left: 3%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(4) {
top: 590px;
left: 14%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(5) {
top: 610px;
left: 74%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(6) {
top: 739px;
left: 68%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(7) {
top: 910px;
left: 58%;
}
} */
/* --------------------------------------------------------------------------- 904px */
/* @media screen and (max-width: 904px) {
.PerspectParttubeBullets .BulltetTubeItem:nth-child(2) {
left: 12%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(3) {
top: 470px;
left: 1%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(4) {
top: 590px;
left: -6%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(5) {
top: 610px;
left: 65%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(6) {
top: 739px;
left: 54%;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(7) {
top: 840px;
left: 46%;
}
} */
/* --------------------------------------------------------------------------- 1382 */
@media screen and (max-width: 1382px) {
.texsliderimg.hintergrundbildbigger {
left: -480px;
}
}
/* --------------------------------------------------------------------------- 1220px */
@media screen and (max-width: 1220px) {
.scroll .menuPartMain .current-menu-item ul.sub-menu {
left: 1px;
position: fixed;
top: -1px;
margin: 0 0 0 0;
width: auto !important;
min-width: 100%;
border: 0px solid #D8D8D8;
padding-left: 12px;
}
.InnerCenter {
width: 95%;
}
.PartTeaserboxen {
padding: 50px 0 50px 0;
}
.teaserboxBlock {
margin: 50px 0 50px 0;
}
.megaline {
font-size: 130px;
line-height: 140px;
}
.sectionHL br {
display: none;
}
.PartMiddleImage .sectionHL br {
display: block;
}
.PartBigimageIcons .sectionHL {
width: 60%;
}
.footernavbox {
width: 62%;
border-right: 0px solid #D9D9D9;
}
.adressbox {
width: 33%;
}
.footermetabox.footerbox {
width: 100%;
}
.newsletterbox {
position: absolute;
float: left;
width: 62%;
margin: 0px 0 0 0;
right: 0px;
}
.menuPartMain li {
margin: 0 8px 0 0px;
}
.headerLogo {
width: 170px;
}
.PartIntro .slideitem .textsliderHL {
max-width: 100%;
width: 100%;
}
.PartIntro .introheadertext {
width: 90%;
top: 320px;
}
.slideitem .textsliderHL { max-width: 100%;
}
.Part3textbildboxen .teaserboxBlock {
margin: 20px 0 20px 0;
}
.page-template-page_contact .textsliderHL, .page-template-page_textonly .textsliderHL, .page-template-page_newsevents .textsliderHL, .page-template-page_links .textsliderHL {
margin: 100px 0 50px 0;
}
.jobinfobox .moreBTN {
min-width: 235px;
}
.megaline {
margin: 0 0 -20px 0;
}
.languagePart {
float: right;
margin: 16px 0px 0 0px;
padding: 0 11px 30px 0;
}
.langList {
}
.linksbg {
width: 90%;
height: auto;
top: -140px;
left: -40px;
}
.tubefreisteller .texsliderimg {
margin: 0 97px 0 0px;
left: inherit;
width: 710px;
}
.Lang_sk .megaline {
font-size: 90px;
line-height: 80px;
display: block;
margin: 20px 0 10px 0;
}
.PartBigimageBigtext .sectionHL {
width: 70%;
font-size: 40px;
line-height: 50px;
}
.PartBigimageBigtext .megaline {
font-size: 90px;
line-height: 90px;
}
.PartBigimageBigtext .bigimagelayerText .teasertext {
margin: 30px 0 0 0;
}
.teaserboxInner .boximagepart.newsthumb {
height: 168px;
}
}
/* --------------------------------------------------------------------------- 1310px */
@media screen and (max-width: 1310px) {
.bigheadline {
font-size: 80px;
line-height: 75px;
}
.menuPartMain .menu li a {
font-size: 11px;
}
.plusboxen {
width: 54%;
}
/*PASTE HERE*/
.menuPart {display:none}
.burgermenuBTN {
display: block;
position: absolute;
z-index: 99999999;
top: 40px;
right: 20px;
width: 35px;
cursor:pointer;
}
.burgermenuBTN span {
display: block;
width: 100%;
float: left;
background: #000000;
height: 2px;
margin: 5px 0 4px 0;
}
.mobNavOn .burgermenuBTN, .burgermenuBTNX {display: none; }
.mobNavOn .burgermenuBTNX {
display: block;
}
.mobNavOn .menuPart {
display: block;
float: left;
width: 100%;
background: #fff;
-webkit-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.08);
-moz-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.08);
box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.08);
}
.mobNavOn .languagePart {
display: block;
position: absolute;
left: 0;
width: 100%;
margin-top: 30px;
font-size: 18px;
}
.menuPartMain .menu li a {
font-size: 14px;
}
.menuPartMeta .menu {
float: left;
}
.wpml-ls-legacy-list-vertical > ul {
position: relative;
padding: 0 0 4px 0;
margin: 0 0 0 10px !important;
list-style-type: none;
float: left;
width: 100%;
}
.spracheIcon {display:none;}
.mobNavOn .langList {
margin: -9px 0 0 0;
width: 100%;
display: block;
background: none;
position: relative;
z-index: 10000;
padding: 0px 0px 4px 0px;
padding-left: 6.5% !important;
border-top: 0px solid #eee;
text-transform: capitalize;
font-size: 16px;
-webkit-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0);
-moz-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0);
box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0);
float: left;
border-bottom: 1px solid #ccc;
}
.mobNavOn .langList .wpml-ls-legacy-dropdown {
width: 100px;
}
.mobNavOn .langList ul li a {
padding-top: 13px;
padding-bottom: 13px;
}
.mobNavOn .socialLinks {
width: 150px;
z-index: 9999;
position: relative;
float: left;
margin-top: 80px;
margin-left: 4.5% !important;
}
.socialIcon.youtube {
height: 35px;
width: 35px;
max-width: 35px;
}
.socialIcon.linkedin {
height: 35px;
width: 35px;
max-width: 35px;
}
.socialIcon.facebook {
height: 35px;
width: 35px;
max-width: 35px;
}
.mobNavOn .metanav {
position: relative;
z-index: 99;
}
.metanav {
margin-left: 4.5% !important;
width: 95%;
}
.menuPartMeta li {
margin: 0 18px 0 0px;
font-size: 12px;
padding: 10px 0 0 0;
}
.menuPartMain ul > li.level-0::after {
opacity: 0;
}
.menuPartMain .current-menu-item ul.sub-menu {
display: block;
position: relative;
width: 100%;
border: 0px;
padding: 10px 0 0 0;
margin: 0px;
border-bottom: 5px solid #64CCC9;
-webkit-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
-moz-box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
box-shadow: 0px 13px 25px 0px rgba(50, 50, 50, 0.0);
}
.menuPartMain .level-0.current-menu-item::before {
display: none;
}
.menuPartMain a {display:block; width:95%; margin-left:5%}
.menuPartMain .level-0 {
position: relative;
height: auto;
width: 100%;
padding: 15px 0 6px 0%;
border-bottom: 5px solid #eee;
}
.menuPartMain ul > li.level-0::after {
height: auto;
}
.menuPartMain .level-0.current-menu-item > a {
font-family: "Helvetica Neue LT W05 65 Medium", sans-serif;
color: #64CCC9;
font-weight: 600;
}
.menuPartMain .level-0.current-menu-item ul.sub-menu a {
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif !important;
color: #000 !important;
font-weight: 300 !important;
}
.trans {
opacity:1
}
.menuPartMain ul.sub-menu::before {
display: none;
}
.menuPartMain ul.sub-menu, .menuPartMain .current-menu-item ul.sub-menu {
position: relative;
overflow: visible;
width: 100%;
height: auto;
background-color: transparent;
border-bottom: 0px solid #64CCC9;
float: left;
}
.menuPartMain ul.sub-menu li {
width: 100%;
float: left;
text-transform: uppercase;
padding: 0px 0 0px 0;
margin: 0px 0px 12px 0;
}
.Lang_sk .megaline {
font-size: 70px;
line-height: 60px;
display: block;
margin: 20px 0 10px 0;
}
.burgermenuBTNX {
position: absolute;
right: 20px;
top: 41px;
width: 27px;
cursor: pointer;
}
.searchPart{
width: 100%;
padding-left: 16px;
padding-right: 16px;
float: left;
height: 50px;
position: relative;
}
.searchlayer {
width: 100% !important;
position: initial;
right: auto;
left: 0;
top: 0;
}
.searchOn .searchBTN {
position: absolute;
width: 29px;
height: 29px;
}
.searchOn .xlupe {
position: absolute;
right: 5%;
top: 4px;
width: 29px;
height: 29px;
}
.search-field {
font-size: 22px;
width: 85%;
transform: translate(3px, -12px);
-o-transform: translate(3px, -12px);
-ms-transform: translate(3px, -12px);
-moz-transform: translate(3px, -12px);
-webkit-transform: translate(3px, -12px);
}
}
/* --------------------------------------------------------------------------- 1010px */
@media (max-width: 1010px) {
.bigimage {
position: absolute;
top: 0;
left: 0;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.BulltetTubeItem:nth-child(3) {
left: -20px;
}
.BulltetTubeItem:nth-child(4) {
left: -20px;
}
.BulltetTubeItem:nth-child(6) {
left: -20px;
}
.plusboxInner {
font-size: 16px;
}
.plusbox {
height: 155px;
width: 155px;
}
}
@media (max-width: 1010px) {
.plusboxInner {
font-size: 14px;
margin: 45px auto 0 auto;
}
.plusbox {
height: 130px;
width: 130px;
}
}
/* --------------------------------------------------------------------------- 1025 */
@media screen and (max-width: 1025px) {
.tubefreisteller .texsliderimg {
margin: 0 211px 0 0px;
left: inherit;
width: 620px;
}
}
/* --------------------------------------------------------------------------- 1010px */
@media screen and (max-width: 1010px) {
.bigheadline {
font-size: 60px;
line-height: 60px;
margin: 140px 0 0 0;
}
.tubefreisteller .texsliderimg {
margin: 0 267px 0 0px;
width: 572px;
}
.bigimagelayerText {
top: 0;
}
.megaline {
font-size: 90px;
line-height: 110px;
}
.freisteller {
width: 210px;
}
.bigimagelayerText .teasertext {
width: 80%;
}
.PartHltxtbtn .moreBTNBox {
text-align: left;
margin: 15px 0 15px 0;
}
.fixedtube {
display: block;
position: fixed;
bottom: 0px;
right: 20%;
z-index: 0;
margin: 0 -27px 0 0px;
width: 260px;
}
.pluscircles {
margin: -10px -60px 0 0px;
}
.PartBigimageIcons .sectionHL {
width: 100%;
text-align: right;
}
.PartBigimageIcons .bigimagelayerText {
top: 110px;
}
.footernavbox ul > li.level-0 {
width: 33%;
margin: 0 0 0 0;
min-height: 188px;
}
.footermetabox.footerbox {
float: left;
width: 20%;
margin: -57px 0 0 2%;
}
.nlForm {
width: 100%;
float: left;
position: relative;
margin: 10px 0 0 0;
}
.nltextinput {
font-family: 'Helvetica Neue LT W05 55 Roman', sans-serif;
color: #64CCC9;
border: 1px solid #64CCC9;
width: 62%;
height: 36px;
padding: 0 0 0 4%;
font-size: 16px;
}
.nlsubmit {
height: 38px;
}
.proconimage {
width: 119%;
max-width: inherit;
margin: 45px 0 0 -32px;
}
.textspalten {
margin: 80px 0 20px 0;
}
.contentimage {
margin: 0 -29px 0 0px;
}
.freistellerBottom {
display: block;
float: right;
margin: -290px 0 -150px 0;
width: 67%;
}
.image_icon {
right: 2%;
bottom: 50px;
width: 140px;
}
.Iconteaserbox {
top: -50px;
}
.marktInfobox {
margin: 0 -410px 0 0px;
}
.PartBigimageIconbox .bigimagelayerText {
/*top: 20px;*/
bottom: 0;
}
.PartzwischenHL {
padding: 50px 0 50px 0;
}
.wpml-ls-legacy-list-vertical {
display: block;
max-width: auto;
border: 0px solid transparent;
border-bottom: 0;
}
.wpml-ls-legacy-list-vertical > ul {
width: auto;
}
.wpml-ls-legacy-list-vertical .wpml-ls-item {
float: left;
}
.infotextparicons h2 {
font-size: 38px;
line-height: 40px;
}
.PartProbullets {
padding-bottom: 20px;
}
.Part2tubesbigtexticon .noteasertext .teasertext {
width: 100%;
}
.infotextparicons {
margin: 120px 0 0 0;
}
.infotextparicons .icon {
margin: 50px 0 20px 0;
}
.Part2tubesbigtexticon .freisteller {
margin: 120px 0px 0 0px;
}
.recycling .col-2 {
width: 42%;
float: left;
padding-right: 0px;
box-sizing: border-box;
margin: 13px 0 0 0;
}
.recycling .width75 {
width: 58%;
float: left;
}
.bigevoHeaderContent .leftImage {
width: 95%;
}
.bigevoHeaderContent .moreBTN {
min-width: 260px;
}
}
/* --------------------------------------------------------------------------- ios */
@supports (-webkit-overflow-scrolling: touch) {
strong, .bold {
font-family: "Helvetica Neue LT W01_75 Bold", sans-serif;
font-weight: inherit !important;
}
}
/* --------------------------------------------------------------------------- 992px */
@media screen and (max-width: 992px) {
.PartBigimage .PartBigimageBigtext {
min-height: 600px;
}
.PartBigimageBigtext .sectionHL {
font-size: 35px;
line-height: 40px;
}
.PartBigimageBigtext .megaline {
font-size: 80px;
line-height: 85px;
}
.page-template-page_newsevents .NewsteaserboxBlock .teaserbox {
flex: 0 0 47.75%;
max-width: 47.75%;
}
.teaserboxInner .boximagepart.newsthumb {
height: 210px;
}
}
/* --------------------------------------------------------------------------- 767px */
@media screen and (max-width: 767px) {
.bigheadline {
font-size: 40px;
line-height: 40px;
margin: 20px 0 28px 0 !important;
}
.Lang_sk .megaline {
font-size: 48px;
line-height: 48px;
display: block;
margin: 20px 0 10px 0;
}
.ParttubeBullets {
padding: 0 0;
}
.width50.linklistpart {
width: 100%;
float: right;
margin: 0 0 0 0;
position: relative;
}
.linkbox {
width: 100%;
text-align: center;
}
.linksbg {
width: 80%;
top: -30px;
left: 9%;
}
.languagePart {display:none}
.searchOn .searchlayer {
opacity: 1;
position: relative;
width: 100% !important;
height: 48px;
top: 0;
}
.searchBTN {
cursor: pointer;
margin: -2px 16px 0 0px;
display: block;
}
.searchOn .xlupe {
right: 11%;
}
.search-submit {
}
.search-field {
border: 0;
height: 40px;
width: 69%;
color: #64CCC9;
font-size: 17px;
transform: translate(3px, -12px);
-o-transform: translate(3px, -12px);
-ms-transform: translate(3px, -12px);
-moz-transform: translate(3px, -12px);
-webkit-transform: translate(3px, -12px);
}
.textsliderHL {
margin: 40px 0 40px 0;
}
.page-template-page_bluetube .textsliderHL {
margin: 40px 0 20px 0;
}
.bigimagelayerText.headline_black_small .sectionHL .megaline,
h1, h2, .sectionHL {
font-size: 34px;
line-height: 39px;
}
.pluscircles {
float: left;
margin: 0px 0px 0 0px;
position: relative;
min-width: inherit !important;
width: 100%;
min-height: 510px !important;
}
.pagingSpot {
width: 130px;
float: inherit;
margin: 0px auto;
position: relative;
top: inherit !important;
z-index: 999999;
}
.circleplus1 {
top: 5%;
}
.circleplus2 {
top: 10%;
}
.circleplus3 {
top: 21%;
}
.circleplus4 {
top: 21%;
}
.circleplus5 {
top: 33%;
}
.circleplus6 {
top: 42%;
}
.circleplus8 {
top: 58%;
}
.circleplus9 {
top: 57%;
}
.circleplus7 {
top: 45%;
}
.PartTextliderContent {height:auto !important; min-height:auto !important;}
.fixedtube {
display: block;
position: absolute;
top: 405px;
right: 20%;
z-index: 0;
margin: 0 0px 0 -113px;
width: 238px;
left: 50%;
}
.PartTeaserboxen {
padding: 20px 0 20px 0;
z-index: 20;
background: #fff;
}
.textsliderHL br, .textsliderHL .bold br{display:none;}
.width50 {
width: 100%;
float: left;
}
.teaserbox {
width: 100%;
float: left;
min-height: 228px;
margin: 0 0 20px 0;
}
.teaserboxBlock {
margin: 20px 0 0px 0;
}
.PartIconline {
padding: 20px 0 20px 0;
overflow: hidden;
}
.iconboxBlock {
margin: 20px 0 0 0;
}
.iconlinebox {
width: 100%;
min-height: 2px;
display: block;
}
.freisteller {
display: block;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 30;
margin: 0 auto;
right: inherit;
width: 140px;
}
.bigimagelayerText {
position: relative;
}
.bigimagelayerText .teasertext {
width: 100%;
}
.megaline {
font-size: 50px;
line-height: 80px;
}
.PartBigimage {
padding: 0px 0 0px 0;
min-height: 300px;
}
.contentimage {
margin: 0 0px 0 0px;
}
.PartStandorte .teaserboxBlock {
margin: 120px 0 20px 0;
width: 100%;
}
.PartStandorte .teaserbox {
width: 100%;
min-height: 265px;
margin: 0 0 20px 0;
}
.PartBigimageIcons .bigimagelayerText {
top: 20px;
}
.iconBoxRow .bigimageIconBox {
float: left;
margin: 0 40px 20px 9%;
width: 28%;
}
.iconBoxRow .bigimageIconBox:last-child {
margin: 0 40px 20px 9%;
}
.iconBoxRow {
width: 100%;
floaT: left;
position: relative;
margin: 30px 0 30px 0;
}
.PartBigimageIcons .sectionHL {
width: 100%;
text-align: left;
}
.newsletterbox {
position: relative;
float: left;
width: 100%;
margin: 0px 0 0 0;
}
.footermetabox.footerbox {
width: 95%;
width: 100%;
margin: 10px 0 0 6.5%;
}
.footernavbox {
width: 95%;
margin: 10px 0 0 4.5%;
border-right: 0px solid #D9D9D9;
border: 0px;
}
.footernavbox ul > li.level-0 {
width: 100%;
margin: 0px 0 0 0;
min-height: auto;
}
.adressbox {
width: 95%;
margin: 30px 0 30px 4.5%;
}
.copy {
float: left;
margin: 10px 0 0 0;
width: 100%;
text-align: center;
font-size: 16px;
}
.PartFooter .headerLogo {
width: 170px;
display: block;
margin: 20px auto;
float: none;
}
.PartFooter .socialLinks {
margin-top: 35px;
width: 100%;
margin: 20px 0 0 0;
text-align: center;
}
.slogan {
font-size: 18px;
float: left;
border-right: 0px solid #D9D9D9;
padding: 0px 0px 0px 0;
margin: 30px 0 70px 0;
line-height: 18px;
font-weight: 600;
width: 100%;
text-align: center;
}
.nltextinput {
font-size: 14px;
}
.goupbox {
width:100%;
float:left;
display: block;
position: relative;
bottom: 0;
right: 0;
text-align: center;
}
.goupbox .goupOn {
position: relative;
opacity: 1;
z-index: 99999999;
bottom: 0px;
}
.search-results .fixedtube {
display: none;
}
.page-template-page_contact .textsliderHL, .page-template-page_textonly .textsliderHL, .page-template-page_newsevents .textsliderHL, .page-template-page_links .textsliderHL {
margin: 20px 0 20px 0;
}
.page-template-page_newsevents .teaserboxBlockInner {
width: 100%;
}
.teaserbox {
min-height: auto !important;
}
.PartInfoboxen .teaserboxBlockInner {
width: 100%;
}
.moreBTNBox {
margin: 20px 0 30px 0;
}
.page-template-page_newsevents .teaserboxBlock {
margin: 0px 0 0px 0;
}
.PartText2spalten .width50 {
width: 100%;
float: left;
}
.PartTextBlock {
margin-bottom: 20px;
}
.textbox.textinput h2, .textbox.textinput h1 {
font-size: 22px;
line-height: 30px;
}
.PartLinks .moreBTN {
text-align: center;
margin: 0 10px 17px 0;
padding: 22px 0px 0 0px;
width: 100%;
min-width: inherit;
background-color: #D9D9D9;
color: #000000;
}
.single-jobs .textsliderHL, .single-news_events .textsliderHL {
margin: 20px 0 20px 0;
float: left;
width: 100%;
}
.single-jobs .fixedtube, .single-news_events .fixedtube {display:none}
.standard_textintrobox {
width: 100%;
float: left;
margin: 0 0 20px 0;
}
.jobinfobox {
float: left;
width: 100%;
position: relative;
z-index: 21;
margin: 0px 0 0 0;
padding: 0 0 40px 0;
}
.jobinfobox .moreBTNBox .moreBTN {
display: block;
border: 1px solid #fff;
min-width: inherit;
}
.Part3textbildboxen .teaserboxInner {
margin: 0px auto;
}
.joblisRow {
width: 100%;
position: relative;
border-bottom: 1px solid #D9D9D9;
float: left;
padding: 10px 0 10px 0;
}
.itemname {
width: 45%;
}
.itemdate {
width: 24%;
float: right;
}
.joblisRow .positionpart {
float: left;
font-size: 14px;
line-height: 16px;
}
.joblisRow .itemdate {
text-align: right;
float: right;
font-size: 12px;
}
.PartIntro .headerimage_textlayert .standardHL {
z-index: 20;
position: relative;
color: #000;
max-width: 100%;
width: 100%;
}
.PartIntro .introheadertext {
position: relative;
color: #fff;
width: 90%;
top: inherit;
margin: 0 0 39px 5px;
z-index: 20;
}
.PartBigimageIconbox .teaserboxBlock {
position: relative;
margin: 0px 0 0px 0;
}
.proconList {
width: 100%;
float: left;
}
.proconItem {
position: relative;
float: left;
width: 48%;
text-align: left;
margin: 3px 10px 30px 0;
}
.proconPlus {
display: block;
position: relative;
top: 0px;
right: inherit;
}
.PartProContra .introtext {
padding: 20px 0;
}
.proconItem, .proList .proconItem {
position: relative;
float: left;
width: 45%;
text-align: left;
margin: 3px 0 30px 5%;
}
.proList .proconPlus {
right: inherit;
left: inherit;
}
.proconimage {
width: 40%;
max-width: inherit;
margin: 45px 0 0 0;
position: absolute;
left: inherit;
top: 250px;
right: 0px;
opacity: 0.5;
}
.textspalten .textbox {
width: 100%;
float: left;
}
.textinput td {
padding: 0 30px 30px 0;
min-width: 30%;
vertical-align: top;
display: block;
width: 100% !important;
}
.textinput h2, .textinput h1 {
font-size: 35px;
line-height: 38px;
margin: 0 0 20px 0;
}
.imagelayerbild {
width: 100%;
max-width: inherit;
display: block;
}
.textlayerpart .sectionHL {
color: #ffffff;
margin: 0% 0 0 0;
}
.image_icon {
right: inherit;
bottom: inherit;
width: 100px;
position: relative;
margin: 30px auto;
float: none;
display: block;
}
.PartBigimageIconbox .bigimagelayerText {
top: 20px;
width: 100%;
}
.plusboxen {
width: 100%;
float: left;
position: relative;
z-index: 20;
margin-right: 0;
}
.plusbox {
position: relative;
background: #64CCC9;
height: 152px;
width: 48%;
float: left;
margin: 0 0 70px 0;
}
.plusbox:nth-child(2) {
margin-top: 0;
left: inherit;
float: right;
}
.plusbox:nth-child(3) {
margin-top: 0px;
float: left;
}
.plusbox:nth-child(4) {
margin-top: 0px;
float: right;
}
.plusbox:nth-child(5) {
margin-top: 0;
left: inherit;
}
.plusbox:nth-child(6) {
left: inherit;
float: right;
}
.plusicon.Bottomright {
top: -26px;
}
.noteasertext .sectionHL {
margin-top: 20px;
}
.PartProbullets .width30 {
width: 100%;
Float: left;
}
.PartProbullets .proconList {
width: 100%;
float: left;
margin: 0px 0px 0px 0;
position: relative;
z-index: 31;
}
.imagePropart {
width: 100%;
position: relative;
float: left;
}
.PartProbullets .proList .proconItem {
float: left;
text-align: left;
margin: 3px 0px 30px 0px;
width: 80%;
}
.PartProbullets .proList .proconPlus {
right: inherit;
left: inherit;
top: inherit;
display: block;
float: left;
margin: -8px 10px 0 0;
}
.PartProbullets .freisteller {
bottom: 0px;
right: -120px !important;
margin: 0 0 0 0px;
position: absolute;
top: 0px;
width: 200px;
opacity: 0.9 !important;
}
.PartStandorte .teaserbox {
width: 100%;
min-height: auto;
margin: 0 0 20px 0;
position: relative;
}
.PartMarktstandort .width50 {
margin-top: 0px;
}
.bgmap {
position: absolute;
top: 0px;
left: 0px;
}
.reiterTitel {
font-size: 15px;
}
.reitercontent .leftpart {
opacity: 0;
width: 100%;
float: left;
margin: 0px;
}
.reitercontent .rightpart {
opacity: 0;
width: 100%;
float: left;
margin: 20px 0 0 0;
}
.downloadtitel {
margin: 0 0 0 0px;
}
.photoline {
float: left;
width: 100%;
margin: 20px 0 0 0;
}
.photolineitem {
display: block;
float: left;
width: 100%;
margin: 0 0 10px 0;
}
.reiterOn .reitercontent {
padding: 20px 0 20px 0;
}
.Part2SpaltenImage .imageleft {
float: left;
width: 100%;
position: relative;
}
.imageright {
position: relative;
float: left;
width: 100%;
margin: 0 0 0 0;
}
.imageright .imagebox {
height: auto;
margin-top: 0;
float: left;
}
.Part2SpaltenText {
padding: 20px 0px;
z-index: 20;
}
.Part2SpaltenImage {
padding: 20px 0px;
}
.Part2SpaltenTextGrafik .introtext {
width: 100%;
clear: both;
text-align: left;
margin: 0px;
}
.Part2SpaltenTextGrafik .infobox {
background: #64CCC9;
width: 100%;
height: auto;
margin: 20px 0 20px 0;
position: relative;
float: left;
}
.Part2SpaltenTextGrafik .infoboxInner, .Part2SpaltenTextGrafik .textright .infoboxInner {
width: 90%;
position: relative;
font-size: 25px;
line-height: 31px;
left: 0;
top: 0;
padding: 20px 0 20px 5%;
text-align:left
}
.Part2SpaltenTextGrafik .textleft .infoboxInner {
text-align: left;
}
.textspalten {
margin: 20px 0 20px 0;
}
.Part2SpaltenTextGrafik .textright .infobox {
float: left;
margin: 20px 0 20px 0;
position: relative;
width: 100%;
}
.Part2SpaltenTextGrafik .textspalten .textright {
float: left;
margin: 0 0 0 0;
}
.textwithoutHeaderimage .headerimage_textlayert .standardHL {
color: #000000;
margin: 20px 0 20px 0;
}
.textwithoutHeaderimage .introheadertext {
position: relative;
color: #000000;
top: inherit;
}
.nolinebreak .iconlinebox {
width: 100%;
}
.freistellerinfobox.boxhoch {
margin-top: -30px;
}
.width50.imagepart {
float: left;
margin: 0 0px 0 0;
}
.freistellerBottom {
display: block;
float: right;
margin: 20px 20px 0px 0;
width: auto;
max-width: 100%;
}
.Partimage_layer {
position: relative;
z-indeX: 20;
padding: 10px 0;
}
.teasertext {
margin: 20px 0 30px 0;
}
.PartStandorte {
min-height: auto;
}
.ParttubeBullets .freistellertube {
margin: 0 0 0 -168px;
position: absolute;
bottom: -20px;
}
.BulltetTubeItem .bullettextbox h3 {
font-size: 25px;
line-height: 26px;
}
.BulltetTubeItem:nth-child(2) {
top: -30px;
left: 120px;
}
.BulltetTubeItem {
top: inherit !important;
left: 120px !important;
text-align: left !important;
margin:0 0 20px 0;
}
.BulltetTubeItem .BulletTubePlus {
margin: -9px 0 0 -94px !important;
width: 77px !important;
height: auto !important;
}
.BulltetTubeItem .bullettextbox {
font-size: 16px;
line-height: 20px;
width: 73%;
}
.BulltetTubeItem {
position: relative;
}
.Partschritte .teasertext {
width: 100%;
}
.schritt1HL ,.schritt2HL {
font-size: 56px;
}
.Schritt4 .teasertext {
width:100%;
}
.Schritt5 .infotext {
font-size: 16px;
width: 90%;
margin: 0px auto 0 auto;
text-align: left;
padding: 0 0 0 2.5%;
}
.Schritt4 .sectionHL {
margin-top: 0px;
}
.schritt2HL {
position: relative;
}
.PartDownloads .herotext {
line-height: 150px;
font-size: 67px;
}
.PartDownloads {
padding: 100px 0 0 0;
}
.Part2SpaltenTextImage .notextright .textbox {
width: 100%;
}
.Part2SpaltenTextImage .textspalten .imageright {
float: left;
width: 100%;
margin: 0px 0 0 0;
}
.Partfreisteller_liegend {
position: relative;
z-index: 21;
padding: 0 0 50px 0;
margin: 150px 0 0 0;
}
.bigimagelayerText {
position: relative;
padding: 20px 0 20px 0;
}
.Partfreisteller_liegend .witheborder {
position: relative;
background: #ffffff;
width: 100%;
height: auto;
bottom: 0px;
z-index: 0;
}
.Part2SpaltenTextImage .textspalten .textbox {
width: 94%;
float: left;
margin: 0px 0 0 0;
}
.PartBigimageBigtext {z-index:21;}
.PartBigimage .imagedarker {
opacity: 1;
background: #666;
}
.PartBigimageBigtext .megaline {
font-size: 50px;
line-height: 70px;
}
.PartBigimageBigtext .bigimagelayerText .teasertext {
width: 100%;
}
.PartBigimageBigtext .bigimage {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 22;
}
.contentimage {
margin: 0 auto;
}
.Partroadmap .teaserboxBlock {
margin: 50px 0px 0px 0;
}
.Partroadmap .maptropfen {
width: 250px;
height: 307px;
overflow: hidden;
position: relative;
z-index: 30;
top: inherit !important;
left: 0 !important;
margin: 0 auto 20px auto !important;
}
.Partroadmap .introtext {
position: relative;
text-align: center;
width: 100%;
z-index: 23;
top: inherit;
margin: 20px 0 30px 0;
}
.roadmapbg {
display: block;
position: absolute;
z-index: 20;
top: -20px;
width: 144%;
max-width: 150%;
height: 112%;
}
.blank_box {display:none}
.tropfenttext {
font-size: 16px;
line-height: 20px;
}
.infoboxItem .boxtext {
line-height: 20px;
font-size: 16px;
}
.videowrapper .videobox {
width: 100%;
margin: 0 0 25px 0;
height: auto;
overflow: hidden;
position: relative;
}
#steppager span {
margin: 0 0px 0 0;
}
.stepBtn {
position: relative;
margin: -60px auto 30px auto;
}
.PartMarktstandort .width50 {
width: 100%;
}
.sliderarrow {
top: 17px;
opacity: 1;
width: 40px;
}
.sliderarrowLeft,
.sliderarrowRight{
top: unset;
bottom: 20px;
}
.moreBTN {
text-align: left;
margin: 0 auto 20px auto;
}
.textwithoutHeaderimage {
background: #fff;
z-index: 20;
padding-bottom: 30px;
}
.page-template-default .fixedtube {display:none;}
.fixedtube {display:none !important}
.home .fixedtube {display:block !important}
.smallertextbigerImage .width50 {
width: 100% ;
}
.recycling .width75 {
width: 100% !important;
}
.width75 p {
padding-right: 0 !important;
}
.recycling .width25.col-2{
width: 100% !important;
padding: 0px 20%;
text-align: center;
margin-top: 20px;
}
.recycling .col-2 img {
margin: 0 auto !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.PerspectParttubeBullets .BulltetTubeItem {
left: 8px !important;
/* margin: 50px 0 20px 0; */
display: block;
left: auto;
margin: 0px;
position: relative;
}
.PerspectParttubeBullets .BulltetTubeItem:nth-child(n+5) .bullettextbox{
left: 0px;
}
.PerspectParttubeBullets .introtext {
/* height: auto;
margin: 0px auto;
width: 100%; */
}
.PerspectParttubeBullets .freistellertube {
margin: 0 0 0 0;
position: absolute;
top: -20px;
opacity: 0.3 !important;
}
.texsliderimg.hintergrundbildbigger {
width: 100%;
margin: 0 9% 0 0;
left: 0;
}
.texsliderimg {
border-bottom: 0px solid #64CCC9;
padding-top: 50px;
}
.slideitemgrey_background .texsliderimg {
border-bottom: 0px solid #F2F2F2;
}
.alternativbildpart {
float: left;
width: 100%;
}
.alternativbildpart .texsliderimg {
width: 118%;
left: 0;
float: right;
margin: 0px;
}
.hintergrundbildslider .textsliderTextPart {
width: 100%;
float: left;
}
.slideitemgrey_background .texsliderimg {
width: 100%;
left: 0;
float: none;
margin: 0 auto;
right: 0px;
position: relative;
margin: 60px 0 -111px 0;
}
.slideitemgrey_background .textsliderTextPart {
width: 100%;
float: left;
margin: 40px 0 0 0;
}
.slideitemgrey_background .texsliderimg {
width: 100%;
left: 0;
float: none;
margin: 0 auto;
right: 0px;
position: relative;
margin: 60px 0 -111px 0;
}
.pagingSpot {
width: 130px;
float: inherit;
margin: 20px 0 0 0px;
position: absolute;
top: inherit !important;
z-index: 999999;
left: 0%;
}
.textsliderHL {
margin: 70px 0 30px 0;
}
.sliderIcon {
width: 140px;
float: left;
}
.infotextparicons {
float: left;
margin: 0 0 60px 0;
}
.infotextparicons h2 {
font-size: 40px;
line-height: 43px;
width: 100%;
float: left;
}
.Partinfotexttubebigtexticon .freisteller {
bottom: 0px;
right: -30px !important;
margin: 0 0 0 0px;
position: absolute;
top: 0px;
width: 160px;
opacity: 0.9 !important;
}
.Part2tubesbigtexticon .noteasertext .teasertext {
width: 100%;
}
.Part2tubesbigtexticon .imagePropart {
width: 100%;
float: left;
}
.imagePropart2 .infotextparicons {
float: left;
text-align: right;
}
.imagePropart2 .infotextparicons .icon {
float: right;
}
.Part2tubesbigtexticon .icon {
display: block;
margin: 50px 0 20px 0;
}
.PartBildtextboxen .introtext {
width: 100%;
}
.PartBildtextboxen .width75 {
width: 100%;
}
.teaserlistitem .textbox {
float: left;
width: 100%;
}
.teaserlistitem .teaserimagepart {
position: relative;
width: 100%;
float: left;
}
.teaserlistitem {
margin: 0 0 50px 0;
}
.bigevoHeaderContent .moreBTN {
text-align: left;
margin: 0 auto 20px auto;
height: 35px;
min-width: 232px;
background-color:
#64CCC9;
display: inline-block;
color:
#ffffff;
padding: 12px 0 0px 15px;
}
.plusboxInner {
font-size: 16px;
}
.PartTextIconPlusboxen .bigimagelayerText {
margin: 0 0 24px 0;
}
.teaserboxInner .boximagepart.newsthumb {
height: 148px;
}
}
/* --------------------------------------------------------------------------- IPAD Potrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.tubefreisteller .texsliderimg {
margin: 0 298px 0 0px;
left: inherit;
width: 500px;
}
.textsliderHL {
margin: 190px 0 220px 0;
width: 70%;
}
.pluscircles {
margin: 180px -70px 0 0px;
}
.circleplus8 {
top: 63%;
right: 100px;
}
.circleplus7 {
right: 60px;
}
.boxtext {
font-size: 23px;
line-height: 25px;
}
.iconzahl {
font-size: 30px;
height: 30px;
}
.iconlinebox .boxtext {
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.bigimagelayerText .teasertext {
width: 70%;
}
.sliderarrowLeft {
left:inherit;
right: 150px;
}
.sliderarrow {
width: 73px;
top: 4%;
opacity: 1;
}
.PartStandorte .teaserboxBlock {
margin: 240px 0 100px 0;
}
.newsletterbox {
margin: 70px 0 0 0;
}
.slogan {
float: left;
border-right: 0px solid #D9D9D9;
padding: 3px 0px 3px 0;
margin: 30px 0 0 0;
width: 100%;
text-align: center;
}
.textwithoutHeaderimage .headerimage_textlayert .standardHL {
margin: 70px 0 20px 0;
}
.PartBigimageIconbox .bigimagelayerText {
top: 0;
position: relative;
margin: 260px 0 40px 0;
float: left;
}
.plusboxen {
margin-right: 0%;
}
.plusbox {
margin: 20px 0 20px 12%;
}
.plusbox:nth-child(2) {
margin-top: 0px;
left: 0;
}
.plusbox:nth-child(3) {
margin-top: 0px;
}
.plusbox:nth-child(4) {
margin-top: 0;
left: 0;
}
.plusbox:nth-child(5) {
margin-top: 0;
left: 0;
}
.plusbox:nth-child(6) {
margin-top: 0;
left: 0;
}
.Part2SpaltenTextGrafik .infobox {
width: 100%;
}
.PartBigimage .imagedarker {
}
.freistellerBottom {
margin: -140px 46px 0px 0;
width: 15%;
position: relative;
z-index: 99;
}
.BulltetTubeItem:nth-child(2) {
top: 20px;
left: 17%;
}
.BulltetTubeItem:nth-child(3) {
top: 220px;
left: 35%;
text-align: right;
}
.BulltetTubeItem:nth-child(4) {
top: 440px;
left: -18%;
text-align: right;
}
.BulltetTubeItem:nth-child(5) {
top: 360px;
left: 58%;
}
.BulltetTubeItem:nth-child(6) {
top: 569px;
left: 26%;
text-align: right;
}
.BulltetTubeItem:nth-child(7) {
top: 690px;
left: 16%;
}
.ParttubeBullets .freistellertube {
display: block;
width: 280px;
height: auto;
margin: 0 auto;
opacity: 0.3 !important;
}
.PartDownloads .herotext {
font-size: 120px;
}
.infoboxItem .boxHL {
min-height: 93px;
line-height: 30px;
font-size: 25px;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.sectionHL { word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.Partfreisteller_liegend {
margin: 50px 0 -100px 0;
}
.PartBigimageBigtext .megaline {
font-size: 105px;
line-height: 130px;
}
.bigimagelayerText {
top: 20px;
}
.bigimagelayerText {
top: 0px;
margin: 20px 0 0 0;
position: relative;
}
.PartBigimage {
position: relative;
padding: 0;
z-index: inherit;
background: #333;
}
.width50.imagepart {
margin: 0 0px 0 0;
}
.tubeFocus .contentimage {
float: right;
}
.Partroadmap .teaserboxBlock {
margin: 0 0 100px 0;
}
.Partroadmap .maptropfen:nth-child(4) {
top: 580px;
left: 0%;
margin: 0 0 0 0;
}
.Partroadmap .maptropfen:nth-child(5) {
top: 690px;
left: 50%;
margin: 0px 0 0 129px;
}
.imageWord {
font-size: 18px;
line-height: 19px;
}
.textbox.textinput h2, .textbox.textinput h1 {
font-size: 20px;
line-height: 28px;
}
.PartLinks .moreBTN {
margin: 0 1% 13px 0;
padding: 22px 1% 8px 1%;
width: 29%;;
}
.single-jobs .textsliderHL, .single-news_events .textsliderHL {
margin: 40px 0 20px 0;
float: left;
}
}
/* --------------------------------------------------------------------------- IPAD landscape */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
.slideitem .textsliderHL {
max-width: 70%;
}
.searchPart {
padding: 0 1px 0 0;
}
.search-field {
width: 76%;
}
.adressbox {
width: 25%;
}
.footernavbox {
width: 60%;
}
.footermetabox.footerbox {
width: 9%;
margin: 33px 0 0 -38px;
}
.plusbox:nth-child(2) {
margin-top: -30px;
left: -60px;
}
.plusbox:nth-child(3) {
margin-top: -30px;
}
.plusbox:nth-child(5) {
margin-top: -20px;
left: -80px;
}
.plusbox:nth-child(6) {
left: 120px;
margin-top: -190px;
}
.Iconteaserbox {
top: -50px;
}
.trans {opacity:1;}
.BulltetTubeItem:nth-child(3) {
top: 120px;
left: -5%;
}
.BulltetTubeItem:nth-child(4) {
top: 270px;
left: -5%;
text-align: right;
}
.BulltetTubeItem:nth-child(6) {
top: 479px;
left: -5%;
text-align: right;
}
.BulltetTubeItem:nth-child(7) {
top: 590px;
left: 70%;
}
.BulltetTubeItem:nth-child(5) {
top: 360px;
left: 67%;
}
.BulltetTubeItem:nth-child(2) {
top: 20px;
left: 64%;
}
.PartDownloads .herotext {
font-size: 170px;
}
.infoboxItem .boxHL {
min-height: 78px;
line-height: 26px;
font-size: 25px;
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.PartHltxtbtn .width50 .teasertext {
width: 95%;
}
.width50.imagepart {
float: right;
margin: 0 0px 0 0;
}
.Partroadmap .teaserboxBlock {
margin: -120px 0 100px 0;
}
.Partroadmap .maptropfen:nth-child(4) {
top: 880px;
left: 50%;
margin: 0 0 0 -490px;
}
}
@media screen and (max-width: 575px) {
.page-template-page_newsevents .NewsteaserboxBlock .teaserbox {
flex: 0 0 100%;
max-width: 100%;
}
.teaserboxInner .boximagepart.newsthumb {
height: 245px;
}
}
#BorlabsCookieBox .cookie-box ._brlbs-btn {
width: 100%;
color: white;
background: #64CCC9 !important;
}
.videoHeader{
position: relative;
width: 100%;
max-height: calc(100vh - 116px);
height: 100%;
overflow: hidden;
}
.videoHEader video{
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.videoHeader .videoButton{
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
padding: 20px 184px 24px 16px;
color: #FFFFFF;
background-color: #64CCC9;
text-transform: uppercase;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.videoHeader .videoButton::before{
content: "";
width: 65px;
height: 100%;
background-image: url(https://www.tubex-tube.com/wp-content/themes/tubex/img/arrow-withe.svg);
background-position: 50% 53%;
background-size: 30px 28px;
background-repeat: no-repeat;
background-color: #4EAAA7;
position: absolute;
right: 0;
top: 0;
opacity: 1;
-moz-opacity: 1;
filter: opacity(100);
z-index: 20;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
}
.videoHeader .videoButton:hover{
color: #64CCC9;
background-color: #FFFFFF;
}
.videoHeader .videoButton:hover::before {
background-color: #FFFFFF;
background-image: url(https://www.tubex-tube.com/wp-content/themes/tubex/img/arrow-right-green.svg);
opacity: 1;
-moz-opacity: 1;
filter: opacity(100);
}