@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=68c3a488-34b4-4ca9-907f-684b2349c074");
	@font-face{
		font-family:"Avenir Next LT W01 Light";
		src:url("Fonts/670c4af6-0f8f-4dfa-89d7-0213a1f77b7d.woff2") format("woff2"),url("Fonts/b25f4dd5-5498-47ad-bf13-ed8d085f0ace.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Light Italic";
		src:url("Fonts/f5ab1a5d-da17-451b-9f60-c9d132b69cb8.woff2") format("woff2"),url("Fonts/15076b53-6450-4913-a4dd-af93d4e59311.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Regular";
		src:url("Fonts/c4691e94-080d-4452-8f9f-8b3db6b68d55.woff2") format("woff2"),url("Fonts/a1adabe6-efe5-40b7-b619-48111c8ff883.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Italic";
		src:url("Fonts/f07f5ab2-8ecc-416d-afa7-b73dbea95907.woff2") format("woff2"),url("Fonts/3a03e3a3-baa3-4079-aa61-d2ec2a35bea3.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Medium";
		src:url("Fonts/f5d4f93b-454a-43e0-9ae8-7f1271b5c0fd.woff2") format("woff2"),url("Fonts/72556e8c-c677-48d8-81ff-3eb8fc50033b.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Medium It";
		src:url("Fonts/b7a66ef0-2d88-45d3-bc84-e2d6013878d9.woff2") format("woff2"),url("Fonts/351c1f33-8a8e-41c9-920c-0031d3983321.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Demi";
		src:url("Fonts/6afe4676-059a-4aa8-b891-29856bbcba22.woff2") format("woff2"),url("Fonts/a9817c16-2a79-49bf-8543-6c846d73a52f.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Demi Italic";
		src:url("Fonts/e9540909-1e28-4c00-9423-10e43c828f31.woff2") format("woff2"),url("Fonts/691d198c-3c78-40b5-9ce3-c92eda0bab0f.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Bold";
		src:url("Fonts/b56355b0-7729-42a7-9f65-62c7211d078c.woff2") format("woff2"),url("Fonts/05537afc-e923-4df9-b365-71798fbd220d.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W02 Bold Italic";
		src:url("Fonts/a7686dee-eeb5-4f8b-8d6d-5847eeb04371.woff2") format("woff2"),url("Fonts/e96e0f4f-36fb-48a0-8ba2-4e40f630b4d0.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Heavy";
		src:url("Fonts/4c12ed83-b51a-4aa2-933e-91b51a349858.woff2") format("woff2"),url("Fonts/174318b4-133a-4af1-b728-f45b53180bfc.woff") format("woff");
	}
	@font-face{
		font-family:"Avenir Next LT W01 Heavy Italic";
		src:url("Fonts/1917b96e-b7c6-4640-808c-dbbba691a4da.woff2") format("woff2"),url("Fonts/844134a2-b67e-4572-9d0d-abe01e9a120e.woff") format("woff");
	}




body { width: 100%; margin: 0; padding: 0; font-family: "Avenir Next LT W01 Regular"; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

#header { width: 100%; margin-top: 0px; }
#header_fixed { position: fixed; top: 40px; width: 100%; height: 50px; z-index: 100; background: rgba(255, 255, 255, 0.6); }
#wrapper_header_fixed { position: relative; width: 90%; margin: 0 auto; }

#header_left { float: left; top: 0; width: 60%; height: 40px; z-index: 100; }
#navigation_top li.level-1 { display: inline-block; margin-top: 15px; list-style: none; padding-right: 40px; }
#navigation_top li.level-1:last-of-type { padding-right: 10px}
#navigation_top a { text-decoration: none; color: black; font-family:"Avenir Next LT W01 Demi"; font-size: 1.3rem; }
#navigation_top a:hover, #navigation_top a:active { text-decoration: underline; color: black; } 
#navigation_top li.level-1.current a { text-decoration: underline; }

#header_right { float: right; top: 0; width: 40%; height: 40px; z-index: 100; }
#search_start { margin-top: 12px; }
#search_start_top { float: right; }
form #search:focus { background: yellow; outline: 1px solid black; }
form.search input { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; font-family: "Avenir Next LT W01 Regular"; font-size: 1.3rem; border-style: solid; padding: 1px 10px !important; }
form.search button { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; font-family: "Avenir Next LT W01 Demi"; font-size: 1.3rem; border: 0 white; padding: 0 !important; background-color: rgba(255, 255, 255, 0); color: black; margin-left: 10px; }



#content { width: 90%; margin: 0 auto; margin-top: 180px; margin-bottom: 100px; font-family:"Avenir Next LT W01 Medium"; font-size: 1.4rem; }

#content a { text-decoration: none; color: black; font-family:"Avenir Next LT W01 Demi"; }
#content a:hover, #content a:active { text-decoration: underline; color: black; }

#header_start { width: 100%; }
	
#logo_start { height: 160px; width: 50%; background: url("../../files_extra/n-i-m-z_de.png") no-repeat center; background-size: contain; margin-top: 0; }



#breadcrumb { margin-bottom: 0; }
#breadcrumb ul.breadcrumbs { padding-inline-start: 0; margin-block-end: 0; }
#breadcrumb li { display: inline; list-style: none; font-size: 0.9rem; font-family:"Avenir Next LT W01 Regular"; }
#breadcrumb li a { text-decoration: none; color: black; font-family:"Avenir Next LT W01 Regular"; }
#breadcrumb li a:hover { text-decoration: underline; }
#breadcrumb li::before { content: " / "; }
#breadcrumb li:first-of-type::before { content: ""; }


.titel { font-family: "Avenir Next LT W01 Bold"; font-size: 2rem; padding-bottom: 0.8rem; }

.content_inner { display: inline-block; width: 100%; height: auto; }
	
.content_innerest { width: 80%; }
.body_home .textfeld { width: 80%; }

.text { line-height: 2rem; }
p { line-height: 2rem; }

.body_uber-mich .foto { height: 300px; margin-top: 3rem; }
.body_uber-mich .foto img { height: 100%; }
.body_uber-mich .bu { font-family: "Avenir Next LT W01 Regular";font-size: 1rem; }

.body_texte .titel { width: 80%; }



/* Teaser Startseite */

.teaser_start { margin-top: 6rem; column-count: 4; column-gap: 5%; }
.teaser { }
.teaser img { width: 100%; height: auto; }

.kategorie_teaser { margin-bottom: 0.8rem; font-family: "Avenir Next LT W01 Regular"; font-size: 0.9rem; }

.teaser.content_fotos_einzeln .titel_teaser.start, .teaser.content_fotos_einzeln .text_teaser.start ,.teaser.content_fotos_einzeln .text_teaser_continue, .teaser.content_texte_einzeln .bild_bu_teaser.start, .teaser.content_empfehlungen_einzeln .bild_bu_teaser.start { display: none; }

.teaser { width: 100%; padding-right: 0; break-inside: avoid; }
.text_teaser_continue { padding-bottom: 3rem; }

.teaser.content_fotos_einzeln div.bild_bu_teaser.start { padding-top: 1rem; padding-bottom: 3rem; font-family: "Avenir Next LT W01 Demi"; } 

.teaser.content_texte_einzeln img, .teaser.content_empfehlungen_einzeln img { padding-bottom: 0; }

.teaser.content_empfehlungen_einzeln .titel_teaser.start, .teaser.content_texte_einzeln .titel_teaser.start { border: 0; }


/* Teaser sonstige Seiten */

.teaser_container_texte { width: 30%; padding-right: 5%; float: left; padding-bottom: 1rem; }
.teaser_container_texte:nth-child(3n) { padding-right: 0; }

.titel_teaser { margin-bottom: 0.5em; font-family: "Avenir Next LT W01 Demi"; border-top: 2px solid black; padding-top: 1rem; }
.titel_teaser.empfehlung { margin-bottom: 0.5em; font-family: "Avenir Next LT W01 Demi"; border: 0; padding-top: 1rem; }
.text_teaser { height: 10rem; overflow: hidden; text-overflow: ellipsis; }

.body_fotos .container, .body_empfehlungen .container { column-count: 4; column-gap: 5%; }

.teaser_container_fotos, .teaser_container_empfehlungen  { width: 100%; padding-right: 0; break-inside: avoid; }
.teaser_container_fotos img, .body_empfehlungen .text_teaser_continue { padding-bottom: 3rem; }

.foto_teaser, .empfehlung_teaser { width: 100%; }
.foto_teaser img, .empfehlung_teaser img { width: 100%; height: auto; }

.body_empfehlungen .text_teaser_continue { padding-bottom: 3rem; }


.bild.empfehlung, .bild.texte { margin-bottom: 1rem; margin-right: 2rem; float: left; display: inline-block;} 
.bild.empfehlung img, .bild.texte img { width: auto; }
.bild.empfehlung img, .bild.texte img { max-height: 400px; max-width: 400px; }
.bu.empfehlung { font-family: "Avenir Next LT W01 Regular"; font-size: 1rem; }

.body_texte .textfeld { display: table-cell; }
.body_texte .textfeld.dateilink { display: inline; }

.body_empfehlungen .textfeld { display: table-cell; }

.text_teaser_continue { line-height: 2.5rem; }


p { margin-block-start: 0; }
h1 { font-weight: normal; text-transform: lowercase; margin-top: 0; margin-left: -2px; }
b, strong { font-family: "Avenir Next LT W01 Demi"; }


.clear { clear: both; }


/* Filterbuttons etc. */
.content_inner .controls { margin-bottom: 2rem; }
.content_inner .controls button.control { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; font-family: "Avenir Next LT W01 Regular"; font-size: 1.3rem; border: 2px solid black; padding: 1px 10px !important; background-color: white; color: black;  margin-right: 1rem; margin-bottom: 0.5rem; cursor: pointer; }
.content_inner .controls button.control:first-of-type { margin-left: 2rem; }
.content_inner .controls button.mixitup-control-active { background-color: yellow; cursor: pointer; }


.search_list { width: 70%; padding-inline-start: 0; }
.search_list li { list-style: none; margin-bottom: 1em; }
.search_list .text_teaser { height: 4rem; overflow: hidden; text-overflow: ellipsis; }


#search_bottom { display: none; }


#footer { width: 100%; font-size: 1.3rem; position: static; border-top: 2px solid black; padding-bottom: 1rem; }
#wrapper_bottom { width: 90%; margin: 0 auto; position: relative; }
#wrapper_bottom_inner { }
#navigation_bottom_left { float: left; }
#footer li { display: inline-block; margin-top: 20px; list-style: none; padding-right: 20px; } 
#footer a { text-decoration: none; color: black; font-size: 1.3rem; font-family:"Avenir Next LT W01 Demi"; }
#footer a:hover { text-decoration: underline; color: black; }





/* sehr große Ausgabegeräte */
@media screen and (min-width: 1440px) { 
	#wrapper_header_fixed { width: 1296px; }
	#content { width: 1296px; }
	#wrapper_bottom { width: 1296px; }
	}
	

/* kleiner werdende Ausgabegeräte */
@media screen and (max-width: 980px) { 
	#navigation_top li.level-1 { padding-right: 25px; }
	#navigation_top a { font-size: 1.1rem; }
	form.search input { width: 160px; font-size: 1.1rem; }
	form.search button { font-size: 1.1rem; }
	
	.content_innerest, .search_list { width: 90%; }
	
	.body_home .textfeld { width: 90%; }
		
	#footer a { font-size: 1.1rem; }
	}	
	

@media screen and (max-width: 780px) { 
	#header_left { float: left; top: 0; width: 100%; height: 40px; z-index: 100; }
	#navigation_top a { font-size: 1.2rem; }
	
	#header_right { display: none; }
	
	#content { margin-top: 150px; }

	#logo_start { width: 70%; }

	.content_inner, .search_list, .body_home .textfeld { width: 100%; }
		
	#search_bottom { display: block; width: 90%; margin: 0 auto; }
	form.search input { width: 160px; font-size: 1.2rem; }
	form.search button { font-size: 1.2rem; }
		
	#footer { margin-top: 2rem; }
	#footer a { font-size: 1.2rem; }
	}		


@media screen and (max-width: 720px) { 
	#logo_start { width: 80%; }
	
	.titel { line-height: 4rem; padding-top: 0.2rem; }
	
	.teaser_start, .body_fotos .container, .body_empfehlungen .container  { column-count: 2; column-gap: 5%; }
	
	.teaser_container_texte { width: 47.5%; padding-right: 5%; }
	.teaser_container_texte:nth-child(3n) { padding-right: 5%; }
	.teaser_container_texte:nth-child(2n) { padding-right: 0; }

	.body_empfehlungen .titel, .body_texte .titel {-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	}
	

@media screen and (max-width: 560px) { 
	#logo_start { width: 90%; height: 120px; }
	
	#content { font-size: 1.2rem; }
	
	.teaser_start { margin-top: 4rem; }
	
	.bild.empfehlung img { height: auto; width: 50%; }
	
	.text { line-height: 1.7rem; }
	p { line-height: 1.7rem; }
	
	.text_teaser { height: 8rem; }
	.search_list .text_teaser { height: 3.2rem; }
	}	
	
	
@media screen and (max-width: 480px) { 
	#header_fixed { height: 70px; top: 20px; }
	#navigation_top li.level-1 { margin-top: 8px; }
	
	#content { margin-top: 140px; }

	.teaser_start { margin-top: 3rem; }
	}	
	
	
@media screen and (max-width: 460px) { 
	#navigation_top li.level-1 { margin-top: 5px; }
	#navigation_top a { font-size: 1.3rem; }
	
	.teaser_start, .body_fotos .container, .body_empfehlungen .container  { column-count: 1; column-gap: 0; }
	
	.teaser_container_texte { width: 100%; padding-right: 0; }
						
	form.search input { font-size: 1.3rem; }
	form.search button { font-size: 1.3rem; }
		
	#footer a { font-size: 1.3rem; }
	}		
	