@charset "UTF-8";
/* CSS Document */




/*Schriftart Ende */


  html {
    box-sizing: border-box;
  }
  *,*::before,*::after {
    box-sizing: inherit;
  }



/* no colorchange in safari */
a[href^=tel],a[href^=mailto], a[href*="0"]{
    color:inherit;
    text-decoration:underline;
	font-family: 'Mainfont-Medium';
}













.flexbox-contactboxes1{
	position:relative;	
	margin:auto;	
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
	flex-direction:row;
	flex-wrap: wrap;
    border: 0px solid #333;
	margin-bottom:5px;
	align-items: flex-start;
	-ms-flex-pack: center;
    justify-content: space-around;	
	-ms-flex-align: start;	
}




.contactbox-btn1{	
	margin:10px;	
	width:350px;	
	text-align:center;		
	transition: all 0.3s ease-out;	
}








.contactbox-btn-text{
	font-size:16px;
	color:#101010;
	font-family: 'Mainfont-Regular';
	line-height:1.6;
}


.text-accent{
	font-size:18px;
	color:#1050A5;
	font-family: 'Mainfont-Medium';
	line-height:1.6;
}


.contactbox-btn svg{	
	fill: #303030;	
	transition: all 0.3s ease-out
}





.aboutme-flex {
	margin-top:20px;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
    align-items: center;
    align-content: center;	
    border: 0px solid #333;
	-ms-flex-direction: column;
    flex-direction: column;
	gap:20px;
}





.aboutme-picture-box{
	background: #000000;
	border-radius: 10px;
	width:100%;	
	max-width:350px;
	min-height: 250px;
	height:auto;
	max-height:280px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.aboutme-text-box{
	padding:5px;	
}









/*Tablet View*/
@media (min-width: 768px){	

a[href^=tel],a[href^=mailto], a[href*="0"]{    
    text-decoration:none;	
}










.contactbox-btn{	
	width:250px;	
}




.contactbox-btn-text{		
	font-size:18px;	
}


.text-accent{
	font-size:19px;
}


.aboutme-flex {
	-ms-flex-direction: row;
    flex-direction: row;	
	}
	
.aboutme-picture-box{
	 -ms-flex: 2 1 auto;
    flex-grow: 2;
	min-width:350px;
	max-width:450px;
	min-height: 250px;	
	max-height:300px;
	
}




.aboutme-text-box{
	 -ms-flex: 2 1 auto;
    flex-grow: 2;
	padding:15px;	
}



}





/*Desktop View*/

@media (min-width: 1024px){		



	



.contact-wrapper {
  grid-auto-flow:column;
}


.contactbox-btn{	
	width:350px;	
}

.contactbox-btn-text{		
	font-size:18px;	
}

.text-accent{
	font-size:19px;
}



.aboutme-picture-box{
	 -ms-flex: 2 1 auto;
    flex-grow: 2;
	min-width:450px;
	max-width:650px;
	min-height: 350px;	
	max-height: 400px;
	
}




	
}