.about_me{
	background-color: #f3fdff;	
	
	position: relative;
	display: block;
	
	width: 100%;
	height: auto;
}
/*Image_slider*/
.slide_box{
	position: absolute;
	display: block;
	
	right: 0;
	
	height: auto;
	width: 100%;
	max-width: 400px;
}
.image_slide{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.container{
	padding-top: 0 !important;
}

.slide{
	height: 400px;
	width: 100%;
}

/*
 * Slideshow. Replaces Unslider + jQuery 1.11.1 with a cross-fade driven by
 * assets/js/about.js toggling .is_active. Without JS the first slide simply stays
 * visible, so the page still looks right.
 */
.image_slide > ul{
	position: relative;
	margin: 0;
	padding: 0;
	height: 400px;
	list-style: none;
	overflow: hidden;
}
.image_slide > ul > li{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	list-style: none;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.image_slide > ul > li:first-child,
.image_slide > ul > li.is_active{
	opacity: 1;
}
.image_slide > ul > li:first-child:not(.is_active):has(~ li.is_active){
	opacity: 0;
}

.slider_dots{
	position: absolute;
	bottom: 12px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 2;
}
.slider_dot{
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0 4px;
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}
.slider_dot[aria-current="true"]{
	background: rgba(255, 255, 255, 0.9);
}

@media (prefers-reduced-motion: reduce){
	.image_slide > ul > li{
		transition: none;
	}
}

.slide1{
	background-image: url("../../img/me1.jpg");
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.slide2{
	background-image: url("../../img/me2.jpg");
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
	.slide1{
		background-image: url("../../img/me1@2x.jpg");
	}
	.slide2{
		background-image: url("../../img/me2@2x.jpg");
	}
}
.text_holder{
	position: relative;
	display: block;
	margin-right: 420px;
	min-height: 400px;
}
.about_text{
	position: relative;
	display: block;
	
	padding: 5px;
}
.about_text > p{
	padding-top: 10px;
	color: #107FC9;
}

.ausbildung{
	position: relative;
	display: block;
	
	background-color: #eef6ff;
	width: 100%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 20px;
}

.ausbildung_text{
	position: relative;
	display: block;
	
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ausbildung_text > p{
	padding-top: 10px;
	color: #107FC9;
}
.ausbildung_text > p > a{
	padding-top: 10px;
	color: #107FC9;
}
.ausbildung_text > p > a:hover{
	font-weight: 400;
}


.section_title{
	position: relative;
	display: block;
	
	height: auto;
	width: auto;
	
	margin: auto;
	padding-top: 10px;
	margin-left: 5px;
	
	color: rgba(16,84,202,0.5);
	
	font-size: 24px;
	font-weight: 400;
	text-align: left;
	padding-bottom: 20px;
}


.title_2{
	text-align: center;
}
.flower_background{
	background-image: url("../../svg/background_svg.svg");
	background-position: center center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	border-bottom: 1px solid #e6f5ff;
	
}
.item{
	position: relative;
	display: block;
	
	width: 25%;
	height: auto;
	
	padding: 10px;
	
	float: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box; 
}
.item_title{
	position: relative;
	display: block;
	
	height: auto;
	width: auto;
	
	margin: 0;
	
	font-size: 18px;
	font-weight: 400;
	color: #1054ca;
	text-align: center;
}
.item_content{
	position: relative;
	display: block;
	
	height: auto;
	width: auto;
	
	padding: 10px;
}
.item_content > p{
	margin: 5px 0 0 0;
	font-size: 15px;
	font-weight: 300;
	color: #1054ca;
	text-align: center;
}