/*++++++++++++++++++++++++++++Anfang Box mit senkrechten Strichen oben und unten++++++++++++++++++++++++++++*/
.contentcontainer_mit_strichen_oben_und_unten {
	margin: 0 0 0 33%; /* kein Abstand nach unten */
}

.contentcontainer_mit_strichen_oben_und_unten:before {
	display:block;
    content: '';
    position: relative;

    left: 50%;
    width: 1px;
    height: 50px;
    background-color: #b3b3b3;
}

.contentcontainer_mit_strichen_oben_und_unten:after {
	display:block;
    content: '';
    position: relative;

    left: 50%;
    width: 1px;
    height: 50px;
    background-color: #b3b3b3;
}

.kleines_zentriertes_bild {
	float: left;

	width: 80%;
	height: 100px;
	margin: 32px 10% 0 10%;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.h3_zentriert {
	float: left;

	width: 80%;
	margin: 22px 10% 0 10%;

	text-align: center;
}

.p_zentriert {
	float: left;

	width: 80%;
	margin: 11px 10% 24px 10%;

	text-align: center;
}

a.p_zentriert:hover {
	text-decoration: underline;
} 

/*++++++++++++++++++++++++++++Anfang Box mit Border unten++++++++++++++++++++++++++++*/

.contentcontainer_mit_border_unten {
	margin: 0 0 0 33%; /* kein Abstand nach unten */
	border-bottom: solid 1px #b3b3b3;
}

.grosses_zentriertes_bild {
	float: left;

	width: 80%;
	height: 250px;
	margin: 32px 10% 9px 10%;

    background-size: contain;
	background-position: center;
    background-repeat: no-repeat;
}

.sehr_grosses_zentriertes_bild {
	width: 560px;
	height: 560px;
	margin: 0 auto;

    background-size: contain;
	background-position: center;
    background-repeat: no-repeat;
    
    border-radius: 300px;
    border: 20px solid white;
}

.p_contentcontainer_text_ganze_breite {
	float: left;

	width: 96%;
	margin: 15px 2% 24px 2%;
}

/*++++++++++++++++++++++++++++adressverschleierung++++++++++++++++++++++++++++*/
.namen:before {
  content: "\48\69\6c\64";
}
.namen:after {
  content: "\65\20\53\63\68\6f\6c\7a";
}

.weg:before {
  content: "\4d\61\6e\6f\73\71\75\65";
}
.weg:after {
  content: "\72\73\74\72\61";
}

.elektronischepost:before {
  content: "\0040\67\6d";
}
.elektronischepost:after {
  content: "\61\69\6c\2e\63\6f\6d";
}

.fernsprecher:before {
  content: "\54\65\6c\65\66\6f";
}
.fernsprecher:after {
  content: "\6e";
}







/*############################################# Anfang CSS-Definitionen für TABLET #############################################*/
 
@media screen and (min-width:601px) and (max-width:1024px) {


/*++++++++++++++++++++++++++++Anfang Lebenslauf und Anekdoten++++++++++++++++++++++++++++*/

.contentcontainer_mit_strichen_oben_und_unten, .contentcontainer_mit_border_unten {
	margin: 0 3% 0 3%; /* kein Abstand nach unten  */
}

/*++++++++++++++++++++++++++++Anfang Box mit Border unten++++++++++++++++++++++++++++*/

.sehr_grosses_zentriertes_bild {
	width: 500px;
	height: 500px;
    
    border-radius: 270px;
}

}










/*############################################# Anfang CSS-Definitionen für SMARTPHONE #############################################*/

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

/*++++++++++++++++++++++++++++Anfang Contentcontainer SMARTPHONE++++++++++++++++++++++++++++*/
.contentcontainer_mit_strichen_oben_und_unten, .contentcontainer_mit_border_unten {
	margin: 0; /* kein Abstand nach unten  */
}

/*++++++++++++++++++++++++++++Anfang Box mit Border unten++++++++++++++++++++++++++++*/

.sehr_grosses_zentriertes_bild {
	width: 320px;
	height: 320px;
    
    border-radius: 160px;
    border: 0px solid white;
}

}