/* roboto-100 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v48-latin-100.eot'); 
  src: url('../fonts/roboto-v48-latin-100.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-100.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-100.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-100.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-100.svg#Roboto') format('svg'); 
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v48-latin-100italic.eot'); 
  src: url('../fonts/roboto-v48-latin-100italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-100italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-100italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-100italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-100italic.svg#Roboto') format('svg'); 
}

/* roboto-200 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-v48-latin-200.eot'); 
  src: url('../fonts/roboto-v48-latin-200.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-200.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-200.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-200.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-200.svg#Roboto') format('svg'); 
}

/* roboto-200italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/roboto-v48-latin-200italic.eot'); 
  src: url('../fonts/roboto-v48-latin-200italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-200italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-200italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-200italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-200italic.svg#Roboto') format('svg'); 
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v48-latin-300.eot'); 
  src: url('../fonts/roboto-v48-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-300.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-300.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-300.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-300.svg#Roboto') format('svg'); 
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v48-latin-300italic.eot'); 
  src: url('../fonts/roboto-v48-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-300italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-300italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-300italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-300italic.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v48-latin-regular.eot'); 
  src: url('../fonts/roboto-v48-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-regular.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-regular.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-regular.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-regular.svg#Roboto') format('svg'); 
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v48-latin-italic.eot'); 
  src: url('../fonts/roboto-v48-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-italic.svg#Roboto') format('svg'); 
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v48-latin-500.eot'); 
  src: url('../fonts/roboto-v48-latin-500.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-500.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-500.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-500.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-500.svg#Roboto') format('svg'); 
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v48-latin-500italic.eot'); 
  src: url('../fonts/roboto-v48-latin-500italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-500italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-500italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-500italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-500italic.svg#Roboto') format('svg'); 
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v48-latin-600.eot'); 
  src: url('../fonts/roboto-v48-latin-600.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-600.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-600.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-600.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-600.svg#Roboto') format('svg'); 
}

/* roboto-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/roboto-v48-latin-600italic.eot'); 
  src: url('../fonts/roboto-v48-latin-600italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-600italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-600italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-600italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-600italic.svg#Roboto') format('svg'); 
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v48-latin-700.eot'); 
  src: url('../fonts/roboto-v48-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-700.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-700.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-700.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-700.svg#Roboto') format('svg'); 
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v48-latin-700italic.eot'); 
  src: url('../fonts/roboto-v48-latin-700italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-700italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-700italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-700italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-700italic.svg#Roboto') format('svg'); 
}

/* roboto-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-v48-latin-800.eot'); 
  src: url('../fonts/roboto-v48-latin-800.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-800.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-800.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-800.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-800.svg#Roboto') format('svg'); 
}

/* roboto-800italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/roboto-v48-latin-800italic.eot'); 
  src: url('../fonts/roboto-v48-latin-800italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-800italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-800italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-800italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-800italic.svg#Roboto') format('svg'); 
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v48-latin-900.eot'); 
  src: url('../fonts/roboto-v48-latin-900.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-900.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-900.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-900.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-900.svg#Roboto') format('svg'); 
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v48-latin-900italic.eot'); 
  src: url('../fonts/roboto-v48-latin-900italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v48-latin-900italic.woff2') format('woff2'), 
       url('../fonts/roboto-v48-latin-900italic.woff') format('woff'), 
       url('../fonts/roboto-v48-latin-900italic.ttf') format('truetype'), 
       url('../fonts/roboto-v48-latin-900italic.svg#Roboto') format('svg'); 
}

 .video-container {
    position: relative; /* Necessary for absolute positioning of the iframe */
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9; /* Sets the 16:9 aspect ratio */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kleinebilder {
 object-fit: contain;
  display: block;
  height: 100%;
  width: 100%;
  /*object-fit: cover;*/
  object-position: center center;
}
.bilderreihe2 .kleinebilder {
	object-position: bottom;
}
@media (max-width: 767.99px){
	.infotext {
		width: 100% !important;
	}
	.infocontainer .infotext p {
		font-size: 0.75rem;
	}
}