@import url("sterne.css");

.gbuch {
display: block;
margin: 0 auto;
font-family: Arial;
font-size: 14px;
cursor: Default;
width: auto; /* Max. Gästebuch-Breite */
padding:10px;
border: 1px solid #DDDDDD;
border-radius: 6px;
background-color: #FFFFFF;
}
.oben
{
font-family: Arial;
font-size: 24px;
}
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 */
span.fehler {
font-size: 10px;
vertical-align: top;
color: #FF0000;
}

/* Formularfelder */
textarea {
font-family: Arial;
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: 14px;
}

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: Arial;
font-size: 14px;
padding:5px;
background: #4E9CAF;
border:0 none;
cursor:pointer;
color: #FFFFFF;
-webkit-border-radius: 5px;
border-radius: 5px;
}

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

.button {
display:inline-block;
width: auto;
height: auto;
background: #4E9CAF;
padding: 5px;
text-align: center;
border-radius: 5px;
color: #FFFFFF;
}
.button:hover {
background: #F78181;
color: #000000;
}
.button2 {
display:inline-block;
width: auto;
height: auto;
background: #4E9CAF;
padding: 2px;
text-align: center;
border-radius: 2px;
color: #FFFFFF;
}
.button2:hover {
background: #F78181;
color: #000000;
}
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: #FFFFFF;
color: #000000;
border: 1px solid #E3E9EF;
border-radius: 6px;
padding: 8px;
}
 /* Einträge Hintergrund 2 */
dl.eintrag:nth-child(odd) {
background-color: #FFFFFF;
color: #000000;
border: 1px solid #E3E9EF;
border-radius: 6px;
padding: 8px;
}

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

dd.text {
 position: Relative;
 margin: -15px 10px 0px 10px;
 padding: 5px;
border-radius: 5px;
background-color: #D6EBEB;
}
/* Adminlogin*/
.footer{
padding-bottom: 5px !important;
border: none !important;
background-color: transparent;
font-size: 10px;
text-align: left;
}
.footer a{
color: #BDBDBD;
text-decoration: none !important;
}