/*reset*/*,*::after,*::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1rem}body,caption{text-align:left}button,hr,input{overflow:visible}pre,textarea{overflow:auto}article,aside,dialog,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}dd,h1,h2,h3,h4,h5,h6,label,legend{margin-bottom:.5rem}address,legend{line-height:inherit}progress,sub,sup{vertical-align:baseline}label,output{display:inline-block}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:theme-color("primary");text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{-ms-overflow-style:scrollbar}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;caption-side:bottom}th{text-align:inherit}button{border-radius:0}button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[type=submit],[type=reset],button,html [type=button]{-webkit-appearance:button}[type=submit]::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{width:100%;max-width:100%;padding:0;font-size:1.5rem;color:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item}template{display:none}[hidden]{display:none!important}

html, body { height: 100%; font-size:100%;}
body { margin:0px; padding:0px; background-color:#F6F6F6; font-family: sans-serif; }
img { border:0px;}
a { color: #0645ad; text-decoration:none; }
a:hover, a.uline { text-decoration: underline;}
a.extern { }
span.red { color: #ba0000; }
span.blue { color: #0645ad; font-family: sans-serif; cursor:url(../img/pointer.cur),auto;}
.courier { font-family: 'Courier New'; }
h1, h2 { border-bottom: 1px solid #aaaaaa;padding-top: 0.5em;padding-bottom: 0.17em;margin-bottom: 0.6em; font-weight: normal; margin:0px; overflow: hidden; font-family:'Linux Libertine','Georgia','Times',serif; }

h1 { margin-top:0.1em; margin-bottom: 0.1em;  line-height: 1.2em;  padding-bottom: 0px; font-size: 2.8em;}

h2 { font-size: 1.8em; }
p
{
  font-size:14px;
  margin-top: 0.4em;
  margin-right: 0px;
  margin-bottom: 0.5em;
  margin-left: 0px;
  line-height: 1.5em;
}
p.downloads { font-size: 0.8em; }
p.downloads a{ font-size: 1.1em; }
span.bearbeiten { font-size: 0.6em; }

#content {position:relative;padding:1.5em; line-height: 1.5em; font-family: sans-serif; font-size: 0.8em; color: #000000; background-color: #FFFFFF; border-bottom: 1px solid #a7d7f9; transition: width 2s, height 2s; margin:0 auto; width:100%;}
#content td{font-size: 0.8em; color: #000000; }
.crazy > #content{background-image:url(../img/david_joost.jpg);background-size:contain;background-repeat:no-repeat;background-attachment:fixed; background-position:center center;background-blend-mode: difference}
#inhaltsverzeichnis { background-color: #f9f9f9; border: 1px solid #aaaaaa;display: table; padding: 7px; }
#inhaltsverzeichnis h2{ border:0px;font-size: 100%; font-weight: bold; text-align: center; }
#inhaltsverzeichnis h2 span{ font-weight: normal; }
#inhaltsverzeichnis ul{ list-style-type: none; text-align: left; margin: 0px; padding:0px;}
#right { position:relative;float:right; margin-top: 0.5em;
  margin-right: 0px;
  margin-bottom: 1.3em;
  margin-left: 1.4em; text-align: center;}
.bild_right { background-color: #f9f9f9; border: 1px solid #cccccc;display: table; padding: 3px; font-size: 94%; }
.bild_right > img {display:none;}
/*.bild_right > iframe{display:none;}
.bild_right:hover > img {display:none;}
.bild_right:hover > iframe {display:block;}*/
.beschreibung { text-align: left; line-height: 1.4em; }
.gross { float:right; margin:2px;}

#disco td { vertical-align: top; padding:3px; }

div#content.closed {width: 0%;height: 0%;overflow-x: hidden;transition:width 2s, height 2s;overflow: hidden;padding: 0;}
#trans { position:fixed; left:0px;top:0px; width:100%; height:100px; border:0px; background-color:#000000; opacity:0.9; padding:5px; z-index:199; }
#gallery { position:absolute; top:20px; left:0px; width:100%; z-index:200; padding:0px; text-align: center; color:#FFFFFF; font-size: 0.8em;  }
#gallery a{ cursor:pointer; color:#FFFFFF; }
#bimg { margin:0px;}
#idesc { width:600px; margin: auto;}
#ulweblinks li { color:#0645ad; }
#ulweblinks a { background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%225… cx=%222.5%22 cy=%229.5%22 r=%222.5%22 fill=%22%2300528c%22/%3E %3C/svg%3E);  background-position: right center; background-repeat: no-repeat; padding-right: 13px; }
#bottom { padding:1.5em; line-height: 1.5em; font-family: sans-serif; font-size: 0.5em; color: #666666; }
span.person{font-variant: small-caps;}

ul.disco {
   list-style-type: disc;
   list-style-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%225%22 height=%2213%22%3E %3Ccircle cx=%222.5%22 cy=%229.5%22 r=%222.5%22 fill=%22%2300528c%22/%3E %3C/svg%3E");
   list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAIAAADuXjPfAAAABnRSTlMA/wD/AP83WBt9AAAAHklEQVR4AWP4jwrowWcI6oEgEBtIISNCfFT9mOYDACO/lbNIGC/yAAAAAElFTkSuQmCC) \9;
   line-height: 1.6;
   /*font-size: 0.875em;*/
   font-size: 1.0em;
}
body.tooyoung {
  overflow-y:hidden;
}
#agecheck {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.975);
  top: 0;
  left: 0;
}

#agecheck .form {
  display: grid;
  border:10px dotted red;
  place-content: center;
  background: #fff;
  width: 500px;
  margin: 25vh auto;
  max-width: 100%;
  border-radius: 5px;
  padding: 5px;
}


#agecheck .form h1 {
  font-size:20px;
  font-family: ;
  font-weight:bold;
}

#agecheck .form .btn {
  border-radius: 5px;
  color: #fff;
  display: unset;
  margin: 10px auto;
  padding: 5px 10px;
  text-align: center;
  width: 93px;
}

#agecheck .form .btn:hover {
  cursor: pointer;
  transform: scale(1.1);
}

#yep {
  background:green;
}

#nope {
  background:red;
}