body {
font-family: 'Raleway', 'Verdana', sans-serif;
font-size:1rem;
letter-spacing:.5px;
line-height:1.6rem;
color: #336; 
padding:0; margin:0; background:#efefef;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

p, div, td, ul, li {
	margin:0; padding:0; font-size:.9rem; line-height:1.6rem; }

/* Grids */

.container { 
	padding: 0.6rem 0rem 2rem 0rem; height:110%; min-height:100%; margin-left:auto; margin-right:auto; max-width:66rem; min-width: 54rem; width:86%; border:0px solid lime;
	display: grid;
	grid-template-columns: 1fr 14rem 13rem; 
	grid-template-rows: 7rem 1.1rem 19rem .2fr 17fr; 
	grid-template-areas: 
		"aa aa aa" 
		"xx xx xx" 
		"ww cc ss" 
		"dd ee ss"
		"dd ff ss"
		; }

.list_container { 
	padding: 0.6rem 0rem 20rem 0rem; height:100%; margin-left:auto; margin-right:auto; max-width:64rem; min-width: 54rem; width:86%; border:0px solid lime;
	display: grid; 
	grid-template-columns: 1fr 12rem; 
	grid-template-rows: 7rem 4rem 1fr; 
	grid-template-areas: 
		"aa aa" 
		"xx xx" 
		"yy ss"; }


.landing_container { 
	padding: 0.6rem 0rem 2rem 0rem; height:100%; margin-left:auto; margin-right:auto; max-width:64rem; min-width: 54rem; width:86%; border:0px solid lime;
	height:2000px;
	display: grid; 
	grid-template-columns: 1fr 12rem; 
	grid-template-rows: 7rem 1fr; 
	grid-template-areas: 
		"aa aa" 
		"ll ll"; }




/* Grid-Elemente */

.container {
	grid-row-gap: 10px; 
	grid-column-gap: 1px;}


.landing_container {
	grid-row-gap: 1px; 
	grid-column-gap: 1px;}


.list_container {
	grid-row-gap: 10px; 
	grid-column-gap: 10px; }

.text_container {
	grid-row-gap: 1rem; 
	grid-column-gap: 2rem; padding-bottom:20rem; margin-bottom:20rem;}

.container, .list_container, .text_container, .landing_container, blockhead, titlepage, description, cover, bibliography, sidebar { 
	padding:0px; background:white; }

.container, .list_container, .text_container, .landing_container {padding-bottom:15rem; height:10000px; min-height:100vh; }

blockhead {
	grid-area: aa; border:0px dashed #f00;  padding-left:1rem; margin-left:0.0rem; margin-right:0.0rem; border-bottom:1px solid #99f;} 

linie {grid-area: xx; border-top:0px solid #dde; border:0px dashed #ddd; }

work { 
	grid-area: ww; margin-left:3rem; padding-right:2rem; border:0px dashed #ddd; } 

cover { 
	grid-area: cc; padding-left:1rem; padding-top:.2rem; border:0px dashed #ddd; } 

description { margin-left:3rem; 
	grid-area: dd; padding-right:3rem; padding-bottom:10rem; border:0px dashed #ddd; 
	box-shadow: -20px -30px 10px 1px white;}

bibliography { 
	grid-area: ee; padding-left:1rem; padding-top:3px; border:0px dashed #ddd; 
	box-shadow: -20px -30px 10px 2px white;}
	
ecwid { 
	grid-area: ff; padding-left:1rem; border:0px dashed #ddd; } 

textbereich {
	margin-left:3rem; padding-right:3rem; padding-bottom:0rem; border:0px dashed #ddd;}

landingbereich {grid-area: ll; border:0px dashed lightblue; padding-top:5rem;}

sidebar { 
	grid-area: ss; border:0px solid red;} 



listenueberschrift {grid-area: xx; 
	margin-left:0rem; padding-left:0rem; border:0px dashed #ddd; }

listenbereich {grid-area: yy; border:0px dashed #ddd; height:100vh; padding-bottom:20rem;}

textbereich {grid-area: tt; border: 0px dashed #dde; }

textsidebar {grid-area: ts; padding-right:0rem; border: 0px dashed orange;}

	
	
.logo_img {display:none; margin-left:0rem; max-width:35rem; width:90%; height:3.5rem; margin-top:0rem;}

/* dazu Divs, Spans */

#title, #logo_text, #menue {
	font-family: 'Cormorant Garamond', 'Times New Roman', Palatino, serif;
	font-weight: 300;
	font-size: 2.0rem; 
	line-height: 2.5rem;
	letter-spacing:.01rem;
	padding-bottom:.5rem; } 

#logo_text {
	font-size: 2.2rem; 
	color: #339;
	text-transform:uppercase;
	letter-spacing:.5rem;
	width:100%;
	margin-top:3rem; padding-left:1.8rem; border:0px dashed red;
	}

.author {color: #112; font-size: 2.0rem; margin-right:1rem;}

.maintitle {
	color: #aab; }

.book_details, .book_data, .original, collapsible, .inh_pdf_text, .series-link, .expand, .expand td, .zahlungshinweis, .button_title 
{ color: #aab; font-size:.8rem; line-height:1.2rem; }

.series-link {}
.series-prefix {}

.expand, .original, .series-link, .series {margin-bottom:.5rem; line-height:1.2rem; font-size:.8rem; col_or:red;}
.expand p {font-size:.8rem; line-height:1.2rem; margin-bottom:0.5rem; } color:#B9D3E6; 
.expand table {margin-top:.3rem;}
.vlg {display:inline}

.coversize {
	height:17rem;
	border: 1px solid #dde;
	box-shadow: 0px 1px 6px 1px #eee; 
	margin-top:3px; }

.button_box {margin-left:-1rem;}
.zahlungshinweis, .button_title {margin-left:1rem; font-size:.8rem; line-height:1.2rem;}
.zahlungshinweis {margin-top:-.5rem; margin-bottom:1rem;}
.button_title {margin-top:2rem; margin-bottom:-1rem;}

.listentitel {
	font-family: 'Cormorant Garamond', 'Times New Roman', Palatino, serif;
	font-weight:400;
	font-size:14pt;
	letter-spacing: 3pt;
	line-height: 22pt;
	margin-top: 0rem;
	text-transform: uppercase;
	border-bottom: 1px solid #99f;
	padding-bottom: .5rem;
	margin-left:0rem; margin-right:0rem; 
	padding-left:2.9rem; }
	
#sidebarmenue {display:none;
	margin-top:0
	height:35rem;
	border:0;
	width:10rem;
	padding-left:0rem; 
	overflow:hidden;
	border:0px dashed green; }

.listenspezifikation {font-family:'Cormorant Garamond', Palatino, serif;text-transform:none; font-size: 1.1rem; 
	letter-spacing:.5px; line-height:1.5rem; padding-top:1rem; margin-left:3rem;}

/* ======== Landing ========== */

.sektor {float:left; 
	width:49%; 
	min-height:9rem; 
	ma_rgin:0rem; padding-bottom:1rem; 
	ov-erflow:hidden;
	margin-top:.1rem; 
	border:0px  solid #fde;
	background:transparent; 
	}

.innendiv {	font-family: 'Cormorant Garamond', 'Times New Roman', Palatino, serif; 
	border:1px solid #ddd; border-radius:6px; 
	background:#fff; 
	overflow:hidden;
	min-height:5rem;
	margin:1% 5% 1% 5%;
	padding:4rem 2rem 0rem 2rem;
	font-weight: 300;
	font-size:1rem;
	letter-spacing:3pt; 
	text-transform:uppercase;
	box-sh________adow: 0px 1px 6px 1px #eee; text-align:center; 
	font-weight:500; color:black;
	}


/* =============================================== Mobile Grid etc. =============================================== */

@media screen and (max-width: 53rem) {

p, div, td, ul, li {
	margin:0; padding:0; font-size:1rem; line-height:1.8rem; }

.container { 
 padding: 0.6rem 0rem 2rem 0rem; border:0px solid blue;
 display: grid; 
 grid-template-columns: 1fr 14rem; 
 grid-template-rows: 7rem 1.5rem 20rem .6fr 5fr; 
 grid-template-areas: 
	"aa aa"
	"xx xx"
	"ww cc"
	"ee ff"
	"dd dd"
	; }

.list_container { 
	padding: 0.6rem 0rem 2rem 0rem; border:0px solid red;
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	grid-template-rows: 7rem 4rem 1fr 0; 
	grid-template-areas: 
		"aa aa" 
		"xx xx"
		"yy yy"
		"ss ss"; }

.text_container { 
	padding: 0.6rem 0rem 2rem 0rem; min-height:500px; 
	display: grid; 
	grid-template-columns: 1fr 12rem; 
	grid-template-rows: 7rem 4rem 1fr 1fr; 
	grid-template-areas: 
		"aa aa" 
		"xx xx" 
		"tt tt"
		"ts ts"; }

.landing_container { 
	width:100%; border:0px solid red; min-width:20rem;
}

.list_container, .text_container, .container {width:100%; min-width: 26rem;}

work, cover, description, abstand, linie, sidebar, bibliography {border: 1px dashed #ddd;}
sidebar {display:none;}
abstand {grid-area: xx; border:0px dashed #eef;}
blockhead {padding-top:3rem; margin-left:0; padding-left:1.8rem;}
work, description {padding-left:0rem; padding-right:1rem; padding-bottom:2rem; padding-top:.1rem; margin-left:1.5rem; }
description {padding-bottom:16rem; padding-right:3rem;}
cover, bibliography {padding-left:.5rem; padding-bottom:1rem;}
bibliography {margin-left:1rem; padding-right:1.5rem;}
textbereich {border: 1px dashed #ddd; margin-left:2rem;}
textsidebar {border: 1px dashed #ddd;margin-left:5rem;}

.subtitle, .series, .book_data {margin-bottom:.2rem;}

.button_box {margin-left:-1.5rem; margin-top:-1.4rem;}
.zahlungshinweis, .button_title {margin-left:1rem; font-size:.8rem; line-height:1.2rem;}
.zahlungshinweis {margin-top:-.5rem; margin-bottom:1rem; padding-right:1rem;}
.button_title {margin-top:2rem; margin-bottom:-1rem;}
.vlg {display:none}
.logo_img {display:block; margin-left:-0.1rem; max-width:30rem; width:85%; height:3rem; 
	margin-top:-0.1rem; border:0px dashed blue;}
.coversize {height:17rem;}
#sidebarmenue {display:none;}
#logo_text {display:none;} 
.author {color: #001; font-size: 2.3rem; margin-right:1rem;}
.maintitle {color: #669; font-size: 2.2rem;} 
.listentitel {padding-left:1.9rem; }
.book_details, .book_data, .original, collapsible, .inh_pdf_text, .series-link, .expand, .expand td, .zahlungshinweis, .button_title 
{ color: #336; font-size:.85rem; line-height:1.3rem; }
.listenspezifikation {font-family:'Cormorant Garamond', Palatino, serif;text-transform:none; font-size: 1.2rem; 
	letter-spacing:.5px; line-height:1.6rem; padding-top:1rem; margin-left:2.1rem;}

.sektor {width:99%;}
}

/* =============================================================================================================== */

/* Sonstiges */

td {background:white; border:0; border-collapse:collapse; max-height:.8rem;}

a:link {color:#446; text-decoration: none;}
a:visited {color:#446; text-decoration: none;}
a:active {color: #f00; text-decoration: none;}
a:hover {color: #FF6600; text-decoration: none;} 

.iframe_top {margin:0rem; border:0px dashed brown; height:45rem; width:12rem; width:99%; margin-left:0px; padding:0; }

.collapsible {
	font-size:.8rem; padding:0; 
	line-height:1.2rem;
	letter-spacing:0.1pt;
	cursor: pointer;
	width: 100%;
	text-align: left;
	outline: none; }

.active, .collapsible:hover { text-decoration:underline; color:#FF6600; }

.expand {
 padding-left: 0px;
 margin-top: 5px;
 max-height: 0;
 overflow: hidden;
 transition: max-height 2s ease-out;
 background-color: white;
 vertical-align:top;
 line-height:1.1rem;
 border:0px solid blue; }

.crossheading {font-weight:600; margin: 3rem 0 1rem 0; clear:both;}

.inh_pdf_link {margin-bottom:  .4rem;}
.pdf_img {height:1.5rem; vertical-align:-.5rem;}
.inh_pdf_text {font-size:.8rem;}

.lfbk {color:white; font-size:.7rem; font-weight:600; background: rgb(255,42,0); width:80%; text-align:center; text-transform:uppercase; transform: rotate(-10deg); position:relative; top:-7rem;left:-1rem; height:1rem; padding:0 1rem; line-height:1rem; dis_play:none;}

.underline {margin-bottom:2pt; border-bottom: 1px solid #bbc;}

.meldetext {background:#ccc; color:white; padding:1px 5px; font-weight:500; margin-top:15px; vertical-align:-10px; border-radius:2px;}