﻿@charset "utf-8";
/* CSS Document */ 

html, body{
margin: 0;
padding: 0;
width: 100%;
height:100%;
padding:0;	
color: #333333;	
background-color: #ebebeb;
font-family:'Eurostile Regular';
}

a {
outline: none;
color: #333333;
text-decoration: none;
}

a:hover {
outline: none;
color: #ff7b00;
text-decoration: none;
}

p {
font-family:'Eurostile Regular';
font-size: 125%;
line-height: 140%;	
}

@font-face{
font-family:'Eurostile Regular';
src:url('../font/Eurosti.eot');
src:url('../font/Eurosti.eot?#iefix') format('embedded-opentype'),url('../font/Eurosti.ttf') format('truetype');
font-style:normal;
font-weight:normal;
}

.navigationsbereich {
height: 62px;
width: 70%;
padding-left: 15%;
padding-right: 15%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;	
border-bottom: 5px solid #ff7b00;
color: #808080;

}

.logo {
float: left;	
border: 0px solid red;
}

.beschreibung_nav {
float: right;	
border: 0px solid red;
height: 45px;
padding: 17px 0px 0px 0px;
font-size: 105%;
display: block;
}

.beschreibung_nav_mobile {
display: none;
}


.header img{
width: 100%;
height: auto;	
}



.contentbereich {
border: 0px solid green;
max-width: 100%;
width: 70%;
padding-left: 15%;
padding-right: 15%;
display:-webkit-flex;
display:flex;
}

.contentbereich_2 {
border: 0px solid green;
max-width: 100%;
width: 70%;
padding-left: 15%;
padding-right: 15%;
background-color: #fff;
padding-bottom: 50px;
padding-top: 50px;
}

.contentbereich_3 {
border: 0px solid green;
max-width: 100%;
width: 70%;
padding-left: 15%;
padding-right: 15%;
display:-webkit-flex;
display:flex;
}


.container_flex {
height: auto;
width: 100%;
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;
}

.container_flex_2 {
height: auto;
width: 70%;
padding-left: 15%;
padding-right: 15%;
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;
}

.contentbereich_basic_1 {
border: 0px solid green;
max-width: 100%;
width: 22.55%;
margin-left: 15%;

float: left;
}

.contentbereich_basic_2 {
border: 0px solid red;
max-width: 100%;
width: 22.55%;
margin-left: 1.2%;
float: left;
}

.contentbereich_basic_3 {
border: 0px solid orange;
max-width: 100%;
width: 22.55%;
margin-left: 1.2%;
float: left;
}


.cluster_setcard_basic_1 {
display: inline-block;
width: 90%;
margin-top: 20px;
margin-left: 0%;
margin-right: 0%;
padding: 20px 5% 20px 5%;
text-align: left;
background-color: #fff;
border: 0px solid red;

}

.cluster_setcard_basic_2 {
display: inline-block;
width: 90%;
margin-top: 20px;
margin-left: 0%;
margin-right: 0%;
padding: 20px 5% 20px 5%;
text-align: left;
background-color: #FF7C00;
border: 0px solid red;
color: #fff !important;
}

.cluster_setcard_basic_2 .headline_content {
color: #fff !important;
}

.contentbereich_4_1 {
border: 0px solid green;
max-width: 100%;
width: 28.23%;
padding-left: 15%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_4_2 {
border: 0px solid green;
max-width: 100%;
width: 40.23%;
padding-left: 1.55%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_5_1 {
border: 0px solid green;
max-width: 100%;
width: 53.23%;
padding-left: 15%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_5_2 {
border: 0px solid green;
max-width: 100%;
width: 15.23%;
padding-left: 1.55%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}


.contentbereich_5_3 {
border: 0px solid green;
max-width: 100%;
width: 43.23%;
padding-left: 15%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_5_4 {
border: 0px solid green;
max-width: 100%;
width: 25.23%;
padding-left: 1.55%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_6_1 {
border: 0px solid green;
max-width: 100%;
width: 34.25%;
padding-left: 15%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_6_2 {
border: 0px solid green;
max-width: 100%;
width: 34.25%;
padding-left: 1.50%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}


.contentbereich_6_1_suche {
border: 0px solid green;
max-width: 100%;
width: 48%;
padding-left: 2%;
padding-right: 0%;

float: left;
}

.contentbereich_6_2_suche {
border: 0px solid green;
max-width: 100%;
width: 48%;
padding-left: 1.50%;
padding-right: 0%;

float: left;
}

.cluster_1 {
display: inline-block;
width: 29.50%;
margin-top: 40px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
}

.cluster_1 img {
opacity: 1.0;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}
.cluster_1 img:hover {
opacity: 0.5;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}

.cluster_2 img {
opacity: 1.0;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}
.cluster_2 img:hover {
opacity: 0.5;;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}


.cluster_3 img {
opacity: 1.0;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}
.cluster_3 img:hover {
opacity: 0.5;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}


.cluster_4 img {
opacity: 1.0;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}
.cluster_4 img:hover {
opacity: 0.5;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}

.cluster_5 img {
opacity: 1.0;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}
.cluster_5 img:hover {
opacity: 0.5;;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}


.cluster_6 img {
opacity: 1.0;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}
.cluster_6 img:hover {
opacity: 0.5;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}

.fader_aktiv {
opacity: 0.5 !important;
}


.cluster_2 {
display: inline-block;
width: 29.50%;
margin-top: 40px;
margin-left: 40px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
}

.cluster_3 {
display: inline-block;
width: 29.50%;
margin-top: 40px;
margin-left: 40px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
}

.cluster_4 {
display: inline-block;
width: 31.50%;
margin-top: 40px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_4_2 {
display: inline-block;
width: 31.50%;
margin-top: 30px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_5_2 {
display: inline-block;
width: 31.50%;
margin-top: 30px;
margin-left: 40px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_6_2 {
display: inline-block;
width: 31.50%;
margin-top: 30px;
margin-left: 40px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_5 {
display: inline-block;
width: 31.50%;
margin-top: 40px;
margin-left: 40px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_6 {
display: inline-block;
width: 31.50%;
margin-top: 40px;
margin-left: 40px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_7 {
display: inline-block;
width: 100%;
margin-top: 30px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
border: 0px solid red;
}



.drittel_voll {
width: 100%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;
}

.drittel_voll textarea {
width: 98%;
padding-left: 1%;
padding-right: 1%;
padding-top: 1%;
padding-bottom: 1%;
min-height: 340px;

}

.drittel_voll input[type=text] {
width: 99%;
padding-left: 0.50%;
padding-right: 0.50%;
}


.drittel_links {
width: 30.15%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;
}

.drittel_mitte{
width: 30.15%;
border: 0px solid red;	
float: left;
margin-left: 4%;
}

.drittel_rechts {
width: 30.15%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;	
margin-left: 4%;
}

.zweier_links {
width: 48.00%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;
}

.zweier_rechts{
width: 48.00%;
border: 0px solid red;	
float: left;
margin-left: 4%;
}

.zweier_links_sonderfall {
width: 30.00%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;
}

.zweier_links_neu {
width: 30.00%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;
padding-top: 12px;
}

.zweier_rechts_neu {
width: 66.00%;
border: 0px solid red;	
float: left;
margin-left: 4%;

}

.zweier_links_einsatz {
width: 40.00%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;
}

.zweier_rechts_einsatz {
width: 40.00%;
border: 0px solid red;	
float: left;
margin-left: 4%;
}

.footer {
height: 20%;
width: 70%;
padding-left: 15%;
padding-right: 15%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #000;	
margin-top: 42px;	
}

.footer p {
color: #fff;
}



.headline_login {
font-family:'Eurostile Regular';
font-weight: normal;
font-size: 250%;
color: #333333;	
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}

.headline_content {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 170%;
color: #333333;	
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}

.headline_content_bilder {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 130%;
color: #333333;	
margin: 20px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}

.headline_wewantyou {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 350%;
color: #333333;	
border: 0px solid red;
margin: 0px 0px 50px 0px;
text-align:center;
width: 100%;
}
.headline_cluster_home {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 170%;
color: #333333;	
margin: 10px 0px 10px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
text-align:center;
}



input[type=submit]{
font-family:'Eurostile Regular';
background-color: #ff7b00;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #ff7b00;
font-weight: bold;
text-decoration: none;
height: 52px;
}

input[type=submit]:hover{
font-family:'Eurostile Regular';
background-color: #fd8c23;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
font-weight: bold;
text-decoration: none;
height: 52px;
}

input[type=button]{
font-family:'Eurostile Regular';
background-color: #ff7b00;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #ff7b00;
font-weight: bold;
text-decoration: none;
height: 52px;
}

input[type=button]:hover{
font-family:'Eurostile Regular';
background-color: #fd8c23;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
font-weight: bold;
text-decoration: none;
height: 52px;
}


.btn_grau_1{
font-family:'Eurostile Regular';
background-color: #bdbec1 !important;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #bdbec1 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
}

.btn_grau_1:hover{
font-family:'Eurostile Regular';
background-color: #bdbec1 !important;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #bdbec1 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
}


.btn_grau_2{
font-family:'Eurostile Regular';
background-color: #6d6e70 !important;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #6d6e70 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
margin-left: 20px;
}

.btn_grau_2:hover{
font-family:'Eurostile Regular';
background-color: #bdbec1 !important;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #bdbec1 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
}

.btn_setcard_basic_2{
font-family:'Eurostile Regular';
background-color: #fff !important;
color: #FF7C00 !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #fff !important;
font-weight: bold;
text-decoration: none;
height: 52px;
float: right;
}

.btn_setcard_basic_2:hover{
font-family:'Eurostile Regular';
background-color: #fff !important;
color: #FF7C00 !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #fff !important;
font-weight: bold;
text-decoration: none;
height: 52px;
float: right;
}


.btn_upload_left{
font-family:'Eurostile Regular';
background-color: #707173 !important;
color: #fff !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #707173 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
width: 46%;
}

.btn_upload_left:hover{
font-family:'Eurostile Regular';
background-color: #686868 !important;
color: #fff !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #686868 !important;
font-weight: bold;
text-decoration: none;
height: 52px;

}



.btn_upload_right{
font-family:'Eurostile Regular';
background-color: #707173 !important;
color: #fff !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #707173 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
width: 46%;
margin-left: 8%;
}

.btn_upload_right:hover{
font-family:'Eurostile Regular';
background-color: #686868 !important;
color: #fff !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #686868 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
margin-left: 8%;

}





.btn_upload_left2{
font-family:'Eurostile Regular';
background-color: #ff7c00 !important;
color: #fff !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #ff7c00 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
width: 46%;
}

.btn_upload_left2:hover{
font-family:'Eurostile Regular';
background-color: #fd8c23 !important;
color: #fff !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #fd8c23 !important;
font-weight: bold;
text-decoration: none;
height: 52px;

}



.btn_upload_right2{
font-family:'Eurostile Regular';
background-color: #ff7c00 !important;
color: #fff !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #ff7c00 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
width: 46%;
margin-left: 8%;
}

.btn_upload_right2:hover{
font-family:'Eurostile Regular';
background-color: #fd8c23 !important;
color: #fff !important;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #fd8c23 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
margin-left: 8%;

}





.bild_upload_left{
width: 46%;
height: auto;
opacity: 1.0; 

}

.bild_upload_left:hover{
width: 46%;
height: auto;
opacity: 0.5; 


}


.bild_upload_right{
width: 46%;
height: auto;
margin-left: 8%;
opacity: 1.0; 

}

.bild_upload_right:hover{
width: 46%;
height: auto;
margin-left: 8%;
opacity: 0.5; 

}

.fader_aktiv {
opacity: 0.5 !important;
}

.fader_inaktiv {
opacity: 1.0 !important;
}

















input[type=text]{
font-family:'Eurostile Regular';
width: 97%;
height: 40px;
font-size: 100%;
border: 1px solid #aeaeae;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #333333;
}

input[type=date]{
font-family:'Eurostile Regular';
width: 97%;
height: 40px;
font-size: 100%;
border: 1px solid #aeaeae;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #333333 !important;
}

input[type=tel]{
font-family:'Eurostile Regular';
width: 97%;
height: 40px;
font-size: 100%;
border: 1px solid #aeaeae;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #333333;
}

input[type=number]{
font-family:'Eurostile Regular';
width: 97%;
height: 40px;
font-size: 100%;
border: 1px solid #aeaeae;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #333333;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:    #333;
opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #333;
opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #333;
opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:    #333;
opacity:  1;
}

textarea{
font-family:'Eurostile Regular';
width: 99%;
min-height: 100px;
font-size: 100%;
border: 1px solid #aeaeae;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #333333;
}

select {
font-family:'Eurostile Regular';	   
width: 100.5%;
padding-left: 1%;
padding-right: 1%;
padding-top: 5px;
padding-bottom: 5px;
height: 52px;
font-size: 100%;
border: 1px solid #aeaeae;
color: #333333;
}



input[type=checkbox] { 
display: none !important;
cursor: pointer;
}

input[type=checkbox]:not([disabled]) + label {
cursor: pointer;
}

input[type=checkbox] + label:before {
position: relative!important;
padding: 1px 6px 1px 6px;
font-family: 'Eurostile Regular' !important;
font-style: normal;
font-weight: bold;
content: "X";
color: transparent;
border: 1px solid #aeaeae;
background-color: #fff;
width: 50px !important;
}

input[type=checkbox]:checked + label:before {
content: "X";
color: #333;
}



input[type=radio] { 
display: none !important;
cursor: pointer;
}

input[type=radio]:not([disabled]) + label {
cursor: pointer;
}

input[type=radio] + label:before {
position: relative!important;
padding: 1px 6px 1px 6px;
font-family: 'Eurostile Regular' !important;
font-style: normal;
font-weight: bold;
content: "X";
color: transparent;
border: 1px solid #aeaeae;
width: 50px !important;
border-radius: 0px;
}

input[type=radio]:checked + label:before {
content: "X";
color: #333;
}

input[type=password]{
font-family:'Eurostile Regular';
width: 97%;
height: 40px;
font-size: 100%;
border: 1px solid #aeaeae;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #333333;
}

.volle_breite {
width: 100%;
border: 0px solid red;	
float: left;
}

.datenschutz_links {
width: 5%;
float: left;
border: 0px solid red;
}

.datenschutz_rechts {
width: 93%;
float: left;
border: 0px solid red;
}

.bild_aktionen {
float:right;
width: 50%;
height: auto;	
}

.bild_login {
float:left;
width: 40%;
height: auto;
margin-right: 40px;	
}

/* Anfang Hover-Effeke Startseite Beschreibung */

.container {
position: relative;
width: 100%;
cursor: pointer;
}

.image {
display: block;
width: 100%;
height: auto;
}

.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #ff7b00;
}

.container:hover .overlay {
opacity: 0.9;
}

.text {
color: white;
font-size: 13px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}

/* Ende Hover-Effeke Startseite Beschreibung */

.beschreibung_links {
float: left; 
width: 25%;	
border: 0px solid red;
margin-top: 2px;
margin-bottom: 2px;
}

.beschreibung_rechts {
float: left; 
width: 75%;	
border: 0px solid red;
margin-top: 2px;
margin-bottom: 2px;
}

.beschreibung_pers_daten_links {
float: left; 
width: 55%;	
border: 0px solid red;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
}

.beschreibung_pers_daten_rechts {
float: left; 
width: 45%;	
border: 0px solid red;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
}



.beschreibung_set_card_spezial {
float: left; 
width: 100%;	
border: 0px solid red;
margin-top: 10px;
margin-bottom: 20px;
}

.beschreibung_set_card_voll {
float: left; 
width: 100%;	
border: 0px solid red;
margin-top: 10px;
margin-bottom: 2px;
}

.beschreibung_set_card_links {
float: left; 
width: 100%;	
border: 0px solid red;
margin-top: 10px;
margin-bottom: 2px;

}

.beschreibung_set_card_rechts {
float: left; 
width: 100%;	
border: 0px solid red;
margin-top: 2px;
margin-bottom: 2px;

}

.beschreibung_set_card_abstand {
width: 100%;
height: 20px;
border: 0px solid red;	
margin: 0px 0px 0px 0px;
float: left; 

}

.passbild_setcard_basic {
width:65%;
height: auto;	
}



.container_tabs {
width: 100%; 
height: auto;
border: 0px solid red;
justify-content: space-between;
display: flex;

}

.tab {
background-color: #707173;	
padding: 15px 1.8% 15px 1.8%;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;
text-align: center;
margin: 0px auto;
width: 12.50%;
text-align: center;
}

.tab:hover {
background-color: #FF7C00;	
padding: 15px 1.8% 15px 1.8%;
margin: 0px auto;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;
}

.tab_aktiv {
background-color: #FF7C00;	
padding: 15px 1.8% 15px 1.8%;
color: #fff;
font-weight: bold;
font-size: 100%;
width: 12.50%;
cursor: pointer;
text-align: center;
margin: 0px auto;
}




.tab_foto_upload {
background-color: #707173;	
padding: 15px 1.8% 15px 1.8%;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;
text-align: center;
margin: 0px auto;
width: 29.20%;
text-align: center;
}

.tab_foto_upload:hover {
background-color: #FF7C00;	
padding: 15px 1.8% 15px 1.8%;
margin: 0px auto;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;
}

.tab_foto_upload_aktiv {
background-color: #FF7C00;	
padding: 15px 1.8% 15px 1.8%;
color: #fff;
font-weight: bold;
font-size: 100%;
width: 29.20%;
cursor: pointer;
text-align: center;
margin: 0px auto;
}



.tab_foto_upload_mobile {
background-color: #707173;	
padding: 10px 2% 10px 2%;
margin-bottom: 1px;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;
width: 96%;
text-align: left;
}

.tab_foto_upload_mobile:hover {
background-color: #FF7C00;	
padding: 10px 2% 10px 2%;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;

}

.tab_foto_upload_mobile_aktiv {
background-color: #FF7C00;	
padding: 10px 2% 10px 2%;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;
margin-bottom: 1px;
}







.container_tabs_mobile {
width: 100%; 
height: auto;
border: 0px solid red;
display: none;

}

.tab_mobile {
background-color: #707173;	
padding: 10px 2% 10px 2%;
margin-bottom: 1px;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;
width: 96%;
text-align: left;
}

.tab_mobile:hover {
background-color: #FF7C00;	
padding: 10px 2% 10px 2%;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;

}

.tab_mobile_aktiv {
background-color: #FF7C00;	
padding: 10px 2% 10px 2%;
color: #fff;
font-weight: bold;
font-size: 100%;
cursor: pointer;
margin-bottom: 1px;
}





.abstand_setcard_textbox {
border: 0px solid red;
height: 52px;	
}

.upload_anzeige {
background-color: #cdcdcd !important;
border: 0px solid #cdcdcd  !important;
color: #fff  !important;
min-height: 500px  !important;
background-repeat:no-repeat  !important;
background-size:cover  !important;
background-position: center  !important;
overflow: hidden  !important;

}

span {
line-height: 0px !important;
width: 0px;
height: 0px;
border: 0px solid #cdcdcd !important;
color: transparent;
background-color: transparent;
}



.file-upload{display:block;text-align:center; font-weight: bold;}
.file-upload .file-select{display:block;border: 2px solid #707173;color: #fff;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#fff;overflow:hidden;position:relative; }
.file-upload .file-select .file-select-button{background:#707173;padding:0 10px;display:inline-block;height:40px;line-height:40px; }
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px; color: #707173;	}
.file-upload .file-select:hover{border-color:#707173;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;color: #333333;	}
.file-upload .file-select:hover .file-select-button{background:#707173;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#707173;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#707173;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #707173;color: #707173;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#707173;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}


#ausgabe {
color: #fff !important;	
}

.logout {
background-color: #000;
width: 80px;
height: 80px;
position: fixed;
z-index: 10000000;
border: 0px solid red;
right: 0%;
top: 20%;
background: url(../img/logout.png) center top no-repeat;
background-size: 80px 80px;
cursor: pointer;
}

.logout:hover {
background-color: #000;
width: 80px;
height: 80px;
position: fixed;
z-index: 10000000;
border: 0px solid red;
right: 0%;
top: 20%;
background: url(../img/logout_hover.png) center top no-repeat;
background-size: 80px 80px;
cursor: pointer;
}

.footer_left {
float: left;
	
}
.footer_right {
float: right;

}


/* DATENSCHUTZ */
.cc_container .cc_btn {
    background-color: #ff7b00 !important; /* Farbe des Buttons */
    color: #fff !important; /* Textfarbe des Buttons */
    text-decoration: none !important;
}

.cc_container {
    background: #000 !important; /* Hintergrundfarbe des gesamten Bereichs */
    color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}

    .cc_container a {
        color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
        text-decoration: underline !important;
    }
	.cc_message::before {

    border: 1px solid red !important;
    display: none !important;
    padding-bottom: 20px;

}

	
/* ENDE DATENSCHUTZ */


.button_bearbeiten_stift {
width: 40px;
height: 40px;
border: 0px solid red;	
float: right !important;
background: url(../img/Edit.jpg) center top no-repeat;
background-color: #FF7C00;
cursor: pointer;


}

.button_bearbeiten_stift:hover {
width: 40px;
height: 40px;
border: 0px solid red;	
float: right !important;
background: url(../img/Edit2.jpg) center top no-repeat;
background-color: #000;
cursor: pointer;
}

.button_sprache_hinzufuegen {
font-family:'Eurostile Regular';
background-color: #6d6e70 !important;
color: #fff;
font-size: 100%;
padding: 12px 2% 15px 2% !important;
cursor: pointer;
border: 1px solid #6d6e70 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
width: 100%;	
text-align: left;
margin-top: 20px;
background: url(../img/plus.png) no-repeat;
background-position: right 10px top 12px;

}

.button_sprache_hinzufuegen:hover {
font-family:'Eurostile Regular';
background-color: #838383 !important;
color: #fff;
font-size: 100%;
padding: 12px 2% 15px 2% !important;
cursor: pointer;
border: 1px solid #838383 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
width: 100%;	
text-align: left;
background: url(../img/plus.png) no-repeat;
background-position: right 10px top 12px;

}


table {
  border: 1px solid #fff;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size: 125%;
}

table caption {
  font-size: 100%;
  margin: .0em 0 .0em;
}

table tr {
  
  
  padding: .35em;
}

table th,
table td {
  padding: .625em .625em .625em .325em; 
  text-align: left;
  
}

table th {
  font-size: 75%;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #6d6e70;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  color: #fff;
}

.warnung_rechtliches {
background-color: #000;
color: #fff;
padding: 40px 20px 40px 20px;	
margin: 23px 0px 23px 0px;
font-weight: bold;
}

@media screen and (max-width: 63em) {
	
	.abstand_tabelle_ref {
	margin-top: 10px;	
	}
	
  table {
    border: 0;
  }

  table caption {
    font-size: 100%;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
	
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}


@media screen and (max-width: 87em) {


.contentbereich_basic_1 {
border: 0px solid green;
max-width: 100%;
width: 31.22%;
margin-left: 2%;

float: left;
}

.contentbereich_basic_2 {
border: 0px solid red;
max-width: 100%;
width: 31.22%;
margin-left: 1.2%;
float: left;
}

.contentbereich_basic_3 {
border: 0px solid orange;
max-width: 100%;
width: 31.22%;
margin-left: 1.2%;
float: left;
}


.navigationsbereich {
width: 96%;
height: 62px;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;	
border-bottom: 5px solid #ff7b00;
color: #808080;

}


.container_flex_2 {
height: auto;
width: 96%;
padding-left: 2%;
padding-right: 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;
border: 0px solid red;
}

.contentbereich {
border: 0px solid green;
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_2 {
order: 0px solid green;
width: 96%;
padding-left: 2%;
padding-right: 2%;

}

.contentbereich_3 {
border: 0px solid green;
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_4 {
border: 0px solid green;
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_4_1 {
border: 0px solid green;
max-width: 100%;
width: 42.23%;
padding-left: 2%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_4_2 {
border: 0px solid green;
max-width: 100%;
width: 52.50%;
padding-left: 1.55%;
padding-right: 2%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_5_1 {
border: 0px solid green;
max-width: 100%;
width: 72.23%;
padding-left: 2%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_5_2 {
border: 0px solid green;
max-width: 100%;
width: 22.50%;
padding-left: 1.55%;
padding-right: 2%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_5_3 {
border: 0px solid green;
max-width: 100%;
width: 60.23%;
padding-left: 2%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_5_4 {
border: 0px solid green;
max-width: 100%;
width: 34.50%;
padding-left: 1.55%;
padding-right: 2%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_6_1 {
border: 0px solid green;
max-width: 100%;
width: 47.28%;
padding-left: 2%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}

.contentbereich_6_2 {
border: 0px solid green;
max-width: 100%;
width: 47.28%;
padding-left: 1.50%;
padding-right: 0%;
display:-webkit-flex;
display:flex;
float: left;
}






.cluster_1 {
display: inline-block;
width: 27.50%;
margin-top: 40px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
}

.cluster_2 {
display: inline-block;
width: 27.50%;
margin-top: 40px;
margin-left: 40px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
}

.cluster_3 {
display: inline-block;
width: 27.50%;
margin-top: 40px;
margin-left: 40px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
}

.cluster_4 {
display: inline-block;
width: 31.50%;
margin-top: 40px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_5 {
display: inline-block;
width: 31.50%;
margin-top: 40px;
margin-left: 40px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_6 {
display: inline-block;
width: 31.50%;
margin-top: 40px;
margin-left: 40px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
}

.cluster_7 {
display: inline-block;
width: 100%;
margin-top: 30px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
}

.footer {
height: 20%;
width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #000;	
margin-top: 42px;	
}


}

@media screen and (max-width: 63em) {

.container_tabs_mobile {
width: 100%; 
height: auto;
border: 0px solid red;
display: inline-block;

}

.container_tabs {
width: 100%; 
height: auto;
border: 0px solid red;
display: none;

}


.button {
    border-left: 1px solid #FF7C00;
	border-top: 1px solid #FF7C00;
	border-bottom: 1px solid #FF7C00;
	border-right: 1px solid #fff;
	border-radius: 2px;
	background: #FF7C00;
    padding: 10px;
    margin-top: -77px;
	margin-left: 0px;
	height: 28px;
	padding-top: 20px;
	padding-left: 15px;
    font-weight: bold;
    color: #fff;
    width:78px;
  z-index: 100;
  position: absolute;
  
}


p {
font-family:'Eurostile Regular';
font-size: 105%;
line-height: 140%;	

}

.headline_login {
font-family:'Eurostile Regular';
font-weight: normal;
font-size: 175%;
color: #333333;	
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}

.contentbereich {
border: 0px solid green;
width: 96%;
padding-left: 2%;
padding-right: 2%;
flex-wrap: wrap;
}

.contentbereich_3 {
border: 0px solid green;
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_4 {
border: 0px solid green;
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.container_flex {
height: auto;
width: 100%;
display: block;

}

.container_flex_2 {
height: auto;
width: 96%;
padding-left: 2%;
padding-right: 2%;
display: block;

}


.contentbereich_4_1 {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_4_2 {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_5_1 {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_5_2 {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_5_3 {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_5_4 {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_6_1 {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

.contentbereich_6_2 {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}


.cluster_1 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
float: left;

}

.cluster_2 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
float: left;
}

.cluster_3 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
float: left;
}

.cluster_4 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
float: left;
}

.cluster_5 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
float: left;
}


.cluster_4_2 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
float: left;
}

.cluster_5_2 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
float: left;
}

.cluster_6_2 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
float: left;
}

.cluster_6 {
display: inline-block;
width: 100%;
margin-top: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fff;
float: left;
}

.cluster_7 {
display: inline-block;
width: 100%;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 30px 20px 30px;
text-align: left;
background-color: #fff;
float: left;

}

.footer {
height: 20%;
width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #000;	
margin-top: 17px;	
}



.headline_cluster_home {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 105%;
color: #333333;	
margin: 10px 0px 10px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
text-align:center;
}

.headline_content {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 140%;
color: #333333;	
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}

.headline_content_bilder {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 100%;
color: #333333;	
margin: 20px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}



.headline_cluster_bilder {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 105%;
color: #333333;	
margin: 10px 0px 10px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
text-align:center;
}

}

@media screen and (max-width: 56em) {
	
	

	
	
.contentbereich_basic_1 {
border: 0px solid green;
max-width: 100%;
width: 96%;
margin-left: 2%;

float: left;
}

.contentbereich_basic_2 {
border: 0px solid red;
max-width: 100%;
width: 96%;
margin-left: 2%;
float: left;
}

.contentbereich_basic_3 {
border: 0px solid orange;
max-width: 100%;
width: 96%;
margin-left: 2%;
float: left;
}	
	
.logout {
background-color: #000;
width: 50px;
height: 50px;
position: fixed;
z-index: 10000000;
border: 0px solid red;
right: 0%;
top: 3%;
background: url(../img/logout.png) center top no-repeat;
background-size: 50px 50px;
cursor: pointer;
}

.logout:hover {
background-color: #000;
width: 50px;
height: 50px;
position: fixed;
z-index: 10000000;
border: 0px solid red;
right: 0%;
top: 3%;
background: url(../img/logout_hover.png) center top no-repeat;
background-size: 50px 50px;
cursor: pointer;
}	

	
.abstand_setcard_textbox {

display: none;
}
	
.headline_cluster_home {
display:none;
}
	
.bild_login {
float:left;
width: 100%;
height: auto;
margin-right: 0px;	
margin-bottom: 20px;
}	
.beschreibung_nav {
display: none;
}

.beschreibung_nav_mobile {
float: right;	
border: 0px solid red;
height: 45px;
padding: 17px 0px 0px 0px;
font-size: 105%;	
display: block;
}	



.headline_content {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 150%;
color: #333333;	
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}

.drittel_voll {
width: 100%;
border: 0px solid red;	
float: left;
margin-left: 0%;
}

.drittel_voll textarea {
width: 100%;
margin-left: 0%;

}

.drittel_links {
width: 100%;
border: 0px solid red;	
float: left;
margin-left: 0%;
}

.drittel_mitte{
width: 100%;
border: 0px solid red;	
float: left;
margin-left: 0%;
}

.drittel_rechts {
width: 100%;
border: 0px solid red;	
float: left;
margin-left: 0%;
}

.zweier_links {
width: 100%;
border: 0px solid red;	
float: left;
margin-left: 0%;
}

.zweier_rechts{
width: 100%;
border: 0px solid red;	
float: left;
margin-left: 0%;
}


.zweier_links_einsatz {
width: 100%;
border: 0px solid red;	
float: left;
margin-left: 0%;
}

.zweier_rechts_einsatz {
width: 100%;
border: 0px solid red;	
float: left;
margin-left: 0%;
}

.zweier_links_neu {
width: 100.00%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;
padding-top: 0px;

}

.zweier_rechts_neu {
width: 100.00%;
border: 0px solid red;	
float: left;
margin-left: 0%;
margin-top: -20px;


}

.zweier_links_sonderfall {
width: 100.00%;
border: 0px solid red;	
float: left;
margin: 0px 0px 0px 0px;
}

textarea{
font-family:'Eurostile Regular';
width: 90.30%;
min-height: 100px;
font-size: 100%;
border: 1px solid #aeaeae;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #333333;
margin-left: 3.90%;
}

.bild_aktionen {
float:left;
width: 100%;
height: auto;	
margin-bottom: 20px;
}
}


@media screen and (max-width: 45em) {


	
.datenschutz_links {
width: 95%;
float: left;
border: 0px solid red;
}

.datenschutz_rechts {
width: 95%;
float: left;
border: 0px solid red;
}

.datenschutz_links p {
margin: 10px 0px 0px 0px;
}

.datenschutz_rechts p {
margin: 10px 0px 0px 0px;
}

}

@media screen and (max-width: 40em) {
.footer_left {
float: left;
width: 100%;
	
}
.footer_right {
float: left;
width: 100%;
}

}

@media screen and (max-width: 35em) {


.upload_anzeige {
background-color: #cdcdcd !important;
border: 0px solid #cdcdcd  !important;
color: #fff  !important;
min-height: 380px  !important;
background-repeat:no-repeat  !important;
background-size:cover  !important;
background-position: center  !important;
overflow: hidden  !important;
}


}


@media screen and (max-width: 26em) {
	
.beschreibung_pers_daten_links {
float: left; 
width: 100%;	
border: 0px solid red;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
}

.beschreibung_pers_daten_rechts {
float: left; 
width: 100%;	
border: 0px solid red;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
}

.headline_content {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 110%;
color: #333333;	
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}

.headline_content_bilder {
font-family:'Eurostile Regular';
font-weight: bold;
font-size: 100%;
color: #333333;	
margin: 20px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}
	
.btn_grau_1{
float: left;
clear: right;
margin-right: 50px !important;	
}

.btn_grau_2{
font-family:'Eurostile Regular';
background-color: #6d6e70 !important;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #6d6e70 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
margin-top: 20px !important;
margin-left: 0px !important;
float: left;
}

.btn_grau_2:hover{
font-family:'Eurostile Regular';
background-color: #bdbec1 !important;
color: #fff;
font-size: 100%;
padding: 12px 20px 15px 20px;
cursor: pointer;
border: 1px solid #bdbec1 !important;
font-weight: bold;
text-decoration: none;
height: 52px;
}
}