@font-face {	font-family: 'baarsophia';
	src: url('../fonz/baarsophia.eot');
	src: local('../fonz/baarsophia.ttf'), url('../fonz/baarsophia.woff') format('woff'), url('../fonz/baarsophia.ttf') format('truetype'), url('../fonz/baarsophia.svg') format('svg');	}
	
	 
html, body { 	font-family: 'baarsophia';
				font-size:1.075em;
				line-height:1.375em;
				color:#336600;}	
			
			
h1, h2 {	font-size:130%;
			line-height:1.125em;
			font-weight:bold;
			margin-bottom:1.2em;
			color:black;}
h2 {		font-size:110%;
			line-height:1.200em;
			font-weight:bold;
			margin-bottom:0.9em;
			color:#284B05;
			text-shadow:none;}
#rahmen_kleinicons h1 {color:black; font-size:110%;}
			

a {		color:#003300;}	
a:hover {	text-decoration:underline;color:red;}
	
		
.klein, .klein13, .kleinfett {	font-size:13px;
						line-height:1.2em; 
						font-weight:normal;}
.klein13 {	margin-top:0.3em;line-height:1.2em; }
.klein_braun {font-size:13px;color: #C69C5B; font-weight:normal;}						
.kleinfett {font-weight:bold;}
				
.normal12, .normal12fett {font-size:100%;
							font-weight:normal;}
.normal12fett {				font-weight:bold;}

.normal14, .normal14fett {font-size:110%; line-height:130%;
						font-weight:normal;}
.normal14fett {		font-weight:bold;}

.normal16, .normal16fett { font-size:130%; font-weight:normal;}
.fett, .normal16fett {		font-weight:bold;}

.rot {color:red;}

a .telnr  {text-decoration:none;}

#spalte ul, #spalte2 ul {padding-left:1em; color:black;font-weight:bold;font-size:110%;line-height:140%;list-style-type:square;background-color:#C7E12F; border-radius:9px;}
	
.modell { color:black; font-variant:small-caps; font-weight:bold; font-size:120%;}
.modell_detail {color:#990000; text-transform:uppercase;}	
.modell_detail2 {color:#990000;}	
.weitere_modelle {}
.modelllowercase {font-weight:normal; text-transform:lowercase; color:black;}
	
.lifestyle {font-size:13px; color:#993300; line-height:120%;}

.lowercase { text-transform:none;}	
			
footer{		font-size:0.875em;
				line-height:120%;
				color:white;}
footer h1 {		font-size:100%;
				line-height:120%;
				
				font-weight:normal;
				margin-bottom:0;}	
footer a, footer a:visited {	color:white;text-decoration:none;	}
footer a:hover {color:#CCFF33;text-decoration:underline;}			
				
article {		-moz-hyphens: auto;
  				-o-hyphens: auto;
   				-webkit-hyphens: auto;
   				-ms-hyphens: auto;
   				hyphens: auto; }


			
.keinetrennung {-moz-hyphens: none;
  				-o-hyphens: none;
   				-webkit-hyphens: none;
   				-ms-hyphens: none;
   				hyphens:none; }	
.justify {text-align:justify;}
.navbreak {display:none;}
.nowrap {white-space: nowrap;}
.show520, .show640, .show720, .show960, .umbruch_personalfotos {display:none;}
.unter375weg {display:none;}
	
	
/*

align-self: center; !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! entspr. vertical align?

grid-template-columns: 200px repeat(auto-fill, 100px) 300px;
grid-template-columns: minmax(100px, max-content)
                       repeat(auto-fill, 200px) 20%;
grid-template-columns: [linename1] 100px [linename2]
                       repeat(auto-fit, [linename3 linename4] 300px)
                       100px;
grid-template-columns: [linename1 linename2] 100px
                       repeat(auto-fit, [linename1] 300px) [linename3];

grid-template-columns: auto auto auto;
grid-template-columns: 80px 200px auto 40px;
grid-template-rows: minmax(1fr 100%) minmax(1fr 100%);

grid-template-columns: inherit;
grid-template-columns: initial;
grid-template-columns: unset;

.grid-container {
  display: grid;
  justify-content: center;
}


display: flex;
   align-items: center;
   justify-content: center;
   
   
   .vertikal-flex {
   width: 100%;
   height: 30vh;
   display: flex;
   align-items: center;
   justify-content: center;
}
.vertical-table {
	display:table;
}
.vertical-table p {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

letter-spacing: 0.1em;
   word-spacing: 0.5em;
   text-transform: uppercase;


-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;


11	0.689	
12	0.750	
13	0.814	
14	0.875
15	0.938
16	1.000	Browser standard default
17	1.064	
18	1.125
19	1.188	
20	1.250
21	1.313
22	1.375
23	1.438
24	1.500
25	1.563
26	1.625	
*/				

					
/*