:root {
	--main-color:#543884;
	--text-over-main-color:white;
	--hover-brightness:120%;
	--headline-color:#ec4176;
	--custom-special-font-name:"Segoe UI";
	/*--background-color:linear-gradient(-45deg, #262254, #ec4176);*/
	--background-color:linear-gradient(-45deg, #9a77cf, #262254, #a13670, #ffa45e);
	/*#262254*/
	--navbar-font-color:white;
	--inhalt-font-color:white;
}
body,
html {
	min-height: 100% !important;
	height: 100vh;
	width:100vw;
	width: auto!important;
	
}
.backgroundfade{
	height: 100vh;
	width: 100vw;
	background:var(--background-color) 0 0/400% 400%;
	/*background-repeat: no-repeat;
	background-position: center;
	z-index: -1;*/
	position:fixed;
	animation:change 15s ease-in-out infinite;
}
@keyframes change{
	0%{
		background-position:0 50%;
	}
	50%{
		background-position:100% 50%;
	}
	100%{
		background-position:0 50%;
	}
}
h1{
	color:var(--headline-color);
	font-family:var(--custom-special-font-name);
}
h2{
	color:var(--headline-color);
	font-family:var(--custom-special-font-name);
}
.overflowtest{
	z-index:200 !important;
	height:500px;
	overflow:hidden;
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
	max-width:90%;
	margin:auto;
	margin-top:20px;
}
.red{
	background-color:red;
}
.black{

}
.pagerow{
	height:80% !important;
	padding-top:3%;
}
.inhalt{
	width:80%;
	background-color:rgba(0,0,0,0.4);
	padding-top:20px;
	padding-bottom:20px !important;
	text-align:left;
	color:var(--inhalt-font-color);
	border-radius: 15px 50px;
}
.scuffed{
	position:fixed;
	top:-10%;
	margin-top:30px;
	margin-left:20%;
	margin-right:20%;
	z-index: -1;
	padding-top:30px;
	background: rgba(255, 255, 255, 0.8);
	height:120%;
	width:60%;
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;

}
.row div{
	z-index: 150;
}
.hbild{
	width:100%;
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}
.vbild{
	width:70%;
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}
.textblock{
	padding-left: 5%;
	font-size:20px;
	overflow:visible;
}
.logo{
	height:70px;
	margin-left:70px;
}
.navwrap{
}
@media (max-width:1000px) {
	.scuffed {
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	.overflowtest{
		height:auto;
	}
	body{
		background-size: auto 100% !important;
	}
	.logo{
		height:60px !important;
		margin-left:0px;
	}
	.nav-link{
		padding-left:10px !important;
	}
	.ptablecontainer{
		overflow:scroll;
	}

}
@media (min-width:1000px) {
	.nav-link{
		padding-top:30px !important;
		padding-bottom:30px !important;
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.navbar{
		padding-top:0px !important;
		padding-bottom:0px !important;
		font-size:20px !important;
		box-shadow: 0 10px 16px 0 rgb(0 0 0 / 30%), 0 6px 20px 0 rgb(0 0 0 / 30%) !important;		
	}
	.ptablecontainer{
	overflow:hidden;
	}

}
@media (min-width:2100px) {
	.textblock{
		font-size:40px !important;	
	}
	.navbar{
		font-size:40px !important;	
	}
	.logo{
	height:120px;
	margin-left:100px;
	}
}
.nav-link:hover{
	backdrop-filter: brightness(var(--hover-brightness));
	transition: backdrop-filter 0.3s;*/
}
.navbar-custom{
   background-color:var(--main-color);
}
.nav-link{
	font-family:var(--custom-special-font-name);
	color:var(--navbar-font-color) !important;
	font-weight: bold;
}
.gg-box{
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;	
}
.footer{
	background-color:var(--main-color);
	text-align:center;
	padding:5px;
	color:var(--text-over-main-color);
	font-weight:bold;
}
.footerrow{
}
.customhead{
	font-size:2.5rem;
	font-weight:bold;
	color:var(--headline-color);
	text-align:center;
}
.navbar-toggler-icon {
	background-image:url(http://owl-webvision.de/MeetUp/img/icon.svg)!important;
}
.navbar-toggler{
	border-color: rgba(255,255,255,.3)!important;
}
.flexslider{
	border-radius:17px!important;
	border-style:none!important;
}
.simage{
	border-radius:17px!important;
}
.inputtext{
	background-color:rgba(0,0,0,.3);
	border-radius:5px;
	border:1px solid black;
	color:white;
	padding-top:10px!important;
	padding-bottom:10px!important;
	width:100% !important;
	margin:10px 0px;
}
.inputdate{
	background-color:rgba(0,0,0,.3);
	border-radius:5px;
	border:1px solid black;
	color:white;
	margin:10px 0px;
}
.inputbutton{
	background-color:var(--headline-color);
	color:white;
	border-radius:5px;
	border-style:none;
	padding-top:10px!important;
	padding-bottom:10px!important;
	width:100% !important;
	font-weight:bold;
	font-size:1.3em;
}
.inputbutton:hover{
	backdrop-filter: brightness(var(--hover-brightness));
	transition: backdrop-filter 0.3s;
}
.inputcheck{
	height:30px;
	width:30px;
	margin-right:10px;
	top:10px;
}
.infobox{
	background-color:rgba(0,0,0,0.5);
	padding:10px;
	margin-bottom:20px;
	border-radius:7px;
	text-align:left;
}
.ptable{
	border-radius:7px;
}
.ptable th{
	background-color:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.2);
	padding:5px 10px;
}
.ptable td{
	background-color:rgba(0,0,0,0.2);
	border:1px solid rgba(255,255,255,0.2);
	padding:5px 10px;
}
.checktable{
	background-color:rgba(0,0,0,0.5);
	width:100%;
	margin-top:15px;
	text-align:left !important;
}
.checktable th{
	padding:5px 10px;
}
.checktable input[type="checkbox"] {
    width: 45px;
    height: 25px;
    margin-top: 7px;
}
.werbung{
	width:100%;
	height:auto;
}
.pink{
	padding:5px 2px 5px 4px;
	background-color:var(--headline-color);
	color:white);
	border-radius:4px;
}