body 
{
 font-family: Calibri,sans-serif; /* Times New Roman,Times,serif; */
 font-size: clamp(1em, 2.8vw, 1.75em);
 background: #000000;
 background-image: linear-gradient(to bottom, #000000, #ffd001, #000000);
 /* font-size:1rem; */
 margin:0;
 padding:0;
 text-align:center;
 line-height: 1.4;
}

/* h1 - h5: font-family:Impact,Arial Black,sans-serif; */

h1  {font-size:1.2rem; color:#000033; margin:2px;}
h2  {font-size:1.4rem; color:#000000; margin:2px;}
h3  {font-size:1.2rem; color:#000000; margin:2px;}
h4  {font-size:1.8rem; color:#000000; margin:2px;}
h5  {font-size:1.5rem; color:#000000; margin:0px;}
p   {font-size:1.5rem; color:#000000; margin:0px;}
img {margin:1px 1px 0px 0px; padding:1px 1px 1px 1px; }

ul  { margin-left:5px; padding-left:5px; list-style-type: none;}

li  { font-size:1rem; 
	  text-indent: -1em; /* Negativer Einzug für das erste Wort */
      padding-left: 1em; /* Positiver Einzug für den gesamten Text */
      display: block;
	}
	 
li:before { content: "» "; color:#000033;font-size:1rem;}



form {
margin: 0;
font-size:0.95rem; 
}

input, textarea, select, object {
border: 1px solid #ffd100;
background-color: #eeeeee;
color: #000000;
font-size:0.95rem; 
padding:8px 8px 8px 8px;
margin:8px 8px 8px 8px;
box-shadow: 5px 5px 20px #ffd100;
}

hr
{
border: 0;
border-top: solid 1px #0000cc;
}


/* Gesamter Inhalt */
#gesamt
{ 
/* background-image: linear-gradient(to right, #000000, #000099, #000000); */
color:#000000;
/* background: #000000; */
width:98%; 
text-align:center; 
margin:auto;
padding:0px; 
overflow:auto;
}

/* LINKS - Allgemein */
a:link, a:visited {
text-decoration:none;
color:#0000cc;
}

a:active, a:hover { 
text-decoration:underline;
color:#cc0000;
}



/* LINKS - A-Z - HIT */
a.hit:link, a.hit:visited {
font-weight:bold;
text-decoration:none;
color:#cc0000;
}

a.hit:active, a.hit:hover { 
font-weight:bold;
text-decoration:none;
text-shadow: 0 5px 10px #ffd001;
color:#ff0000;
}



/* LINKS - WERBUNG */
a.ad:link, a.ad:visited {
font-weight:bold;
text-decoration:none;
color:#330000;
}

a.ad:active, a.ad:hover { 
font-weight:bold;
text-shadow: 0 5px 10px #ffd001;
text-decoration:none;
color:#ff0000;
}





/* LOGO */
#title {
font-size:3.0rem;
/* height:65px; +*/
padding:1px 0px 1px 0px;
text-align:center;
/* background-image: linear-gradient(to right, #000000, #000066, #000000, #000066, #000000); */
/* background-color:#000000; */
border-radius: 10px;
}

/* Logo Hyperlinks */
a.logo:link, a.logo:visited { 
color:#ffd001;
font-size:3.0rem;
font-weight:bold;
padding:0px 0px 0px 0px;
text-decoration:none;
}
a.logo:active, a.logo:hover { 
color:#ffffff;
font-size:3.0rem;
font-weight:bold;
text-decoration:none;
}


/* MENÜ: Überschrift unter ONLY-E.DE */

#menu {
color:#ffffff;
background-image: linear-gradient(to right, #000033, #000066, #000033);
/*
background-image: linear-gradient(to right, #ffd001, #000033, #000033, #ffd001); */
/* background-color:#000066; */
text-align:center;
padding:15px 15px 10px 15px;
font-size:1.6.rem;
font-weight:bold;
border-radius: 10px;
box-shadow: 15px 15px 20px #000000; 
}

/* Die Hyperlinks im Menü */

a.menu:link, a.menu:visited { 
color:#ffffff;
font-size:1.6.rem;
padding:0px 0px 0px 0px;
font-weight:bold;
}
a.menu:active, a.menu:hover { 
color:#ffd001;
font-size:1.6.rem;
text-decoration:none;
font-weight:bold;
}




/* KOPFZEILE: FAQ, IMPRESSUM, etc. */

#kopf {
/* background-image: linear-gradient(to right, #000000, #000066, #000000, #000066, #000000);
box-shadow: 5px 5px 20px #000000; */
color:#ffffff;
text-align:center;
padding:5px 5px 5px 5px;
font-size:0.8rem;
font-weight:bold;
border-radius: 10px;
}

/* LINKS KOPFZEILE */

a.kopf:link, a.kopf:visited { 
color:#999999;
font-size:0.8rem;
font-weight:bold;
padding:0px 15px 0px 0px;
text-decoration:none;
}
a.kopf:active, a.kopf:hover { 
color:#ffffff;
font-size:0.8rem;
text-decoration:none;
}



/* Bilder */
#bilder {
border-left:1px solid #000066;
border-right:1px solid #000066;
height:100px;
padding:0;
text-align:center;
/* background-color:#000000; */
}

/* Menü 2*/
#menu2 {
color:#ffffff;
/* background-color:#000099; */
text-align:center;
padding:5px 0px;
font-size:;
font-weight:bold;
border-radius: 10px;
}

/* Die Hyperlinks im Menü */
  a.menu2:link, a.menu2:visited { 
  color:#ffcc99;
  font-weight:bold;
}
a.menu2:active, a.menu2:hover { 
  color:#ffffff;
  font-weight:bold;
}


/* Inhalt */
#content {
/* background-color:#000066; */
/* background: #000000; */
/* background-image: radial-gradient(circle, #ffd001 -100%, #000000 80%); */
/* background-image: linear-gradient(to bottom, #000000, #ffd001, #000000); */
padding:0px 20px 0px 20px;
margin: 0px 0px 0px 0px;
text-align:center;
color:#000000;
border-radius: 10px;

}



/* Text */
#textbox {
border:1px solid #000033;
/* background-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #eeeeee); */
background-color:#ffffff;
padding:8px 8px 8px 8px;
text-align:left;
color:#000000;
border-radius: 10px;
box-shadow: 5px 5px 20px #000000;
}


/* Die dicken Hyperlinks */
  a.big:link, a.big:visited { 
  color:#000099;
  font-size:3.0rem;
  font-weight:bold;
  padding:5px 20px 5px 5px;
}
a.big:active, a.big:hover { 
  color:#0000ff;
  text-decoration:underline;
}



/* Titel */

#titel {
color:#ffffff;
background-image: linear-gradient(to right, #000033, #000066, #000033);
text-align:left;
padding: 10px 10px 10px 10px;
font-size:1.1rem;
font-weight:bold;
border-radius: 10px;
box-shadow: 5px 5px 20px #000000;
}

/* LINKS TITEL */
  a.titel:link, a.titel:visited { 
  color:#ffd001;
  font-size:1.1rem;
  font-weight:bold;
  padding:0px 20px 0px 0px;
}
a.titel:active, a.titel:hover { 
  color:#ffffff;
  font-size:1.1rem;
  text-decoration:none;
}



/* LEERZEILE - Link mit www.only-e.de */


#leerzeile{
color:#ffffff;
background-image: linear-gradient(to right, #000033, #000066, #000033);
/*
background-image: linear-gradient(to right, #ffd001, #000033, #000033, #ffd001); */
/* background-color:#000066; */
text-align:center;
padding:15px 15px 10px 15px;
font-size:1.6.rem;
font-weight:bold;
border-radius: 10px;
box-shadow: 15px 15px 20px #000000; 
}

/*
#leerzeile {
color:#ffffff;
text-align:center;
margin: 10px 0px 0px 0px;
padding: 10px 10px 10px 10px;
font-size:1.4rem;
font-weight:bold;
border-radius: 10px;
}
*/

/* LINKS LEERZEILE */

a.leerzeile:link, a.leerzeile:visited { 
color:#ffffff;
font-size:1.4rem;
font-weight:bold;
padding:0px 20px 0px 0px;
text-decoration:none;
}
a.leerzeile:active, a.leerzeile:hover { 
color:#ffd001;
text-decoration:none;
}






/* FUSSZEILE */

#fuss {

/* background-image: linear-gradient(to right, #000033, #000000, #000033); */
/* background: #000000; */
color:#ffffff;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
font-size:0.8rem;
font-weight:bold;
border-radius: 10px;
}

/* LINKS FUSSZEILE */

a.fuss:link, a.fuss:visited { 
color:#ffd001;
font-size:0.8rem;
font-weight:bold;
padding:0px 15px 0px 0px;
text-decoration:none;
}
a.fuss:active, a.fuss:hover { 
color:#ffffff;
font-size:0.8rem;
text-decoration:none;
}