.gbuch {
display: block;
margin: 0 auto;
font-family: ;
font-size: px;
cursor: Default;
width: auto; /* Max. Gästebuch-Breite */
padding:10px;

border-radius: px;
background-color: ;
}
.oben
{
font-family: ;
font-size: px;
}
a:link, a:visited {
text-decoration: None;
}

a:hover {
text-decoration: none;
}

h1, h2, h3 {
font-weight: Normal;
}

 /* Bewertung */
span.bewertung_ok {
color: Gold;
}

span.bewertung_ko {
color: Lightgrey;
}
label
{
width: auto;
display:inline-block;
vertical-align: middle;
padding-top:0px;
}
span.smile {
display: inline-block;
font-size: 1rem;
padding: 2px 3px 2px 3px;
background-color: Transparent;
vertical-align: Middle;
margin: 2px;
cursor: Pointer;
transition: background 0.6s;
}

span.smile:hover {
background-color: #EBF0FC;
outline: Solid 1px #4169E1;
}

details {
max-width:340px;
}
summary {
cursor: Pointer;
}
details > summary:focus {
display: inline-block;
border:0;
outline:0;
cursor: Pointer;
}

/* Eingabefehler */
.fehler {
font-size: 10px;
vertical-align: top;
color: #FF0000;
}

/* Formularfelder */
textarea {
font-family: ;
width: 320px;
min-width: 320px;
height: 100px;
min-height: 100px;
}

input[type="text"],
 input[type="password"],
 input[type="url"],
 input[type="number"],
 input[type="time"],
 input[type="email"],
 input[type="color"],
 input[type="checkbox"],
 textarea,
 select {
transition: box-shadow 0.30s ease-in-out;
outline: none;
padding: 3px;
margin: 0px;
border: 1px solid #BDBDBD;
font-size: px;
}

input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="url"]:focus,
 input[type="number"]:focus,
 input[type="time"]:focus,
 input[type="mail"]:focus,
 input[type="checkbox"]:focus,
 textarea:focus,
 select:focus {
box-shadow: 0 0 5px rgb(149, 171, 238);
border: 1px solid rgb(149, 171, 238);
}

input[type=submit] {
font-family: ;
font-size: px;
padding:5px;
background: ;
border:0 none;
cursor:pointer;
color: ;
-webkit-border-radius: 5px;
border-radius: 5px;
}

input[type=submit]:hover {
background: ;
color: ;
}

.button {
display:inline-block;
width: auto;
height: auto;
background: ;
padding: 5px;
text-align: center;
border-radius: 5px;
color: ;
}
.button:hover {
background: ;
color: ;
}
.button2 {
display:inline-block;
width: auto;
height: auto;
background: ;
padding: 2px;
text-align: center;
border-radius: 2px;
color: ;
}
.button2:hover {
background: ;
color: ;
}
fieldset {
display:inline-block;
width: 100%;
min-width: 320px;
max-width: 440px;
height: auto;
padding: 10px;
text-align: left;
border: 1px solid #BDBDBD;
}

p.clear {
 clear: Both;
}

 /* Einträge Hintergrund1 */
dl.eintrag:nth-child(even) {
background-color: ;
color: ;
border: px  ;
border-radius: px;
padding: 8px;
}
 /* Einträge Hintergrund 2 */
dl.eintrag:nth-child(odd) {
background-color: ;
color: ;
border: px  ;
border-radius: px;
padding: 8px;
}

 /* Sprechblasen */
dt.name {
 margin-left: 15px;
 margin-bottom: 20px;
}

dd.text {
 position: Relative;
 margin: -15px 10px 0px 10px;
 padding: 5px;
border-radius: px;
background-color: ;
}
/* Adminlogin*/
.footer{
padding-bottom: 5px !important;
border: none !important;
background-color: transparent;
font-size: px;
text-align: ;
}
.footer a{
color: ;
text-decoration: none !important;
}
.marquee {
    max-width: 100vw; /* iOS braucht das */
    white-space: nowrap;
	overflow: hidden;
	/* hier evtl. noch font-size, color usw. */
    color: #a60000;
    font-size: 12px;
}
.marquee span {
	display: inline-block;
	padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
	animation: marquee 15s linear infinite;
}

.marquee span:hover {
	animation-play-state: paused
}
@keyframes marquee {
    0%   {transform: translate3d(0,0,0);}
    100% {transform: translate3d(-100%,0,0);}
}