@font-face {
	font-family:'SuisseIntl';
	font-style: normal;
	font-weight: 400;
	src: 
	url('SuisseIntl-Medium-WebM.woff2') format('woff2'),
	url('SuisseIntl-Medium-WebM.woff') format('woff');
}
@font-face {
	font-family:'SuisseIntl';
	font-style: bold;
	font-weight: 800;
	src: 
	url('SuisseIntl-Bold-WebM.woff2') format('woff2'),
	url('SuisseIntl-Bold-WebM.woff') format('woff');
}
@font-face {
	font-family:'SuisseIntl';
	font-style: bold;
	font-weight: 600;
	src: 
	url('SuisseIntl-SemiBold-WebM.woff2') format('woff2'),
	url('SuisseIntl-SemiBold-WebM.woff') format('woff');
}
@font-face {
	font-family:'SuisseIntl';
	font-style: normal;
	font-weight: 300;
	src: 
	url('SuisseIntl-Regular-WebM.woff2') format('woff2'),
	url('SuisseIntl-Regular-WebM.woff') format('woff');
}
@font-face {
	font-family:'SuisseIntl';
	font-style: normal;
	font-weight: 200;
	src: 
	url('SuisseIntl-Light-WebM.woff2') format('woff2'),
	url('SuisseIntl-Light-WebM.woff') format('woff');
}


#einladung_film{
	position: absolute;
		width: 80%;
		max-width: 80%!important;

		top: 0;
		left: 0;
		height: 100%;

}


.carousel-caption{
	color: #000;
	bottom:0px;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #00f;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #00f transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tag-list a {
    padding-right: 0.3rem;
    line-height: 1.4rem;
}
.content { opacity: 0; }
.content.all-loaded { opacity: 1; }
#loading{opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
#loading.loaded{
	opacity: 0;
}
.daten td{
vertical-align: top;
}
b{
	font-weight: 800;
}
.cc_dialog.simple{
	max-width:70%!important;
}
.cc_dialog{
	padding:0.5rem!important;
}

.modal-content{
	background-color: transparent!important;
	border: none!important;
}
.modal-backdrop{
	background-color: #fff!important;
}
.modal-backdrop.show{
	opacity: 0.9!important;
}
.modal-footer{
border: none!important;
}

body{
	margin: 0; 
	padding: 0;
	scrollbar-color: #ffffff #0000fa;
}
/*.lb-nav a.lb-prev{
cursor: url(assets/images/left.png), default;
background: none;
}

.lb-nav a.lb-next{
cursor: url(assets/images/right.png), default;
background: none;


}*/
.NotVisibleCat{
	display: none!important;
}
#resetTag a{
	background-color: white;
	color: #0000fa!important;
	padding: 3px;
	font-size: 11px;
}
#resetTag{
	margin-top: 10px;

}
.row{
	width: 100%!important;
	max-width: 100%!important;

}
.row_unrandom{
	width: 100%!important;
	max-width: 100%!important;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.container{
	position: absolute;
	width: 100%;
	max-width: 100%!important;

	top: 0;
	left: 0;
	height: 100%;

}

.container_einladung{
	position: absolute;
	width: 100%;
	max-width: 100%!important;

	top: 0;
	left: 0;
	height: 100%;

}

.navbar-nav{
	height: 100%;
	background-color: #0000fa;
	justify-content: space-around;
	flex-direction: inherit;
}
.navbar_vita .navbar-nav{
	background-color: unset;
}
.navbar-nav div{
	padding:15px;
}
.nav-bottom{
	width: 50%;
}
.nav-middle{
	position: absolute;
	top: 0%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none!important;
}
.short-vita{
	width: 50%;
}
.nav_costum{
	position: fixed;
	bottom: 0; 
	left: 0;
	font-family: "SuisseIntl";
	font-size: 0.9rem;
	letter-spacing: 0.3px;
	line-height: 1.2rem;
	color: white;
	text-align: block;
	padding: 0px;
	align-items : flex-start;
	font-weight: 300;
}

.navbar_vita{
	background-color: #C5C5C5;

}

.bottom_vita{
	position: fixed;
	width: 20%;
	top: 0; 
	right: 0;
	height: 10%
	font-family: "SuisseIntl";
	font-size: 0.9rem;
	letter-spacing: 0.3px;
	line-height: 0.9rem;
	color: black;
	text-align: left;
	font-weight: 300;

}
.navbar-toggler:focus,
.navbar-toggler:active {
	outline: 0;
}
.nav-bottom-tag{
	padding: 0!important;
}
.nav-bottom-tag div{
padding: 0.2rem 0 0 0!important;
}
.navbar-toggler span {
	display: block;
	background-color: #0000fa;
	height: 3px;
	width: 25px;
	margin-top: 4px;
	margin-bottom: 4px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	position: relative;
	left: 0;
	opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
	-webkit-transition: transform .35s ease-in-out;
	-moz-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
	position: absolute;
	left: 12px;
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
	height: 12px;
	visibility: hidden;
	background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
	position: absolute;
	left: 12px;
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	opacity: 0.9;
}



.img-random{
	width:80%;
	position: relative;
	top: 0; 
	left: 0;
	padding-bottom: 50px;
}
.img-random img{
	width: 100%; 
	top: 0;
	left: 0;
	display: block;
}

.img-index{
	width: 100%;
	text-align: right;
}
.img-index{
	text-decoration: none!important; 
	color: #000!important;
}



.tag-list{
	padding-top: 0.5rem;
	font-size: 0.9rem;
}
.tag-list img{
	height: 9px;
	padding-left: 3px;
	vertical-align: top;
	padding-right: 3px;
}
.short-vita img{
	height: 9px;
	padding-left: 3px;
	vertical-align: middle;
	padding-right: 3px;

}
.impressum{
	width: 100%;
	text-align: right;
	padding-right: 20px;
	padding-top: 10px!important;
}

.img{
	text-align:center;
	margin:50px auto; 
}
.img a{
	margin:0px 20px;
	display:inline-block;
	text-decoration:none;
	color:black;
}


.header {
	position: fixed;
	padding: 10px;
	text-align: left;
	background: none;
	color: black;
	font-size: 20px;
	font-family: "SuisseIntl";
	font-weight: 200!important;

}
.header h1{
	font-weight: 300!important;
}
.header_vita {
	position: fixed;
	padding: 10px;
	text-align: left;
	background: none;
	color: black;
	font-size: 15px;
	font-family: "SuisseIntl";
	font-weight: 300;

}

.header_vita_bottom{
	position: relative;
	padding: 10px;
	bottom: 5px;
	top: 20px;
	text-align: left;
	background: none;
	color: black;
	font-size: 15px;
	font-family: "SuisseIntl";
	font-weight: 300;

}

.navbar a {
	color: white;
	text-decoration: none;
	background-color: none;

}

.header a {
	color: black;
	text-decoration: none;
	background-color: none;

}

.header_vita a {
	color: black;
	text-decoration: none;
	background-color: none;

}

.year{
	width: 80px;
}

.navbar_vita a {
	color: black;
	text-decoration: none;
	background-color: none;

}

.navbar a:hover {
	color: white;
	text-decoration: none;
}


.container_vita{
	width: 80%;
	position: relative;
	left: 10px;
	top: 70px;
}
.img-portrait img{
	width: 100%;
}
@media screen and (min-width: 768px) {

.tag-list a {
    line-height: 1.2rem;
}

	.tag-list{
	padding-top: 0.9rem;
	font-size: 0.9rem;
	}
	.navbar-nav div{
		padding:0px;
	}
	.container{
		position: absolute;
		width: 80%;
		max-width: 80%!important;

		top: 0;
		left: 0;
		height: 100%;

	}
	.container_einladung{
		position: absolute;
		width: 80%;

		top: 0;
		left: 0;
		height: 100%;

	}
	.navbar-nav{
		height: 100%;
	}
	.short-vita{
		width: 100%;
	}
	.nav-bottom{
		position: absolute;
		width: 100%;
		bottom: 10px;
		padding: 15px!important;
	}
	.nav-middle{
		position: absolute;
		top: 50%;
		width: 100%;
		padding: 15px!important;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		display: block!important;
	}
	.navbar-nav{
	}
	.nav_costum{
		position: fixed;
		width: 20%;
		top: 0; 
		right: 0;
		left: auto;
		height: 100%;
		min-height: 500px;
		font-family: "SuisseIntl";
		font-size: 0.9rem;
		letter-spacing: 0.3px;
		line-height: 0.9rem;
		color: white;
		text-align: block;
		padding: 15px;
		align-items : flex-start;
		font-weight: 300;
		background-color: #0000fa;

	}

	.navbar_vita{
		position: fixed;
		width: 20%;
		top: 0; 
		right: 0;
		height: 100%;
		background-color: #C5C5C5;
		font-family: "SuisseIntl";
		font-size: 0.9rem;
		letter-spacing: 0.3px;
		line-height: 0.9rem;
		color: black;
		font-weight: 300;

	}
	.navbar_vita .nav-bottom{
		padding: 0px!important;
		padding-right: 15px!important;
	}
	.bottom_vita{
		position: fixed;
		width: 20%;
		top: 0; 
		right: 0;
		height: 10%
		font-family: "SuisseIntl";
		font-size: 0.9rem;
		letter-spacing: 0.3px;
		line-height: 0.9rem;
		color: black;
		text-align: left;
		font-weight: 300;

	}
	.img-random{
		width:60%;
		position: relative;
		top: 0; 
		left: 0;
	}
}