.cop-logo-2-icon {
  width: 256px;
  position: relative;
  height: 126px;
  overflow: hidden;
  flex-shrink: 0;
}
.wort-bild-marke-cop-1 {
  align-self: stretch;
  background-color: var(--color-white);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-13xl) var(--padding-186xl);
}
.h1 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -1px;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
}
.h11 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-21xl);
  letter-spacing: -1px;
  line-height: 100%;
  font-weight: 500;
  font-family: inherit;
}
.header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-45xl) 100px var(--padding-13xl);
  gap: 10px;
}
.emailicon {
  width: 54px;
  position: relative;
  height: 54px;
}
.email {
  position: relative;
  letter-spacing: -0.95px;
  line-height: 100%;
}
.email:hover {
  color: var(--color-deepskyblue);
}
.email-container {
  text-decoration: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-base);
  color: inherit;
}
.contactinfo {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-29xl) var(--padding-186xl);
  gap: 24px;
  text-align: left;
  font-size: var(--font-size-19xl);
}

.links{
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  text-align: left;
  font-size: 20px;
  text-decoration: none;
  color: var(--color-deepskyblue);
}

/*.formen-icon {
  width: 1485.9px;
  position: relative;
  height: 623.3px;
}*/

.shapes {
  align-self: stretch;
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-29xl) 0px 0px;
  box-sizing: border-box;
}
.website {
  height: 100%;
  position: relative;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: var(--font-size-77xl);
  color: var(--color-darkslateblue);
  font-family: var(--font-dm-sans);
  overflow: visible;
}

@media screen and (max-width: 1007px) {
  .shapes {
    height: 500px;
    width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    justify-content: flex-start;
    box-sizing: border-box;
  }
  
  .website {
  overflow: visible;
  }

  .email {
    font-size: var(--font-size-19xl);
  }
}

@media screen and (max-width: 640px) {

  .website {
  height: 100%;
  overflow: hidden;
  }

  .wort-bild-marke-cop-1 {
    padding: var(--padding-5xl) var(--padding-45xl) var(--padding-base);
    box-sizing: border-box;
  }

  .header {
    padding: var(--padding-5xl) var(--padding-29xl);
    box-sizing: border-box;
  }

  .contactinfo {
    padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }

  .links{
    font-size: 15px;
  }

  .formen-icon {
    width: 900px;
    height: 500px;
  }

  .shapes {
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 50px;
  }
  
  .cop-logo-2-icon {
    width: 180px;
  }

  .wort-bild-marke-cop-1 {
    padding: 20px var(--padding-29xl);
    box-sizing: border-box;
  }

  .h1 {
    font-size: 65px;
  }

  /*.h11 {
    font-size: 25px;
  }*/

  .header {
    padding: var(--padding-base) var(--padding-5xl);
    box-sizing: border-box;
  }

  .emailicon {
    width: 48px;
    height: 48px;
  }

  .email {
    font-size: var(--font-size-5xl);
  }

  .email-container {
    gap: var(--gap-5xs);
  }

  .contactinfo {
    padding-left: var(--padding-5xl);
    padding-top: var(--padding-base);
    padding-right: var(--padding-5xl);
    box-sizing: border-box;
  }

  /*.formen-icon {
    width: 550px;
    height: 500px;
  }*/

}

/*///Cookie-Banner ////*/

.cookie-banner{
	z-index: 2;
  position: fixed;
	bottom: -100%;
	left: 0;
	right: 0;
	background-color: var( --color-darkslateblue);
	font-size: var(--font-size-5xl);
  color: var(--color-white);
  font-family: var(--font-dm-sans);
  text-align: center;
	padding: 3rem 10rem 3rem 10rem;
	transition: 2000ms;
	
}
.cookie-banner a{
	color: var(--color-white);
}

.cookie-banner.active{
	bottom: 0;
	
}


.cookie-confirm{
  background-color: white;
  color:var(--color-darkslateblue);
	vertical-align: middle;
  border: 20px solid transparent;
  border-radius: 12px;
  padding: var(--padding-base) var(---padding-5xl);
  text-align: center;
  font-size: var(--font-size-19xl);
  font-family: var(--font-dm-sans);
  font-weight: 700;
            }

button:hover{
  cursor:pointer;
	opacity: 0.75;
            }
	
@media screen and (max-width: 468px) {
  
  .cookie-banner{
  font-size: 1rem;
  line-height: 120%;
  padding: 3rem 3rem 3rem 3rem;
  }
  
}
			
/*/////DATENSCHUTZ */

.datenschutz-titel {
  align-self: stretch;
  font-size: var(--font-size-21xl);
  line-height: 120%;
  font-weight: 700;
  font-family: var(--font-dm-sans);
  align-items: center;
  flex-shrink: 0;
}
.datenschutz-kategorie {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  font-family: var(--font-dm-sans);
}
.datenschutz-u-kategorie {
  align-self: stretch;
  position: relative;
  font-size: 22px;
  line-height: 150%;
}
.datenschutz-text {
  align-self: stretch;
  position: relative;
  font-size: 22px;
  line-height: 150%;
  font-weight: 500;
}
.datenschutz-textblock-titel {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  font-size: 22px;
}
.datenschutz-u-kategorie1 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
}
.datenschutz-textblock-1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
}
.datenschutz-block {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  font-size: 22px;
  color: var(--grau);
  font-family: var(--font-dm-sans);
}
.datenschutz-inhalt {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.5rem 10rem 0rem 10rem;
  gap: var(--gap-45xl);
}

@media screen and (max-width: 640px) {

  .datenschutz-titel {
    font-size: 25px;
    line-height: 120%;
    font-weight: 700;
    flex-shrink: 0;
  }
  .datenschutz-kategorie {
    align-self: stretch;
    position: relative;
    line-height: 150%;
    font-family: var(--font-dm-sans);
  }
  .datenschutz-u-kategorie {
    align-self: stretch;
    position: relative;
    font-size: 15px;
    line-height: 150%;
  }
  .datenschutz-text {
    align-self: center;
    position: relative;
    font-size: 15px;
    line-height: 150%;
    font-weight: 500;
  }
  .datenschutz-textblock-titel {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap-13xl);
    font-size: 15px;
  }
  .datenschutz-u-kategorie1 {
    align-self: stretch;
    position: relative;
    line-height: 150%;
  }
  .datenschutz-textblock-1 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-13xl);
  }
  .datenschutz-block {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-13xl);
    font-size: 15px;
    color: var(--grau);
    font-family: var(--font-dm-sans);
  }
  .datenschutz-inhalt {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0rem 1rem 0rem 1rem;
    gap: var(--gap-45xl);
  } 


}

/*/////Impressum */

.impressum-titel {
  align-self: stretch;
  font-size: var(--font-size-21xl);
  line-height: 120%;
  font-weight: 700;
  font-family: var(--font-dm-sans);
  align-items: center;
  flex-shrink: 0;
}
.impressum-kategorie {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  font-family: var(--font-dm-sans);
}
.impressum-u-kategorie {
  align-self: stretch;
  position: relative;
  font-size: 22px;
  line-height: 150%;
}
.impressum-text {
  align-self: stretch;
  position: relative;
  font-size: 22px;
  line-height: 150%;
  font-weight: 500;
}
.impressum-textblock-titel {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  font-size: 22px;
}
.impressum-u-kategorie1 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
}
.impressum-textblock-1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
}
.impressum-block {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  font-size: 22px;
  color: var(--grau);
  font-family: var(--font-dm-sans);
}
.impressum-inhalt {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.5rem 10rem 0rem 10rem;
  gap: var(--gap-45xl);
}

@media screen and (max-width: 640px) {

  .impressum-titel {
    font-size: 25px;
    line-height: 120%;
    font-weight: 700;
    flex-shrink: 0;
  }
  .impressum-kategorie {
    align-self: stretch;
    position: relative;
    line-height: 150%;
    font-family: var(--font-dm-sans);
  }
  .impressum-u-kategorie {
    align-self: stretch;
    position: relative;
    font-size: 15px;
    line-height: 150%;
  }
  .impressum-text {
    align-self: center;
    position: relative;
    font-size: 15px;
    line-height: 150%;
    font-weight: 500;
  }
  .impressum-textblock-titel {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap-13xl);
    font-size: 15px;
  }
  .impressum-u-kategorie1 {
    align-self: stretch;
    position: relative;
    line-height: 150%;
  }
  .impressum-textblock-1 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-13xl);
  }
  .impressum-block {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-13xl);
    font-size: 15px;
    color: var(--grau);
    font-family: var(--font-dm-sans);
  }
  .impressum-inhalt {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0rem 1rem 0rem 1rem;
    gap: var(--gap-45xl);
  } 


}