/*** GENERELLES ***/
main {
        display:                flex;
        flex-wrap:              wrap;
        width:                  90vw;
        margin-left:            auto;
        margin-right:           auto;
	justify-content:        space-between;
        align-items: center;
	font-size:		1.2rem;
	min-height:		30vh;
	position:		relative;
}

/*** CONTAINERS ***/

.topContainer {
	width:			100%;
	display:		flex;
	position:               relative;
        align-items:            top;
	justify-content:        space-between;
	margin-top:		calc(var(--header-height) + 2vh);  
	flex-wrap:		wrap;
}

.teiler {
	width:			100%;
	background: linear-gradient(90deg, #F7F5F1 10%, #7C7C6A 35%, #7C7C6A 65%, #F7F5F1 90%);
	height:			1px;
	margin-bottom:		2vh;
}

/*** SLIDER ***/

#sContainer {
        width:                  90%;
        position:               relative;
        display:                flex;
        justify-content:        space-evenly;
        align-items:            center;
        max-height:             45vw;
        }

#slider {
        width:                  100%;
        position:               relative;
        display:                flex;
        justify-content:        center;
        align-items:            center;
        max-height:             45vh;
        }


#slider video {
        max-height: 40vh;
}


.sText {
        position:               absolute;
        width:                  90%;
	z-index: 10;
        background:             var(--main-bg-color);
        background:             linear-gradient(90deg,rgba(247, 245, 241, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(247, 245, 241, 1) 100%);
        -webkit-box-shadow:     0px 11px 8px -10px rgba(255,255,255,0.9),0px -11px 8px -10px rgba(255,255,255,0.9);
        -moz-box-shadow:        0px 11px 8px -10px rgba(255,255,255,0.9),0px -11px 8px -10px rgba(255,255,255,0.9);
        box-shadow:             0px 11px 8px -10px rgba(255,255,255,0.9),0px -11px 8px -10px rgba(255,255,255,0.9);
}

.sText h2 {
        font-size:              clamp(1rem, 1.2vw, 6rem);
        margin:                 0.7vw;
        text-align:             center;
}


/*** Symbol-Reihe ***/

#iInhalt {
	width:                  90%;
        position:               relative;
        display:                flex;
	flex-direction: 	row;
	flex-wrap:		wrap;
        justify-content:        space-around;
}

.div4 {
	position:		relative;
	text-align:		center;
        min-width: 		175px;
	background-color:	var(--main-bg-color);
        }

.div4 h1 {
        font-size:              clamp(1rem, 1.2vw, 6rem);
        margin:                 0.7vw;
        text-align:             center;
}

.div4 .image {
	min-width: 2vh;
	width:	4vh;
	max-width: 10vh;
}

.image:hover {
 animation: shake 1.5s cubic-bezier(.35,.08,.15,.95) both;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(3px, 0, 0);
  }
}


/*** Impressum ***/




.agb_lists {
  display: grid;
  margin-top:	2vh;
}
@media (min-width: 768px) {
  .agb_lists {
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
  }
}



/* LIST */
.pdl {
  counter-reset: count;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 20%, rgba(255, 255, 255, 0) 0%);
  padding-left: 2vw; 
  padding-right: 2vw;
  margin: 0;
  text-align: justify;
  text-justify: inter-word;
}

.sdl {
  counter-reset: count;
/*  padding-left: 0.5vw; */
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  text-align: justify;
  text-justify: inter-word;
}


@media (min-width: 768px) {
  .pdl {
    padding-left: 2vw;
  }

}
@media (min-width: 1024px) {
  .pdl {
    padding-top: 1vh;
    padding-bottom: 3vw;
  }
}

.pdl + .pdl {
  counter-reset: counter 4;
}

.pdt {
  counter-increment: count;
  color: var(--main-red); 
/*  font-family: "Montserrat", sans-serif; */
/*  font-size: 2vw; */
	font-size: 1.2em;
	margin-top: 1vh;
/*  text-transform: uppercase; */
}

.pdt::before {
/*  content: counter(count, decimal-leading-zero) "."; */
	content: counters(count, ".") " ";
/*  font-family: "Abril Fatface", cursive; */
  color: var(--main-grey-green);
  margin-left: -1.2vw;
  padding-right: 12px;
}

.pdd {
 margin-left: 20px;
 margin-top: 1vh;
}

.sdd {
margin-left: 30px;
 margin-top: 1vh;
}