body { color: #000000; 
 background: #e0e0e0; 
 margin-top: 1%; 
 margin-bottom: 1%; 
 margin-left: 1%; 
 margin-right: 1%; 
 font-family: Verdana,Trebuchet, arial, Helvetica, sans-serif, "sans serif", Tahoma, Verdana; 
 line-height: 1.4; 
 font-size: 16px; }
 
@media (min-width: 800px) 
{
body {
	 margin-left: 125px; 
	 margin-right: 45px; 
	 background-image: url("https://www.marx-brothers.org/filmstrip.jpg");
	 background-repeat: repeat-y;
	 background-attachment: fixed;
	}
}
 
.by {font-weight: bold;}
.price {font-weight: bold;}
.boldtitle {font-weight: bold;}
.book {background-color: #dddddd; }
.cover {background-color: #dddddd; text-align: center;}
.advert {background-color: #c4c4c4;}
.adbox {background-color: #558855; margin-bottom: 5px; font-size:0.8em;}
.toptext {color: #ffffff; font-weight:bold; font-size:1.2em;}
.topbar {text-align: left;background-color:#bbeebb;padding:1-px; font-size:1.4em; font-weight:bold;}
.time { width:6em;text-align: right; background-color:#aaddaa; vertical-align:top;}
.dvd { width:11em; text-align: center;background:#aaddaa; vertical-align:top; font-size:smaller;}
.movie { width:15em; text-align: left;background-color:#aaddaa; vertical-align:top;}
.moviedesc { text-align: left;background-color:#eeeecc; vertical-align:top;}
.center { text-align: center; }
.rightalign { float: right; clear: right; }
.floatleft { float: left; } 
.container { width:100%; margin-bottom: 5px; }
.content { margin-bottom: 10px; padding: 15px; overflow: hidden; background-color:#eeeeee;  color: #000000; }
.mcontent { margin-bottom: 10px; padding: 15px; overflow: hidden; background-color:#ffffff; color: #000000; }
.birthday { margin-bottom: 10px;  padding: 10px; overflow: hidden; background-color:#ddffdd; color: #000000; border-right:1px solid #505050; border-left:1px solid #505050; border-top:1px solid #505050; border-bottom:1px solid #505050;}
.content_center { padding: 10px; margin-left: auto; margin-right: auto;}
.acrossc { clear: both; width: 100%; text-align: center; }
.across { clear: both; width: 100%;}
.lefthalf { width: 48%; float:left;}
.righthalf { float:right; width: 48%;}
.leftcolumn { width: 33%; float:left;}
.rightcolumn { float:right; width: 33%;}
.middlecolumn { margin-left: 34%; margin-right: 34%;}
@media (max-width: 800px) 
{
.content { clear: both; margin-bottom: 10px; padding: 5px; background-color:#eeeeee;  color: #000000; }
.lefthalf { width: 100%; float:none;margin-left: 1%; margin-right: 1%;}
.righthalf { width: 100%;float:none;margin-left: 1%; margin-right: 1%;}
.leftcolumn { width: 100%;float:none;margin-left: 1%; margin-right: 1%;}
.rightcolumn { width: 100%;float:none;margin-left: 1%; margin-right: 1%;}
.middlecolumn { width: 100%;float:none;margin-left: 1%; margin-right: 1%;}
}
.whitebg { background-color: #efefef; color: #000000; }
.smallwidth { width: 20%; text-align: center; }
.mediumwidth { width: 75%; text-align: center; }
.fullwidth { width: 100%; text-align: center; }
.tab20 { width: 20%; }
.tab60 { width: 60%; }
a:link { color: #0000da; text-decoration: none; }
a:visited { color: #0000d0; text-decoration: none; }
a:hover { color: #0000e0; text-decoration: underline; }
a:active { color: #0000da; text-decoration: none; }
a.inv:link { color: #ffffff; text-decoration: none; }
a.inv:visited { color: #ffffff; text-decoration: none; }
a.inv:hover { color: #ffffff; text-decoration: underline; }
a.inv:active { color: #ffffff; text-decoration: none; }
.wad1 { color: #ffffff; 
 font-size: 1.4em; 
 font-weight: bold;
 font-family: "comic sans", "comic sans ms", Trebuchet, arial, Helvetica, sans-serif, "sans serif", Tahoma, Verdana; 
}

.wad2 { color: #ffffff; 
 font-size: 1.1em; 
 font-family: "comic sans", "comic sans ms", Trebuchet, arial, Helvetica, sans-serif, "sans serif", Tahoma, Verdana; 
}
 
.onblue { background-color: #ffffff;
 font-size: smaller;}

.textlikebg { color: #efefef;}

.small { font-size: 9pt;}

.smallcenter { font-size: smaller; text-align: center; }

.breadcrumps { font-weight: bold;
 font-variant: normal;
 font-size: smaller;
 margin-bottom: 10px;
}

.breadcrumbs { font-weight: bold;
 font-variant: normal;
 font-size: 85%;
 margin-bottom: 10px;
}

@media (max-width: 800px) 
{
.breadcrumbs { font-weight: bold;
 font-variant: normal;
 font-size: 20px;
 margin-bottom: 10px;
}
}

img { border-width: 0; }

h1 {font-size: 16px;}

.bluecenter { width: 60%; text-align: center; background: #505050; }

.white { color: #efefef; }

.hintergrund { color:#990000; 
 font-size:10pt; 
 background-color:#efefef;
 border-right:1px solid #505050;
 border-left:1px solid #505050;
 border-top:1px solid #505050;
 border-bottom:1px solid #505050;
 margin-bottom: 10px;
}

.hintergrund2 { color:#000000; 
 font-size:10pt; 
 padding:0.6em;
 background-color:#efefef;
 border-right:1px solid #505050;
 border-left:1px solid #505050;
 border-top:1px solid #505050;
 border-bottom:1px solid #505050;
}

.hintergrund3 { color:#000000; 
 text-align: center;
 font-weight: normal;
 font-variant: small-caps;
 font-size: 10pt;
 background-color:#efefef;
 border-top:2px solid #505050;
 border-bottom:2px solid #505050;
 margin-bottom: 10px;
}

.quotes { color:#000000; 
 font-size:10pt; 
 padding:0.6em;
 background-color:#efefef;
 border-right:1px solid #505050;
 border-left:1px solid #505050;
 border-top:1px solid #505050;
 border-bottom:1px solid #505050;
 margin-bottom: 10px;
}

.pagetitle { color:#404040; 
 text-align: center;
# background-color:#e0e0e0;
 margin-bottom: 10px;
 break-before: column; 	
}

.wadtitle { color:#ffffff; 
 text-align: left
 background-color:#505050;
 margin-bottom: 10px;
 width:100%;
}

.wadtab { color:#ffffff; 
 text-align: left
 background-color:#505050;
}

table.center {margin-left:auto; margin-right:auto;}

.indent { font-size: 95%; margin-left: 3%; text-indent: -0.2cm; } 

.smallfont { font-size: 90%; } 

a:normallink { font-weight:normal; color: #505050; text-decoration: none; }

.invtext
{
 text-align:center;
 padding:0.2em;
 margin:0;
 list-style-type:none;
 font-style:italic;
 font-weight:bold;
 color:#efefef;
 background-color:#505050;
}

h2.invtext {
 font-size:1.1em;
}

.theader
{
 margin:0;
 list-style-type:none;
 font-style:italic;
 font-weight:bold;
 padding:0.6em 0.6em;
 color:#efefef;
 background-color:#505050;
}

.tdback
{
 font-weight:bold;
 padding:0.6em 0.6em;
 color:#efefef;
 background-color:#505050;
}


.menu
{
 text-align:center;
 width:100%;
 margin:0;
 list-style-type:none;
 font-style:italic;
 font-weight:bold;
 padding:0.6em 0.6em;
 color:#efefef;
 background-color:#505050;
}

.invmenu
{
 text-align:center;
 width:100%;
 margin:0;
 list-style-type:none;
 font-style:italic;
 font-weight:bold;
 padding:0.6em 0.6em;
 color:#505050;
 background-color:#efefef;
}

a.menu
{
 text-align:center;
 width:6em;
 text-decoration:none;
 font-style:italic;
 font-weight:bold;
 color:#efefef;
 background-color:#505050;
 padding:0.6em 0.6em;
 border-right:1px solid white;
 border-left:1px solid white;
 border-top:1px solid white;
 border-bottom:1px solid white;
}

a.menu:visited
{
 text-align:center;
 width:6em;
 text-decoration:none;
 font-style:italic;
 font-weight:bold;
 color:#efefef;
 background-color:#0000ff;
 padding:0.6em 0.6em;
 border-right:1px solid white;
 border-left:1px solid white;
 border-top:1px solid white;
 border-bottom:1px solid white;
}

a.menu:active
{
 text-align:center;
 width:6em;
 text-decoration:none;
 font-style:italic;
 font-weight:bold;
 color:#efefef;
 background-color:#505050;
 padding:0.6em 0.6em;
 border-right:1px solid white;
 border-left:1px solid white;
 border-top:1px solid white;
 border-bottom:1px solid white;
}

a.menu:hover {background-color:#efefef; color:#505050;}

.dropbtn {
  background-color: #505050;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: left;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #0000da;
}

@media (min-width: 1000px) {
.newspaper {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
  column-rule-style: solid;
  -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
  -moz-column-rule-width: 1px; /* Firefox */
  column-rule-width: 1px;  
}
}

@media (min-width: 1000px) {
.newspapertitle {
  -webkit-column-count: 5; /* Chrome, Safari, Opera */
  -moz-column-count: 5; /* Firefox */
  column-count: 5;
}
}


@media (min-width: 1000px) {
.newspaper2 {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  column-rule-style: solid;
  -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
  -moz-column-rule-width: 1px; /* Firefox */
  column-rule-width: 1px; 
  column-width: 600px; 
}
}

.newsbox {  
  break-inside: avoid;
}

.newsbox2 {  
  break-inside: avoid;
  column-span: 2;
}

.newsbox3 {  
  break-inside: avoid;
  column-width: 800px;
}

.wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(186px, 1fr));  
}
.cone {
  grid-column: auto;
}
.ctwo { 
  grid-column: span 2;
}
.cthree {
  grid-column: auto;
}
.cfour {
  grid-column: auto;
}