/* asap-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/asap-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/asap-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/asap-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/asap-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }

/* ALLGEMEIN 27282b */
body { color:#6e4135; font-family: 'Asap', Verdana, Arial, Helvetica, sans-serif; text-align:center; padding: 20px 0; background-image:url(/media/media_css/double_lined.png); }
a { color:#ae1f23; text-decoration:none; }

/* KOPF */
#kopf { width:960px; height:200px; margin:0 auto; background-image:url(/media/media_allgemein/kopf.jpg); background-repeat:no-repeat; background-position:left top; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.kontakt { margin:0 0 0 600px; font-size:14px; text-transform:uppercase; }
.kontakt a { height:20px; float:left; margin:0 10px 0 0; padding:10px; color:white; background-color:#c5370c; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.kontakt a:hover { background-color:#6e4135; }
.kontakt img { margin-right:10px; }

/* ZITAT */
#zitat { width:960px; text-align:left; margin:0 auto; padding:20px 0; background-color: #f08420; }
#zitat h1 { font-size:1.2em; line-height:1.2em; font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#6e4135; padding: 0 30px; }
#zitat p { font-size:.8em; line-height:1.4em; color:#c23c2c; padding:10px 0 0 30px; }

/* COMPLETE */
#complete { text-align:left; width:960px; margin:0 auto; background-color: white; background-image:url(/media/media_css/fakeshadow.gif); background-repeat:no-repeat; background-position: 280px 250px; }

/* NAVI */
#navigation { font-size: 0.9em; letter-spacing:1px; float:left; width:100%; background:#c5370c; font-weight: normal; }
#navigation li { float:left; }
#navigation a { color:white; text-decoration:none; display:block; padding: 12px 20px; background:#c5370c; border-right:1px dotted #f08420; }
#navigation a:hover, #navigation a.aktiv { background:#6e4135; }
#navigation ul { position:absolute; left:-9999px; }
#navigation li:hover ul { left:auto; }
#navigation li li { float:none; border-top:1px solid white; text-transform: none; }
#navigation li li a { background:#88bb8c; color:#fff; border-right:none; }
#navigation li li a:hover { color:#000; }

/* SPALTE */
#spalte { width:300px; float:left; vertical-align:top; padding:30px 0;  }
#spalte h1 { color: #6e4135; font-size:1.1em; line-height:1.3em; font-weight:700; text-transform:uppercase; padding:0 30px 30px; }
#spalte h1 strong { color:#c23c2c; }
#spalte p { font-size:.8em; line-height:2em; padding:0 30px 5px 30px; }
.button { color:white; display:block; background:#c5370c; border:0; text-transform:uppercase; font-size:14px; letter-spacing:1px; padding:8px 15px 7px; margin:10px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.button:hover { background:#6e4135; }

/* CONTENT */
#content { width:660px; float:left; text-align:left; vertical-align:top; padding: 0 0 30px 0;  }
#content h1 { font-family: 'Asap', Verdana, Arial, Helvetica, sans-serif; color: #c23c2c; font-size:1.7em; font-weight:normal; padding:30px 50px 10px 30px; text-transform:uppercase; }
#content h2 { font-size:.95em; line-height:1.4em; font-weight:700; padding:10px 50px 20px 30px; }
#content h3 { font-size:1.2em; font-weight:normal; padding: 30px 50px 30px 30px; color:#c23c2c; }
#content p { font-size:.8em; line-height:2em; padding:0 30px; }
#content a:link,#content a:visited { color:#504e48; font-weight:700; text-decoration:none; border-bottom:1px dotted #27282b; }
#content a:hover { color:#ffa500; }

/* FUSS */
#fuss { clear:both; width:960px; text-align:left; margin:0 auto; background:#484848; border-top:10px solid #626262; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
#fuss p { font-size:.8em; letter-spacing:1px; line-height:1.5em; color:#aaa; padding:30px 0 30px 30px; }
#fuss a:link,#fuss a:visited { color:#fff; font-weight:700; text-decoration:none; padding-right:5px; padding-left:5px; }
#fuss a:hover,#fuss a.aktiv { color:#c5370c; }

/* BILDER KLASSEN */
.bira { background-color:white; padding:5px; border:solid 5px #e3eeff; }
.birali { background-color:white; margin-right:10px; margin-bottom:1px; padding:3px; float:left; border:solid 1px #dcdcdc; }
.birare { background-color:white; margin-bottom:10px; padding:3px; float:right; margin-left:10px; border:solid 1px #dcdcdc; }
.bili { margin-right:10px; margin-bottom:10px; float:left; }
.bire { margin-bottom:10px; margin-left:10px; float:right; }

/* TABLES */
#newstable { margin: 20px 30px 0 30px; }
#newstable td { font-size: 0.8em; line-height: 2em; vertical-align: top; margin: 0; padding: 0 20px 20px 0;  }
#kontabula { margin: 20px 0 0 30px; }
#kontabula td { font-size: 0.8em; line-height: 1.6em; vertical-align: top; margin: 0; padding: 0 20px 10px 0;  }

#tabula { width: 550px; margin:10px 0 10px 30px; background-image:url(/media/media_css/old_wall.png); }
#tabula td { font-size: 0.8em; line-height:1.6em; vertical-align:top; padding: 20px; border-bottom:10px solid white; }
#tabula th { color: white; background-color: #6e4135; font-size: 1em; line-height:1.6em; vertical-align:top; padding: 10px 20px; }

/* COOKIE BAR */
#cookie-bar {background:#282828; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:10px 0; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; }
#cookie-bar.fixed.bottom {bottom: 0; top: auto; z-index: 1000}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#fff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#82b646;}
#cookie-bar .cb-enable:hover {background:#fff;}
#cookie-bar .cb-disable {background:#f6ae01;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}