:root {
    --swiper-pagination-bullet-height:18px;
    --swiper-pagination-bullet-width: 18px;
    --swiper-pagination-bullet-inactive-color
    --maincolor-blau: #194556;
    --maincolor-gelb: #FFEA3D;
    --maincolor-grau: #EEECE5;
    }



.swiper {
    width: auto;
    height: auto;
    padding:0;
	margin:0; 	
	z-index:0;
    margin:0;
	}

.swiper-slide {
	background: #194556;
	margin:0;
	padding:0; 
    display: grid;
    grid-template-columns: 41% 59%;
    }
.sliderrechts img{
    width:100%;
    }

.frame .swiper-slide img {
  	padding-right: 0;
  	padding-left: 0;
	}
.swiper-pagination {
    background:var(--maincolor-blau);
    width:80vw !important;
    margin-left:4vw;
    padding:25px 0;
    }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: auto;
    }
.swiper-pagination-bullet {
    background:var(--maincolor-gelb);
    opacity:1;
    margin:0 10px;
    }
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background:white;
    opacity:1;
    }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px);
}

.textfeld {
    position: absolute;
    margin: 5vw 0 0 8vw;
    width:46vw;
    z-index: 10;
    }
.textfeld h1 {
    color:#fff;
	font-size:4vw;
	font-weight:600;
	margin:0;
	padding:15px 10px 15px 10px;
	text-align:left;
    }
.textfeld p {
    color:#fff;
	font-size:1.2vw;
	font-weight:400;
	margin:0;
	padding:15px 20vw 0 10px;
	text-align:left;
	line-height:140%;
    }


/**********************************************/
@media only screen and (max-width: 1024px)  {


.textfeld {
    margin: 25px 0 0 5vw;
    }
.textfeld h1 {
	font-size:4vw;
	padding:15px 10px 15px 0;
    }
.textfeld p {
	font-size:1.0em;
	padding:10px 10vw 0 0;
	line-height:120%;
    }
.swiper-pagination {
    width:85vw !important;
    padding:15px 0;
    }
}

/**********************************************/	
@media only screen and (max-width: 768px) {
.swiper-slide {
    background:none;
	margin:0;
	padding:0; 
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40% 60%;
    }
  .textfeld {
    background: #194556;
    position: relative;
    margin: 0 0 0 0;
    width:100vw;
    z-index: 10;
    padding:20px;
    height:165px;
    }  

.textfeld h1 {
	font-size:1.8em;
	padding:8px 10px 15px 0;
    }
.textfeld h1 br{
	display:none
    }
.textfeld p {
	font-size:0.95em;
	padding:0 10vw 0 0;
	line-height:120%;
    }
.swiper-pagination {
    width:100vw !important;
    margin-left:0;
    padding:10px 0;
    margin-top:-25px;
    }

}