@charset "UTF-8";
/* CSS Document */

/* Smoothes Scrollen für alle Anker-Links */
html {
  scroll-behavior: smooth;
	}

/* Bei "Bewegung reduzieren" in den Systemeinstellungen nicht animieren */
	@media (prefers-reduced-motion: reduce) {
  	html {
    	scroll-behavior: auto;
  		}
	}

body {
    margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1.1rem;
	background-color: #EFE9E9;
	color: #242424;
	}
	@media (max-width: 778px) {
		body {
			font-size: 1.0rem;
			}
		}

header {
	background-image: url("../images/bg-musterfoto-3315.jpg");
	background-size: cover;
	background-position: right center;
	}

.navbar {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	/*background-color: rgba(255,255,255,0.2);*/
	}

button.navbar-toggler {
	margin-top: 1.5rem;
	}

.navbar-toggler {
	padding: .5rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem;
	}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: 50%/100% 100% no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 50%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: 100% 100%;
    background-origin: padding-box;
    background-clip: border-box;
	}

.navbar-brand img {
	height: 100px;
	display: block;
	}
	@media (max-width: 778px) {
		.navbar-brand img {
			height: 80px;
			}
		}

.navbar-nav {
	padding-top: 50px;
	}

.navbar-expand-lg .navbar-nav .nav-link {
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 0.8rem;
	padding-left: 0.8rem;
	}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:focus {
	color: #eeeeee;
	transition: color .15s ease-in-out, 
		background-color .15s ease-in-out, 
		border-color .15s ease-in-out, 
		box-shadow .15s ease-in-out;
	font-weight: 600;
	}

.navbar-light .navbar-nav .active>.nav-link {
	color: #230109;
	font-weight: 600;
	}

.navbar-light .navbar-toggler-icon {
    background-image: url("../images/hamburger-icon.svg");
	}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(255, 255, 255, 0.3);
	}

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	margin: -1px !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
	}

.sr-only-focusable:focus,
.sr-only-focusable:active {
	clip: auto !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	height: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
	}

.jumbotron {
	padding: 14rem 1rem 4rem;
	margin-bottom: 2rem;
	border-radius: 0;
	background-color: rgba(0,0,0,0.00);
	}
	@media (max-width: 991px) {
		.jumbotron {
			padding: 14rem 1rem 4rem;
			margin-bottom: 2rem;
			/*background-color: #e9ecef;
			border-radius: 0;
			background-image: url("../images/bg-musterfoto-3315.jpg");
			background-size: cover;
			background-position: center center;*/
			}
		}

a {
	color: #d40132;
	text-decoration: none;
	}

a:hover, a:focus {
	color: #ffffff;
	text-decoration: underline;
	}

h1 {
	color: #d40132;
	text-transform: uppercase;
	font-size: 2.5rem;
	font-weight: 600;
	}

h1.jumbotron-headline {
	margin-bottom: 1.0rem;
	font-size: 3.8rem;
	color: #efefef;
	}
	@media (max-width: 991px) {
		h1.jumbotron-headline {
			color: #efefef;
			font-size: 2.0rem;
			line-height: 2.4rem;
			text-shadow: 0 0 5px #000000;
			}
		}

h2, .hl2 {
	color: #d40132;
	font-weight: 600;
	font-size: 2.0rem;
	margin-bottom: 1.5rem;
	}

h3 {
	color: #d40132;
	font-size: 1.6rem;
	}

.logo-content {
	width: 10vw;
	padding-bottom: 50px;
	}
	@media (max-width: 991px) {
		.logo-content {
			width: 20vw;
			padding-bottom: 50px;
			}
		}

.btn-primary {
	color: #fff;
	background-color: #d40132;
	border-color: #230109;
	}

.btn.btn-primary.btn-lg:hover,
.btn.btn-primary:hover, 
.btn.btn-primary.btn-lg:focus {
	background-color: #230109;
	border-color: #d40132;
	cursor: pointer;
	}

hr.featurette-divider {
	display: flex;
	margin: 4rem 0;
	border: 1px solid #d40132;
	}
	@media (max-width: 991px) {
		hr.featurette-divider {
			margin: 2rem 0;
			}
		}

.content-padding {
	padding-top: 50px;
	padding-bottom: 50px;
	}

.responsive-image {
	width: 100%;
	height: auto;
	}

.content-image {
	border-radius: 6px;
  	box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.68);
	}

section.bg-arizona {
	padding-top: 120px;
	padding-bottom: 120px;
	background-image: url("../images/arizona-3322-rot.jpg");
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	}

.bg-arizona h2 {
	color: #ffffff;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}

.teaser-boxen .flex-item {
  	display: flex;
  	flex-direction: column;
	}
	@media (max-width: 767px) {
  		.teaser-boxen .flex-item {
    		margin-bottom: 20px;
  			}
		}

.teaser-boxen .teaser-inner {
  	flex: 1;               /* füllt die verfügbare Höhe, alle Boxen gleich hoch */
  	background: #fff;
  	padding: 25px;
  	border-radius: 6px;
  	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}

.teaser-boxen .teaser-inner h3 {
  	margin-top: 0;
	}

.image-caption {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 1.0rem;
	color: #444444;
	font-style: italic;
	}

footer {
	display: flex;
	background-color: #444444;
	color: #ffffff;
	padding-top: 4rem;
	padding-bottom: 4rem;
	}

.footer-lead {
	font-size: 1.8rem;
	text-transform: uppercase;
	}

footer a {
	color: #efefef;
	}

footer a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

section.rechtliches {
	padding: 20px 0 20px 0;
	}

section.rechtliches a {
	color: #242424;
	}

section.rechtliches a:hover,
section.rechtliches a:focus {
	color: #d40132;
	transition: color .15s ease-in-out, 
		background-color .15s ease-in-out, 
		border-color .15s ease-in-out, 
		box-shadow .15s ease-in-out;
	text-decoration: none;
	}

/* "Nach oben"-Taste */
.back-to-top {
  	position: fixed;
  	right: 1rem;
  	bottom: 1rem;
  	z-index: 1030;
  	opacity: 0;
  	visibility: hidden;
  	transform: translateY(1rem);
  	transition: opacity .3s ease, transform .3s ease, visibility .3s;
	}

.back-to-top.is-visible {
  	opacity: 1;
  	visibility: visible;
  	transform: translateY(0);
	}

.material-icons-round {
    color: #fff;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
    vertical-align: middle;
    text-align: center;
    }   
    @media only screen and (max-width: 767px) {
		.material-icons-round  {
			font-size: 1.2rem;
			}
		}

/* FONT-INTEGRATION */

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('../fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('../fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* material-icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local('Material Icons'),
	  local('MaterialIcons-Regular'),
	  url("../fonts/MaterialIcons-Regular.woff2") format('woff2'),
	  url("../fonts/MaterialIcons-Regular.woff") format('woff'),
	  url("../fonts/MaterialIcons-Regular.ttf") format('truetype');
	}