@charset "UTF-8";

html, body, div, span, h1,  h2, h3, h4, h5, h6, h7, p, a, q, font, img, em, strong, dfn, blockquote, cite, abbr, acronym, strong, address, s, ul, ol, li, dl, dd, dt, table, th, tr, td, caption, pre, hr, nav, header, footer, main, section, article, aside, figure, figcaption, video, audio, form, input, label { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: inherit; font-family: inherit; font-style: inherit; } 
nav, header, footer, main, section, article, aside, figure, figcaption, video, audio, svg, form, input, label, blockquote { display: block; }
mark { background: transparent; display: inline; height: auto; width: auto; margin: 0; padding: 0; outline: 0; }
html[lang="de"] q { quotes: "" "" } q { quotes: "" "" }
a { outline: 0; text-decoration: none; font-style: normal; color: inherit; }
dl, dd, dt, ul, li { font-style: normal; }
ul, ol { list-style: none; padding: 0; margin: 0; }

::selection { background: #d7a7f2; color: #fff; /* Safari */ } ::-moz-selection { background:#d7a7f2; color: #fff; /* Firefox */ }


/* FONTS */



/* Masterfontset */
.condensed { font-family: "Myriad Pro Cond", "Helvetica Neue Condensed", "Arial Narrow", "Ubuntu Condensed", sans-serif; }
.serif { font-family: "Arno Pro", Georgia, "Baskerville", "Cambria", serif; }
.sans { font-family: "Myriad Pro", "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif; }
.mono { font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace; }


/* HEADLINE GLOBAL */
h1, h2, h3, h4, h5, h6, h7, p#bl-name { 
	font-family: "Myriad Pro Cond", "Fira Sans", sans-serif; /* Fira von Google */
	font-weight: normal;
	}

h2 { 
	font-size: 2rem;
	font-style: normal;
	line-height: 1.125;
	color: back;
	margin: 0 0 1.625rem 0;
	page-break-inside: avoid;
	}
	
	
/* Targetbeleuchtung */	
:target { background-color: rgba(175,80,230,0.5); 
		animation-name: target;
		animation-duration: 0.25s; 
		animation-timing-function: linear; 
		animation-delay: 0;
		animation-direction: normal;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-play-state: running; 
		}

	@keyframes target {  0% { background-color: rgba(175,80,230,1); } 100% { background-color: rgba(175,80,230,0); } }
	
	
/* jQuery */
.remove { display: none; }
.block { display: block; }
.inblock { display: inline-block; }
.inline { display: inline; }







/* ARCHITEKTUR ============================================================== */

html {
	width: 100%;
	background: #fff;
	position: relative;
	}

body {
	width: auto;
	font-family: "Arno Pro", Georgia, "Baskerville", "Cambria", serif;
	font-size: 14pt;
	line-height: 1.375;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	margin: 0;
	padding: 2cm 3cm;
	position: relative;
	background: #fff;
	color: black;
	}
	
	
	/* SUPERHEADER mit Logo */
	header#super { display: block; width: auto; position: absolute; top: 0; right: 0; }
	
		/* Auf PAGE schafft die Überschrift den Abstand, auf INDEX Margin */
		body#index header#super { margin-bottom: 5rem; }
	
		a#logo {  
			display: block;
			position: static;
			width: auto;
			margin: 0;
			}
			
			a#logo svg { width: 286px; height: 70px; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
			a#logo svg g#bl-logo { }
			a#logo svg g#bl-logo rect#bl-quadrat-print { fill: white; stroke: black; stroke-width: 1px; }
			a#logo svg g#bl-logo rect#bl-quadrat-screen { display: none; }
			a#logo svg g#bl-logo .bl-white { fill: black; }
			a#logo svg g#bl-logo .bl-lila { fill: black; }

		body.lganim { display: none; }
	
	
	
	/* FOOTER */		
	footer { display: none; }
					
		nav#nav-bottom { display: none; }
				

	
	/* MAIN */

	main {
		background: transparent;
		width: auto;
		margin: 0;
		position: relative;
		}

		
		/* PAGE-BLÖCKE */
		
		/* Artikelüberschrift */
		body#page main header#page-title { display: block; }
		
			body#page h1 { 
				display: block;
				width:  auto;
				font-size: 2rem;
				font-style: normal;
				line-height: 1.125;
				color: black;
				margin-top: 0; 
				margin-right: 0; 
				margin-bottom: 2rem; 
				}
				
		/* Videosection */
		section#video { 
		display: block;
		width: auto;
		float: none;
		color: black;
		font-weight: normal;
		}
		
		/* Das Video selbst */
		section#video video { display: none; }
			section#video a#video-download-button { display: none; }
			section#video a.mobile { display: inline; }
			section#video a.mobile:after { content:":  " attr(href) " "; }
			
		/* Watch-Einblendung */
		aside#watch { display: none; }
	
		.hidewatch { display: none; }
		.showwatch { display: none; }
		
		/* Videobeschreibung mit Themenlabel */
		section#video header#videoheader { 
			display: block; 
			}
			
			/* Jede Kategorie hat eine andere Farbe */	
			section#video header#videoheader p span.label { text-transform: capitalize; background: transparent; padding: 0; margin: 0; }
			section#video header#videoheader p span.label:after { content: "—"; margin: 0 0.25rem 0 0.5rem; }
			
			.dim { display: none; }
			.dim:hover { display: none; }

		/* Block für das Inhaltsverzeichnis und Anmerkungen zu Video */	
		
		section#videodata  {
			margin: 1rem 0 0 0;
			height: auto;
			}
		
			/* Video hat ein Inhaltsverzeichnis */
			body#page main section#video section.hasToc {  } 
				body#page main section#video section.hasToc figure {   }
				body#page main section#video section.hasToc ol#chapters { padding: 0;  }
					body#page main section#video section.hasToc ol#chapters li + li { margin-top: 0.5rem; }
					body#page main section#video section.hasToc ol#chapters li span.chapter-time {   }
				body#page main section#video section.hasToc figure#remarks {  margin: 1rem 0 0 0; }
			
			/* Video hat kein Inhaltsverzeichnis */
			section#videodata.noToc { display: block; } 
				section#videodata figure#remarks p + p { margin-top: 1rem; }
				section#videodata figure#remarks p#playlist { display: none; }
		
		
		/* Screenshots */
			section#video-screenshots { margin: 5rem 0;}
				section#video-screenshots h3 { margin-bottom: 1rem; }
				section#video-screenshots ul { }
					section#video-screenshots ul li { display: inline-block; width: 320px; height: 240px; margin: 0 1rem 0.5rem 0; border: 1px solid black;  }
						section#video-screenshots ul li img { display: block; filter: invert(100%); width: 320px; height: 240px; }
		
		/* Cardsection */
		section#card { 	margin: 5rem 0; }
			
			section#card header#card-header { flex: 1 auto; width: 24rem; height: auto; padding: 0 2.5rem 0 0;   }
				section#card h3 { margin-bottom: 1rem; }
				section#card p  { display: none }
				section#card ul  { display: none; }
				section#card a.button  { display: none; }
			
			section#card div#card-preview { display: block; }
			
			section#card img { display: block; width: 100%; height: auto; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }
			
		/*Buchannounce */
		aside#aside-book { display: none; }
	
	
		/* Textsection */
		section#text { 
			display: block;
			width: auto;
			float: none;
			color: black;
			padding: 5rem 0;
			}
			
			section#video + section#text { margin-top: 5rem; }
			
			/* Textteaser, wenn es kein Video gibt */
				section#text header#textteaser { 
					font-size: 16pt;
					line-height: 1.25;
					margin-bottom: 5rem;
					}
			
			/* Wenn es keinen Text gibt, wird die Textsection ausgeblendet */
			section#text.hasText { display: block; }
			section#text.noText { display: none; }
			
			
			/* Alle Formate sind grundsätzlich 35rem = 560px breit */
			section#text p, section#text ul, section#text ol, section#text h2, section#text h3, section#text h4 { widows: 4; orphans: 3; }
			section#text nav * { width: auto; }
			
			section#text .narrow {  }
		
			
			/* Inhaltsverzeichnis Text */
			nav#table-of-contents { display: block; margin: 1rem 0 5rem 0; padding: 1rem 0; border-top: 1px solid black; border-bottom: 1px solid black;  }
				nav#table-of-contents dl { display: block; height: auto; } 
				
				/* Themenwiederholung im Inhaltsverzeichniskasten */
				nav#table-of-contents dl dt { margin-bottom: 1rem; padding: 0 1rem; }
				nav#table-of-contents dl dd + dt { margin-top: 1.625rem; margin-bottom: 1.625rem; padding-top: 1rem; border-top: 1px solid black; border-top: 1px solid black; }
					
				nav#table-of-contents dl dd#toc-line { font-weight: bold;	}
					
				nav#table-of-contents dl dd { display: block; padding: 0 1rem; }
					
					nav#table-of-contents dl dd.second { margin-left: 1em; }
					nav#table-of-contents dl dd.third { margin-left: 2em; }
					nav#table-of-contents dl dd.album a { display: inline-block; padding-left: 1.625rem; position: relative; }
					

			
		/* More Artikelseite */
		body#page aside#more { display: none; }		
		
		
		/* INDEX-BLÖCKE */
		
		/* Header Claim oben rechts */
		body#index main header#bl { 
			display: block;
			width: auto;
			height: auto;
			color: black;
			padding: 0;
			margin: 2rem 0;
			font-family: "Myriad Pro", "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
			font-size: 1.125rem;
			line-height: 1.5;
			}
			
			body#index main header#bl h1 span + span:before { content: "—"; margin-left: 0.25rem; margin-right: 0.5rem; }
		
		
		/* Header Top-Menü */	
		body#index main nav#header-nav {
			display: block;
			width: auto;
			color: black;
			}

			/* Header-Navigation */
			body#index main nav#header-nav { font-size: 0.75rem; font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace; }
			
				/* Bullets für beide ULs */
				body#index main nav#header-nav ul#basic li { }

				/* Basiclinks */
				body#index main nav#header-nav ul#basic { }
					body#index main nav#header-nav ul#basic li { background-position: 0px 4px; }

				
				/* Sachgebiete */
				body#index main nav#header-nav ul#areas { display: none; }
		
				/* Header-Links */
				body#index main nav#header-nav ul li a { color: inherit; }
				body#index main nav#header-nav ul li a:after { content:":  " attr(href) " "; }
		
				/* Feed-Icons unten bei Subscribe */
			
		
		/* PRIME */
		body#index main section#prime { 
			display: block;
			position: static;
			margin: 0;
			widows: 4;
			orphans: 3;
			}
				
			/* Die Kinder haben eine begrenzte Breite. H2 auf Index, H1 anderswo */
			body#index main section#prime h1, body#index main section#prime article h2 { padding: 5rem 0 0 0; font-family: "Arno Pro", Georgia, "Baskerville", "Cambria", serif; font-size: 3rem; }
			main section#prime p { padding: 0 }
			main section#prime p + p { padding-top: 1rem;}
			main section#prime a:after { content:":  " attr(href) " "; }
				
			
			/* Aufzählungen */
			main section#prime ul { 
				margin: 1.625rem 0;
				list-style: none;
				font-family: inherit;
				font-size: inherit;
				line-height: inherit;
				}
				
				main section#prime article ul li { 
					display: block; 
					background-image: url(img/elements/bullet-10-print.svgz);
					background-position: 0.5rem 0.2rem; /* 3rem nach links, 0.5rem nach unten */
					background-repeat: no-repeat;
					background-size: 0.8125rem 0.8125rem;
					background-color: transparent;
					padding-left: 2rem;
					}

					main section#prime article ul li + li { margin-top: 1rem; }

					main section#prime article ul li a { color: black; padding: 0.05rem 0.2rem; }
						main section#prime article ul li a:visited { color: #333; }
			
			
			
			/* Jump-Menü */
				/* index.php: Die fünf letzten Beiträge als Liste */
				/* bl.php: Abteilungen */
			body#index main section#prime ul#jump { 
				display: block;
				position: static;
				height: auto;
				margin: 5rem 0 1rem 0;
				}
				
				body#index main section#prime ul#jump h3 { padding: 0 0 1rem 0; }
		
		
		/* BLOCK ALLGEMEIN */
		section.block {
			color: #2a2625;
			padding: 0;
			margin-top: 5rem;
			}
			
			section.block header { }
				section.block header h2 { }
			
			/* einspaltig */
			section.block.single { display: block; }
				section.block.single article { 
					background: #fff; 
					height: auto;
					}
			
			/* zweispaltig */
			section.block.double { }
				
				section.block.double div.column { }
			

			
		/* EINZELFÄLLE */

		/* Denksport-Container */	
		section#denksport  { display: none; }		
		
		
		/* Journal-Container auf der Indexseite */	
		body#index main section#journal { 
			display: block;
			position: static;
			margin-top: 2.5rem;
			}
	
		
		/* Kategorien auf der Indexseite */	
		body#index main section.category { padding: 0; }
		body#index main section.category header { margin: 5rem 0 0 0; }
			
			/* Featured articles */
				
				body#index main section.category div.featured article { padding: 2rem 0 0 0; }
				body#index main section.category div.featured article h3 { font-size: 18pt; line-height: 1.25; color: black; margin: 0 0 1.5rem 0; page-break-after: avoid; }
				body#index main section.category div.featured article p { display: inline; }
				body#index main section.category div.featured article a { display: inline; text-decoration: none;  }
				body#index main section.category div.featured article a:after { content:":  http://www.belleslettres.eu/" attr(href) " "; font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace; font-size: 11pt; }

				
			/* Standard articles */	
			body#index main section.category div.rightcol { }
				
				body#index main section.category div.rightcol article {  }
					
					body#index main section.category div.rightcol article + article { margin-top: 0; border-top: 0; } 
					body#index main section.category div.rightcol article:last-child { border-bottom: 0; }
					body#index main section.category div.rightcol article h3 { font-size: 16pt; line-height: 1.25; margin: 2rem 0 0.5rem 0; }
					body#index main section.category div.rightcol article a { display: inline; text-decoration: none;  }
					body#index main section.category div.rightcol article a:after { content:":  http://www.belleslettres.eu/" attr(href) " "; font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace; font-size: 11pt; }
					
					span.button-part { font-weight: bold; font-family: "Myriad Pro", "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif; margin-right: 0.5rem; }
					

			body#index main section.category a.playlist-button { display: none; }



		/* Kontakt auf der Aboutseite */

		form#kontaktformular { display: none; }

			body#index main section.category.monocolumn { display: block; }
			body#index main section.category.monocolumn article { 
				background: #fff;
				border-left: 0.5rem solid #af50e6;
				min-height: 12rem;
				color: black;
				}
		
		
		
		/* JOURNAL v2 */
		
		html#jnl body#index { }
			html#jnl body#index main { position: relative; padding-top: 0; } 
				html#jnl body#index main nav#jnl-feed-icons { display: none; }
				html#jnl body#index main header { padding: 0; }
					/* html#jnl body#index main header h1 { font-size: 2rem; font-style: normal; line-height: 1.125; color: #af50e6; margin: 0 0 1.625rem 0; } */ 
					html#jnl body#index main header h1 { font-family: "Arno Pro", Georgia, "Baskerville", "Cambria", serif; font-size: 3rem; font-style: normal; line-height: 1.125; color: #000000; margin: 0 0 1rem 0; page-break-after: avoid; } 
					
			html#jnl body#index main header p#jnl-pubdate {
				display: block;
				padding: 0;
				background: #fff;
				color: #222222;
				font-family: "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif; 
				font-size: 0.875rem;
				page-break-after: avoid;
				}
		
			/* Icons auf JNL */
			html#jnl body#index main nav#jnl-feed-icons ul.feed-icons { display: none; }
			
			/* Kategorien auf der Indexseite: Flexcontainer */	
			html#jnl body#index main section#jnl-cnt {
				display: block;
				padding: 0;
				color: #000000; 
				background: #fff;
				}
			
				/* links */ 
				html#jnl body#index main section#jnl-cnt section#jnl-notes { }
					html#jnl body#index main section#jnl-cnt section#jnl-notes article { margin: 2rem 0 0 0; page-break-inside: avoid; }
					html#jnl body#index main section#jnl-cnt section#jnl-notes article h3 { font-size: 1.25rem; margin-bottom: 0.5rem; color: #2a2625; page-break-after: avoid; }
				
				/* rechts */ 
				html#jnl body#index main section#jnl-cnt section#jnl-col { display: none; }
				

			/* Kein Footer */
			html#jnl body#index footer { display: none; }
				
			/* Link zum Journalarchiv (und zurück) */
			a#journal_archiv { display: none; }
		
		

		/* Journal Archiv */

		
		html#indexpage body.journal header#bl { display: none; }
		html#indexpage body.journal nav#header-nav { display: none; }
		html#indexpage body.journal main section#prime p { display: none; }
		html#indexpage body.journal main section#prime ul#jump { display: none; }
		
		/* Abteilungen */
		body#index main#journal section.journal_archiv_abteilungen { page-break-before: always; }
			body#index main#journal section.journal_archiv_abteilungen h2 {  margin: 2cm 0; }
			
		/* Einträge */
		body#index main#journal section.journal_archiv_abteilungen article	{ 
			display: block;
			color: black;
			background: #fff;
			padding: 0;
			page-break-inside: avoid;
			}
			
			body#index main#journal section.journal_archiv_abteilungen article + article { margin-top: 1cm; padding-top: 1cm; border-top: 1pt dotted black; }
			
			main#journal section.journal_archiv_abteilungen article figure.dateset { 
				position: static;
				text-align: right;
				width: auto;
				font-family: "Myriad Pro", "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
				line-height: 1;
				}
			
			body#index main#journal section.journal_archiv_abteilungen article h3 {
				font-family: "Myriad Pro", "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
				font-size: 1.625rem;
				line-height: 1.5;
				font-weight: normal;
				margin-bottom: 1rem;
				}
				
			body#index main#journal section.journal_archiv_abteilungen article p	{ margin: 0; }
			
			body#index main#journal section.journal_archiv_abteilungen article p.plus {
				margin: 1rem 0 0 0;
				font-family: Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
				font-size: 0.75rem;
				color: #949292;
				}
				
				
			body#index main#journal section#journal_archiv_content { display: none; }
			body#index main#journal section#journal_archiv_cards { display: none; }
			body#index main#journal section#journal_archiv_maps { display: none; }
			body#index main#journal section#journal_archiv_scr { display: none; }
			body#index main#journal section#journal_archiv_img { display: none; }
			body#index main#journal section#journal_archiv_fb { display: none; }
			

			html#indexpage body.journal footer { display: none; }
		
		
		
		/* PODCASTFEED */
		
		body#index main#podcast nav#header-nav ul.feed-icons { top: -4rem; }
		body#index main#podcast section#prime { min-height: 10rem; }
		
		/* Items */
		body#index main#podcast article.podcast-items { 
			display: block;
			position: relative;
			color: #fff;
			border-left: 1rem solid #949292;
			background: black;
			margin-top: 2.5rem;
			padding: 2rem 2.5rem;
			position: relative;
			font-family: "Myriad Pro", "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
			}
			
			body#index main#podcast article.podcast-items h2, body#index main#podcast article.podcast-items h3 { line-height: 1.5; font-weight: normal; } 
			body#index main#podcast article.podcast-items h2 { color: #af50e6; font-weight: bold; margin-bottom: 0; font-size: 1.625rem; }
			body#index main#podcast article.podcast-items h3 { color: #fff; margin-bottom: 1rem; font-size: 1.25rem; }
			body#index main#podcast article.podcast-items p { color: #fff; font-family: "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif; width: 34rem; }
			body#index main#podcast article.podcast-items p.tags { color: #949292; font-size: 0.875rem; margin: 1rem 0; }
			body#index main#podcast article.podcast-items dl.data { width: 34rem; margin-bottom: 0.25rem; }
			body#index main#podcast article.podcast-items dl.data dt { margin-right: 0.25rem; padding: 0.15rem 0.5rem; background: rgba(95,92,92,0.3); color: #fff; width: 6rem; display: inline-block; }
			body#index main#podcast article.podcast-items dl.data dd { display: inline-block; padding: 0.15rem 0.5rem;  background: rgba(95,92,92,0.2); }
			body#index main#podcast article.podcast-items img.poster { position: absolute; top: 2rem; right: 2rem; width: 20rem; height: 15rem; border: 1px solid #949292; }
			body#index main#podcast article.podcast-items a.button {  background-color: #5f5c5c; }
		
		
		
		/* Denksportseite */
		
		section#dsdpres {
			display: flex;
			flex-direction: column;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: stretch;
			padding: 0;
			background: black;
			border-left: 1rem solid #949292;
			margin: 1rem 0 5rem 0;
			height: 470px;
			}
			
			section#dsdpres figure#dsd-cover { flex: 3 auto; max-width: 320px; }
			section#dsdpres figure#dsd-data { 
				flex: 3 auto; 
				width: auto;
				padding: 2rem 2rem 0 2rem;
				font-family: "FiraSansLight", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
				font-size: 1.25rem;
				}
				
				section#dsdpres figure#dsd-data ul.edition { display: inline-block; width: 10rem; margin: 2rem 1rem 0 0;  }
				section#dsdpres figure#dsd-data ul.edition li { width: auto; padding: 0; margin: 0; }
				section#dsdpres figure#dsd-data ul.edition li.edition-type { color: #a550e6; }
		
			section#dsdpres ul#shops { padding: 3rem 2rem 0 0; }
				section#dsdpres ul#shops li { display: inline-block; }
					section#dsdpres ul#shops li a.button { background: #5f5c5c; }
				
				
				
		
		
		
		
/* SOCIAL ============================================================== */			


aside.social { display: none; }
		
/* SUBSCRIBE	============================================================== */

nav#subscribe { display: none; } 
	ul.feed-icons { display: none; }


		
/* GESTALTUNG	============================================================== */		
		
		
/* Links im Text */
p a, li a, a.button { text-decoration: underline; }


p a:after, li a:after, a.button:after { content:" (" attr(href) ") "; }
p a:visited, li a:visited, a.txtlnk:visited { color: #333; }

article help_subcribe a:after { content:" " attr(href) " "; }


/* Imagelinks */
img.imagelink { border-bottom: 0; }

/* Download-Button */



/* Aufzählungen im Block */
section.block ul { 
	margin: 1rem 0 1rem -1.25rem;
	list-style: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	}
	
	section.block ul li { 
		display: block; 
		list-style: outside none none; 
		background-image: url(img/elements/bullet-10.svgz);
		background-position: 0rem 0.5rem; /* 3rem nach links, 0.5rem nach unten */
		background-repeat: no-repeat;
		background-color: transparent;
		padding: 0 0 0 1.625rem;
		}

		section.block ul li + li { margin-top: 1rem; }


	/* Details im Block */
	
	section.block p + h3 { margin-top: 1rem; }
	
	section.block p#adresse span { display: inline; }
		
		
		

/* PAGE Textgestaltung der Textsection */

		
/* Textformat */
section#text p {  }
	
	/* Absatzabstände und Einrückung */
	section#text p + p { text-indent: 0; margin-top: 1rem; }
	
	/* Initial */
	section#text p.initial:first-letter { 
		font-size: 3.25rem; 
		line-height: 1.625rem;
		margin-right: 0.25rem;
		vertical-align: baseline;
		}
	
	/* Letzter Absatz */
	section#text p.last:after { content: url(img/elements/ivyleaf.svgz); padding-left: 0.5rem; vertical-align: -0.1rem; }

/* Marginalie */
section#text p.mg, section#text ul.mg { }
	span.rand { display: block; font-size: 0.875rem; line-height: 1.3725; }

/* Überschriften */
section#text h2 { margin: 3.25rem 0 1.625rem 5rem; page-break-after: avoid; }
section#text h3, section#text h4, section#text h5 {
	page-break-after: avoid;
	font-weight: bold;
	font-weight: 700;
	font-size: 1.625rem;
	font-style: normal;
	line-height: 1.125;
	color: black;
	margin: 3.25rem 0 1.625rem 0;
	page-break-inside: avoid;
	}

/* Aufzählungen */
section#text ul, section#text ol { 
	margin: 1rem 0;
	list-style: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	page-break-inside: avoid;
	}
	
	section#text ul li, section#text ol li { 
		display: block; 
		list-style: outside none none; 
		width: 33.375rem; 
		background-image: url(img/elements/bullet-16-print.svgz);
		background-position: 3rem 0.3rem; /* 3rem nach links, 0.5rem nach unten */
		background-repeat: no-repeat;
		background-size: 0.8125rem 0.8125rem;
		background-color: transparent;
		padding: 0 0 0 5rem;
		}

		section#text ul li + li { margin-top: 0; }

		section#text ul li a { color: black; }
			
			
			

/* Blockformate */
figure.regel, figure.beispiel, figure.dialog, section#text blockquote {
	display: block;
	height: auto;
	width: auto;
	margin: 2rem 0;
	position: relative;
	page-break-inside: avoid;
	}

	/* Einrückung in den Blockelementen aufheben und Abstand reduzieren */
	section#text figure.regel p + p, section#text figure.beispiel p + p, section#text blockquote p + p { text-indent: 0; margin-top: 1rem; }
	
	section#text figure.regel { width: auto; padding: 1rem 0; } 
		section#text figure.regel a { background: transparent; }
		
	section#text figure.beispiel { padding: 1rem 0; } 
	
	section#text figure.dialog { padding: 1rem 0; } 
		section#text figure.dialog dl { margin: 0 0 0 6.615rem; }
		section#text figure.dialog dt { display: inline-block; vertical-align: top; }
		section#text figure.dialog dd { display: inline-block; vertical-align: top; }
		
	section#text blockquote { padding: 1rem 0; } 
		section#text blockquote .source { 
			display: block; 
			margin: 2rem 0 0 0;
			padding: 1rem 1.625rem 1rem 5rem;
			font-style: italic;
			}
		

	/* Überschriften in Blockformaten */
	section#text figure.beispiel h2, section#text figure.beispiel h3, section#text figure.beispiel h4, 
	section#text figure.regel h2, section#text figure.regel h3, section#text figure.regel h4, 
	section#text blockquote h2, section#text blockquote h3, section#text blockquote h4 {
		page-break-after: avoid;
		font-family: "Myriad Pro", "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
		font-size: 18pt;
		margin: 0;
		padding: 1.625rem 0 1rem 0;
		color: black;
		}
		
		/* Erste Überschrift im Block hat kein Abstand oben */
		section#text figure.beispiel h2:first-child, section#text figure.beispiel h3:first-child, section#text figure.beispiel h4:first-child, 
		section#text figure.regel h2:first-child, section#text figure.regel h3:first-child, section#text figure.regel h4:first-child, 
		section#text blockquote h2:first-child, section#text blockquote h3:first-child, section#text blockquote h4:first-child { padding-top: 0; }
	
/* Tabellen */
section#text table {
	display: block;
	margin: 1.625rem 0;
	table-layout: auto;
	border-collapse: collapse;
	caption-side: top;
	table-layout: fixed;
	page-break-inside: avoid;
	}

				
	/* Flexionstabellen */
	table.flexion { }
		
		table.flexion th { 
			background: #ddd;
			padding: 0.5rem 0.5rem;
			font-family: "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif; 
			text-align: left;
			vertical-align: top;
			line-height: 1;
			width: 35rem;
			}
	
		table.flexion td { 
			padding: 0.5rem 0.5rem;
			vertical-align: top;
			line-height: 1.25;
			}

	/* Bilinguen */
	table.bilingue { }
		
		/*Bilingue Überschrift: Quelle und Spaltenköpfe */
		table.bilingue th { 
			background: #ddd;
			padding: 0.5rem 0.5rem;
			font-family: "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
			text-align: left;
			vertical-align: top;
			line-height: 1;
			}
		
		/*Bilingue Text */
		table.bilingue td { 
			padding: 0.5rem 0.5rem;
			vertical-align: top;
			line-height: 1.25;
			}
			
			table.bilingue td br { display: block; height: 0.5rem; }


/* Abbildung: Fotos, Maps und Grafiken */
section#text figure.abb { 
	display: block;
	height: auto;
	page-break-inside: avoid;
	}

	/* Bild */
	section#text figure.abb img, section#text figure.abb svg { 
		display: block;
		height: auto;
		margin: 1rem 0;
		width: 100%;
		}
			
		/* Rahmen */
		/*rundherum*/ section#text figure.abb img.bordertype1, section#text figure.abb svg.bordertype1 { border: 1px solid black; }
		/*obenunten*/ section#text figure.abb img.bordertype2, section#text figure.abb svg.bordertype2 { border-top: 1px solid black; border-bottom: 1px solid black; }
	
	
	/*Legende */
	section#text figure.abb figcaption {
		page-break-before: avoid;
		display: block;
		font-family: "Myriad Pro", "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif;
		line-height: 1.375;
		margin: 1rem 0 3rem 0;
		font-size: 12pt;
		}
			
		section#text figure.abb.w1000 figcaption p + p { text-indent: 1rem; margin-top: 0; }
	
		
		
		
		
		
	
		
/* DETAILSTYPOGRAFIE	====================================================== */



/* Texttransformierung */

.capitalize { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.lowercase { text-transform: uppercase; }

.bold { font-weight: bold; }
.kursiv { font-style: italic; }
.s { text-decoration: line-through; text-decoration-color: #af50e6; }

.lila { color: back; }

/* Mono in eigener Zeile, als span oder a */
.code { display: block; margin: 1rem 0; font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace; font-size: 1.125rem; }
	.code.small { font-size: 0.875rem; word-wrap: break-word; }
a.code { color: #7c0bbd; border-bottom: 0; }
a.code:hover { text-decoration: underline; border-bottom: 0; }
a.code:visited { color: #a550e6; }

.keystroke { display: inline; padding: 0.1rem 0.25rem; background: #5f5c5c; color: #fff; font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace; }

mark, .label { display: inline; padding: 0.1rem 0.25rem; background: #ddd; }

sub, sup { line-height: 0; }

span.qm { padding-left: 0.125rem; }
span.pgf, abbr.pgf { padding-right: 0.15rem; }
span.spat, abbr.pgf { padding-left: 0.15rem; padding-right: 0.15rem; }
span.wr { padding-right: 0.25rem; padding-left: 0.25rem; }


/* Satzglieder */

span.satzglied { display: inline; background: #ddd; padding: 0.1rem 0.25rem; }
span.satzgliedlabel { display: inline; text-transform: uppercase; padding: 0.1rem 0.25rem; font-size: 0.75rem; font-family: "Helvetica Neue", Arial, "Calibri", "Ubuntu Medium", "Helvetica", Tahoma, sans-serif; letter-spacing: 0.05rem; margin-right: 0.25rem; }

/* Kursives Auszeichnen ohne Anführungszeichen */
q { font-style: italic; font-size: inherit; }
	q:before { content: ""; }
	q:after { content: ""; padding-right: 0.05em; }
	q mark { font-style: normal; }
	q abbr { font-style: italic; }

/* Einfache Anführungszeichen */
q.sq { font-style: normal; font-size: inherit; }
	q.sq:before { content: "\203A"; padding-right: 0.05em; }
	q.sq:after { content: "\2039"; padding-left: 0.05em; }

/* Doppelte Anführungszeichen */
q.dq, cite { font-style: normal; font-size: inherit; }
	q.dq:before { content: "\00BB"; padding-left: 0.15em; padding-right: 0.1em; }
	q.dq:after { content: "\00AB"; padding-left: 0.1em; padding-right: 0.15em; }
				
/* Englische Anführungszeichen */
q.en { font-style: normal; font-size: inherit; }
	q.en:before { content: "\201C"; padding-left: 0.15em; padding-right: 0.1em; }
	q.en:after { content: "\201D"; padding-left: 0.1em; padding-right: 0.15em; }

/* In Klammern */
q.klammer { font-style: italic; font-size: inherit; }
	q.klammer:before { content: "\0028"; font-style: italic; }
	q.klammer:after { content: "\0029"; margin-right: 0.05em; font-style: italic; }

/* Vor Komma */
q.komma { font-style: italic; font-size: inherit; }
	q.komma:after { content: "\002C"; margin-right: 0.05em; font-style: italic; }
			
/* Vor Punkt */
q.punkt { font-style: italic; font-size: inherit; }
	q.punkt:after { content: "\002E"; margin-right: 0.05em; font-style: italic; }
		

		
	
		
		
/* TOOLTIP	================================================================== */

a span.tip { display: none; }


/* ZORRO.PHP	============================================================== */
body#contactpage main { display: }



/* BL.XML	============================================================== */	

html#xml {
	font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace;
	font-size: 11pt;
	line-height: 1;
	}

html#xml h1, html#xml h2, html#xml h3, html#xml h4 {
	display: block; 
	font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace;
	font-size: 11pt;
	font-weight: normal;
	line-height: 1;
	color: black; 
	margin: 0;
	page-break-after: avoid;
	}
	
	html#xml h1 { display: inline-block; font-size: 14pt; padding-bottom: 0.25cm; border-bottom: 1pt solid black; }
	
html#xml section#entries {
	line-height: 1;
	color: black; 
	margin: 0; 
	page-break-after: always;
	}
	
	html#xml section#entries * { 
		display: block; 
		font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace;
		font-size: 11pt;
		font-weight: normal;
		line-height: 1;
		color: black; 
		margin: 0;
		}
	
	html#xml section#entries h2, html#xml section#entries h3 { 
		margin: 0; 
		padding: 0; 
		text-transform: capitalize;
		color: black;
		page-break-after: avoid;
		}
		
		html#xml section#entries h2 { margin: 0.5cm 0 0 0; font-weight: bold; }		
		html#xml section#entries ul { margin: 0; padding: 0; list-style-type: none; } 
		html#xml section#entries ul li { display: block; }
		html#xml section#entries ul li.division { margin: 0.5cm 0 0 0.5cm; text-transform: capitalize; font-style: italic; }
		html#xml section#entries ul li a { color: black; text-decoration: none; }
		html#xml section#entries ul li a:after { content: ""; }
		html#xml section#entries ul ul {  margin-left: 1cm; padding: 0; list-style-type: none; }
		html#xml section#entries ul ul li { display: block; margin: 0; padding: 0;  }
	
		html#xml section.category { height: auto; vertical-align: top; }
		
html#xml section#items {
	display: block;
	background: transparent;
	font-family: Consolas, "San Francisco Mono", Courier, "Courier New", monospace;
	font-size: 11pt;
	line-height: 1;
	border-top: 3pt solid black;
	}
		
	html#xml section#items h2 { 
		display: block;
		margin: 0; 
		font-weight: bold;
		font-size: 18pt;
		}
		
		html#xml section#items article { 
			display: block;
			margin: 1cm 0 1cm 0;
			padding: 0 0 1cm 0;
			border-bottom: 0.25pt solid black;
			background: white;
			color: black;
			}
			
			html#xml section#items article table td { color: black; background: white; padding: 0.3rem; border: 0.25pt solid black; }
			html#xml section#items article table.video tr td:first-child, html#xml section#items article table.data tr td:first-child { font-weight: bold; width: 4cm; }
			html#xml section#items article table.video tr td:last-child, html#xml section#items article table.data tr td:last-child { width: 100%; }
			html#xml section#items article table td a { text-decoration: none; }
			
			html#xml section#items article table.data { width: 100%; }	
			
			html#xml section#items article div.videodata { margin: 0; } 
				
				html#xml section#items article div.videodata img.poster { display: none; } 
			
				html#xml section#items article table.video {  }
					html#xml section#items article table.video.yes { display: block; }
					html#xml section#items article table.video.no { display: none; }
					html#xml section#items article table.video tr + tr {  }
					
				html#xml section#items article ul.playlists { list-style-type: none; margin: 0.5cm 0 0 0; border: 0.25pt solid black; padding: 0.3rem; }
				html#xml section#items article ul.playlists h3 { display: block; margin-bottom: 0.25cm; font-weight: bold; }
				html#xml section#items article ul.playlists h3:after { content: ":\00A0"; display: inline; }
				html#xml section#items article ul.playlists.no { display: none; }
					html#xml section#items article ul.playlists li { display: inline; margin-right: 1cm; text-transform: capitalize; }
					html#xml section#items article ul.playlists li a { color: black; text-decoration: none; }
					html#xml section#items article ul.playlists li a:after { content: ""; }
				
			html#xml section#items article table.media { display: block; width: auto; margin: 0.25cm 0 0 0; }
				html#xml section#items article table.media th { width: 4cm; border: 0.25pt solid black; text-align: left; font-weight: normal; }
				html#xml section#items article table.media td { width: 4cm; font-weight: bold; padding: 0.3rem; }
				html#xml section#items article table.media td.yes { font-weight: bold; color: black; }
				html#xml section#items article table.media td a.no { display: none; }

			html#xml section#items article p.plus { margin: 0.25cm 0 1cm 0; border: 0.25pt solid black; padding: 0.3rem; }
			html#xml section#items article p.plus span.plus-label { display: block; margin-bottom: 0.25cm; font-weight: bold; }
			html#xml section#items article p.plus span.plus-words { display: block; word-spacing: 1cm; }

			html#xml section#items a.button { text-decoration: none; }
			html#xml section#items a.button:after { content:": " attr(href) " "; text-decoration: none; }
			
			

/* SIMPLE	============================================================== */	
body#simple main { background: transparent;	}

	body#simple h1 { 
		display: block;
		font-size: 2rem;
		font-style: normal;
		line-height: 1.125;
		color: black;
		margin: 2rem 0 5rem 0;
		}
		
	body#simple main header {
		color: black;
		margin: 2rem 0;
		padding: 0;
		font-size: 1rem; 
		font-family: "FiraSansRegular", sans-serif; 
		font-weight: normal; 
		}
		
	body#simple article {
		color: black;
		padding: 0;
		}
		
	body#simple main p + p { margin-top: 1rem; }
	body#simple main article ul li a { margin: 0; }
	
	body#simple main article ul li { 
		display: block; 
		background-image: url(img/elements/bullet-16-print.svgz);
		background-position: 0.25rem 0.3rem; /* 3rem nach links, 0.5rem nach unten */
		background-repeat: no-repeat;
		background-size: 0.8125rem 0.8125rem;
		background-color: transparent;
		padding: 0 0 0 2rem;
		font-family: "FiraSansRegular", sans-serif; 
		}
		
	body#simple main article ul + h2 { margin: 2rem 0 1rem 0; }
	
	body#simple footer { margin-top: 5rem; }
	
	
	
/* WIDGET DEUTSCHES SPRACHGEBIET	============================================================== */	

body#page section#text figure#deutsches-sprachgebiet { background: #f3e5fb; padding: 1rem 0 0 0; margin: 2rem 0 0 0; }
body#page section#text figure#deutsches-sprachgebiet svg.map-deutsches-sprachgebiet { padding: 0; margin: 0; }
body#page main section#text h3#deutsches-sprachgebiet-headline { margin: 0; }

svg.map-deutsches-sprachgebiet path.ndt { fill: #bdcfdf; stroke-width: 2; stroke: #7a9fbf; }
svg.map-deutsches-sprachgebiet path.ni { fill: #bdcfdf; stroke-width: 1; stroke: #7a9fbf; }
svg.map-deutsches-sprachgebiet path.mdt { fill: #ebd3f9; stroke-width: 2; stroke: #af50e6; }
svg.map-deutsches-sprachgebiet path.odt { fill: #d7a7f2; stroke-width: 2; stroke: #af50e6; }
svg.map-deutsches-sprachgebiet path.rheinischer-facher-flache { fill:#ebd3f9; stroke-width: 0; }
svg.map-deutsches-sprachgebiet path.rheinischer-facher-streifen { fill: #bdcfdf; stroke-width: 0; }
svg.map-deutsches-sprachgebiet path.rheinischer-facher-rand { fill: none; stroke-width: 2; stroke: #af50e6; }
svg.map-deutsches-sprachgebiet polyline.iso-line { fill: none; stroke-width: 2; stroke: black; stroke-linecap: round; stroke-linejoin: round; }
svg.map-deutsches-sprachgebiet text.isoglossen { fill: black; font-family: Georgia, "Baskerville", "Cambria", serif; font-style: italic; font-size: 1.125rem; }
svg.map-deutsches-sprachgebiet text.sprachen { fill: black; font-family: Georgia, "Baskerville", "Cambria", serif; font-style: italic; font-size: 2.5rem; }
svg.map-deutsches-sprachgebiet circle.exoflache { fill: #76A319; stroke-width: 0; opacity: 0.5; }
svg.map-deutsches-sprachgebiet circle.exoring { fill: none; stroke-width: 1; stroke: #76A319; }
svg.map-deutsches-sprachgebiet text.exolabel { fill: #222F07; font-family: "FiraSansRegular", Arial, sans-serif; font-size: 1rem; }
svg.map-deutsches-sprachgebiet text.dialekt-small { fill: black; font-family: "FiraSansRegular", Arial, sans-serif; font-style: normal; font-size: 1rem; }
svg.map-deutsches-sprachgebiet text.dialekt-large { fill: black; font-family: "FiraSansRegular", Arial, sans-serif; font-style: normal; font-size: 1.5rem; }

figure#deutsches-sprachgebiet figcaption#deutsches-sprachgebiet-desc { display: flex; flex-direction: column; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;  }
figure#deutsches-sprachgebiet figcaption#deutsches-sprachgebiet-desc p { flex: 1 12rem; text-indent: 0; font-size: 0.875rem; line-height: 1.25; padding: 0 2rem 2rem 0; }


svg.map-deutsches-sprachgebiet text.text-small { fill: black; font-family: "FiraSansRegular", Arial, sans-serif; font-style: normal; font-size: 1rem; }