@import url('lightbox.min.css');
@import url('bootstrap-icons.css');
@import url('fonts.css');
@import url('animate.min.css');
@import url('../slick/slick.css');
@import url('../slick/slick-theme.css');

:root {
	--bs-primary: #0069B3;
	--bs-secondary: #1a90e3;
	--bs-tertiary: #ffed00;
	
	--bs-color: #333333;
	--bs-grey: #eeeeee;
	
	--animate-duration: 500ms;
  --animate-delay: 0.5s;
}

html, body {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.8;
	color: var(--bs-color);
	height: 100%;
	position: relative;
}

/* typography */
h1, .h1 {
	font-weight: 300;
	color: var(--bs-primary);
	margin-bottom: 30px;
}
h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight: 300;
	color: var(--bs-color);
	margin: 30px 0;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	margin-top: 15px;
	color: var(--bs-color);
}

p {
  margin: 15px 0;
  text-align: justify;
  -moz-hyphens: auto; 
  -o-hyphens: auto; 
  -webkit-hyphens: auto; 
  -ms-hyphens: auto; 
  hyphens: auto;
}

a {
  color: var(--bs-primary);
  text-decoration: none;
  transition: all .25s;
}
a:hover {
  color: var(--bs-secondary);
  text-decoration: none;
}

small {
	display: block;
	font-size: 65%;
	font-weight: 300;
}

strong, b, .fw-bold {
	font-weight: 600;
}

.mh-auto {
	min-height: auto !important;
}

.detail-img {
	display: block;
  position: relative;
  width: 100%;
  max-width: 220px !important;
}
.detail-title {
	font-size: 25px;
}

/* two colums */
.two-colums {
  -moz-column-width: 400px;
  -moz-column-gap: 30px;
  
  -webkit-column-width: 400px;
  -webkit-column-gap: 30px;
  
  column-width: 400px;
  column-gap: 30px;
}

/* list */
.ul, ul {
	padding-left: 55px;
	list-style-image: url('../img/ul-primary.png'); 
}
.bg-primary .ul,
.bg-primary ul {
	list-style-image: url('../img/ul-white.png');
}
.ul li,
ul li {
	font-size: 20px;
	line-height: 1.25;
	margin-bottom: 20px;
}
.ul li:last-child,
ul li:last-child {
	margin-bottom: 0;
}
.ul-small li {
	font-size: 18px;
	margin-bottom: 5px;
}

/* images */
.gallery-item {
	display: block;
	min-height: 240px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 30px;
}

.img-content,
.vid-content,
.gallery-item,
.detail-img {
	box-shadow: 0 10px 10px -2.5px rgba(33,33,33,.35);
	transition: all .25s;
}
a:hover .img-content:hover,
a:hover .gallery-item:hover {
	box-shadow: none;
}
.img-content-caption {
	font-size: 16px;
	color: var(--bs-color);
	text-align: center;
	font-weight: 600;
}
.img-content.float-end,
.vid-content.float-end,
.detail-img.float-end {
	margin: 0 0 15px 30px;
}
.img-content.float-start,
.vid-content.float-start,
.detail-img.float-start {
	margin: 0 30px 15px 0;
}
.img-content.m-width,
.vid-content.m-width {
	width: 100%;
	max-width: 480px;
	display: block;
}

/* buttons */
.btn {
	border-radius: 0;
	border: none;
	padding: 12.5px 25px 12.5px 35px;
	background: none;
	position: relative;
	z-index: 1;
	margin: 0 7.5px;
	box-shadow: none !important;
	outline: none !important;
}
.btn:hover,
.btn:focus {
	background: none;
}
.btn::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: skewX(20deg);
	z-index: -2;
	transition: all .25s;
}
.btn::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: skewX(20deg);
	z-index: -1;
	transition: all .25s;
	width: 0;
}
.btn:disabled {
	background-color: transparent !important;
	
}

.btn-sm {
	padding: 7.5px 15px 7.5px 25px;
	font-size: 16px;
}

.btn i {
	display: inline-block;
	vertical-align: middle;
	transition: all .25s;
}
.btn:hover i {
	margin-right: -5px;
	padding-left: 5px;
}

.btn-primary {
	color: var(--bs-white) !important;
}
.btn-primary::after {
	background-color: var(--bs-primary);
	border-left: 10px solid var(--bs-secondary);
}
.btn-primary:hover::before {
	background-color: var(--bs-secondary);
	border-left-color: var(--bs-secondary);
	width: 100%;
}

.btn-secondary {
	color: var(--bs-white) !important;
}
.btn-secondary::after {
	background-color: #111;
	border-left: 10px solid var(--bs-color);
}
.btn-secondary:hover::before {
	background-color: var(--bs-color);
	border-left-color: var(--bs-color);
	width: 100%;
}

.btn-light {
	color: var(--bs-color) !important;
}
.btn-light::after {
	background-color: var(--bs-white);
	border-left: 10px solid var(--bs-grey);
}
.btn-light:hover::before {
	background-color: var(--bs-grey);
	border-left-color: var(--bs-grey);
	width: 100%;
}

/* background */
.bg-primary {
	background-color: var(--bs-primary) !important;
	color: var(--bs-white);
}
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary p,
.bg-primary a,
.bg-primary small {
	color: var(--bs-white);
}

/* prenav */
.prenav {
	position: absolute;
	top: 0;
	left: 45px;
	right: 0;
	padding: 5px 90px 5px 45px;
	filter: drop-shadow(5px 5px 10px rgba(33,33,33,.35));
	background-color: transparent !important;
	background-image: url('../img/bg-skew-white.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1200;
	color: var(--bs-color);
	min-height: 60px;
	display: flex;
	align-items: center;
}
.prenav a {
	color: var(--bs-color);
}

/* nav */
.navbar {
	width: 100%;
	max-width: 100%;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	display: block;
	padding: 5px 45px;
	filter: drop-shadow(5px 5px 10px rgba(33,33,33,.35));
	background-color: transparent !important;
	background-image: url('../img/bg-skew-primary.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1500;
}
.navbar .logo {
	max-width: 80px;
	transition: all .25s;
}
.nav-item {
	margin-bottom: 0;
}
.nav-link {
	color: var(--bs-white);
	padding: 10px 15px !important;
	transition: all .25s;
	font-weight: 600;
}
.nav-link:hover,
.nav-link:focus,
.nav-link.active {
	color: var(--bs-white) !important;
	opacity: 0.75;
}

.dropdown-toggle::after {
	border: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	width: 15px;
	height: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	display: inline-block;
}
.dropdown-toggle:hover::after,
.dropdown-toggle:focus::after,
.dropdown-toggle.active::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.dropdown-menu {
	border-radius: 0;
	border: 0;
	padding: 0;
	min-width: 280px;
	box-shadow: 0 10px 10px -7.5px rgba(33,33,33,.35);
}
.dropdown-menu li {
	margin: 0;
}
.dropdown-item {
	padding: 10px 15px;
	font-size: 16px;
	color: var(--bs-color);
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
	background-color: var(--bs-primary);
	color: var(--bs-white);
}

.navbar-toggler {
	border-radius: 0;
	border: none;
	padding: 0;
	font-size: 38px;
	box-shadow: none !important;
	color: var(--bs-white);
}

.navbar.fixed-top {
	position: fixed;
	top: 0;
}
.navbar.fixed-top .logo {
	max-width: 60px;
}

/* subnav */
.subnav {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 500;
}
.subnav .subnav-item {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bs-primary);
	color: var(--bs-white);
	box-shadow: 0 5px 10px -2.5px rgba(33,33,33,.35);
	margin-top: 5px;
	font-size: 20px;
	border-radius: 50%;
}
.subnav .subnav-item:hover {
	background-color: var(--bs-secondary);
}

/* section */
.section {
	position: relative;
	display: block;
	padding: 120px 0;
	z-index: -5;
}
.section#section-start {
	padding: 0;
	min-height: 100%;
}

.section-lines {
	position: relative;
	overflow: hidden;
}
.section-lines::before {
	content: '';
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	height: 0;
	width: 100%;
	border-top: 7.5px dashed var(--bs-primary);
}
.section-lines::after {
	content: '';
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	height: 0;
	width: 100%;
	border-top: 7.5px dashed var(--bs-primary);
}
.bg-primary.section-lines::before,
.bg-primary.section-lines::after {
	border-top-color: var(--bs-white);
}

.section-as-header {
	min-height: 550px !important;
}

/* footer */
footer {
	display: block;
	position: relative;
	padding: 105px 0;
	background-color: var(--bs-color);
	color: var(--bs-white);
}
footer h4 {
	color: var(--bs-white);
	margin: 0;
	position: relative;
	z-index: 1;
	padding: 12.5px 25px 12.5px 35px;
	font-size: 22px;
	margin-left: -6px;
}
footer h4::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: skewX(20deg);
	z-index: -2;
	transition: all .25s;
	background-color: var(--bs-primary);
	color: var(--bs-white);
	border-left: 10px solid var(--bs-secondary);
}
footer i {
	display: inline-block;
	width: 25px;
}
footer .footer-nav {
	margin: 0;
	text-align: start;
}
footer .footer-nav a {
	color: var(--bs-white);
	margin-right: 15px;
}
footer .footer-nav a:last-child {
	margin-right: 0;
}
footer .footer-nav a:hover {
	opacity: 0.5;
}
footer .footer-copyright {
	margin: 0;
}
footer .footer-img {
	width: 100%;
	max-width: 150px;
}

/* lines */
.lines {
	display: block;
	min-height: 90px;
	background: repeating-linear-gradient(-45deg, var(--bs-primary), var(--bs-primary) 50px, var(--bs-tertiary) 50px, var(--bs-tertiary) 100px);
}

/* carousel */
.carousel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	min-height: 100%;
}
.carousel-inner {
	position: relative;
	min-height: 100%;
}
.carousel-item {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex !important;
	align-items: flex-end;
	justify-content: flex-end;
}
.carousel-caption {  
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	text-align: end;
	padding: 15px 45px;
	width: 100%;
	min-width: 250px;
	max-width: 650px;
	margin-bottom: 55px;
	margin-right: 90px;
}
.carousel-caption::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--bs-primary);
	border-left: 30px solid var(--bs-secondary);
	transform: skewX(25deg);
	z-index: -1;
}
.carousel-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
}
.carousel-text {
	font-weight: 400;
	line-height: 1.25;
}
.carousel-indicators [data-bs-target] {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--bs-primary);
}
.carousel-item {
	transition: transform .6s ease-in-out;
}

.carousel#motioncam_anim {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	min-height: auto;
}
.carousel#motioncam_anim .carousel-inner {
	min-height: 356px;
}
.carousel#motioncam_anim .carousel-item {
	background-size: contain;
}

/* card */
.card {
	border-radius: 0;
	border: none;
	margin-top: 30px;
	box-shadow: 0 10px 10px -2.5px rgba(33,33,33,.35);
}
a.card:hover {
	box-shadow: 0 15px 10px -2.5px rgba(33,33,33,.35);
	transform: scale(1.025);
}
.card-img-top {
	border-radius: 0;
}
.card-body {
	padding: 30px;
}
.card-title {
	margin: 0 0 15px 0;
	font-size: 22px;
	color: var(--bs-color) !important;
	min-height: 52.8px;
}
.card-title.card-title-lg {
	font-size: 28px;
}
.card-text {
	color: var(--bs-color) !important;
	line-height: 1.5;
	font-size: 16px;
	text-align: justify;
}
.card-img {
	height: 100%;
	min-height: 220px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0;
}
.card-info {
	font-size: 14px;
	font-style: italic;
	color: var(--bs-color);
	opacity: 0.75;
	text-align: start;
}

.card-package {
	height: calc(100% - 30px);
}
.card-package .card-title {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 30px;
	color: var(--bs-white) !important;
	margin: 0;
}
.card-package .card-title img {
	width: 100%;
	max-width: 50px;
	margin-right: 15px;
}
.card-package .card-title-bg1 {
	background-color: var(--bs-primary);
}
.card-package .card-title-bg2 {
	background-color: #004d83;
}
.card-package .card-title-bg3 {
	background-color: #003861;
}

.slick-carousel .card {
	margin: 30px 0;
}

.card-inline .card-img {
	width: 100%;
	max-width: 280px;
	min-height: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}

.card-asp {
	margin-top: 130px;
}
.card-asp .card-asp-img {
	width: 200px;
	border-radius: 50%;
	border: 5px solid #fff;
	margin: -100px auto 0 auto;
	display: block;
	box-shadow: 0 10px 10px -2.5px rgba(33,33,33,.35);
}
.card-asp .card-title {
	line-height: 1.5;
	font-weight: 600;
}
.card-asp .card-title small {
	font-weight: 400;
	font-size: 14px;
}
.card-asp .card-title,
.card-asp .card-text {
	text-align: center;
}

/* figure */
.figure-special {
	position: absolute;
	bottom: -215px;
	right:  45px;
	margin: 0;
	z-index: 5;
}
.figure-special .figure-img {
	max-width: 325px;
	transform: rotate(-5deg);
}
.figure-special .figure-caption {
	padding: 10px 15px;
	position: relative;
	color: var(--bs-white);
	width: 100%;
	max-width: 520px;
	min-width: 450px;
	margin: -120px 0 0 -200px;
	z-index: 5;
	font-weight: 600;
	color: var(--bs-color);
	text-align: center;
}
.figure-special .figure-caption::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: skewX(15deg);
	z-index: -1;
	transition: all .25s;
	box-shadow: 0 10px 10px -7.5px rgba(33,33,33,.35);
	background-color: var(--bs-white);
}

/* ccm19 */
.ccm-settings-summoner {
	left: auto!important;
	right: 15px;
	bottom: 15px !important;
	border-radius: 50% !important;
	width: 42px !important;
	height: 42px !important;
}
.ccm-settings-summoner--link {
	box-shadow: 0 5px 10px -2.5px rgba(33,33,33,.35) !important;
	border-radius: 50% !important;
	padding: 5px;
	background-color: var(--bs-primary);
}
.ccm-settings-summoner--icon {
	border-radius: 50% !important;
	background-color: transparent !important;
}

/* slick */
.slick-dots li {
	margin: 0;
}
.slick-dots li button::before,
.slick-dots li.slick-active button::before {
	color: var(--bs-white);
	font-size: 12px;
}

/* media */
.media {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	margin-top: 15px;
}
.media:first-child {
	margin-top: 0;
}
.media-date {
	display: inline-flex;
	height: 85px;
	width: 85px;
	min-width: 85px;
	text-align: center;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	color: var(--bs-color);
	background-color: var(--bs-grey);
	padding: 10px 5px;
	font-weight: 400;
	margin-right: 15px;
	transition: all .25s;
	line-height: 1;
}
a:hover .media-date {
	color: var(--bs-white);
	background-color: var(--bs-primary);
}
.media-date .media-day {
	font-size: 22px;
}
.media-date .media-month {
	font-size: 14px;
}
.media-date .media-year {
	font-size: 14px;
}
.media-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--bs-color);
}
.media-text {
	font-size: 16px;
	color: var(--bs-color);
	margin: 0;
	text-align: left;
	line-height: 1.25;
}

.media-lg .media-title {
	font-size: 25px;
	font-weight: 300;
}

/* parallax */
.parallax {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 350px;
	background-color: #eee;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallax:hover {
	background-position: 40% 100%;
}
.parallax:hover .cta {
	transform: scale(1.05);
}

/* cta */
.cta {
	display: block;
	color: var(--bs-white);
	font-size: 42px;
	line-height: 1.25;
	font-weight: 600;
	width: 100%;
	max-width: 550px;
	position: relative;
	z-index: 1;
	transition: all .25s;
}
.cta small {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0px !important;
	padding: 10px 15px;
	color: var(--bs-color);
	display: table;
	position: relative;
	margin-left: 15px;
	margin-top: 15px;
}
.cta small::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: skewX(15deg);
	z-index: -1;
	transition: all .25s;
	background-color: var(--bs-white);
}

.cta2 {
	display: block;
	position: relative;
	padding: 30px;
	color: var(--bs-white);
	text-align: center;
	font-size: 42px;
	line-height: 1.5;
	width: 100%;
	max-width: 800px;
	margin: 60px auto 0 auto;
	background-image: url('../img/cta2-bg.png');
	background-position: bottom -120px right;
	background-repeat: no-repeat;
	background-size: auto;
}
.cta2::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: skewX(20deg);
	z-index: -2;
	transition: all .25s;
	background-color: var(--bs-primary);
	color: var(--bs-white);
	border-left: 45px solid var(--bs-secondary);
}
.cta2:hover {
	color: var(--bs-white);
	background-position: bottom right;
	letter-spacing: 1px;
}
.cta2 small {	
	font-size: 18px;
	font-weight: 600;
}

/* history */
.history {
	display: block;
	position: relative;
}
.history::before {
	content: '';
	position: absolute;
	left: 29px;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 2px;
	background-color: var(--bs-primary);
}
.history-item {
	position: relative;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.history-item:last-child {
	margin-bottom: 0;
}
.history-date {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-color: var(--bs-primary);
	color: var(--bs-white);
	border-radius: 50%;
	font-size: 16px;
	font-weight: 600;
}
.history-text {
	padding-top: 17.5px;
	width: 90%;
}

/* lightbox */
.lb-outerContainer {
	border-radius: 0;
}
.lightbox .lb-image {
	border: none;
	border-radius: 0;
}
.lb-dataContainer {
	padding-top: 15px;
}

/* form */
.form-group {
	margin-bottom: 15px;
}
.form-control,
.form-select {
	border-radius: 0;
	box-shadow: none !important;
	border-color: var(--bs-color);
}
.form-control:focus,
.form-select:focus {
	border-color: var(--bs-primary);
}

.form-check-input {
	margin-top: 10px;
}
.form-check-input:focus {
	box-shadow: none !important;
}
.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.form-switch .form-check-input {
  border-color: var(--bs-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23333'/%3e%3c/svg%3e");
}
.form-check-input:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input:focus {
  border-color: var(--bs-color);
  box-shadow: none !important;
}

.input-group-text {
	background-color: var(--bs-color);
	border-color: var(--bs-color);
	color: var(--bs-white);
	border-radius: 0;
}

.image_preview {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 120px;
	height: 120px;
	border: 1px solid var(--bs-color);
	background-color: #eee;
	border-radius: 50%;
	background-image: url('../img/pb_default.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 15px auto;
}

.has-error .form-label,
.has-error .form-check-label,
.has-error .help-block {
	color: var(--bs-danger);
}
.has-error .form-control {
	border-color: var(--bs-danger);
}

#danke {
	display: none;
}

/* rating */
.rating-shadow {
	height: 15px;
	width: 100%;
	display: block;
	box-shadow: 0 10px 10px -2.5px rgba(33,33,33,.35);
	position: relative;
	z-index: 2;
}
.rating-outer {
	padding: 30px 0;
	background-color: var(--bs-white);
	position: relative;
	z-index: 1;
}
.rating {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
	line-height: 1.5;
}
.rating h3 { 
	margin: 0 0 15px 0;
}
.rating p {
	margin: 0;
	text-align: center;
	line-height: 1.25;
}
.rating img {
	width: 100%;
	max-width: 280px;
	display: block;
	margin: 0 auto;
}

/* sicherheitscheck */
.safecheck {
	display: block;
	position: relative;
	margin-top: 30px;
}
.safecheck-item {
	display: none;
	position: relative;
	padding: 15px 0;
}
.safecheck-item.show {
	display: block;
}
.safecheck-content {
	display: none;
}
.safecheck-label {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	background-color: var(--bs-white);
	border: 1px solid var(--bs-color);
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	cursor: pointer;
	height: 100%;
	transition: all .25s;
}
.safecheck-input {
	display: none;
}
.safecheck-label.border-success {
	color: var(--bs-success);
}
.safecheck-label.border-danger {
	color: var(--bs-danger);
}
.safecheck-label:hover,
.safecheck-input:checked ~ .safecheck-label {
	background-color: var(--bs-primary);
	color: var(--bs-white);
}
.safecheck-label.border-success:hover,
.safecheck-input:checked ~ .safecheck-label.border-success {
	background-color: var(--bs-success);
	color: var(--bs-white);
}
.safecheck-label.border-danger:hover,
.safecheck-input:checked ~ .safecheck-label.border-danger {
	background-color: var(--bs-danger);
	color: var(--bs-white);
}
.safecheck-result-item {
	margin-top: 30px;
}
.safecheck-result-item .badge.gering {
	background-color:rgba(0,153,1,1);
	color: var(--bs-white);
	line-height: 1;
	font-size: 20px;
}
.safecheck-result-item .badge.mittel {
	background-color:rgba(198,114,0,1);
	color: var(--bs-white);
	line-height: 1;
	font-size: 20px;
}
.safecheck-result-item .badge.hoch {
	background-color:rgba(179,0,0,1);
	color: var(--bs-white);
	line-height: 1;
	font-size: 20px;
}
.safecheck-result {
	display: none;
}
.safecheck-result-bar {
	display: block;
	position: relative;
	width: 100%;
	height: 20px;
	background: rgb(0,153,1);
	background: -moz-linear-gradient(125deg, rgba(0,153,1,1) 0%, rgba(198,114,0,1) 50%, rgba(179,0,0,1) 100%);
	background: -webkit-linear-gradient(125deg, rgba(0,153,1,1) 0%, rgba(198,114,0,1) 50%, rgba(179,0,0,1) 100%);
	background: linear-gradient(125deg, rgba(0,153,1,1) 0%, rgba(198,114,0,1) 50%, rgba(179,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009901",endColorstr="#b30000",GradientType=1); 
}
.safecheck-result-bar.gering::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 8px solid var(--bs-color);
}
.safecheck-result-bar.mittel::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 8px solid var(--bs-color);
	margin-left: 5px;
}
.safecheck-result-bar.hoch::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -5px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 8px solid var(--bs-color);
}
.safecheck-result-caption {
	font-weight: 600;
	margin-top: 15px;
} 

/* ccm19 */
.ccm-settings-summoner {
	display: none !important;
	right: 15px !important;
	bottom: 15px !important;
}

/* mobil */
@media (max-width: 1399.98px) { 
	/* cta */
	.cta {
		font-size: 32px;
	}
	
	/* carousel */
	.carousel#motioncam_anim .carousel-inner {
		min-height: 305px;
	}
}
@media (max-width: 1199.98px) {  
	/* nav */
	.nav-link {
		font-size: 16px;
	}
	.navbar .logo {
		max-width: 60px;
	}
	
	/* carousel */
	.carousel#motioncam_anim .carousel-inner {
		min-height: 254px;
	}
}
@media (max-width: 991.98px) { 
	.ul {
		padding-left: 30px;
	}
	
	/* images */
	.gallery-item {
		min-height: 180px;
	}
	
	.img-content.float-end,
	.img-content.float-start,
	.detail-img.float-end,
	.detail-img.float-start,
	.vid-content.float-end,
	.vid-content.float-start {
		margin: 0 auto 30px auto;
		float: none !important;
	}
	
	/* prenav */
	.prenav {
		padding: 5px 45px;
	}
	
	/* nav */
	.navbar {
		top: 0px;
		background-image: none;
		background-color: var(--bs-primary) !important;
		padding: 5px 15px;
	}
	.nav-link {
		font-size: 18px;
	}
	.navbar-collapse {
		overflow: auto;
		max-height: 320px;
	}
	
	/* subnav */
	.subnav {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		flex-direction: row;
		box-shadow: 0 -5px 10px -2.5px rgba(33,33,33,.35);
	}
	.subnav .subnav-item {
		width: 100%;
		margin: 0;
		height: 40px;
		border-radius: 0;
	}
	
	/* carousel */
	.carousel-caption {  
		padding: 15px 60px;
		margin-bottom: 15px;
		margin-right: auto;
		margin-left: auto;
		background-color: var(--bs-primary);
		text-align: center;
	}
	.carousel-caption::after {
		display: none;
	}
	.carousel-title {
		font-size: 16px;
	}
	.carousel-text {
		font-size: 14px;
	}
	
	.carousel#motioncam_anim .carousel-inner {
		min-height: 389px;
	}
	
	/* ccm19 */
	.ccm-settings-summoner {
		left: auto!important;
		right: 15px;
		bottom: 50px !important;
	}
	
	/* section */
	.section#section-start {
		min-height: 400px;
	}
	
	/* parallax */
	.parallax {
		min-height: 320px;
		background-position: center;
	}
	
	/* cta */
	.cta {
		font-size: 22px;
		width: auto;
		max-width: auto;
	}
	.cta small {
		font-size: 16px;
	}
	
	.cta2 {
		font-size: 25px;
		transform: scale(0.95);
	}
	.cta2 small {
		font-size: 16px;
	}
	.cta2:hover {
		letter-spacing: 0;
	}
	
	/* history */
	.history {
		display: block;
		position: relative;
	}
	.history::before {
		display: none;
	}
	.history-item {
		display: block;
	}
	.history-item:last-child {
		margin-bottom: 0;
	}
	.history-date {
		width: 100%;
		height: auto;
		display: block;
		border-radius: 0;
		text-align: center;
		padding: 10px 15px;
	}
	.history-text {
		width: 100%;
	}
}
@media (max-width: 767.98px) {
	/* images */
	.gallery-item {
		min-height: 120px;
	}
	
	/* section */
	.section {
		padding: 60px 0;
	}
	.section#section-start {
		min-height: 400px;
	}
	
	/* footer */
	footer {
		padding: 30px 30px 75px 30px;
	}
	
	/* figure */
	.figure-special {
		position: relative;
		bottom: auto;
		right: auto;
		margin: 45px 0 0 0;
		width: 100%;
	}
	.figure-special .figure-img {
		display: block;
		margin: 0 auto;
	}
	.figure-special .figure-caption {
		margin: -60px auto 0 auto;
		color: var(--bs-white);
		min-width: auto;
	}
	.figure-special .figure-caption::after {
		background-color: var(--bs-primary);
		border-left: 10px solid var(--bs-secondary);
	}
	
	/* media */
	.media {
		flex-direction: column;
		margin-top: 30px;
	}
	.media-date {
		display: block;
		height: auto;
		width: 100%;
		min-width: 100%;
		margin-bottom: 15px;
	}
	.media-date .media-day,
	.media-date .media-month,
	.media-date .media-year {
		font-size: 16px;
		font-weight: 600;
	}
	
	/* parallax */
	.parallax {
		min-height: 220px;
		align-items: flex-end;
	}
	.parallax:hover {
		background-position: 45% 100%;
	}
	
	/* cta */
	.cta {
		font-size: 26px;
		margin-bottom: 15px;
		width: 100%;
		max-width: 100%;
		text-shadow: 2px 2px 5px rgba(22,22,22,0.75);
		padding: 15px;
	}
	.cta small {
		margin-left: 10px;
		text-shadow: none;
	}
	
	/* carousel */
	.carousel#motioncam_anim .carousel-inner {
		min-height: 288px;
	}
}
@media (max-width: 575.98px) { 
	/* section */
	.section {
		padding: 60px 15px;
	}
	
	/* figure */
	.figure-special .figure-caption {
		font-size: 14px;
	}
	
	/* footer */
	footer .footer-nav a:last-child {
		display: table;
	}
	
	/* carousel */
	.carousel#motioncam_anim .carousel-inner {
		min-height: 200px;
	}
}