@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-BoldItalic.woff2') format('woff2'),
		url('fonts/Montserrat-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
		url('fonts/Montserrat-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Black.woff2') format('woff2'),
		url('fonts/Montserrat-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-BlackItalic.woff2') format('woff2'),
		url('fonts/Montserrat-BlackItalic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-ExtraBold.woff2') format('woff2'),
		url('fonts/Montserrat-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
		url('fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-LightItalic.woff2') format('woff2'),
		url('fonts/Montserrat-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-ExtraLight.woff2') format('woff2'),
		url('fonts/Montserrat-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Italic.woff2') format('woff2'),
		url('fonts/Montserrat-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
		url('fonts/Montserrat-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Light.woff2') format('woff2'),
		url('fonts/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
		url('fonts/Montserrat-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-ThinItalic.woff2') format('woff2'),
		url('fonts/Montserrat-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Thin.woff2') format('woff2'),
		url('fonts/Montserrat-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
		url('fonts/Montserrat-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
		url('fonts/Montserrat-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-MediumItalic.woff2') format('woff2'),
		url('fonts/Montserrat-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Medium.woff2') format('woff2'),
		url('fonts/Montserrat-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}




/* ––––––––––––––––––––––––––––––––– div –––––––––––––––––––––––––––––– */
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #000;
	background-image: url("images/bg.jpg");
	background-repeat: repeat;
	min-height: 100vh;
}
.container-landman {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
.container100 {
	width: 100% !important;
	/* background-color: #551ff9;
	color: #fff;
	border-top: 3px solid #551ff9; */
}
.container {
	height: 100%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	  font-family: 'Montserrat', sans-serif;
	  font-weight: 300;
	 }

a {
	color: #551ff9;
	text-decoration: none;
  }
a:hover {
	color: #ff0000; 
	text-decoration: none;
  }
ul {
	margin: 0 0 1rem 0;
	padding-left: 1rem;
}
li {
	list-style: none;
	  }
li a {
	color: #333333;
	text-decoration: none;
	  }
li a:hover {
	color: #ff0000;
	text-decoration: none;
	  }
.lila {
	background-color: #551ff9;
	color: #fff;
}
.lila a {
	color: #fff;
}
.lila a:hover {
	color: #ff0000;
}
.pink {
	background-color: #ff00ff;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
	}
.right {
	text-align: right;
	}
.textblock {
		max-width: 920px;
	}
.news {
	border: 1px dotted #666;
	text-align: center;
	height: 400px;
}

.offcanvas.offcanvas-start {
	left: auto;
}
/* ––––––––––––––––––––––––––––––––– slider –––––––––––––––––––––––––––––– */
.slider {
	/* max-height: 400px; */
	max-width: 100%;
}
.slider-bg {
	background-color: #ddd !important;
}
.carousel-caption { 
  color: #000;
  background-color: rgba(250, 250, 250, 0.8);
  bottom: 0;
  right: 0;
  left: 0;
  padding-top: .3rem;
  padding-bottom: .3rem;
  }
.carousel-caption p {
	margin-bottom: 0;
}
/* ––––––––––––––––––––––––––––––––– click funktion –––––––––––––––––––––––––––––– */

#part {
	display: none;
}
#repo {
	display: none;
}
#map {
	display: none;
}
#demo {
	display: none;
}
#about {
	display: none;
}
#contact {
	display: none;
}
#help {
	display: none;
}
#participation {
	display: none;
}
#manual {
	display: none;
}
#legal {
	display: none;
}
#privacy {
	display: none;
}
#disclaimer {
	display: none;
}

/* ––––––––––––––––––––––––––––––––– bilder –––––––––––––––––––––––––––––– */
.logo-jma {
  max-height: 60px;
  }
.footer-logo {
	  max-height: 40px;
  }
 .testbild {
	 width: 100%;
	 /* max-width: 1300px; */
	 /* object-fit: contain; */
 }
/* ––––––––––––––––––––––––––––––––– temp –––––––––––––––––––––––––––––– */
.dropdown-item.active, .dropdown-item.hover {
	background-color: #551ff9;
}
.btn:active {
	background-color: #00ff00;
}
.btn:hover {
	background-color: #ff0000;
}
.offcanvas.offcanvas-start {
	width: 240px;
	height: 500px;
}
.eee {
	background-color: #eee;
}
/* ––––––––––––––––––––––––––––––––– x –––––––––––––––––––––––––––––– */

/* ––––––––––––––––––––––––––––––––– temp dummy tabelle –––––––––––––––––––––––––––––– */

.table { 
	  display: table; 
	  border-collapse:collapse; 
	  width:100%;
	}
.tr { 
	  display:table-row; 
	  border-bottom: 1px dotted #ccc;
	}
.td { 
	font-family: 'Montserrat', sans-serif;
	  display:table-cell; 
	  vertical-align: top;
	  padding: 0.5rem;
	  background-color: #fff;
	}
.td10 { 
	font-family: 'Montserrat', sans-serif;
	  display:table-cell; 
	  vertical-align: top;
	  padding: 0.5rem;
	  width:10%;
	}
.td33 { 
	font-family: 'Montserrat', sans-serif;
	  display:table-cell; 
	  vertical-align: top;
	  padding: 0.5rem;
	  width:33%;
	  background-color: #fff;
	}
.tdx { 
	font-family: 'Montserrat', sans-serif;
	  display:table-cell; 
	  vertical-align: top;
	  padding: 0.5rem;
	}
.tdy { 
	font-family: 'Montserrat', sans-serif;
	  display:table-cell; 
	  vertical-align: top;
	  padding: 0.5rem;
	  text-align: center;
	}
.title {
	font-weight: 600;
}
.semi {
	font-weight: 500;
}

/* ––––––––––––––––––––––––––––––––– @media temp –––––––––––––––––––––––––––––– */
	@media (min-width: 901px){ 
		.mobile {
			display: none;
		}
	}
	@media (max-width: 900px){  
		.td, .td33 { 
			display: list-item;
			padding: 0.3rem;
			list-style: none;
		}
		.h1, h1 {
			font-size: 1.7rem;
		}
	}	
	@media (min-width: 601px){ 
		.mobile {
			display: none;
		}
	}
	@media (max-width: 600px){  
		body {
			font-size: 0.8rem;
		}
		.screen {
			display: none;
		}
	}
	

/* ––––––––––––––––––––––––––––––––– @media –––––––––––––––––––––––––––––– */

@media (min-width: 576px) { 
		
  }

@media (min-width: 768px) { 

}

@media (min-width: 992px) { ... }


@media (min-width: 1200px) { ... }


@media (min-width: 1400px) { ... }




@media (max-width: 575.98px) { 
	.logo-jma {
	  max-height: 50px;
	  }
	.footer-logo {
		  max-height: 20px;
	 }

}


@media (max-width: 767.98px) { ... }


@media (max-width: 991.98px) { ... }


@media (max-width: 1199.98px) { ... }


@media (max-width: 1399.98px) { ... }