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

/* STANDARD BODY */
img {display: block;}

html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {	
    background: #FFF; /* Hintergrundfarbe */
    color: #505050; /*Schriftfarbe*/
    font-size: 18px;
	font-family:'Libre Franklin', "sans-serif";
    font-weight: 300;
	-webkit-text-size-adjust: none;
	overflow-y: scroll;
}

a {	-webkit-tap-highlight-color:transparent;}

.clearing {clear: both; }

.texte	{font-size: 16px; line-height: 26px; color: #003050;}



.frame_spalten h2 {		font-size: 30px; 
			font-weight: 500; 
			letter-spacing: 10px; 
			color: #003050;  
			font-family: 'Pathway Gothic One'; 
			display: block; /*font-family: 'Libre Franklin'*/
			text-transform: uppercase;
			padding-bottom: 20px;
			}

p {padding-bottom: 20px;}

.frame {width: 100%}
.frame_impressum {width: 100%}
.frame_spalten {width: 100%}
.frame_smaler {width: 100%;}
/* Inhalt Box */

.frame_inhalt {

						max-width: 2000px; 
						padding: 0; 
						margin-left: auto; margin-right: auto; 
						display: flex;
						align-items: top;
						justify-content: flex-start;
						align-content: top;
						flex-direction: row;
						flex-wrap: wrap;
						border-bottom: 10px solid #FFF;
						background: rgb(249,249,249);
						background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(252,252,252,1) 50%, rgba(255,255,255,1) 100%);
						padding: 80px 0 80px 0;}

.frame_inhalt_first		{padding-top: 0px;}

.frame_inhalt_spalten {	padding: 60px 0 100px 0;}

.frame_strich {			display: flex;
						align-items: center;
						justify-content: flex-start;
						align-content: top;
						flex-direction: row;
						flex-wrap: wrap;
						}

.strich {				height: 2px; 
						width: 43%; 
						background-color: #003050;}

.strich_first	{width: 0px; height: 0px;}

.strich_left {			padding-right: 20px; order: 1;}
.strich_right {			padding-left: 0px; padding-right: 20px; order: 1; }


.frame_ueberschrift { 	display: flex;
						align-items: top;
						align-content: top;
						flex-direction: row;
						flex-wrap: wrap;
						}

.frame_ueberschrift_left {	justify-content: flex-start; order: 2;}
.frame_ueberschrift_right {	justify-content: flex-start; order: 2;}

.ueberschrift {}
.ueberschrift h1 {		font-size: 30px; 
						font-weight: 500; 
						letter-spacing: 6px; 
						color: #003050;  
						font-family: 'Pathway Gothic One'; 
						display: block; /*font-family: 'Libre Franklin'*/
						text-transform: uppercase;}


.ueberschrift {			padding: 40px 40px 50px 20px; max-width: 100%; 
						flex-basis: 100%; }

.frame_bild {}		
.frame_bild_left {padding-right: 20px; order:3;}

.frame_bild_right {padding-left: 20px; order:3;}

.bild {					width: 100%; 
						height: 300px; 
						background-size: cover;
						background-position: center center;}

.bild01 				{background-image: url("JPG/background/praxis.jpg");}

.bild03 				{background-image: url("JPG/background/untersuchung01.jpg");}
.bild04 				{background-image: url("JPG/background/invasiv.jpg");}
.bild05 				{background-image: url("JPG/background/sportkardiologie.JPG");}
.bild06 				{background-image: url("JPG/background/erkrankungen.JPG");}
.bild07 				{background-image: url("JPG/background/gruppenfoto.JPG");}
.bild08 				{background-image: url("JPG/background/flur.JPG");}
.bild10 				{background-image: url("JPG/background/theke.JPG");}
.bild11 				{background-image: url("JPG/background/lounge.JPG");}
.bild12 				{background-image: url("JPG/background/meinhausarzt.jpg");}
.bild13 				{background-image: url("JPG/background/bildgebung.JPG");}
.bild14 				{background-image: url("JPG/background/ekg.JPG");}
.bild15 				{background-image: url("JPG/background/ergo.JPG");}
.bild16 				{background-image: url("JPG/background/schmetterling.png");}
.bild17 				{background-image: url("JPG/background/leistungen.JPG");}

.person01				{background-image: url("JPG/personen/elmas.jpg"); background-position: top center; height: 500px;}
.person02				{background-image: url("JPG/personen/bodenseh.jpg"); background-position: top center; height: 500px;}

.bild_left {			border-radius: 0px 60px 60px 0px; }
.bild_right {			border-radius: 60px 0px 0px 60px; }


.frame_text { 			display: flex;
						align-items:flex-start;
						align-content: flex-start;
						flex-direction: row;
						flex-wrap: wrap;
						}
/*
.frame_text_left {		justify-content: flex-end; order:4;}
.frame_text_right {		justify-content: flex-end; order:4;}
.frame_text_center {	justify-content: flex-end; order:4;}*/

.frame_text_left {		justify-content: center; order:4;}
.frame_text_right {		justify-content: center; order:4;}
.frame_text_center {	justify-content: center; order:4;}


.text { padding: 40px 20px 10px 20px; max-width: 675px; flex-basis: 675px;}
.text_impressum { padding-top: 0px; max-width: calc(675px*2); flex-basis: calc(675px*2);}

.liste { padding-left: 40px;}

.frame_text_button { 	padding: 10px 20px 10px 20px; 
						max-width: 675px; 
						flex-basis: 675px; }

	
.text_button {			font-size: 14px; 
						color: #FFF;  
						padding: 14px 20px 12px 26px;
						background-color: #003050; 
						max-width: 360px; 
						flex-basis: 360px; 
						border-radius: 0px; /*box-shadow: 0px 10px 20px #bbb;*/ 
						font-weight: 300; 
						border-bottom: 3px solid #a3937d; 
						letter-spacing: 2px;
						transition-duration: 0.5s;
             			
						}
.text_button_low {		color: #003050;  
						background-color: #FFF; 
						border: 3px solid #003050;
						border-bottom: 3px solid #003050;; 
						}
					
.text_button:hover 	{background-color: #174461; }
.text_button_low:hover {background-color: #FFF;}

.text_button_spalten {margin-bottom: 30px;}

a {text-decoration: none;}

.lebenslauf_titel {		font-size: 26px; 
						font-weight: 500; 
						letter-spacing: 4px; 
						color: #003050;  
						font-family: 'Pathway Gothic One'; 
						display: block; /*font-family: 'Libre Franklin'*/
						text-transform: uppercase;
						padding-bottom: 6px;}

.lebenslauf_text {padding-bottom: 20px;}

.frame_inhalt li 	{padding-bottom: 10px; list-style-position: outside; }

.text_impressum h2 {		
						font-size: 30px; 
						font-weight: 500; 
						letter-spacing: 4px; 
						color: #003050; 
						font-family: 'Pathway Gothic One'; 
						display: block; /*font-family: 'Libre Franklin'*/
						padding-bottom: 20px;
						line-height: 36px;}

.text_impressum h3 {		
						font-size: 24px; 
						font-weight: 500; 
						letter-spacing: 4px; 
						color: #003050; 
						font-family: 'Pathway Gothic One'; 
						display: block; /*font-family: 'Libre Franklin'*/
						padding-bottom: 20px;
						line-height: 36px;}

.text_impressum h4 {		
						font-size: 24px; 
						font-weight: 500; 
						letter-spacing: 4px; 
						color: #003050; 
						font-family: 'Pathway Gothic One'; 
						display: block; /*font-family: 'Libre Franklin'*/
						padding-bottom: 20px;
						line-height: 36px;}

.text_impressum h5 {		
						font-size: 24px; 
						font-weight: 500; 
						letter-spacing: 4px; 
						color: #003050; 
						font-family: 'Pathway Gothic One'; 
						display: block; /*font-family: 'Libre Franklin'*/
						padding-bottom: 20px;
						line-height: 36px;}

.text_impressum li 	{padding-bottom: 10px; list-style-position: inside; }

.text_impressum p 	{padding-bottom: 30px;}

.text_impressum a 	{color: #003050; text-decoration: underline;}

#elmas				{scroll-margin-top: 70px;}
#bodenseh			{scroll-margin-top: 70px;}
#mitgliedschaften	{scroll-margin-top: 70px;}
#herzsport			{scroll-margin-top: 70px;}
#diagnostik			{scroll-margin-top: 70px;}
#bildgebung			{scroll-margin-top: 70px;}
#invasiv			{scroll-margin-top: 70px;}
#checkup			{scroll-margin-top: 70px;}
#herz				{scroll-margin-top: 70px;}
#sport 				{scroll-margin-top: 70px;}


.img_kooperationen {display: inline; width: 80px; margin: 10px;}
.img_kooperationen_querformat {width: 160px;}

.textlink {text-decoration: underline; font-weight: 500; color: #003050; }

.schmetterling {padding-right: 0px; padding-left: 0px;}

@media (min-width: 700px)
{
.frame_inhalt {padding: 100px 0 150px 0;}
.frame_inhalt_first		{padding-top: 0px;}
.frame_inhalt_spalten {	padding: 60px 0 100px 0;}
.texte	{font-size: 20px; line-height: 30px; }
.bild {height: 500px;}
.frame_bild_left {padding-right: 40px; order:3;}
.frame_bild_right {padding-left: 40px; order:3;}
.ueberschrift {	padding: 40px 0px 50px 40px;}
.text { padding: 50px 40px 50px 40px; }
.text_impressum { padding-top: 0px; } /* IMPRESSUM */
.frame_text_button { 	padding: 10px 40px 10px 40px; }
.person02 {height: 600px; background-position: top center;}	
.strich_left {			padding-right: 40px; order: 1;}
.strich_right {			padding-left: 0px; padding-right: 40px; order: 1; }
	
.schmetterling {padding-right: 0px;}
}



@media (min-width: 1020px)
	
{
	
.strich {				height: 2px; 
						width: 100%; 
						background-color: #003050; }
	
.strich_left {			padding-right: 50px; order: 1;}
.strich_right {			padding-left: 50px; padding-right: 0px; order: 2;}	
	
.frame_uberschrift {}

.ueberschrift h1 {		font-size: 50px; 
						font-weight: 500; 
						letter-spacing: 10px; 
						text-transform: uppercase;}
	
.ueberschrift {			padding: 30px 0px 30px 50px;
						max-width: 675px; 
						flex-basis: 675px; }
	
.frame_ueberschrift_left {	justify-content: flex-end; order: 1;}
.frame_ueberschrift_right {	justify-content: flex-start; order: 2;}	
	
.frame {				width: 60%}
.frame_impressum {		width: 100%}
.frame_smaler {			width: 40%}
.frame_spalten {		width: 50%}

	
.frame_strich{}

.frame_bild {}
.frame_bild_left {		padding-right: 0px; order: 3;}
.frame_bild_right {		padding-left: 0px; order: 4;}
.bild {height: 400px;}

	
.frame_text {}

.frame_text_left {		justify-content: flex-end; order:3;}
.frame_text_right {		justify-content: flex-start; order:4;}
.frame_text_center {	justify-content: center; order:3;}
	
.text {					padding: 25px 100px 50px 100px; 
						max-width: 675px; 
						flex-basis: 675px;}
	
.text_impressum {		padding: 25px 100px 50px 100px; 
						max-width: calc(2*675px); 
						flex-basis: calc(2*675px);}	
	
.frame_text_button { padding: 10px 100px 10px 100px;}

	
.text_button {font-size: 16px; 
             			}
.frame_inhalt_spalten {	padding: 100px 0 150px 0;}	
}	

@media (min-width: 1100px)

{
.frame {				width: 50%}

.frame_impressum {		width: 100%}

.frame_smaler {			width: 50%}
	
.bild	{				height: 600px;}
	
.frame_spalten_text {min-height: 300px;}
}