@font-face {
    font-family: cinzel_regular;
    src: url(fonts/cinzel/Cinzel-Regular.ttf);
}
@font-face {
    font-family: cinzel_bold;
    src: url(fonts/cinzel/Cinzel-Bold.ttf);
}
@font-face {
    font-family: montserra_regular;
    src: url(fonts/montserrat/Montserrat-Regular.ttf);
}
@font-face {
    font-family: montserra_bold;
    src: url(fonts/montserrat/Montserrat-Bold.ttf);
}

body {
    font-family: montserra_regular;
    margin: 0;
    background-color: #fbfbfb;
}

h1, h2, h3 {
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

h2 {font-size: 32px;}

h2, h3 {
    color: #739c93;
}

a {
    color: #585858;
}
#downloadLink {
    text-decoration-line: none;
}

hr {
    margin: 30px 40px;
}

li {
    padding: 5px 0;
}

p {
    text-align: center;
}
p:has(label) {
    text-align: left;
}

input {
    background-color: #d3dfdd;
    border: transparent;
    border-radius: 3px;
    height: 25px;
    width: 100%;
    margin-top: 10px;
}

.btn {
    background-color: #739c93;
    border: transparent;
    border-radius: 8px;
    box-shadow: 3px 3px 8px #ddd;
    color: white;
    padding: 10px 25px;
    text-align: center;
    font-size: 16px;
    margin: 10px auto;
}

.btn.prev {
    background-color: #9c7273;
    padding: 10px 40px;
}

.btn.next {
    padding: 10px 70px;
}

.mark {
    color: #739c93;
}

.flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dnone {
    display: none;
}

.bold {
    font-weight: bold;
}

.tab {
    display: none;
}

.tab.is-open {
    display: block;
}

input.invalid {
    background-color: #ffdddd;
}

.hero {
    position: relative;
    background-image: url(Virgie_Micha.jpeg);
    background-position: center;
    background-size: cover;
    height: 350px;
}
.hero-img {
    width: 100%;
}

.title-box {
    font-family: cinzel_bold;
    text-align: center;
    background: #ffffff99;
    color: black;
    position: relative;
    padding: 10px 0;
    top: 30%;
    width: 100%;
    mix-blend-mode: screen;
}

.text-box {
    text-align: justify;
    position: relative;
    margin: 0 auto;
    border: transparent;
    box-shadow: 3px 3px 8px #ddd;
    background-color: white;
    color: #585858;
    width: 80%;
    padding: 25px;
    top: -35px;
}

.radio {
    width: 10%;
}

.radio_label {
    top: -6px;
    position: relative;
}

#hotel {
    margin: 0 auto 15px;
    width: max-content;
}
#hotel > p, #hotel > a {
    position: relative;
    left: 30px;
}
#hotel > a {
    top: 5px;
}

#hotel p.street, #hotel p.phone {
    text-align: left;
}

#hotel p.street:before {
	content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(88, 88, 88)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='10' r='3'/><path d='M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z'/></svg>");
	left: -30px;
    position: absolute;
    top: 7px;
}
#hotel p.phone:before {
	content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(88, 88, 88)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");
	left: -30px;
    position: absolute;
    top: -1px;
}
#hotel a.mail:before {
	content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(88, 88, 88)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z'/><path d='M12 3.05554C14.455 5.25282 16 8.44597 16 12C16 15.554 14.455 18.7471 12 20.9444'/><path d='M12.0625 21C9.57126 18.8012 8 15.5841 8 12C8 8.41592 9.57126 5.19883 12.0625 3'/><path d='M3 12H21'/></svg>");
	left: -30px;
    position: absolute;
    top: -2px;
}

#eintraege > p {
    text-align: left;
}