/* fira-sans-extra-condensed-regular - latin */



@font-face {
  font-family: 'text';
  font-style: normal;
  font-weight: 400;
  src: local('Titillum'), url('../fonz/ttw_light.ttf') format('truetype'); /* Safari, Android, iOS */
}


@font-face{ font-family: 'ueber'; 
 src: local('Titillum'), url('../fonz/ttw_semibold.ttf') format('truetype'); }
 
 @font-face{ font-family: 'ueber2'; 
 src: local('Titillum'), url('../fonz/ttw_bold.ttf') format('truetype'); }
 
 @font-face{ font-family: 'kursiv'; 
  src: local('Titillum'), url('../fonz/ttw_italic.ttf') format('truetype'); }




	
	
html, body { 	font-family: 'text';
				font-size:110%;
				line-height:110%;
				color:black;}	
			
h1, h2 {	font-size:130%;
			line-height:130%;
			font-weight:bold;
			margin-bottom:1.0em;
			color:brown;}
h2 {		font-size:110%;
			line-height:110%;
			font-weight:bold;
			margin-bottom:0.9em;
			text-shadow:none;}
#rahmen_kleinicons h1 {color:black; font-size:110%;}
			

a {		color:#742E13;text-decoration:underline;}	
a:hover {	text-decoration:underline;color:brown;}
	
a .telnr {text-decoration:none;}
#schnellkontakt a {text-decoration:none; }
address .telnr, footer .telnr {text-decoration:none; }
address .telnr:hover, footer .telnr:hover {text-decoration:underline;}
		
.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;}
.normal16fett {		font-weight:bold;}

 #aufzaehlung ul {padding-left:0.7em;list-style-type:square;list-style-position:outside;background-color:#FFEEDD; border-radius:9px;padding:0.4em;border:1px dashed silver;}
 #aufzaehlung ul li{margin-left:0.8em;}


.hgrundmilch, .hgrundjaeger {background-color:rgba(255, 255, 255, 0.6);padding:2px 6px;border:2px solid white;border-radius:5px;font-weight:bold;}
.hgrundjaeger {background-color:rgba(25, 94, 7, 0.8); padding:6px 22px 10px 22px; }
.hgrundjaeger a {color:white;text-decoration:none;}

.hgrundjaeger:hover {text-decoration:underline white;
	-webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.55);
box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.55);}
.hgrundmilch a{text-decoration:none;color:black;}	
.hgrundmilch a:hover{text-decoration:underline;color:brown;}	
.hgrundmilch:hover{background-color:rgba(255, 255, 255, 1.0);}	
.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:silver;}
footer h1 {		font-size:100%;
				line-height:120%;
				color:silver;
				font-weight:normal;
				margin-bottom:0;}	
footer a, footer a:visited {		color:grey;}
footer a:hover {color:white;}			
				
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; }	

.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: inherit;
grid-template-columns: initial;
grid-template-columns: unset;




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	
*/