.facts {
    position: relative !important;
    min-height: 500px !important;
    margin-top: 30px;
    margin-bottom: -80px;
}

.facts div {
	float: left;
}

.scrollblock{
    width:100%;
}

.text-teaser-facts p{
    line-height:25px !important;
}

/* Branchen Glossar */

.branchen-container h4 {
    font-size: 30px;
    font-family: "Open Sans";
    font-weight: 300;
}

.branchen-container {
    width:310px;
    height:153px;
    margin:5px;
    float:left;
    padding:25px;
    box-sizing: border-box;
}

.branchen-container a {
    color:#333333;
}

.branchen-container a:hover {
    text-decoration: underline;
    color:#333333;
}

.branchen-container p {
    font-family: "Open Sans";
    font-weight: 500;
}

#fact-1 {
		margin: 0 10px 0 30px;
        height:190px;
        width:190px;
        border-radius:104px;
        background-color:#8998a9;
	}
	#fact-2 {
		margin: 90px 0px 0px 0.8%;
        height:182px;
        width:182px;
        border-radius:91px;
        background-color:#8ba1b3;
	}
	#fact-3 {
		margin: 20px 0px 0px 0.8%;
        height:166px;
        width:166px;
        border-radius:84px;
        background-color:#b2c1cd;
	}
	#fact-4 {
		margin: -130px 0px 0px 0.8%;
        height:216px;
        width:216px;
        border-radius:108px;
        background-color:#f3950f;
	}
	#fact-5 {
		margin: 40px 0px 0px 0.8%;
        height:168px;
        width:168px;
        border-radius:134px;
        background-color:#5e6871;
	}

.bbltxt_groß{
    text-align:center;
    font-size:44px;
    line-height:46px;
}

.bbltxt_klein{
    text-align:center;
    font-size:16px;
    line-height:20px;
}

#fact-1 p{
    padding-top:65px;
}

#fact-2 p{
    padding-top:45px;
}

#fact-3 p{
    padding-top:50px;
}

#fact-4 p{
    padding-top:70px;
}

#fact-5 p{
    padding-top:40px;
}

.scrollblock-mobile {
	display:none;
}

.facts div {
	transition: all .2s ease-in-out;
	transform: scale(1.0)
}

#fact-1:hover {
	transition: all .8s ease-in-out;
	transform: scale(1.1)
}

#fact-2:hover {
	transition: all .8s ease-in-out;
	transform: scale(1.1)
}

#fact-3:hover {
	transition: all .8s ease-in-out;
	transform: scale(1.1)
}

#fact-4:hover {
	transition: all .8s ease-in-out;
	transform: scale(1.1)
}

#fact-5:hover {
	transition: all .8s ease-in-out;
	transform: scale(1.1)
}

.fact-table {
	width: 100%;
	min-height: 400px;
}

.fact-table .factsheet div h2 {
	text-align: center;
	font-size: 21px;
    line-height: 25px;
	margin-bottom: 52px;
    font-family: "Open Sans";
    font-weight: 300;
}

.fact-table .factsheet div .column {
	padding-top: 100px;
	text-align: center;
}

.fact-table .factsheet div .column img {
	width:55%;
}


.fact-table .factsheet div .middle-column img {
    width: 62%;
}

#fact-third {
    width: 69%;
}

.fact-table .factsheet div .middle-column {
	height:210px;
	border-left:1px solid #cdd3da;
	border-right:1px solid #cdd3da;
	padding: 0px 0px 0px;
	margin: 100px 0px 0px;
}

.fact-table .factsheet div .column.col-4 {
	width: 33.3333%;
}

.text-teaser-facts .wrapper .column {
	padding:120px 0 120px 0;
}

.text-teaser-facts .wrapper .column h2 {
	font-size:32px;
    font-family: "Open Sans";
    font-weight: 300;
	    margin: 0 0px 40px 26px;
}

.text-teaser-facts .wrapper .column p {
	font-size:14px;
	line-height: 22px;
}

/* MOOD IMG*/

@media only screen and (min-width: 1500px) {
section.mood-img.factsheetimg img {
		width: 110%;
		margin-top: -600px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
section.mood-img.factsheetimg img {
		width: 100%;
		margin-top: -300px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
section.mood-img.factsheetimg img {
		width: 100%;
		margin-top: -200px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1200px){
section.mood-img.factsheetimg img {
		width: 100%;
		margin-top: -150px;
	}
}

@media only screen and (max-width: 750px) {
    
    /*----- Abbinder Formular, Footer / Sitemap ----*/
    
	section.boilerplate .column {
		width: 100%;
	}
	.boilerplate .wrapper {
		padding: 5% 5% 70px 5%;
	}
	section.boilerplate .column.col-8 {
		padding: 0;
		margin-top: 5%;
	}
	.boilerplate .wrapper {
		height: auto;
	}
	section.boilerplate input,
	section.boilerplate .no-margin,
	section.boilerplate .company,
	section.boilerplate .mail {
		width: 100%;
		margin: 10px 0 0 0;
	}
	section.boilerplate input {
		width: 100% !important;
		margin: 0 0 10px 0 !important;
	}
    
	.boilerplate .wrapper {
		min-height: 520px !important;
	}
	
	.fact-table .factsheet div h2 {
		font-size:24px;
		line-height: 28px;
        
	}
	
	.fact-table .factsheet div .column.col-4 {
		width:100%;
        
	}
	
	.fact-table .factsheet div .middle-column {
		border:none;
	}
    
    
	
	.fact-table .factsheet div .last-column {
		padding-bottom: 50px;
	}
    
    .copyright{
        text-align:center;
        width:100%;
    }
    
    .sitemap_left{
        width:50px;
        float:left;
    }
    
    .sitemap_right{
        float:right;
        width:50px;
        margin-left:10%;

    }
    
    footer{
    padding:0 32px 42px 32px;
    }
    
    .sitemap{
     padding:28px 32px 42px 32px;
    }
    
    .sitemap .wrapper{
    padding:0;
    margin-top:-45px;
    }
    
    .factline{
    padding-bottom:120px;
    border-bottom: 1px solid #cdd3da;    
    }
        
    .last-column{
        margin-top:140px;
        padding-top:50px;
    padding-bottom:120px;
        height:300px;
    border-top: 1px solid #cdd3da;
    }
    
    .column.main-column.col-12.cf_mineshaft1{
    height:1420px;
    }
    
}

/*
@media only screen and (min-width: 1400px) {
	
    #fact-1 {
        margin-left:30px;
        height:250px;
        width:250px;
        border-radius:125px;
	}
	#fact-2 {
        height:218px;
        width:218px;
        border-radius:140px;
	}
	#fact-3 {
        height:199px;
        width:199px;
        border-radius:123px;
	}
	#fact-4 {
		margin: -170px 0px 0px 0.8%;
        height:295px;
        width:295px;
        border-radius:160px;
	}
	#fact-5 {
		margin: 40px 0px 0px 0.8%;
        height:201px;
        width:201px;
        border-radius:124px;
    }
    
    .bbltxt_groß{
    font-size:50px;
    line-height:50px;
    }

    .bbltxt_klein{
    font-size:18px;
    line-height:24px;
    }

    #fact-1 p{
    padding-top:80px;
    }

    #fact-2 p{
    padding-top:55px;
    }

    #fact-3 p{
    padding-top:50px;
    }

    #fact-4 p{
    padding-top:100px;
    }

    #fact-5 p{
    padding-top:50px;
    }
    
    .facts {
    margin-top:70px;
    }
}
*/
@media only screen and (min-width: 1000px) {

	#fact-1 {
		margin:0px 0px 0px 44px;
	}
	#fact-2 {
		margin: 100px -16px 0px 0px;
	}
	#fact-3 {
		margin:60px -30px 0px 30px;
	}
	#fact-4 {
		margin: -120px 0px 0px 0px;
	}
	#fact-5 {
		margin: 60px -43px 0px;
	}
}

@media only screen and (max-width: 1000px) {
    .facts {
    margin-top:140px;
    margin-bottom:-130px;  
    }
	#fact-1 {
        margin-left:30px;
        height:178px;
        width:178px;
	}
	#fact-2 {
        height:152px;
        width:152px;
	}
	#fact-3 {
        height:136px;
        width:136px;
	}
	#fact-4 {
		margin: -130px 0px 0px 0.8%;
        height:186px;
        width:186px;
	}
	#fact-5 {
		margin: 40px 0px 0px 0.8%;
        height:138px;
        width:138px;
    }
    .bbltxt_groß{
    text-align:center;
    font-size:40px;
    line-height:40px;
    }

    .bbltxt_klein{
    text-align:center;
    font-size:14px;
    line-height:18px;
    }

    #fact-1 p{
    padding-top:55px;
    }

    #fact-2 p{
    padding-top:35px;
    }

    #fact-3 p{
    padding-top:30px;
    }

    #fact-4 p{
    padding-top:60px;
    }

    #fact-5 p{
    padding-top:30px;
    }
	
	.text-teaser-facts .wrapper .column {
		padding: 120px 5% 150px 5%;
	}

}


@media only screen and (max-width: 875px) {

	#fact-1 {
        margin-left:30px;
	}
	#fact-2 {
        margin-left:-20px;
	}
	#fact-3 {
        margin-left:-20px;
	}
	#fact-4 {
        margin-left:-30px;
	}
	#fact-5 {
        margin-left:-40px;
    }
	}

@media only screen and (max-width: 767px) {

	#fact-1 {
        margin-left:30px;
	}
	#fact-2 {
        margin-left:-20px;
	}
	#fact-3 {
        margin-left:-30px;
	}
	#fact-4 {
        margin-left:-20px;
	}
	#fact-5 {
        margin-left:-20px;
    }
	}

@media only screen and (min-width: 600px)and (max-width: 767px) {
    
    .facts {
    margin-top:140px;
    margin-bottom:-100px;  
    }
    
	#fact-1 {
        margin-left:30px;
	}
	#fact-2 {
        margin-left:-70px;
	}
	#fact-3 {
        margin-left:-70px;
	}
	#fact-4 {
        margin-left:-70px;
	}
	#fact-5 {
        margin-left:-70px;
    }
    
    .fact-table .factsheet div .column {
        padding-top: 40px;
        text-align: center;
    }
    
    .factline {
        padding-bottom: 90px;
        border-bottom: 1px solid #CDD3DA;
    }
    
    
	}

@media only screen and (max-width: 600px) {
    .facts {
        margin-top:50px;
    margin-bottom:20px;  
    }
	
	.text-teaser-facts .wrapper .column {
		padding:70px 5% 50px 5%;
	}
    
	.scrollblock {
		display:none;
	}
	
	.scrollblock-mobile {
		display:block;
	}
	
	.scrollblock-mobile div {
		width:100%;
		height:220px;
		text-align: center;
	}
    
    #fact-1 {
        margin-left:10%;
        
        height:208px;
        width:208px;
        border-radius:104px;

	}
	#fact-2 {
       margin-left:0;
        margin-top:150px;
        height:208px;
        width:208px;
        border-radius:104px;
	}
	#fact-3 {
        margin-left:10%;
        margin-top:-20px;
        height:208px;
        width:208px;
        border-radius:104px;
	}
	#fact-4 {
        margin-left:0;
        margin-top:130px;
        height:208px;
        width:208px;
        border-radius:104px;
	}
	#fact-5 {
        margin-left:10%;
        margin-top:-30px;
        height:208px;
        width:208px;
        border-radius:104px;
        margin-bottom:60px;
    }
    
    .bbltxt_groß{
    text-align:center;
    font-size:44px;
    line-height:46px;
}

    .bbltxt_klein{
        text-align:center;
        font-size:16px;
        line-height:20px;
    }

    #fact-1 p{
        padding-top:65px;
    }

    #fact-2 p{
        padding-top:65px;
    }

    #fact-3 p{
        padding-top:60px;
    }

    #fact-4 p{
        padding-top:65px;
    }

    #fact-5 p{
        padding-top:60px;
        
    }
    
    
    .factline{
    padding-bottom:90px;
    border-bottom: 1px solid #cdd3da;    
    }
    
    .fact-table .factsheet div .column {
       padding-top: 40px; 
    }
        
    .last-column{
        margin-top:90px;
        height:300px;
        border-top: 1px solid #cdd3da;
        padding-top: 73px !important;
    }
    
    .column.main-column.col-12.cf_mineshaft1{
    height:1142px;
    }
    
    .fact-table .factsheet div .middle-column {
        margin: 40px 0px 0px;
    }
    
}

@media only screen and (max-width: 510px) {

    
    #fact-1 {
        float:none;
        margin: 0 0 30px 0;
        

	}
	#fact-2 {
        float:none;
       margin: 0 0 30px 0;

	}
	#fact-3 {
        float:none;
        margin: 0 0 30px 0;

	}
	#fact-4 {
        float:none;
        margin: 0 0 30px 0;

	}
	#fact-5 {
        float:none;
        margin: 0 0 50px 0;

    }
    
    .bbl-mobile-container{
    width:208px;
    margin:0 auto;
    float:none !important;
    }
 
    }
}

@media only screen and (max-width: 300px) {

    
    #fact-1 {
        float:none;
        margin: 10% 40%;
        

	}
	#fact-2 {
        float:none;
       margin: 10% 40%;

	}
	#fact-3 {
        float:none;
        margin: 10% 40%;

	}
	#fact-4 {
        float:none;
        margin: 10% 40%;

	}
	#fact-5 {
        float:none;
        margin: 10% 40%;

    }
 
    
}