input[type="text"], textarea {
    border-radius: 5px;
    border: 1px solid rgba(235, 206, 173, 0.95) !important;
    background-color: hsl(30, 60%, 95%) !important;
    color: #000 !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px, rgba(27, 31, 35, 0.02) 0px 0px 0px 1px;
}

input[type="submit"] {
    border-radius: 5px;
    text-align: center;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    background-color: hsl(34, 57%, 63%);
    background: linear-gradient(140deg, hsl(34, 57%, 55%), hsl(34, 57%, 60%));
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

input[type="submit"]:hover, input[type="submit"]:focus {
    background: linear-gradient(35deg, hsl(34, 57%, 33%), hsl(34, 57%, 33%));
}

input[type="text"]:focus, textarea:focus {
    outline: none;
    border: 1px solid rgba(235, 206, 173, 1) !important;
    box-shadow: 0 0 10px rgba(235, 206, 173, 1);
}


/* "mehr anzeigen" */ 
a.show-more,
a.show-more-DP {
    font-size: 0.88em;
    background: linear-gradient(0deg, hsl(34, 57%, 55%), hsl(34, 57%, 60%)) !important;
}

a.show-more:hover, a.show-more:focus,
a.show-more-DP:hover, a.show-more-DP:focus {
    background: linear-gradient(35deg, hsl(34, 57%, 33%), hsl(34, 57%, 33%)) !important;
}



/* Referenzliste */
a.button {
    text-decoration: none;
    padding: 0.2rem 3rem;
    margin: 0rem 0rem;
    border-radius: 5px;
    text-align: center;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    background: linear-gradient(130deg, hsl(34, 57%, 45%), hsl(34, 57%, 65%));
}

a.button:hover, a.button:focus {
    background: linear-gradient(35deg, hsl(34, 57%, 33%), hsl(34, 57%, 33%));
}

a.actor img {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

    transition: transform 0.15s ease-in-out; /* Hinzufügen eines flüssigen Übergangseffekts */
}

a.actor:hover img, a.actor:focus img {
    /* box-shadow: rgb(160, 110, 44) 0px 20px 30px -10px; */
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    
    transform: scale(1.1); /* Vergrößere das Bild beim Hovern */
}

a.poster {
    cursor: pointer;
}

a.poster img {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

    transition: transform 0.15s ease-in-out; /* Hinzufügen eines flüssigen Übergangseffekts */
}

a.poster:hover img, a.poster:focus img {
    transform: scale(1.1); /* Vergrößere das Bild beim Hovern */
}

a.poster.DP {
    cursor: default;
 } 


div.confirmation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: hsl(34, 57%, 40%);
}

div.load-2, div.load-3, div.load-4,
div.load-DP-2, div.load-DP-3 {
    display: none;
}

hr {
    border-top: 1px dashed #8c8b8b;
}