html {
  scroll-behavior: smooth;
}


body {color:#333;font-family: 'open_sansregular', Verdana, Geneva, sans-serif; font-size:17px; margin:0; padding:0;font-display: auto;max-width: 100vw;overflow-x: hidden;}

.container {
	max-width:1200px;
	width:calc(100% - 2rem);
	padding:1rem 1rem 4rem 1rem;
	margin:auto;display: flex;
	flex-wrap: wrap;justify-content: center;flex-direction: column;
}
.block {
	width:100%;
	padding:0 1rem 0 1rem;
	text-align:justify;margin:-1rem;display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.row {flex-direction:row !important;}
.block.infobox.row {padding: 1rem;flex: 0 0 100%;max-width: calc(100% - 2rem);margin: 2rem 0 0 0;}

.b-1,.b-2 ,.b-3 ,.b-4,.b-5,.b-6,.b-7,.b-8,.b-9,.b-10 {padding:0 1rem;
display: flex;
flex-wrap: wrap;
/*justify-content: center;*/
align-items: flex-start;align-content: flex-start;margin:0.5rem;}
.b-1 {width:calc(10% - 3rem);}
.b-2 {width:calc(20% - 3rem);}
.b-3 {width:calc(30% - 3rem);}
.b-4 {width:calc(40% - 3rem);}
.b-5 {width:calc(50% - 3rem);}
.b-6 {width:calc(60% - 3rem);}
.b-7 {width:calc(70% - 3rem);}
.b-8 {width:calc(80% - 3rem);}
.b-9 {width:calc(90% - 3rem);}
.b-10 {width:calc(100% - 3rem);}

.b-1.green,.b-1.blue {width:calc(10% - 5rem);}
.b-2.green,.b-2.blue  {width:calc(20% - 5rem);}
.b-3.green,.b-3.blue  {width:calc(30% - 5rem);}
.b-4.green,.b-4.blue  {width:calc(40% - 5rem);}
.b-5.green,.b-5.blue  {width:calc(50% - 5rem);}
.b-6.green,.b-6.blue  {width:calc(60% - 5rem);}
.b-7.green,.b-7.blue  {width:calc(70% - 5rem);}
.b-8.green,.b-8.blue  {width:calc(80% - 5rem);}
.b-9.green,.b-9.blue  {width:calc(90% - 5rem);}
.b-10.green,.b-10.blue  {width:calc(100% - 5rem);}

ul.b-1 ,ul.b-2,ul.b-3 ,ul.b-4 ,ul.b-5 ,ul.b-6 ,ul.b-7 ,ul.b-8 ,ul.b-9 ,ul.b-10,
.container.b-1 ,.container.b-2,.container.b-3 ,.container.b-4 ,.container.b-5 ,.container.b-6 ,.container.b-7 ,.container.b-8 ,.container.b-9 ,.container.b-10 {margin:auto;margin-bottom:1rem;}
@media all and (max-width:992px){
	.b-1.green,.b-1.blue,.b-2.green,.b-2.blue,.b-3.green,.b-3.blue,.b-4.green,.b-4.blue,.b-5.green,.b-5.blue,
	.b-6.green,.b-6.blue,.b-7.green,.b-7.blue,.b-8.green,.b-8.blue,.b-9.green,.b-9.blue,.b-10.green,.b-10.blue{padding:2rem;width:calc(100% - 4rem);}
	.b-1 ,.b-2,.b-3 ,.b-4 ,.b-5 ,.b-6 ,.b-7 ,.b-8 ,.b-9 ,.b-10 {width:100%;padding:0;margin:0;margin-bottom:1rem;flex-direction: column;align-items: center;}
	section.white .b-1 ,section.white .b-2,section.white .b-3 ,section.white .b-4 ,section.white .b-5 ,section.white .b-6 ,section.white .b-7 ,section.white .b-8 ,.b-9 ,section.white .b-10 {padding:1rem;width:calc(100% - 2rem);}
}
.mt-1{margin-top:1rem;}
.mt-2{margin-top:2rem;}
.mt-3{margin-top:3rem;}
.mt-4{margin-top:4rem;}
.mt-5{margin-top:5rem;}
.mt-6{margin-top:6rem;}
.mb-1{margin-bottom:1rem;}
.mb-2{margin-bottom:2rem;}
.mb-3{margin-bottom:3rem;}
.mb-4{margin-bottom:4rem;}
.mb-5{margin-bottom:5rem;}
.mb-6{margin-bottom:6rem;}

.vb {align-self: flex-end;}
.vc {align-self: center;}
.vt {align-self: flex-start;}

.left {
    text-align: left;
}

@media all and (min-width:992px){
	.sticky{position: sticky;top: 7rem;}
}
@media all and (max-height:760px){
	.sticky{position: relative;}
}
.h-l {}
.h-r {}


.center {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}


.site-header {
	position:fixed;
	z-index:2 !important;
	top: 0;
	width:100%;
	padding-top:0em;
	padding-left:0;
	padding-right:0vw;
	padding-bottom:0;
	min-height:11vh;
	transition: background-color 0.5s ease-in-out;
}



.site-branding {
	margin-top:10px !important;
	margin-bottom:10px !important;
	margin-bottom:20px;
	transition: margin 1s;
	max-width:100%;
	display: flex;
	justify-content: space-between;
	
}


a.brand {display: flex;align-items: center;font-size: 2rem;font-family: 'open_sansbold',sans-serif;color: #1d70b7 !important;background: #f7f7f7;border-radius: 0 3rem 3rem 0;padding: 1rem 2rem .5rem 0;	text-decoration:none;}

.brand img{max-width: 5rem;margin-right:2rem;margin-left:1rem;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;}
@media all and (max-width:465px){
	.brand picture {display:none;}
	a.brand {border-radius: 0 4rem 4rem 0;padding: 2rem;}
}


.bg-wrapper {
min-height:80vh; max-height:100vh; color: #fff;	
padding-top:25vh;
padding-bottom:2vh;
text-align: center;
margin-top:-30px;
overflow:hidden;
z-index: -2;
position: absolute;
}


.fullscreen-bg {
   position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: -100;
	background: #36a9e1;
background: -moz-linear-gradient(-45deg, #36a9e1 0%, #1d71b8 100%);
background: -webkit-linear-gradient(-45deg, #36a9e1 0%,#1d71b8 100%);
background: linear-gradient(135deg, #36a9e1 0%,#1d71b8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36a9e1', endColorstr='#1d71b8',GradientType=1 );
}



.fullscreen-bg__video {position: absolute;top: 0;
	left:0;
  min-width: 100%;
  min-height: 100%;
width: 100%;
	z-index:0;
	margin:0;
	padding:0;
	opacity:0.1;
object-fit: cover;
  width: 100vw;
  height: 100vh;
  
  top: 0;
  left: 0;
	
}



.login {
	position:relative;
	margin-top:15vh;
	border:1px solid white;
	margin-left:auto;
	margin-right: auto;
	transition: background-color 0.8s ease;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	background:rgba(255,255,255,0.8);
	color: #333;
	box-shadow: 3px 3px 15px;
	padding-bottom:2rem;
	text-align: center;
	max-width: 400px;
	width: 90%;
}



.login img {
	display: block;
	  margin-left: auto;
  margin-right: auto;
	max-width: 40%;
	margin-top:-20%;
	margin-bottom:20px;
}



.login input[type="text"], .login input[type="password"] {

background: #f7f7f7;background-image: none;
background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: .625em .4375em;
width: 80%;
margin:auto;
}

.inputbutton {
background-color: #36a9e1;   
border: 0;
border-radius: 12px;
color: #fff;
font-weight: 700;
font-size: 1rem;
letter-spacing: .046875em;
line-height: 1;
padding: .84375em .875em .78125em;
text-transform: uppercase;
}



.content {
	position:relative;
	width: calc(100% - 4rem);
	max-width:1040px;
	background:#fff;
	margin:auto;
	z-index:1;
	margin-top:150px;
	padding:1rem 2rem;
	min-height:70vh;
	/*border-radius:20px;*/
	margin-bottom:130px;
	}




h1 {font-size:2rem;line-height:45px;margin-top:0;}
h2 {font-size:1.8rem;line-height:32px;font-weight:300;color:#175f98;}
h3 {font-size:1.6rem;line-height:30px;}
h4 {font-size:20px;line-height:28px;}
h5 {font-size:18px;line-height:26px;}
h1,h3 ,h4,h5 { font-family: 'open_sansbold', Verdana, Geneva, sans-serif;font-weight:normal;}


.error {color: red;}







.stammdaten-wrapper {

display:flex;
justify-content: center;	
align-items: stretch;
flex-wrap: wrap;
	
}

.stammdaten-form {
	display:flex;
padding:0;
margin:0;
position:relative;
width: 100%;

}



.stammdaten-form ul li 
	{
	margin:10px;	
	}






input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {background: #f7f7f7;    background-image: none;background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));border: 1px solid #d1d1d1;border-radius: 2px;color: #686868;padding: .625em .4375em;width: 95%;
	margin-left: 10px;
	margin: auto;
	margin-bottom:10px;
	font-size:16px;
}


select {background: #f7f7f7;    background-image: none;background-image: none;background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));border: 1px solid #d1d1d1;border-radius: 2px;color: #686868;padding: .625em .4375em;width:100%;
	margin-bottom:10px;
	font-size:16px;
}



/*.stammdaten-form input[type="submit"] {
background-color: #36a9e1;   
border: 0;
border-radius: 12px;
color: #fff;
font-weight: 700;
font-size: 1rem;
letter-spacing: .046875em;
line-height: 1;
padding: 1em;
margin:1em;
text-transform: uppercase;
margin-left:auto;
margin-right:auto;
}*/


label {margin-top:1rem;width:100%;display:inline-block;}
legend {
    padding: 1rem 0 0 0;
    text-transform: uppercase;
    margin-top: 2rem;
    margin-bottom: 0;
    color: #1d70b7;
}
form legend{padding-top:0;}
fieldset {border: 0;width: 100%;margin: 0;padding: 0;}

.update {
	position: absolute;
	bottom:40px;
	height:50px;
	width:100%;
	text-align: center;
left: -10px;
	
}









.projekt-wrapper {
border: 1px solid black;
width: 95%;
margin: 10px;margin-right: 10px;margin-left: 10px;

margin-left: auto;
margin-right: auto;
}


.projekt-header {
	background:grey;
	
	padding:10px;
}




.footer {
	position:fixed;
	bottom:0;
	min-height: 10vh;
	width:100%;
	background: rgba(23, 93, 150, 0.95);
	z-index:10;
	
	
	
}


.logfile  {margin:auto;}
.log-line {display: flex; justify-content: space-between;}
.log-time,.log-content {border-bottom: 1px solid #eaeaea;padding: 0.3rem 0;margin: 2px;}
.log-time {flex: 0 0 25%;font-weight: 600;color: #1d70b7;}
.log-content {flex: 1 1 75%; }


.scanner-wrapper{
	display: flex;
	width:100%;
	flex-wrap: wrap;
	
}

.scanner-box {
	position: relative;
	width: 30%;
	height:150px;
	/*border: 1px solid green;*/
	margin:10px;
	justify-content: center;
	flex-grow: 3;
	border-top:3px solid #ccc;
}

.scanner-name {
	text-align: center;
	font-weight: 600;
	width:100%;
	padding:5px;
}

.scanner-lastscan {
	text-align:center;
	font-size: 0.6em;
	position: absolute;
	bottom: 0;
	padding:5px;
	width:100%;
	
	
}

.scanner-status {
	font-size: 4em;
	text-align: center;
	width: 100%;
}

.red { color: red; }
.yellow {color: yellow;}
.green {color:yellowgreen;}




.backup-wrapper {
	display: flex;
	justify-content: space-between;
	width:100%;

}

.ftp-container, .db-container {
width:49%;
}
.ftp-container div:first-child, .db-container div:first-child {color:#175f98;font-size: 1.5rem;margin-bottom: 1rem;
}

.file_row {
	display: flex;justify-content: space-between;border-bottom: 1px solid #eaeaea;padding: 0.3rem 0;
}

.file_icon {
	padding:5px;display:none;
}

.file_date {
	padding:5px;flex: 1 1 70%;
}

.file_actions {
	padding: 5px;
	display: flex;
}

.file_actions a { margin-right:10px !important;}

.fa-file-download:before,.fa-file-upload:before {color: #999;font-size: 1.5rem;}
.fa-file-download:hover:before,.fa-file-upload:hover:before {color: #175f98;font-size: 1.5rem;}







.askbox, .confirm {
	
	position:absolute;
	top:20%;
	left:30%;
	width:40%;
	min-height:200px;
	border:1px solid white;
	margin-left:auto;
	margin-right: auto;
	transition: background-color 0.8s ease;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	background:rgba(255,255,255,0.8);
	color: #333;
	box-shadow: 3px 3px 15px;
	padding: 1em;
	padding-bottom:1%;
	text-align: center;
		z-index: 400:
	
}


.speedtest-wrapper {
	position: relative;
	display: flex;
	

}


.disabled {
	position: absolute;
	width:100%;
	height: 100%;
	background-color: rgba(61, 61, 61, 0.8);
	z-index:3;
	color: white;
		
}

.disabled span
{
	width:100%;
	position: absolute;
	top:40%;
	text-align: center;
	font-size: 30px;

}

#tabs h1:before {content: "Projekt:";text-transform: uppercase;font-size: 1.8rem;color:#1d70b7;
}

#tabs ul { margin-bottom: 0;}




#tabs ul { display: flex; padding-left:1em;flex-wrap: wrap;}
#tabs ul li { list-style:none; padding:1rem; margin-left:0.5rem; background: #f7f7f7;border-top:3px solid #ccc;box-shadow: inset 0 -10px 10px rgba(213, 213, 213, 0.2);text-align: center;}
@media all and (max-width:749px){
	#tabs ul li { flex:1 1 25%;margin-bottom:0.5rem;margin-left:0;margin-right:0.5rem;box-shadow: none;}
	#tabs ul { padding-left:0;width: calc(100% + 0.5rem);}
	#tabs ul .ui-tabs-active {background-color: #fbfbfb; border:0px; border-top: 3px solid #1d70b7;padding:1rem 2rem;box-shadow: none;}
}
#tabs ul .ui-tabs-active {background-color: #fbfbfb; border:0px; border-top: 3px solid #1d70b7;padding:1rem 2rem;box-shadow: 0 -2px 2px rgba(168, 168, 168, 0.4);}
#tabs ul li a {text-decoration: none; color:rgba(61, 61, 61, 0.8); font-weight: 500; }
#tabs ul li:hover {background-color: #ccc;} 

#tabs > div {padding:2rem; }
@media all and (max-width:749px){#tabs > div {padding: 1rem;}
.content {width: calc(100% - 2rem); padding: 1rem;}
}

.ui-tabs-panel{background-color: #fbfbfb;box-shadow: 0 0 2px rgba(168, 168, 168, 0.4);}
.ui-tabs-panel h2{margin-top:3rem;}
.ui-tabs-panel h2:first-child{margin-top:0;}

input[type=submit] {padding:1rem 2rem; background:#1d70b7; border:0 none;cursor:pointer;color: #fff;font-size: 1rem;margin-top: 1rem;}

.info-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.info-item {
	display: flex;
	justify-content: space-between;
}

.info-option {width:49%;}
.info-value {width:49%;}


.speedboxes{display: flex; position:relative; width:100%;flex-wrap: wrap;}
.speedbox {flex: 1 1 calc(25% - 20px);border-top:3px solid #ccc;margin: 10px;max-width: calc(25% - 20px);}
@media all and (max-width:1040px){
	.speedbox {flex: 1 1 calc(50% - 20px);border-top:3px solid #ccc;margin: 10px;max-width: calc(50% - 20px);}
}

.project_list_wrapper {display: flex;justify-content: space-between;flex-wrap: wrap;}
.project_list_item {border-top:3px solid #ccc;width: calc(50% - 3rem);padding: 0 1rem 2rem;}

@media all and (max-width:749px){
	.project_list_item {width: calc(100% - 3rem);padding: 0 1rem 2rem;}
	.speedbox {flex: 1 1 calc(100% - 20px);max-width: calc(100% - 20px);}
}