@charset "utf-8";

.row{
	clear: both;
}
.row-btns{
	clear:both;
	overflow:hidden;
	padding: 1em 0;
}
.row-btns a{
	
}
.row-top-btns{
	margin: 0 0 1em 0;
}

#middle-content{
	padding:0 0 2em 0;
}

/* simple width */
.w-5  { width:5%;   }
.w-10 { width:10%;  }
.w-15 { width:15%;  }
.w-20 { width:20%;  }
.w-25 { width:25%;  }
.w-30 { width:30%;  }
.w-33 { width:33.333%;  }
.w-35 { width:35%;  }
.w-40 { width:40%;  }
.w-45 { width:45%;  }
.w-50 { width:50%;  }
.w-55 { width:55%;  }
.w-60 { width:60%;  }
.w-65 { width:65%;  }
.w-70 { width:70%;  }
.w-75 { width:75%;  }
.w-80 { width:80%;  }
.w-85 { width:85%;  }
.w-90 { width:90%;  }
.w-95 { width:95%;  }
.w-100{ width:100%; }
/* double col - imitate coltxt-2 */
.w-50.col-2{
	width:49% ;
}
[class^="w-"], [class*=" w-"]{
	box-sizing:border-box;
}
.min-h-100{ min-height:100px ; }
.min-h-110{ min-height:110px ; }
.min-h-120{ min-height:120px ; }
.min-h-130{ min-height:130px ; }
.min-h-140{ min-height:140px ; }
.min-h-150{ min-height:150px ; }
.min-h-160{ min-height:160px ; }
.min-h-170{ min-height:170px ; }
.min-h-180{ min-height:180px ; }
.min-h-190{ min-height:190px ; }
.min-h-200{ min-height:200px ; }
.min-h-210{ min-height:210px ; }
.min-h-220{ min-height:220px ; }
.min-h-230{ min-height:230px ; }
.min-h-240{ min-height:240px ; }
.min-h-250{ min-height:250px ; }
.min-h-260{ min-height:260px ; }
.min-h-270{ min-height:270px ; }
.min-h-280{ min-height:280px ; }
.min-h-290{ min-height:290px ; }
.min-h-300{ min-height:300px ; }
.min-h-310{ min-height:310px ; }
.min-h-320{ min-height:320px ; }
.min-h-330{ min-height:330px ; }
.min-h-340{ min-height:340px ; }
.min-h-350{ min-height:350px ; }
.min-h-360{ min-height:360px ; }
.min-h-370{ min-height:370px ; }
.min-h-380{ min-height:380px ; }
.min-h-390{ min-height:390px ; }
.min-h-400{ min-height:400px ; }


/* cubes - worx with content */
.cubes{ position:relative; }
.cubes:before{content:"";display:block; }
.cube-5   { width: 5% ; padding-top: 5%; }
.cube-10  { width: 10%; padding-top: 10%; }
.cube-15  { width: 15%; padding-top: 15%; }
.cube-20  { width: 20%; padding-top: 20%; }
.cube-25  { width: 25%; padding-top: 25%; }
.cube-30  { width: 30%; padding-top: 30%; }
.cube-35  { width: 35%; padding-top: 35%; }
.cube-40  { width: 40%; padding-top: 40%; }
.cube-45  { width: 45%; padding-top: 45%; }
.cube-50  { width: 50%; padding-top: 50%; }
.cube-55  { width: 55%; padding-top: 55%; }
.cube-60  { width: 60%; padding-top: 60%; }
.cube-65  { width: 65%; padding-top: 65%; }
.cube-70  { width: 70%; padding-top: 70%; }
.cube-75  { width: 75%; padding-top: 75%; }
.cube-80  { width: 80%; padding-top: 80%; }
.cube-85  { width: 85%; padding-top: 85%; }
.cube-90  { width: 90%; padding-top: 90%; }
.cube-95  { width: 95%; padding-top: 95%; }
.cube-100 { width: 100%;padding-top: 100%; }
.cubes .cube-content { position:absolute; top:0; left:0; right:0; bottom:0; }
/* specify blue cube */
.cubes.color-blue-bg h1, 
.cubes.color-blue-bg-100 h1{
	font-size			:3em;
	margin-bottom		: 0.5em;
}
.cubes.color-blue-bg h1.bigger, 
.cubes.color-blue-bg-100 h1.bigger{
	font-size			:5em;
}
.cubes.color-blue-bg h2, 
.cubes.color-blue-bg-100 h2{
	font-size			:2.5em;
	margin-bottom		: 0.5em;
}
.cubes.color-blue-bg h3, 
.cubes.color-blue-bg-100 h3{
	font-size			:2em;
	margin-bottom		: 0.5em;
}
.cubes.color-blue-bg .cube-content, 
.cubes.color-blue-bg-100 .cube-content{
	color				:#FFF;
	padding				:9%;
}
.cubes.color-blue-bg ul, 
.cubes.color-blue-bg-100 ul{
    display				: table;
	padding				:0;
}
.cubes.color-blue-bg ul li, 
.cubes.color-blue-bg-100 ul li{
	list-style-type		:none;
	counter-increment	: foo;
    display				: table-row;
}
.cubes.color-blue-bg ul li:before, 
.cubes.color-blue-bg-100 ul li:before{
	content				: "› ";
	display				: table-cell;
    padding-right		: 0.5em;
}

.left-content-overview-order-oa .cube-25 {
	width					: 100%;
    padding-top				: 100%;
	float					:none;
	margin-bottom			:2rem;
}

.Padding_Left .cube-25{
	width				:100%;
	font-size			:1.1rem;
	padding-top			:100%;
	margin				:0 0 2em 0;
}
.Padding_Left .cube-25:after{
	content				:' ';
	clear				:both;
}

/* global paddings */
.padding-01  { padding:0.1em ; }
.padding-02  { padding:0.2em ; }
.padding-03  { padding:0.3em ; }
.padding-04  { padding:0.4em ; }
.padding-05  { padding:0.5em ; }
.padding-06  { padding:0.6em ; }
.padding-07	 { padding:0.7em ; }
.padding-08  { padding:0.8em ; }
.padding-09  { padding:0.9em ; }
.padding-1   { padding:1em ; }
.padding-1-1 { padding:1.1em ; }
.padding-1-2 { padding:1.2em ; }
.padding-1-3 { padding:1.3em ; }
.padding-1-4 { padding:1.4em ; }
.padding-1-5 { padding:1.5em ; }
.padding-1-6 { padding:1.6em ; }
.padding-1-7 { padding:1.7em ; }
.padding-1-8 { padding:1.8em ; }
.padding-1-9 { padding:1.9em ; }
.padding-2   { padding:2em ; }
.padding-2-1 { padding:2.1em ; }
.padding-2-2 { padding:2.2em ; }
.padding-2-3 { padding:2.3em ; }
.padding-2-4 { padding:2.4em ; }
.padding-2-5 { padding:2.5em ; }
.padding-2-6 { padding:2.6em ; }
.padding-2-7 { padding:2.7em ; }
.padding-2-8 { padding:2.8em ; }
.padding-2-9 { padding:2.9em ; }
.padding-3   { padding:3em ; }

/* rotations */
.rotation-180{
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}
.flip-h{
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.flip-v{
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

/* overviews */
.overview-optionen{
	width				:33.333%;
	box-sizing			:border-box;
	float				:left;
	padding				:0.5em;
	position			:relative;
	vertical-align		:top;
}
.overview-optionen.w-50{
	width				:50%;
}
.overview-optionen.w-100{
	width				:100%;
}
.overview-optionen.overview-optionen-internet{
	padding-left		:0;
}
.overview-optionen.overview-optionen-fernsehen{
	
}
.overview-optionen.overview-optionen-telefonie{
	padding-right		:0;
}