@charset "utf-8";
/* CSS reset */

body {
    font-family: 'Open Sans', sans-serif;
    color: #fff;

}
ol,
ul {
    list-style: none;
}
.content table {
    border-collapse: collapse;
    border-spacing: 0;
}

.content{
color:white;
/*text-shadow:1px -1px 1px rgba(0, 0, 0, 0.6);*/
}


.content p,
.content span,
.content a, 
.content li {
    line-height: 1.6em;
    font-size: 15px;
    
}
.content p strong {
    font-weight: 600;
}
.content p a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12pt;
    }

.content h2 {
    font-size: 16pt;
    text-transform: uppercase;
}
/* CSS reset */


.content {
background: url('../images/bg.jpg') repeat-y scroll 50% 50% transparent;
    position: relative;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    padding-right:0;
    background-size:80%;
}

.colorblue{
color:#009fe3;
}

.uppercase{
text-transform:uppercase;
}

.wrapper {
width:100%;
margin:0;
padding:0;  
position:relative;
}

.wrapper > div.wrappercontent {
    height: 100%;
    text-align:center;
    padding-top:115px;
    position: relative;
}

#zero.wrapper{
z-index:0;
    overflow-x:hidden;
  overflow-y: hidden; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;

}

#zero.wrapper > div.wrappercontent {
 padding-top:0;
 text-align:left;
}
.largepad div.wrappercontent{
padding-top:185px;
}

.wrapper > div.wrappercontent, .inside{
    width: 960px;
    z-index: 1;
        margin: 0 auto;
}

#zero {
    background: url('../images/zero.jpg') no-repeat scroll 0 0 transparent;
    height: 510px;
    background-size:cover;
    -ms-behavior: url('../scripts/background-size-polyfill-gh-pages/backgroundsize.min.htc');
    behavior: url('../scripts/background-size-polyfill-gh-pages/backgroundsize.min.htc');
}

.js #zero{
opacity:0;
}

#zero span.procore_logo {
    display: inline-block;
    position: relative;
    top: 20%;
}

#procore{
background: url("../images/glow_first.png") no-repeat scroll center top transparent;
}

.bottom_glow {
    bottom: 0;
    height: 120px;
    position: absolute;
    width: 100%;
    z-index: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-ms-opacity: 0.6;
-webkit-opacity: 0.6;
-o-opacity: 0.6;
 opacity: 0.6;
}
.bottom_glow.light {
background: url("../images/glow_bottom.png") no-repeat scroll center bottom transparent;
}

.bottom_glow.dark {
background: url("../images/glow_2_bottom.png") no-repeat scroll center 102% transparent;
}

 a.scrollbutton {
 background: url("../images/scrollbutton.png") no-repeat scroll center 102% transparent;
    width:144px;
    height:144px;
    left: 50%;
    margin-left: -72px;
    position: absolute;
    top: -50px;
    z-index:100;
}



#procore > div.wrapperheader {
    background: url("../images/header_first.png") no-repeat scroll center bottom transparent;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 50;
}

#procore > div.wrapperheader .underlined {
    background: url("../images/underline.jpg") repeat-x scroll 0 70px transparent;
    padding-bottom: 40px;
}

div.wrapperheader > .inside {
    color: white;
    padding: 120px 0 30px;
    text-align: center;
}

.schwalbe-procore h1, .schwalbe-procore h1 span {
    font-size: 48px;
    line-height: 100%;
    font-weight:700;
    letter-spacing:1px;
}


.schwalbe-procore h3, .schwalbe-procore h3 span {
font-weight:600;
letter-spacing:0.4px;
}


.mod_navigation.onepager {
    bottom: 15%;
    position: absolute;
    width: 100%;
}

.mod_navigation.onepager ul {
    display: table;
    margin: 0 auto;
    text-align: center;
}

.mod_navigation.onepager ul li {
    display: table-cell;
    vertical-align: middle;
}
.mod_navigation.onepager ul li, .mod_navigation.onepager ul li > *{
color: white;
}

.mod_navigation.onepager ul li > *{
 font-size: 15px;
    font-weight: 700;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);*/
    text-transform: uppercase;
}

.mod_navigation.onepager ul li > *:hover, .mod_navigation.onepager ul li.current > * {
color: #009fe3;
}

.mod_navigation.onepager ul li.current > * {
pointer-events:none;
pointer:default;
}

.mod_navigation.onepager ul li:after {
content:'|';
margin:0 10px;
}

.mod_navigation.onepager ul li.last:after {
content:'';
content:unset;
margin:0;
}

#highlights,#system-montage{
    background: url('../images/glow_2_top.png') no-repeat scroll center top transparent;
}

#set{
background: url('../images/glow_3_top.png') no-repeat scroll center top transparent;
}

#technik .kante {
    background: url("../images/kante_technik.png") no-repeat scroll 50% top transparent;
    height: 410px;
    position: absolute;
    top: -44px;
    width: 100%;
    left:-60px;
}

#highlights > div.wrappercontent {
height: 1940px;
padding-top:65px;
}

#highlights > div.wrapperbg{
    background: url('../images/second.jpg') no-repeat scroll 50% 50% transparent;
    background-size:cover;
    -ms-behavior: url('../scripts/background-size-polyfill-gh-pages/backgroundsize.min.htc');
    behavior: url('../scripts/background-size-polyfill-gh-pages/backgroundsize.min.htc');
    position:absolute;
    z-index:0;
    height:100%;
    width:100%;
    
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)";
filter: alpha(opacity=24);
-moz-opacity: 0.24;
-khtml-opacity: 0.24;
-ms-opacity: 0.24;
-webkit-opacity: 0.24;
-o-opacity: 0.24;
 opacity: 0.24;

}
#technik > div.wrappercontent {
        background:url("../images/tire_opak.png") no-repeat scroll 50% 60px transparent;
    text-align:center;
    min-height: 1450px;
}

#system-montage > div.wrappercontent {
height: 1285px;
}

#system-montage > div.wrapperbg{
background: url('../images/four.jpg') no-repeat scroll 50% 50% transparent;
    background-size:cover;
    -ms-behavior: url('../scripts/background-size-polyfill-gh-pages/backgroundsize.min.htc');
    behavior: url('../scripts/background-size-polyfill-gh-pages/backgroundsize.min.htc');
    position:absolute;
    height:100%;
    width:100%;
    z-index:0;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)";
filter: alpha(opacity=24);
-moz-opacity: 0.24;
-khtml-opacity: 0.24;
-ms-opacity: 0.24;
-webkit-opacity: 0.24;
-o-opacity: 0.24;
 opacity: 0.24;

}

#set > div.wrappercontent {
        background:url("../images/tire_opak.png") no-repeat scroll 50% -10px transparent;
        height: 1200px;
        }

.clear {
    clear: both;
}


.icon{
background:url("../images/icon.png") no-repeat scroll 50% 50% transparent;
   height: 25px;
   width: 28px;
    left: 50%;
    margin-left: -14px;
    position: absolute;
   z-index:100;
   bottom:-12px;
}

.wrapperheader .icon {
    bottom: 37px;    
}

.icon.top{
 top:-13px;
}

.icon.free{
 top:100px;
}

/*procore textcontainer*/

#procore > div.wrappercontent {
    background: url("../images/tire_opak.png") no-repeat scroll 50% 245px transparent;
    height: 980px;
    padding-top: 327px;
    margin-top: -230px;
}


#procore > div.wrappercontent .textcontainer{
width: 300px;
}

#procore > div.wrappercontent .textcontainer.top {
    background: url("../images/point_top.png") no-repeat scroll 50% 7px transparent;
    display: inline-block;
    padding-top: 75px;
    position: relative;
    top: -60px;
}

#procore > div.wrappercontent .textcontainer.bottom,#procore > div.wrappercontent .textcontainer.left,#procore > div.wrappercontent .textcontainer.right{
    position:absolute;
}

#procore > div.wrappercontent .textcontainer.left,#procore > div.wrappercontent .textcontainer.right{
    float:none;
top:513px;
}

#procore > div.wrappercontent .textcontainer.right {
    background: url("../images/point_right.png") no-repeat scroll 50% 0 transparent;
    padding-top: 100px;
    right: 0;
    top: 757px;
}

#procore > div.wrappercontent .textcontainer.left{
left:0;
background: url("../images/point_left.png") no-repeat scroll 70% 3px transparent;
 padding-top: 120px;

}

#procore > div.wrappercontent .textcontainer.bottom {
    background: url("../images/line_bottom.png") no-repeat scroll 50% 45px transparent;
    bottom: 30px;
    padding-bottom: 85px;
    width: 100%;
}


#procore > div.wrappercontent .textcontainer .textcontent {
    display: inherit;
    padding: 0 20px 0 10px;
    vertical-align: middle;
    width: 280px;

}
#procore > div.wrappercontent .textcontainer .textcontent p {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.3px;
}

#procore > div.wrappercontent .textcontainer.top .headlinecontainer {
    background: url("../images/headline_textcontainer_top.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    margin-bottom:25px;
}

#procore > div.wrappercontent .textcontainer .headlinecontainer span{
line-height:inherit;
display:inline-block;
}

#procore > div.wrappercontent .center {
    background: url("../images/claim_de.png") no-repeat scroll 48% 571px transparent;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/*Highlights*/

.contentholder{
text-align:center;
}

#highlights .textcontent {
    background: url("../images/aufzaehlung.png") no-repeat scroll 50% 2px transparent;
    margin: 0 auto;
    padding: 135px 0 15px;
    width: 372px;
}

#highlights .textcontent.last{
padding-bottom:85px;
}


#highlights .textcontent p,#highlights .textcontent span{
 font-weight: 600;
 margin:0;
}

 .textblock_dark {
    background: url("../images/textblock_dark.png") no-repeat scroll 50% 0 transparent;
    height: 150px;
    padding: 45px 0 0;
    
}

.textblock_dark.ontop {
    background: url("../images/text_dark_ontop.png") no-repeat scroll 50% 0 transparent;
    padding: 55px 0 0;
}

.textblock_dark p, .textblock_dark span {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 27px;
}

.textblock_dark.ontop p, .textblock_dark.ontop span{
font-weight:600;
font-size:20px;
letter-spacing:inherit;
}

.textbottom {
    background: url("../images/highlight_bottom.png") no-repeat scroll 50% 100% transparent;
    padding-bottom: 120px;
}

.textbottom p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}


/*Technik*/

#highlights .contentholder {
    background: url("../images/course.png") no-repeat scroll 15px 100px transparent;
}

#technik .contentholder .contentimage {
    background: url("../images/technik_content.png") no-repeat scroll 50% 85px transparent;
    height: 851px;
    padding-top: 85px;
}

#technik .bubble {
    position: absolute;
}

#technik .bubble .bubblecontent {
text-align:center;
display: inline-block;
    position: absolute;
    top: 53px;
    width: 200px;
}

#technik .bubble .bubblecontent .headlinecontainer{}

#technik .bubble .bubblecontent .headlinecontainer .overline {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 15px;
    letter-spacing:1px;
}

#technik .bubble .bubblecontent .headlinecontainer .h2 {
    font-size: 35px;
    font-weight: 600;
}

#technik .bubble .bubblecontent .headlinecontainer .underline{}

#technik .bubbltext p {
    font-size: 13px;
    margin: 0;
    font-weight:300;
    line-height:1.4em;
}

#technik .bubble_top_left{
background: url("../images/bubble_top.png") no-repeat scroll 0 0 transparent;
width:410px;
height:250px;
 top: 300px;
 left:0;
 text-align:left;
}

#technik .bubble_top_left .bubblecontent, #technik .bubble_left_bottom .bubblecontent { 
    left: 37px;
}

#technik .bubble .bubblecontent .headlinecontainer .h2, #technik .bubble .bubblecontent .headlinecontainer .underline{
color:#b2e3f3;
}




#technik .bubble_right {
    background: url("../images/bubble_right.png") no-repeat scroll 0 0 transparent;
    height: 250px;
    right: 0;
    top: 590px;
    width: 454px;
}

#technik .bubble_right .bubblecontent {
    right: 37px;
}

#technik .bubble_right .bubblecontent .headlinecontainer .h2, #technik .bubble_right .bubblecontent .headlinecontainer .underline{
color: #66c7e8;
}


#technik .bubble_left_bottom {
    background: url("../images/bubble_left_bottom.png") no-repeat scroll 0 0 transparent;
    height: 413px;
    left: 15px;
    top: 1015px;
    width: 418px;
}

#technik .bubble_left_bottom .bubblecontent .headlinecontainer .h2, #technik .bubble_left_bottom .bubblecontent .headlinecontainer .underline{
color: #009fe3;
}

#technik .bubble_left_bottom .bubblecontent {
    left: 55px;
    top: 138px;
    width: 250px;
}



#technik .bubble_left_bottom .bubblecontent .headlinecontainer .overline{
margin-bottom:5px;
}

#technik .bottom {
    background: url("../images/technik_bottom.png") no-repeat scroll 47% 0 transparent;
    bottom: 60px;
    height: 150px;
    position: absolute;
    width: 100%;
}

.headlinecontainer.line {
    background: url("../images/montage_top.png") no-repeat scroll 50% 65px transparent;
    margin: 0;
    padding-bottom: 100px;
}

.listblock{
height:130px;
width:665px;
margin: 0 auto 35px;
position:relative;
}


.listblock.visible:after{
content:'';
background: url("../images/check.png") no-repeat scroll 0 0 transparent;
}

.listblockcontent{
    background:rgb(0,159,227);
    background: transparent\9;
    background:rgba(0,159,227,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc009fe3,endColorstr=#cc009fe3);
    zoom: 1;

width:100%;
height:100%;
position:absolute;
z-index:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-ms-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
 opacity: 0.5;
}

.listblockcontent:nth-child(n) {
    filter:none;
}

.listblock .listblockcontent, .listblock:before{
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
}

.listblock:hover .listblockcontent, .listblock:hover:before{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
-ms-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
 opacity: 1;
}

.listblock .arrowdown {
    background: url("../images/arrowdown.png") no-repeat scroll 50% 0 transparent;
    bottom: -46px;
    height: 62px;
    left: 50%;
    margin: 0 auto 0 -31px;
    position: absolute;
    width: 62px;
    z-index:1;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-ms-opacity: 0.8;
-webkit-opacity: 0.8;
-o-opacity: 0.8;
 opacity: 0.8;

}

.listblock:before {
    height: 103px;
    left: -120px;
    position: absolute;
    width: 102px;
    content:'';
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-ms-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
 opacity: 0.5;
}

.listblock.one:before {
background: url("../images/listblock1.png") no-repeat scroll 50% 50% transparent;
}

.listblock.two:before {
background: url("../images/listblock2.png") no-repeat scroll 50% 50% transparent;
}

.listblock.three:before {
background: url("../images/listblock3.png") no-repeat scroll 50% 50% transparent;
}


.listblock.four:before {
background: url("../images/listblock4.png") no-repeat scroll 50% 50% transparent;
}

.listblock.five:before {
background: url("../images/listblock5.png") no-repeat scroll 50% 50% transparent;
}


.listblock:after{}

.listblockcontent p, .listblockcontent span {
    font-size: 17px;
    line-height: 23px;
}

.listblocktxt {
    height: 90px;
    margin: 35px 0 0;
}

.four .listblockcontent span{
display:inline-block;
}

.four .listblockcontent span.downloadtxt{}

.four .listblockcontent span.download {
    background: url("../images/pdficon.png") no-repeat scroll 50% 50% transparent;
    content: "";
    float: right;
    height: 70px;
    position: absolute;
    right: 45px;
    width: 65px;
}

#system-montage > div.wrappercontent {
    background: url("../images/checkboxtree_fx.png") no-repeat scroll 830px 375px transparent;
}

.ie #system-montage > div.wrappercontent {
    background: url("../images/checkboxtree.png") no-repeat scroll 830px 375px transparent;
}

.montage_bottom{
background: url("../images/montage_bottom.png") no-repeat scroll 50% 0 transparent;
height:154px;
}   


/*set*/
#set .textcontainer {
    display: inline-block;
    width: auto;
}

#set .headlinecontainer.line{
padding-bottom:95px;
}


#set .textcontainer p, #set .textcontainer span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 0.9em;
    margin-bottom: 10px;
}

#set .textcontainer span.small {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.6px;
}

#set .textcontainer span.colorblue{
font-weight:600;
}

#set .contentimage {
    background: url("../images/setbg.png") no-repeat scroll 50% 205px transparent;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#set .bottomtxt {
    bottom: 100px;
    position: absolute;
    text-align: center;
    width:100%;
}

#set .bottomtxt p{
margin-bottom:3px;
}


#highlights > div.wrappercontent{
  background:url("../images/ecke_unten.png") no-repeat scroll 830px 1540px transparent;
}

#system-montage .contentholder{
position:relative;
}

.checkbox {
    background: url("../images/check.png") no-repeat scroll 0 50% transparent;
    position: absolute;
    right: 55px;
    width: 20px;
    height: 20px;
}

.loader {
    background: url("../images/ajax-loader.gif") no-repeat scroll 50% 50% transparent;
    height: 32px;
    width:32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    z-index: 100;
    opacity:0.5;
}

.check_one {
top:79px;
}

.check_two {
top:248px;
}

.check_three {
top:415px;
}



/*Sprachanpassungen*/

/*Headline Ab Sofort*/
/*en*/
.en #highlights > div.wrappercontent{
height:1955px;
}

.en #procore > div.wrappercontent .textcontainer.top .headlinecontainer {
    background: url("../images/absofort_en.png") no-repeat scroll 49% 0 transparent;
}

.en #procore > div.wrappercontent .center {
    background: url("../images/claim_en.png") no-repeat scroll 48% 571px transparent;
}
/*GB*/
.gb #highlights > div.wrappercontent{
height:1955px;
}

.gb #procore > div.wrappercontent .textcontainer.top .headlinecontainer {
    background: url("../images/absofort_en.png") no-repeat scroll 49% 0 transparent;
}

.gb #procore > div.wrappercontent .center {
    background: url("../images/claim_en.png") no-repeat scroll 48% 571px transparent;
}
/*fr*/
.fr #procore > div.wrappercontent .textcontainer.top .headlinecontainer {
    background: url("../images/absofort_fr.png") no-repeat scroll 50% 0 transparent;
    height:40px;
}

.fr #procore > div.wrappercontent .center {
    background: url("../images/claim_fr.png") no-repeat scroll 48% 571px transparent;
}



.fr #highlights > div.wrappercontent{
height:1995px;
background-position:830px 1610px;
}

.fr #procore > div.wrappercontent .textcontainer.top, .fr #procore > div.wrappercontent .textcontainer.right,
.it #procore > div.wrappercontent .textcontainer.top{
width:340px;
}
.fr #procore > div.wrappercontent .textcontainer.top .textcontent,.fr #procore > div.wrappercontent .textcontainer.right .textcontent,
.it #procore > div.wrappercontent .textcontainer.top .textcontent{
width:100%;
}

/*it*/

.it #procore > div.wrappercontent .center {
    background: url("../images/claim_it.png") no-repeat scroll 48% 571px transparent;
}

.nl #procore > div.wrappercontent .center {
    background: url("../images/claim_nl.png") no-repeat scroll 48% 571px transparent;
}

.it #procore > div.wrappercontent .textcontainer.top .headlinecontainer {
    background: url("../images/absofort_it.png") no-repeat scroll 49% 0 transparent;
}
.nl #procore > div.wrappercontent .textcontainer.top .headlinecontainer {
background:url("../images/absofort_nl.png") no-repeat scroll 50% 5px transparent;
}
.it .content .textcontainer h2 {
    font-size: 19px;
}

.it #technik .bubbltext p{
line-height:1.6em;
}

.it #highlights > div.wrappercontent{
height:1955px;
background-position:830px 1562px;
}

.nl #highlights > div.wrappercontent{
background-position:830px 1590px;
}

.en #highlights > div.wrappercontent{
background-position:830px 1562px;
}
.gb #highlights > div.wrappercontent{
background-position:830px 1562px;
}

.fr #technik .bubble_top_left {
/*background:url("../images/bubble_top.png") no-repeat scroll -10px -6px / cover  transparent;
 height: 270px;
  width: 450px; */
}
.fr .underline{
font-size:13px;
margin-top:3px;
}

.fr #technik .bubbltext p{
line-height:1.6em;

}

.fr #technik .bubble .bubblecontent .headlinecontainer .h2{
font-size: 27px;
}

.nl #technik .bubble .bubblecontent .headlinecontainer .h2{
font-size: 29px;
}


.fr #technik .bubble .bubblecontent .headlinecontainer .overline{
font-size:12px;
}

.it #technik .bubble .bubblecontent .headlinecontainer .h2 {
    font-size: 27px;
}

.it .listblockcontent p, .it .listblockcontent span,.fr .listblockcontent p, .fr .listblockcontent span{
font-size:16px;
}

.it .four .listblockcontent span.download{
right:25px;
}

#system-montage > div.wrapperbg{

    overflow-x:hidden;
  overflow-y: hidden; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;

}


.js .hidden,.js .mod_navigation.onepager{
     opacity:0;
     
}
.js .visible{
     opacity:1;
}

.no-js .loader{
display:none;
}

#technik .bubble_right_bottom {
    background: url("../images/right_bottom_video.png") no-repeat scroll 0 0 transparent;
    height: 413px;
    right: 15px;
    top: 1185px;
    width: 418px;
}

.videobttn {
    border-radius: 320px;
    display: block;
    height: 320px;
    right: 80px;
    position: absolute;
    top: 25px;
    width: 320px;
    z-index: 1;
}

#video {
    height: 200px;
    position: absolute;
    right: 0;
    top: 650px;
    width: 200px;
}

.procorev2 h1 {
    font-size: 55px!important;
    text-shadow:2px 2px 3px #000!important;
    font-weight:400!important;
}
.nothingstays {
    font-size: 55px!important;
    border-bottom:15px solid #009fe3!important;
}
#anleitung-procore {
    width:100%;
    height:410px;
}
.procore_last_video {
    height:590px;
}
.procore_last_video .listblocktxt {
    height:100%;
}
.t-cell {
    display:table-cell;
    width:800px;
}
.t-cell p {
    vertical-align: middle;
    margin-top:43px;
}
.t-cell p img { 
    float:right;
    margin-top:-61px;
    margin-right:40px;
}
#system-montage {
    height:1460px;
}
.more-info-procore-a {
    z-index:5;
}
.more-info-procore {
    margin: 0 auto;
    width: 350px;
    height: 40px;
    position: relative;
    bottom: 50px;
    margin-bottom: 0px;
    display: table;
    background: rgb(0,159,227);
}
.procorev2video {
    max-height:800px;
    height:80%;
}
.procorev2video iframe{
    width:100%;
    height:100%;
    max-height: 800px;
}
.procorev2videotech {
    margin-top:35px;
}
.more-info-procore p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#set .bottomtxt {
    bottom:150px;
}
a strong {
    font-weight:bold!important;
}
.hello-world {
    float: right;
    position: relative;
    bottom: 50px;
    right: 50px;
}
#system-montage > div.wrappercontent {
    height: 1345px;
}
#switch-to-small, #switch-to-big {
    display:inline;
    text-align:left;
    height:50px;
    cursor:pointer;
}

.vid-controls-pc {
    height:0px;
}
.blue {
    color:rgb(0,159,227);
    margin-bottom: -5px;
}
#switch-to-small {
    float:left;
    margin-top:-50px;
    margin-left:90px;
}
#switch-to-big {
    float:right;
    margin-top:-50px;
    margin-right:90px;
}

#switch-to-big, #switch-to-small {
   padding-left: 0;
   width: 290px;
    border: 1px solid rgba(0,0,0,.5);
    padding: 10px;




background: rgba(255,255,255,0.15);
background: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 51%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.15)), color-stop(51%, rgba(0,0,0,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 51%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 51%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 51%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 51%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );


}
.haken {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
}
.haekchen-g {
    background-image:url("../images/check-g.png");
    background-repeat:no-repeat;
    background-position: left center;
}
.haekchen-b {
    background-image:url("../images/check.png");
    background-repeat:no-repeat;
    background-position: left center;
}
.more-info-btn {
    position: relative;
z-index: 9000;
}
#procore-video-tech video {
    width: 100%;
    background:#000;
}