.demo-1 {
	--color-text: #fff;
	--color-bg: #000;
	--color-link: #fff;
	--color-link-hover: #ac1122;
	--color-info: #ac1122;
	--color-title: #fff;
	--color-subtitle: #fff;
	--color-subtitle-bg: #ac1122;
	--color-contenttext-bg: #8b69b8;	
}

.content__title {
	font-family: 'Playfair Display', serif;
	font-size: 10vw;
	font-weight: normal;
	color: var(--color-title);
	text-align: center;
	margin: 0;
	pointer-events: none;
}

.content__subtitle {
	font-size: 1.25em;
	background: var(--color-subtitle-bg);
	color: var(--color-subtitle);
	padding: 0.45em 0.5em;
	line-height: 1;
	margin: 0;
	letter-spacing: 0.5em;
	text-indent: 0.5em;
	font-weight: bold;
	text-transform: uppercase;
}

.content__text {
	font-family: 'Playfair Display', serif;
	font-size: 1em;
	color: var(--color-title);
	line-height: 1.5em;
	margin: 0;
	margin-top: 25px;
	text-align: justify;
	text-indent: 0.21em;
	font-weight: normal;
	background: var(--color-contenttext-bg);
	background-opacity: 0.6;
	padding: 0.95em 0.95em;
	border-radius: 8px 8px 8px 8px;
}
.content__text_kontakt {
	font-family: 'Playfair Display', serif;
	font-size: 1em;
	color: var(--color-title);
	line-height: 1.5em;
	width: 50%;
	margin: 0;
	margin-top: 25px;
	text-align: justify;
	text-indent: 0.21em;
	font-weight: normal;
	background: var(--color-contenttext-bg);
	background-opacity: 0.6;
	padding: 0.95em 0.95em;
	border-radius: 8px 8px 8px 8px;
}
.content__text_ds {
	font-family: 'Playfair Display', serif;
	font-size: 1em;
	color: #ffffff;
	line-height: 1.5em;
	width: 50%;
	margin: 0;
	margin-top: 25px;
	text-align: justify;
	text-indent: 0.21em;
	font-weight: normal;
	background: var(--color-contenttext-bg);
	background-opacity: 0.6;
	padding: 0.95em 0.95em;
	border-radius: 8px 8px 8px 8px;
}
@media screen and (max-width: 55em) {
	.content__title {
		font-size: 3em;
	}
	.content__subtitle {
		font-size: 0.85em;
	}
}
.parent2 {
  top:15px;
  left:15px;
  position:fixed;
 display:block;
  width:100px;
  height:100px;
  background-color:transparent;
  border-radius:50%;
  z-index:20;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.test1 {
  width:60%;
  height:60%;
  background-color:dimGray;
  border-radius:50%;
  position:absolute;
  color:white;
  text-align:center;
  line-height:70px;
    top:25%;
  left:25%;
  z-index:19;
  transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    position:absolute;
}
.test2 {
  width:60%;
  height:60%;
  background-color:dimGray;
  border-radius:50%;
  position:absolute;
  color:white;
  text-align:center;
  line-height:70px;
    top:25%;
  left:25%;
  z-index:19;
  transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .2s;
}
.test3 {
  width:60%;
  height:60%;
  background-color:dimGray;
  border-radius:50%;
  position:absolute;
  color:white;
  text-align:center;
  line-height:70px;
    top:25%;
  left:25%;
  transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .4s;  
}
  .test4 {
  width:60%;
  height:60%;
  background-color:dimGray;
  border-radius:50%;
  position:absolute;
  color:white;
  text-align:center;
  line-height:70px;
  top:25%;
  left:25%;
  transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .6s;  
}
.mask2 {
  top:15px;
  left:15px;
  width:100px;
  height:100px;
  background:darkSlateGray;
  border-radius:50%;
  position:absolute;
  z-index:21;
  color:white;
  text-align:center;
  line-height:120px;
  cursor:pointer;
  position:fixed;
}
.footer {
    clear:both;
    position: relative;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: -5px;
	text-align:center;
	font-size: 9px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
	box-sizing: border-box;
	margin-right: 0px;
}

input[type="submit"] {
	background: var(--color-contenttext-bg);
	background-opacity: 0.6;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	width: 100%;
	box-sizing: border-box;
}

input[type="submit"]:hover {
	background: var(--color-contenttext-bg);
	background-opacity: 0.6;
}
.consent-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    text-align: center;
    padding: 20px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

.consent-banner button {
    margin: 5px;
    padding: 10px 20px;
    border: none;
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
}

.consent-banner button:hover {
    background-color: #45a049;
}