body {
background-color: #F4F4F4;
margin: 0;
padding: 0;
font-family:'VodafoneRg_0';
font-size: 15px;
-ms-text-size-adjust: none;
overflow-x: hidden;
color: #333333;
position: relative;
}

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

a, div, ul, li, img {
outline: none !important;	
}

@font-face{
font-family:'VodafoneRg_0';
src:url('../fonts/VodafoneRg_0.eot');
src:url('../fonts/VodafoneRg_0.eot?#iefix') format('embedded-opentype'),url('../fonts/VodafoneRg_0.ttf') format('truetype');
font-style:normal;
font-weight:normal;
}

@font-face{
font-family:'Vodafone Lt';
 src: url('../fonts/VodafoneLt-Regular.woff2') format('woff2'), url('../fonts/VodafoneLt-Regular.woff') format('woff');
font-style:normal;
font-weight:normal;
}

.navigationsbereich {
background-color: #fff;
width: 100%;
height: 72px;
-moz-box-shadow: 0 1px 3px rgba(50,50,50,0.2);
-webkit-box-shadow: 0 1px 3px rgba(50,50,50,0.2);
box-shadow: 0 1px 3px rgba(50,50,50,0.2);
z-index: 100;
position: fixed;
border: 0px solid red;

}

.content_nav {
background-color: #fff;
width: 1096px;
height: 72px;
margin: 0px auto;
border: 0px solid green;
}

.vf_logo {
float: left;
}

.header {
padding-top: 71px;	
border: 0px solid red;
z-index: 98;
}

.contentbereich_max {
width: 946px;
color: #fff;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 99;
}

.contentbereich {
width: 768px;
background-color: #333;
color: #fff;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding-bottom: 70px;
}

.container_flex_1 {
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;	
clear: both;
margin-bottom: 84px;
}

.container_flex_2 {
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;	
clear: both;
margin-bottom: 0px;
}

.container_flex_login {
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;	
clear: both;
margin-bottom: 0px;
}

/* 3er Cluster Beginn */

.cluster_3er_1 {
width: 271px;
float: left;
margin-left: -76px;
margin-top: 70px;
display:flex;

}

.cluster_3er_2 {
width: 271px;
float: left;
margin-left: 50px;
margin-top: 70px;
display:flex;
}

.cluster_3er_3 {
width: 271px;
float: left;
margin-top: 70px;
margin-left: 50px;
display:flex;
}

.rot_3er_unten {
background-color: #e60000;
width: 258px;
height: 267px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
position: absolute;
margin-top: 145px;
margin-left: 21px;
z-index: 0;
}

.content_cluster_3er {
width: 	315px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 0px;
margin-top: 0px;
color: #333333;
}

.content_cluster_3er p {
margin: 0px 20px 20px 20px;
}

.content_cluster_3er h3 {
margin: 20px 20px 10px 20px;
font-size: 22px;
}

.content_cluster_3er a {
font-weight: bold;
text-decoration: none;
color: #e60000;
font-size: 16px;
}

.content_cluster_2er a:hover {
font-weight: bold;
text-decoration: underline;
color: #e60000;
font-size: 16px;
}

/* 3er Cluster Ende */

/* 2er Cluster Beginn */

.cluster_2er_1 {
width: 473px;
float: left;
margin-left: -76px;
margin-top: 70px;
display:flex;
}

.cluster_2er_2 {
width: 473px;
float: left;
margin-right: -101px;
margin-top: 70px;
display:flex;
}

.rot_2er_oben {
background-color: #e60000;
width: 408px;
height: 396px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
position: absolute;
z-index: 0;
}

.content_cluster_2er {
width: 	428px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 20px;
margin-top: 30px;
color: #333333;
}

.content_cluster_2er p {
margin: 0px 20px 20px 20px;
}

.content_cluster_2er h3 {
margin: 20px 20px 10px 20px;
font-size: 22px;
}

.content_cluster_2er a {
font-weight: bold;
text-decoration: none;
color: #e60000;
font-size: 16px;
}

.content_cluster_2er a:hover {
font-weight: bold;
text-decoration: underline;
color: #e60000;
font-size: 16px;
}

/* 2er Cluster Ende */

/* Cluster Login Beginn */

.cluster_login {
width: 920px;
float: left;
margin-right: -89px;
margin-left: -76px;
margin-top: 70px;
display:flex;

}

.rot_login_unten {
background-color: #e60000;
width: 920px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
position: absolute;
z-index: 0;
margin-top: 0px;
min-height: 330px;
}

.content_cluster_login {
width: 	46.75%;
min-height: 260px;
padding-bottom: 10px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 20px;
margin-top: -30px;
color: #333333;
padding-top: 50px;
}


.content_cluster_login p {
margin: 0px 40px 10px 40px;
}

.content_cluster_login h3 {
font-family:'Vodafone Lt';
margin: -8px 40px 10px 40px;
font-size: 30px;
color: #e60000;
font-weight: lighter;
}

.content_cluster_login a {
text-decoration: none;
color: #333333;
}

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

/* Cluster Login Beginn */


/* 1er Cluster Beginn */

.cluster_1er {
width: 933px;
float: left;
margin-right: -89px;
margin-left: -76px;
margin-top: 25px;
display:flex;
}

.bild_1er {
width: 	560px;
height: auto;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
position: absolute;
z-index: 2;
margin-left: 20px;
margin-top: 60px;
}

.rot_1er_unten {
background-color: #e60000;
width: 881px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
position: absolute;
z-index: 0;
margin-top: 124px;
min-height: 300px;
}

.content_cluster_1er {
width: 	360px;
min-height: 310px;
padding-bottom: 10px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 561px;
margin-top: 60px;
color: #333333;
}

.content_cluster_1er p {
margin: 0px 40px 10px 60px;
}

.content_cluster_1er h3 {
font-family:'Vodafone Lt';
margin: 25px 40px 10px 60px;
font-size: 30px;
color: #e60000;
font-weight: lighter;
}

.content_cluster_1er a {
font-weight: bold;
text-decoration: none;
color: #e60000;
font-size: 16px;
}

.content_cluster_1er a:hover {
font-weight: bold;
text-decoration: underline;
color: #e60000;
font-size: 16px;
}

/* 1er Cluster Ende */


/* Cluster Contentbereich Voll Beginn */

.cluster_contentbereich_voll {
width: 933px;
float: left;
margin-right: -89px;
margin-left: -76px;
margin-top: 70px;
display:flex;

}

.content_cluster_contentbereich_voll {
width: 	920px;
min-height: 310px;
padding-bottom: 10px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 0px;
margin-top: 0px;
color: #333333;
}

.content_cluster_contentbereich_voll p {
margin: 0px 40px 10px 40px;
}

.content_cluster_contentbereich_voll h3 {
font-family:'Vodafone Lt';
margin: 25px 40px 10px 40px;
font-size: 30px;
color: #e60000;
font-weight: lighter;
}

.content_cluster_contentbereich_voll a {
font-weight: bold;
text-decoration: none;
color: #e60000;
font-size: 16px;
}

.content_cluster_contentbereich_voll a:hover {
font-weight: bold;
text-decoration: underline;
color: #e60000;
font-size: 16px;
}


/* Cluster Contentbereich Voll Ende */


/* Cluster Breich Grau Beginn */

.cluster_bereich_grau {
width: 768px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}

.cluster_bereich_grau h1{
color: #fff;
font-size: 45px;
padding: 70px 62px 20px 62px;
margin: 0px 0px 0px 0px;
width: 100%;
font-weight: 400;
}

.cluster_bereich_grau p {
margin: 0px 62px 20px 62px;
}

.container_icons {
padding: 70px 62px 0px 62px;	
border: 0px solid red;
display: flex;
}

.icon_1 {
width: 25%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-hotline.png) center top no-repeat;
background-size: 70px 70px;
font-weight: bold;

cursor: pointer;
}

.icon_1:hover {
width: 25%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-hotline-hover.png) center top no-repeat;
background-size: 70px 70px;
color: #e60000;
font-weight: bold;
cursor: pointer;
}

.icon_2 {
width: 25%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-wettbewerb.png) center top no-repeat;
background-size: 70px 70px;
font-weight: bold;
cursor: pointer;
}

.icon_2:hover {
width: 25%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-wettbewerb-hover.png) center top no-repeat;
background-size: 70px 70px;
color: #e60000;
font-weight: bold;
cursor: pointer;
}

.icon_3 {
width: 25%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-ranking.png) center top no-repeat;
background-size: 70px 70px;
font-weight: bold;
cursor: pointer;
}

.icon_3:hover {
width: 25%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-ranking-hover.png) center top no-repeat;
background-size: 70px 70px;
color: #e60000;
font-weight: bold;
cursor: pointer;
}

.icon_4 {
width: 25%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-rueckblick.png) center top no-repeat;
background-size: 70px 70px;
font-weight: bold;
cursor: pointer;
}

.icon_4:hover {
width: 25%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-rueckblick-hover.png) center top no-repeat;
background-size: 70px 70px;
color: #e60000;
font-weight: bold;
cursor: pointer;
}

/* Cluster Breich Grau Ende */

.spacer_footer {
width: 100%;
height: 120px;
}

.footer {
position: relative;
min-height: 300px;
background-color: #2E2E2E;
color: #fff;
}

.footer a{
text-decoration: none;
color: #fff;
}

.footer a:hover{
text-decoration: underline;
color: #fff;
}

.footer_content {
width: 921px;
min-height: 30px;
margin: 0px auto;
border: 0px solid red;
}

.footer_content h3 {
color: #fff;
font-size: 20px;
font-family:'Vodafone Lt';
}

.social_media {
margin: 0px 0px 0px 0px;
border: 0px solid red;
text-align: center;
}

.social_media img{
padding: 50px 20px 20px 20px;
}

.footer_cluster_1 {
width: 33.33%;	
float: left;
min-height: 10px;
}

.footer_cluster_2 {
width: 33.33%;	
float: left;
min-height: 10px;
}

.footer_cluster_3 {
width: 33.33%;	
float: left;
min-height: 10px;
}

.mittig {
margin-left: 25%;
margin-right: 25%;
width: 50%;
border: 0px solid black;	
}

.btn_violett  {
background-color: #e60000;	
border-radius: 3px;
box-shadow: 0 1px 3px rgba(50,50,50,0.6);
color: #fff !important;
font-size: 14px;
font-weight: bold;
padding: 7px 12px 7px 12px;
}

.btn_violett:hover  {
background-color: #820000;	
}





/* Formulare Beginn */

input[type=submit], input[type=button]{
padding: 12px 2% 12px 2%;
border: 0px solid #e6e6e6;
width: 50%;	
font-size: 15px;
font-family:'VodafoneRg_0';
}

input[type=text]{
padding: 12px 2% 12px 2%;
border: 2px solid #e6e6e6;
width: 96%;	
font-size: 15px;
font-family:'VodafoneRg_0';
}

input[type=password]{
padding: 12px 2% 12px 2%;
border: 2px solid #e6e6e6;
width: 96%;	
font-size: 15px;
font-family:'VodafoneRg_0';
}

select {
padding: 12px 2% 12px 2%;
border: 2px solid #e6e6e6;
width: 96%;	
font-size: 15px;
font-family:'VodafoneRg_0';
}

textarea {
padding: 12px 2% 12px 2%;
border: 2px solid #e6e6e6;
width: 96%;	
font-size: 15px;
font-family:'VodafoneRg_0';
}

::placeholder {
color: #8a8a8a;
opacity: 1;
}

:-ms-input-placeholder {
color: #8a8a8a;
}

::-ms-input-placeholder {
color: #8a8a8a;
}


.ausgabe_prozent {
font-size: 30px;
color: #fff;
font-weight: lighter;
text-align: center;
}



/* Formulare Ende */

.ranking {
border: 0px solid red;
margin: 25px 40px 10px 40px;

}

.ranking p{
border: 0px solid red;
margin: 0px 40px 10px 0px;
}

.ranking table{
border: 0px solid red;
margin: 0px 0px 0px 0px;
width: 100%;
}

.bild_home_mobil {
display: none;
}

.cc_container .cc_btn {
background-color: #e60000 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
text-decoration: none !important;
font-family:'VodafoneRg_0';
font-size: 15px !important;
font-weight: bold;
}

.cc_container .cc_btn:hover {
background-color: #820000 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
text-decoration: none !important;
font-family:'VodafoneRg_0';
font-size: 15px !important;
}
 
.cc_container {
background: #2E2E2E !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
font-family:'VodafoneRg_0';
font-size: 15px !important;
}
 
.cc_container a {
color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
text-decoration: underline !important;
font-family:'VodafoneRg_0';
font-size: 15px !important;
}

.cc_message::before {

    border: 1px solid red !important;
    display: none !important;
    padding-bottom: 20px;

}


/* Responsive Beginn */

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


	

	
.vf_logo {
float: left;
margin: 0px 0px 0px 13px;
}
	
.content_nav {
background-color: #fff;
width: 100%;
height: 72px;
margin: 0px auto;
border: 0px solid green;
}
	
.wrapper {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
border: 0px solid red;	
}

.navigationsbereich {
background-color: #fff;
width: 100%;
height: 72px;
-moz-box-shadow: 0 1px 3px rgba(50,50,50,0.2);
-webkit-box-shadow: 0 1px 3px rgba(50,50,50,0.2);
box-shadow: 0 1px 3px rgba(50,50,50,0.2);
z-index: 100;
position: fixed;
}

.contentbereich_max {
width: 100%;
color: #fff;
position: relative;
z-index: 99;
}

.contentbereich {
width: 100%;
background-color: #333;
color: #fff;
padding-bottom: 70px;
}


.cluster_1er {
width: 100%;
float: left;
margin-right: 0px;
margin-left: 0px;
margin-top: 20px;
display:flex;

}

.rot_1er_unten {
background-color: #e60000;
width: 92%;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
position: absolute;
z-index: 0;
margin-top: 15px;
min-height: 190px;
margin-left: 2%;
margin-right: 2%;
display: none;
}

.content_cluster_1er {
width: 	100%;
min-height: 150px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 0%;
margin-top: 0px;
color: #333333;
}

.bild_1er {
display: none;
}

.bild_home_mobil {
display: block;
float: right;
position: relative;
width: 250px;
height: auto;
margin: 25px 25px 15px 40px;
}

.content_cluster_1er h3 {
font-family:'Vodafone Lt';
margin: 20px 20px 10px 20px;
font-size: 30px;
color: #e60000;
font-weight: lighter;
}

.content_cluster_1er p {
margin: 0px 20px 20px 20px;
}

.container_flex_1 {
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;	
clear: both;
margin-bottom: 70px;
padding: 45px 2% 0% 2%;
border: 0px solid red;
}

.cluster_login {
width: 96%;
float: left;
margin-right: 2%;
margin-left: 2%;
margin-top: 70px;
display: block;
border: 0px solid green;
}

.rot_login_unten {
background-color: #e60000;
width: 100%;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
position: absolute;
z-index: 0;
margin-top: 0px;
min-height: 68%;
margin-left: -2%;
display:none;
}

.content_cluster_login {
width: 	100.00%;
min-height: 260px;
padding-bottom: 10px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 0px;
margin-top: -30px;
color: #333333;
padding-top: 50px;
margin-bottom: 50px;

}

.cluster_bereich_grau {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}

.cluster_bereich_grau h1{
color: #fff;
font-size: 30px;
padding: 40px 5% 20px 5%;
margin: 0px 0px 0px 0px;
width: 90%;
font-weight: 400;
border: 0px solid yellow
}

.cluster_bereich_grau p {
margin: 0px 5% 20px 5%;
}

.content_cluster_login h3 {
font-family:'Vodafone Lt';
margin: -8px 40px 10px 40px;
font-size: 25px;
color: #e60000;
font-weight: lighter;
}

.spacer_footer {
width: 100%;
height: 70px;
}

.footer_content {
width: 96%;
min-height: 30px;
margin: 0px auto;
border: 0px solid red;
}

.footer_cluster_1 {
width: 100%;	
float: left;
min-height: 10px;
}

.footer_cluster_2 {
width: 100%;	
float: left;
min-height: 10px;
}

.footer_cluster_3 {
width: 100%;	
float: left;
min-height: 10px;
}

.mittig {
margin-left: 5%;
margin-right: 5%;
width: 90%;
border: 0px solid black;	
}

.footer {
position: absolute;
min-height: auto;
width: 100%;
background-color: #2E2E2E;
color: #fff;
padding-bottom: 20px;
}

.container_flex_2 {
margin: 0% 2% 0% 2%;
}

.cluster_3er_1 {
width: 33.3333%;
float: left;
margin-left: 0%;
margin-right: 0%;
margin-top: 0px;
display:flex;

}

.cluster_3er_2 {
width: 33.3333%;
float: left;
margin-left: 2%;
margin-right: 0%;
margin-top: 0px;
display:flex;
}

.cluster_3er_3 {
width: 33.3333%;
float: left;
margin-top: 0px;
margin-left: 2%;
display:flex;
}

.rot_3er_unten {
background-color: #e60000;
width: 30.50%;
height: 280px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
position: absolute;
margin-left: 1%;
bottom: 60px;
z-index: 0;
display: none;
}

.content_cluster_3er {
width: 	100%;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 0px;
margin-top: 0px;
padding-bottom: 10px;
color: #333333;
}

.content_cluster_3er p {
margin: 0px 20px 20px 20px;
}

.content_cluster_3er h3 {
margin: 20px 20px 10px 20px;
font-size: 22px;
}

}

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

.container_flex_2 {
margin: 0% 2% 0% 2%;
border: 0px solid yellow;
display: table;
}

.cluster_3er_1 {
width: 100%;
float: left;
margin-left: 0%;
margin-right: 0%;
margin-top: 0px;
display: table-cell;

}

.cluster_3er_2 {
width: 100%;
float: left;
margin-left: 0%;
margin-right: 0%;
margin-top: 40px;
display: table-cell;
}

.cluster_3er_3 {
width: 100%;
float: left;
margin-top: 40px;
margin-left: 0%;
display: table-cell;
}



.rot_3er_unten {
display: none;
}

.container_icons {
padding: 70px 62px 0px 62px;	
border: 0px solid red;
flex-wrap: wrap;
}

.icon_1 {
width: 50%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-hotline.png) center top no-repeat;
background-size: 70px 70px;
font-weight: bold;
cursor: pointer;
margin-bottom: 30px;

}

.icon_1:hover {
width: 50%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-hotline-hover.png) center top no-repeat;
background-size: 70px 70px;
color: #e60000;
font-weight: bold;
cursor: pointer;

}

.icon_2 {
width: 50%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-wettbewerb.png) center top no-repeat;
background-size: 70px 70px;
font-weight: bold;
cursor: pointer;
margin-bottom: 30px;
}

.icon_2:hover {
width: 50%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-wettbewerb-hover.png) center top no-repeat;
background-size: 70px 70px;
color: #e60000;
font-weight: bold;
cursor: pointer;
}

.icon_3 {
width: 50%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-ranking.png) center top no-repeat;
background-size: 70px 70px;
font-weight: bold;
cursor: pointer;

}

.icon_3:hover {
width: 50%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-ranking-hover.png) center top no-repeat;
background-size: 70px 70px;
color: #e60000;
font-weight: bold;
cursor: pointer;
}

.icon_4 {
width: 50%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-rueckblick.png) center top no-repeat;
background-size: 70px 70px;
font-weight: bold;
cursor: pointer;
}

.icon_4:hover {
width: 50%;
height: auto;
float: left;
text-align: center;	
padding-top: 80px; 
background: url(../img/icon-rueckblick-hover.png) center top no-repeat;
background-size: 70px 70px;
color: #e60000;
font-weight: bold;
cursor: pointer;
}

.bild_home_mobil {
display: block;
float: left;
position: relative;
width: 100%;
height: auto;
margin: 0px 0px 16px 0px;
border: 0px solid red;
}

.container_flex_1 {
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;	
clear: both;
margin-bottom: 40px;
padding: 45px 2% 0% 2%;
border: 0px solid red;
}

.content_cluster_login {
width: 	100.00%;
min-height: 260px;
padding-bottom: 10px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
margin-left: 0px;
margin-top: -30px;
color: #333333;
padding-top: 50px;
margin-bottom: 70px;

}

}
	
/* Responsive Ende */