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

img {			display: block;}
video {			display: block;}
html, 
html * {		padding: 0px;
				padding-top: 0px;
				margin: 0px;
				margin-top: 0px;
				box-sizing: border-box; }
				
body {			font-size: 100%;
				background-color: var(--background_color);
				font-family: 'Montserrat'; 
    			font-weight: 300;
				margin: 0px;
				padding: 0px;

				font-size: 1em;
				line-height: 150%;
	
				-webkit-text-size-adjust: none;}

a {				-webkit-tap-highlight-color:transparent; 
				text-decoration: underline; color: var(--first_color); font-weight: 400;}


.clearing {clear: both; }


:root 	{

--background_color: #FEFEFE;
--background_gray: #EFEFEF;

--first_color: #AD1F09;
--first_color_hover: #781908;
--second_color: #C2A461;
--f_color: #FFFFFF;
--blue: green;
	
/*font-color*/

--first_font_color: rgb(51,51,51);
--second_font_color: #FFFFFF;


}



h1 {font-size: 2.6em; line-height: 110%; margin-bottom: 20px; margin-top: 20px; font-weight: 500;/*font-style: italic; text-transform: uppercase;*/ color: var(--first_font_color);}
.h1_thin {font-weight: 800; letter-spacing: 0.1em}
.artikel_header_h1_small h1 {font-size: 2.4em; line-height: 110%; margin-bottom: 3px; margin-top: 20px;/*font-style: italic;*/ text-transform: uppercase; }
h2 {font-size: 1.6em; line-height: 120%; margin-bottom: 20px; margin-top: 20px; /*font-style: italic;*/ text-transform: uppercase; font-weight: 300; }
h3 {font-size: 1.3em; line-height: 120%; margin-bottom: 20px;  text-transform: uppercase;/*font-style: italic;*/ }
h4 {font-size: 1.3em; line-height: 140%; margin-bottom: 20px; text-transform: uppercase;/*font-style: italic;*/ }
.h_second {font-family: 'Montserrat'; font-weight: 500; font-size: 1.3em; line-height: 120%; /*text-transform: uppercase;*/ color: var(--first_font_color);}
.artikel_h2_zweispaltig h2 {	margin-top: 0px; }	

p {padding-bottom: 20px;}
.bold {font-weight: 600;}

.tab	{							width: 32px;
									display: block;
									float: left;
									font-weight: 600;}

/*Buttons*/

.button_barriere { padding: 14px 28px 14px 28px; color: var(--f_color); text-decoration: none; background-color: var(--first_color); border-radius: 0px; border: 2px solid var(--first_color); font-size: 1em; transition-duration: 0.5s;  }
.button_barriere_second { padding: 14px 28px 14px 28px; color: var(--first_color); text-decoration: none; border-radius: 0px; border: 2px solid var(--first_color); font-weight: 400; font-size: 1em; transition-duration: 0.5s; }
.button_barriere_text { padding: 14px 28px 14px 28px; color: var(--first_color); text-decoration: underline; font-weight: 500; }

.button_barriere:hover {background-color: var(--first_color_hover); border-color: var(--first_color_hover);}
.button_barriere_second:hover { color: var(--second_font_color); background-color: var(--first_color); }
.button_shadow {box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);} 


/* Mobil Format */



.main_wrapper {				width: 100%; background-color: var(--background_color); margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0px;}

.header_frame {				background-color: var(--background_color); 
							color: var(--first_font_color);}

#nav_frame	{				overflow: hidden; transition-duration: 0.5s; width: 100%;}


.first_menue_frame {		background-color: var(--background_color); 
							color: var(--first_font_color);}

.second_menue_frame {		background-color: var(--background_color); 
							color: var(--first_font_color);}

.tworows_frame {			background-color: var(--background_gray); 
							color: var(--first_font_color);}

.background_frame {			background-color: var(--background_color); 
							color: var(--first_font_color);
							background-size: cover; background-position: center;}

.ueberuns_frame {			background-image: url("pictures/background/ergo.jpg"); }

.leistungen_frame {			background-image: url("pictures/background/rampe.jpg"); }

.praxis_frame {				background-image: url("pictures/background/praxis_header.jpg"); }

.artikel_frame {			background-color: var(--background_color); 
							color: var(--first_font_color);}

.swap_frame {				background-color: var(--background_color); 
							color: var(--first_font_color);}

.highlight_artikel_frame {	background-color: var(--first_color); 
							color: var(--second_font_color);}

.footer_frame {				background-color: var(--first_font_color); 
							color: var(--second_font_color);
							border-top: 30px solid var(--background_gray)}


.min_high {					min-height: 100px;}

.main_width {				width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto;}
.main_padding {				padding-left: 40px; padding-right: 40px;}
.main_padding_header {		padding-left: 20px; padding-right: 20px;}


@media (min-width: 750px)

{
h1 {							font-size: 4em; line-height: 100%; margin-bottom: 30px; margin-top: 50px; /*font-style: italic;*/}
h2 {							font-size: 1.8em; line-height: 120%; margin-bottom: 30px; margin-top: 50px; /*font-style: italic;*/ }
h3 {							font-size: 1.2em; line-height: 120%;  /*font-style: italic;*/}
h4 {							font-size: 1.2em; line-height: 140%;  /*font-style: italic;*/}
	
.h_second {						font-family: 'Montserrat'; font-weight: 500; font-size: 1.5em; line-height: 110%; /*text-transform: uppercase;*/}
.artikel_h2_zweispaltig h2 {	margin-top: 0px;}	


	
}

@media (min-width: 950px)
	
{.main_padding {			padding-left: 80px; padding-right: 80px;}
.main_padding_header {		padding-left: 80px; padding-right: 80px;}
h3 {						font-size: 1.5em; line-height: 120%;  /*font-style: italic;*/}

}