body{font-family:Arial,sans-serif;max-width:780px;margin:30px auto;padding:20px;line-height:1.5;background:#f5f5f5;color:#222}main{background:white;padding:28px;border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.08)}h1{margin-bottom:0}h2{margin-top:4px;color:#555}.info{background:#eef6ff;border-left:5px solid #2d7fc1;padding:14px;margin:20px 0}label{display:block;margin-top:14px;font-weight:bold}input,select,textarea{width:100%;padding:11px;margin-top:5px;box-sizing:border-box;border:1px solid #bbb;border-radius:6px;font-size:16px}.check{font-weight:normal}.check input{width:auto;margin-right:8px}button{margin-top:18px;padding:13px 20px;font-size:16px;cursor:pointer;border:0;border-radius:6px;background:#222;color:white}.ok{background:#e2f5e2;padding:12px;border:1px solid #8ccf8c;margin:15px 0}.error{background:#ffe0e0;padding:12px;border:1px solid #d88;margin:15px 0}.hinweis{font-size:14px;color:#555}.hp{display:none}
.gallery{
    position:relative;
    width:100%;
    height:380px;
    overflow:hidden;
    border-radius:12px;
    margin-bottom:25px;
    box-shadow:0 4px 15px rgba(0,0,0,.2);
}

.gallery img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity 1s;
}

.gallery img.active{
    opacity:1;
}