@font-face { font-family: "OpenS"; src: url("OpenSans-Regular.ttf") format('truetype'); }
@font-face { font-family: "OpenSB"; src: url("OpenSans-Bold.ttf") format('truetype'); }
@font-face { font-family: "OpenSEB"; src: url("OpenSans-ExtraBold.ttf") format('truetype'); }
@font-face { font-family: "OpenSI"; src: url("OpenSans-Italic.ttf") format('truetype'); }
@font-face { font-family: "Lulo"; src: url("Lulo Clean Bold.ttf") format('truetype'); }
html { overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;}
body { font-family: "OpenS"; background-color: #fff; }
a { text-decoration: none; color: #b6e800; }
.debugger { position: absolute; bottom: 0; right: 0; height: 300px; width: 800px; background: #fff; border: 1px solid #000; overflow: auto; font-family: monospace; }

.clearer { clear: both; }
.center { margin: 0 auto; max-width: 1000px; }
.zentriert { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.colorbar { 
	background-image: linear-gradient(90deg, #31d0d6 0%, #b4e800 100%); 
	height: 10px; }
.colorframe { 
	background-image: linear-gradient(to bottom right, #b4e800 0%, #31d0d6 100%); 
	 padding: 20px; max-width: 800px; text-align: left; margin: 0 auto;
}
.colorframe .innerframe { background-color: #fff; padding: 2em;  }
.bigestheader { font-size: 3em; font-family: "OpenSB"; }
.biggerheader { font-size: 2.5em; }
.bigheader { font-size: 2em; }
.paddtop5 { padding-top: 5em; }
.blue { color: #31d0d6; }
.small { font-size: 12px; }
.gruen { color: #b6e800; }

.forgot_password {color: #686868; font-size: 12px; }
.create_new { color: #31D0D6;font-size: 12px; font-family: "OpenSI"; }

.paddall1 { padding: 1em; }

.gruene_start_ueberschrift{ color: #b4e800; font-size: 30px; letter-spacing: 7px; font-family: "OpenSEB"; }

.p20 { padding: 20px; }
.pr40 { padding-right: 40px; }
.pt50 { padding-top: 50px; }

.earth { margin: 0 auto; max-width: 600px; }
.earth div { width: 50%; }

.trusted { margin: 0 auto; }
.trusted div { width: 25%; }
.trusted img { max-height: 70px; }
.slogan1 { font-size: 14px; font-family: "OpenS"; }
.slogan2 { font-size: 14px; font-family: "OpenS"; }


.SlideMonkeyHeader {}
.SlideMonkeyHeader h1.slidemonkey { padding: 0; font-size: 35px; font-family: "OpenSEB"; letter-spacing: 10px; float: left; }
.SlideMonkeyHeader .by_inscale{ float: left; padding: 6px 0 0 0; text-align: left; }
.SlideMonkeyHeader .slogan1 { font-family: "OpenS"; }
.SlideMonkeyHeader .slogan2 { font-family: "OpenSB"; }
.SlideMonkeyHeader .colorbar_by_inscale { width: 200px; background-image: linear-gradient(90deg, #31d0d6 0%, #b4e800 100%); height: 10px;}

.grau { color: #686868; }

.buttonspecial { display: inline-block; border: 1px solid #b4e800; font-family: "OpenSEB"; background-color: #b4e800; color: #fff; padding: 10px 14px; text-transform: uppercase; text-align: center; margin: 10px 0; }
.buttonspecial a { color: #fff; text-transform: uppercase; text-align: center; }

.bunterkreis {
	width: 80px;
	height: 80px;
	background-image: linear-gradient(to bottom right, #b4e800 0%, #31d0d6 100%);
  border-radius: 80px;
  position: relative;
  margin-left: auto;
  margin-right: auto;	
}

.bunterkreis .inner {
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 80px;
  background-color: #fff;
  height: 60px;
  width: 60px;
}

.rahmen2 { border-radius: 10px; box-shadow: 0 0 2px 0 #686868; border: 0; }

h1 { font-size: 22px; font-family: "OpenSB"; color: #000; padding: 18px 0 18px 0; text-align: left;}
h2 { font-size: 18px; font-family: "OpenSB"; color: #000; padding: 30px 0 15px 0;text-align: left;}
h3 { font-size: 15px; font-family: "OpenSB"; color: #686868; padding: 30px 0 20px 0; text-align: left; }
h4 { font-size: 14px; font-family: "OpenSB"; color: #000; padding: 6px 0 6px 0;text-align: left;}
p { font-size: 15px; padding: 10px 0; line-height: 130%; text-align: left;}
p.notice { font-size: 13px; padding: 3px 0; }
.button { padding: 10px 14px; border: 1px solid #000; border-radius: 5px; margin: 1em 0; }
textarea { box-sizing: border-box; margin: 10px 0 0 0; border: 0; font-family: "OpenS";  padding: 10px; font-size: 14px; border-radius: 10px; box-shadow: 0 0 2px 0 #686868; width: 95%; height: 200px;  }
/* input { font-family: "OpenS";  padding: .2em .5em; font-size: 2em; border-radius: 5px; border: 2px solid #ccc; width: 95%; } */
input[type=text]{ box-sizing: border-box; margin: 10px 0 0 0; border: 0; font-family: "OpenS";  padding: 10px; font-size: 14px; border-radius: 10px; box-shadow: 0 0 2px 0 #686868; width: 95%; }
input[type=text]:hover, input[type=text]:focus { box-shadow: 0 0 2px 0 #000; }
input[type=password]{ box-sizing: border-box; border: 0; margin: 10px 0 0 0; font-family: "OpenS";  padding: 10px; font-size: 14px; border-radius: 10px; box-shadow: 0 0 2px 0 #686868; width: 95%; }
input[type=password]:hover, input[type=password]:focus {  box-shadow: 0 0 2px 0 #000; }
/* input[type=submit] { cursor: pointer; width: auto; padding: .2em .5em; font-size: 2em; border-radius: 0; border: 2px solid #b6e800; background: #fff; } */
input[type=submit] { background-color: #b4e800; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; font-family:"OpenSB"; font-size:14px; padding: 10px 14px; min-width: 100px; border: 0; cursor: pointer;}
input[type=submit].gruen { color: #000; }
input[type=submit].grau { background-color: #dcdcdc; color: #fff; }
input[type=submit]:hover { background-color: #000; color: #fff; border: 0;}
input[type=submit].grau:hover { background-color: #dcdcdc; color: #000; }
input[type=radio] { width: auto; padding: 0; margin: 0 1em 0 0; }
select { box-sizing: border-box; width: 100%; border: 0; margin: 10px 0 0 0; font-family: "OpenS";  padding: 10px; font-size: 14px; border-radius: 10px; box-shadow: 0 0 2px 0 #686868;  }

.progressbuttons { text-align: center; margin: 30px 0;}
.buttonstandard { display: inline-block; font-family: "OpenSB"; font-size: 14px; background-color: #b4e800; color: #000; padding: 10px 14px; text-transform: uppercase; text-align: center; margin: 10px 0; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; min-width: 100px;}
.buttonstandard a { color: #000; text-transform: uppercase; text-align: center; }
.buttonstandard:hover{ background-color: #000 ;}
.buttonstandard:hover a{ color: #fff ; transition-duration: 0.4s; -webkit-transition-duration: 0.4s;}

.buttonwhite { font-size: 14px; display: inline-block; font-family: "OpenSB"; background-color: #fff; color: #000; padding: 10px 14px; text-transform: uppercase; text-align: center; margin: 10px 0; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; min-width: 100px;}
.buttonwhite a { color: #000; text-transform: uppercase; text-align: center; transition-duration: 0.4s; -webkit-transition-duration: 0.4s;}
.buttonwhite:hover { background-color: #DCDCDC; }
.buttonwhite:hover a { color: #686868; }

label.paymentimage img { border: 1px solid #fff; border-radius: 10px; height: 40px; margin: 0 10px 0 0; padding: 10px; }
label.rahmen img { box-shadow: 0 0 2px 0 #686868; border-radius: 10px; }

.login h1 { font-family:"OpenSEB"; font-size: 22px; margin-bottom: 30px;}

.login input.password { font-size: 14px; padding-left: 10px; margin-bottom: 20px; border-radius: 10px; box-shadow: 0 0 2px 0 #686868; }
.login input.password:hover, .login input.password:focus { box-shadow: 0 0 2px 0 #686868; }
.login input.text{ font-size: 14px; padding-left: 10px; border-radius: 10px; box-shadow: 0 0 2px 0 #686868; }
.login input.text:hover, .login input.text:focus {  box-shadow: 0 0 2px 0 #686868;}

.login input.gruen { color: #000; border: 0; background: #b4e800; padding: 10px 14px; font-size: 14px; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; font-family:"OpenSB"; cursor: pointer;}

.login input.gruen:hover { border: 0; background-color: #000; color:#fff; cursor: pointer;}
input.create_button {  border: 0; background-color:#b4e800; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; padding: 10px 14px; font-size: 14px; font-family:"OpenSB"; height: auto;}
input.create_button:hover { background-color:#000; color:#fff; border: 0; cursor: pointer;}
.hovereffect { cursor: pointer; }
.hovereffect:hover { background-color: #DCDCDC; }

.buttoncontainer { display: flex; align-items: center; float: right;}
a.linkedin { padding: 0 20px 0 0; color: #686868; display: flex; align-items:center; }

.premiumstar { float: left; width: 13%; text-align: right; }
.premiumstar2 { float: left; width: 13%; text-align: left; }
.premiumstar img { height: 50px; }
.premiumstar2 img { height: 50px; }

.percent50 { max-width: 50%; }
.rechts { text-align: right; }
.col25 { float: left; width: 35%; margin-top: 6px; }
.col75 { float: left; width: 65%; margin-top: 6px; }
.col100 { float: left; width: 100%; margin-top: 30px; text-align: left;}
.col100 input{ width: 100%; margin: 10px 0 0 0;}
.col100 select{ width: 100%; margin: 10px 0 0 0;}
.col20_l { float: left; width: 16%; margin-top: 30px; text-align: left;}
.col20_l input{ width: 100%; margin: 10px 0 0 0;}
.col50_l { float: left; width: 46%; margin-top: 30px; text-align: left;}
.col50_l input{ width: 100%; margin: 10px 0 0 0;}
.col80_l { float: left; width: 76%; margin-top: 30px; text-align: left;}
.col80_l input{ width: 100%; margin: 10px 0 0 0;}
.col20_r { float: left; width: 16%; margin: 30px 0 0 8%; text-align: left;}
.col20_r input{ width: 100%;margin: 10px 0 0 0;}
.col50_r { float: left; width: 46%; margin: 30px 0 0 8%; text-align: left;}
.col50_r input{ width: 100%;margin: 10px 0 0 0;}
.col80_r { float: left; width: 76%; margin: 30px 0 0 8%; text-align: left;}
.col80_r input{ width: 100%;margin: 10px 0 0 0;}
.col_button { float: left; width: 100%; margin-top: 30px;}

.orderinfo {padding: 0 0 0 20px; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w70 { width: 70%; }

/*.row:after {  content: "";  display: table;  clear: both; }*/
label { font-size: 1em; }
.error { background-color: #aa0000; padding: 20px; color: #fff; font-family: "OpenSB"; margin: 10px 0 20px; border-radius: 10px; display: inline-block; clear: both; }
.error2 { background-color: #aa0000; padding: 1em; color: #fff; margin: 1em 0; width: 95%;}
.error3 { background-color: #aa0000; padding: 1em; color: #fff; margin: 1em 0; width: 100%; text-align: center;}
.errorsmall { color: #aa0000; margin: 5px; font-family: "OpenSB"; }
.errorsmall2 { text-align: left; color: #aa0000; margin: 5px; font-family: "OpenSB"; }
.radio { font-size: 1.5em; float: left; padding: 0 2em 0 0;}
strong { font-family: "OpenSB"; }
.burger { font-size: 2em; font-family: "OpenSB"; font-family: "OpenSB"; 
background-image: linear-gradient(90deg, #b4e800 0%, #31d0d6 100%); 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 
width: 27px;
cursor: pointer; display: none; } 

.maincontainer { margin: 0 auto; padding: 0 0 0 0; background-color: #fff; }
.maincustomerlogo { width: 150px; height: 60px; float: left; margin: 0 20px; background-position: right center; background-size: contain; background-repeat: no-repeat;}

.slider { position: relative; }
.slider .aftertext { position: absolute; right: -100px; top: 200px; z-index: 50; color: #686868; background: #dcdcdc; padding: 5px; font-family: "OpenSB"; }
.slider .beforetext { position: absolute; left: -100px; top: 200px; z-index: 51; color: #686868; background: #dcdcdc; padding: 5px; font-family: "OpenSB"; }

.projektangaben { padding: 20px 0 0 0; }
.projektangaben .angabe { padding: 2px 30px 2px 2px; float: left; }
.showeditproject { text-align: right; }
.burgerline { 
	background-image: linear-gradient(90deg, #b4e800 0%, #31d0d6 100%); 
	height: 10px; cursor: pointer; }

.demandEfficient { padding-top: 100px; max-width: 1000px; }
.demandEfficient .abstand1 { width: 10%;  }
.demandEfficient .element1 { width: 40%;  }
.demandEfficient .abstand2 { width: 15%;  }
.demandEfficient .element2 { width: 35%;  }

.innerknoepfe { position: relative; left: 50%; }
.equal2 .abstand { width: 20%; }
.equal2 .element { width: 40%; }

.equal3 .abstand { width: 20%; }
.equal3 .element { width: 20%;}

.equal3_3 {position: relative;}
.equal3_3 .abstand { width: 20%; position: relative; z-index: 100; position: relative;}
.equal3_3 .element { width: 20%; text-align: center; z-index: 100; position: relative;}
/* .equal3_3 .line { width: 80%; padding: 0 10% 0 10%} */
.equal3_3 .line { width: 80%; margin: 40px 10% 0 10%; border-top: 2px dashed #dbdbdb; position: absolute; }

.equal3_2 .abstand { width: 8%;}
.equal3_2 .element { width: 28%; box-shadow: 0 0 2px 0 #686868; border-radius: 10px;}
.equal3_2 { text-align: center}
.equal3_2 img{ padding-top: 20px;}
.equal3_2 h2{ text-align: center}
.equal3_2 h3{ font-size: 20px; font-family: "OpenSEB"; color: #000; padding: 40px 0 60px 0;text-align: center;}
.equal3_2 p{ text-align: center}
.equal3_2 input[type=submit] { background-color: #b4e800; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; font-family:"OpenSEB"; font-size:14px; padding: 10px 14px; min-width: 100px;}
.equal3_2 input[type=submit]:hover { background-color: #000; color: #fff;}

#beforeafter { text-align: center; width: 800px; }
#beforeafter .description { text-align: center; font-family: "OpenSB"; font-size: 16px; color: #686868; margin: 20px 0 50px 0; }
#beforeafter1 img {  }
#beforeafter2 img { }

#beforeafter1 .left { border: 0; }
#beforeafter1 .superborder { position: absolute; top: 0; left: 385px; z-index: 5; }
#beforeafter1 .superborder img { width: 30px; }
#beforeafter2 .left { border: 0; }
#beforeafter2 .superborder { position: absolute; top: 0; left: 385px; z-index: 5; }
#beforeafter2 .superborder img { width: 30px; }
#beforeafter3 .left { border: 0; }
#beforeafter3 .superborder { position: absolute; top: 0; left: 385px; z-index: 5; }
#beforeafter3 .superborder img { width: 30px; }
/*
#beforeafter1 .left { border: 0; }
#beforeafter1 .left .superborder { position: absolute; right: 0px; top: 0px; }
#beforeafter1 .left .superborder img { height: 450px; width: 30px !important;}

#beforeafter2 .left { border: 0; }
#beforeafter2 .left .superborder { position: absolute; right: 0px; top: 0px; }
#beforeafter2 .left .superborder img { height: 450px; width: 30px !important;}

#beforeafter3 .left { border: 0; }
#beforeafter3 .left .superborder { position: absolute; right: 0px; top: 0px; }
#beforeafter3 .left .superborder img { height: 450px; width: 30px !important;}
*/


.equal4 .abstand { width: 8%; }
.equal4 .element { width: 19%; text-align: center; }
.equal4 .element img { width: 100%; }
.center { text-align: center; }

.mainbox { border: 0; box-shadow: 0 0 2px 0 #686868; border-radius: 10px; width: 100%; margin: 0 0 20px 0; padding: 20px; }
/*************** INDIVUDAL *****************/

.superlogo { text-align: center; }
.superslogan2 { font-family: "OpenSEB"; font-size: 20px; letter-spacing: 7px; }

.accountimage { display: inline-block; background-repeat: no-repeat; background-position: center 10px; width: 250px; height: 200px; box-shadow: 0 0 2px 0 #686868; border-radius: 10px; vertical-align: bottom; position: relative; }
.accounttext { position: absolute; bottom: 20px; text-align: center; width: 100%; font-size: 16px; }
.accountimage .loader { position: absolute; left: 90px; top: 75px; display: none; }
.logoimage { display: inline-block; background-repeat: no-repeat; background-position: center 10px; width: 250px; height: 200px; box-shadow: 0 0 2px 0 #686868; border-radius: 10px; vertical-align: bottom; position: relative; }
.logoimage .loader2 { position: absolute; left: 90px; top: 75px; display: none; }
.logoimage { background-repeat: no-repeat; background-position: center center; width: 250px; height: 200px; box-shadow: 0 0 2px 0 #686868; border-radius: 10px; }

.knoepfe {
	float: right;
	position: relative;
	left: -50%;
}
.centermargin { margin: auto; }
#contact {  padding: 40px 0 0 0; max-width: 700px;}
#aboutus { padding: 40px 0 0 0; max-width: 600px; }
#pricing {  padding: 40px 0 0 0;}
#service {  padding: 40px 0 0 0;}
#startcontainer {
	background-image: url(/img/cloud_colors.png);
	background-repeat: no-repeat;
	background-size: 700px auto;
	background-position: center -50px;
	min-height: 1110px;
	margin: -20px 0 0 0;
}

.fileuploaddragger { width: 95%; padding: 10px; height: 120px; background-color: #fff; display: inline-block; box-shadow: 0 0 2px 0 #686868; border-radius: 10px; }
.fileuploaddragger table { }
.fileuploaddragger table td { font-size: 14px; vertical-align: middle; }
.fileuploaddragger img { height: 80px; padding: 20px 50px 20px 0; }
.fileuploaddraggersmall { text-align: center; width: 80%; padding: 10px; height: 120px; background-color: #fff; display: inline-block; box-shadow: 0 0 2px 0 #686868; border-radius: 10px; }
.fileuploaddraggersmall img { height: 80px; padding: 20px 0; }

#uploadnew.in .fileuploaddragger { background-color: #686868; }
#uploadnew.hover .fileuploaddragger { background-color: #686868; }

#upl, #upl2, #uplaccount, #uplaccount2 { display: none; }

#uploadcontainer, #uploadcontainer2 { padding: 10px; box-shadow: 0 0 2px 0 #686868; border-radius: 10px; width: 95%; }
#uploadcontainer div, #uploadcontainer2 div { clear: both; }
.project { margin: 10px 0; padding: 20px; }
.project h2 { padding: 0 0 .5em 0; float: left; }
.project .projectinfo { width: 300px; float: left; height: 25px; margin: 10px 0;}
.project .projectinfo a { color: #31D0D6; }
.project .bilder { font-size: 12px; }
.project .bilder .filelist {  border-radius: 10px; box-shadow: 0 0 2px 0 #686868; border: 0; padding: 10px; }
.project .bilder .filelist td { padding: 2px 5px; }
.project .bilder a { color: #000; }
.project .bilder table { width: 100%; }
.project .bilder table thead tr td { font-family: "OpenSB"; padding: 5px 10px; }
.project .bilder table tbody tr td { padding: 5px 10px; background-color: #fff; }
.project .bilder table tbody tr:nth-child(2n) td { background-color: #fff }
.project .bilder img { padding: .0em .3em; }
.project .otherfile { box-shadow: 0 0 2px 0 #686868; border: 0; padding: .2em .3em;}
.project .otherfile:hover { background-color: #fff; }
.project .progress { float: right; }
.project .progress { width: 200px; position: relative; background-image: linear-gradient(to right, #31d0d6 0%,#b4e800 100%); border: 1px solid #ccc; height: 25px; margin: 0 1em; }
.project .progress div { position: absolute; right: 0; top: 0; background-color: #fff; height: 100%;  }
.project .progress div div { position: absolute; left: 0; top: 0; font-size: 12px; margin: 5px; height: auto; }
.projectmessage { float: left; width: 70%; }
.downloadproject { float: left; width: 30%; }

table tbody.files tr td { padding: 1em; }
tr.template-download { display: none; }
#fileupload table { border: 2px solid #999; border-radius: 10px; }

.template-download { display: none; }
.template-upload td { padding: 1em; }

.steps { padding: 30px 0 10px 0; color: #999; }
.selectedstep { color: #000; padding: 0 0 1em 0; } 

.back { color: #999; border: 1px solid #999; border-radius: 2em; padding: .2em; font-size: 2em; width: 30px; text-align: center; margin: 0 0 1em 0; }
.back a { color: #999; }

.tax { font-family: "OpenS"; font-size: 12px; }

.icons .icon { float: left; position: relative; font-size: 2.5em; background: linear-gradient(to right, #31d0d6 0%,#b4e800 100%); width: 40px; height: 40px; margin: 0 .5em 0 0; text-align: center;}
.icons .icon a { color: #fff; }
.icons .icon .menge { position: absolute; top: -10px; right: -10px; font-size: .7em; color: #ff0000; }

.topmenu { float: right; padding: 0; }
.topmenu .sign_in_button { padding: .5em 1em; margin-right: 10px; transition-duration: 0.4s; -webkit-transition-duration: 0.4s;}
.topmenu .sign_in_button a{ transition-duration: 0.4s; -webkit-transition-duration: 0.4s;}
.topmenu .get_started_button { padding: .5em 1em; background-color: #b4e800; transition-duration: 0.4s; -webkit-transition-duration: 0.4s;}
.topmenu .get_started_button a { color: #fff; font-weight: bold; transition-duration: 0.4s; -webkit-transition-duration: 0.4s;}

.topmenu .sign_in_button:hover { background-color: #DCDCDC ; }
.topmenu .sign_in_button:hover a{ color: #686868;}

.topmenu .get_started_button:hover{ background-color: #DCDCDC; }
.topmenu .get_started_button:hover a{ color: #686868;}

.profilemenu { position: relative; padding: 1.5em 0 0 0; }
#profile { cursor: pointer; color: #b4e800; font-family: "OpenS"; }
#submenu { display: none; position: absolute; right: -10px; top: 80px; width: 150px; border: 0;  box-shadow: 0 0 2px 0 #686868; border-radius: 10px; padding: 1em; background: #fff; }
#submenu li { padding: .3em 0; }
#submenu li a { color: #000; }

.header { position: fixed; top: 0; width: 100%; height: 80px; background: rgba(255,255,255,.98); z-index: 500; box-shadow: 0px -17px 10px 15px rgba(0,0,0,0.75); }
.header .ankermenu .logocontainer { float: left; padding: 0 0 0 0; width: 115px; }
.header .ankermenu .logocontainer img { height: 50px; padding-top: 30px; }
.header .ankermenu .ankercontainer { float: left; padding: 40px 0 0 0; width: 770px; }
.header .ankermenu .languagecontainer { font-size: 12px; float: left; padding: 40px 0 0 0; width: 115px; text-align: right; }
.header .ankermenu .languagecontainer .language a { color: #000; }
.header .ankermenu .languagecontainer .language a.active { color: #b4e800; border-bottom: 2px solid #b4e800; }
.header .ankermenu .ankercontainer { text-align: center; }
.header .ankermenu .ankercontainer a { color: #000; font-family: "OpenS"; padding: 0 25px; font-size: 14px; }
.header .ankermenu .ankercontainer a.active { color: #b4e800; }
.header .menutop { position: absolute; top: 20px; right: 20px; }
.paddertop { padding-top: 120px; }

.footer { font-size: 12px; padding: 10px 30px; margin: 2em 0 0 0; color: #686868; line-height: 120%; padding-bottom: 50px; box-shadow: 0px 17px 10px 15px rgba(0,0,0,0.75);}
.footer h3 { color: #686868; }
.footer .w50 { width: 50%; float: left; }
.footer .w25 { width: 25%; float: left; }
.footer .service { float: left; width: 50%; text-align: left; padding: 20px 0 0 0; }
.footer .resource { text-align: left; padding: 20px 0 0 0; }
.footer .contact { text-align: left; padding: 20px 0 0 0; }
.footer .copyright { text-align: left; padding: 50px 0 0 0; }
.footer .terms { padding: 50px 0 0 0; }
.footer .terms .fr { padding: 0 30px 0 0; }
.footer a { color: #686868; }
.footer a:hover { color: #b4e800; }

.menu { position: fixed; top: 100px; left: 0; }
.menu ul li { margin: 20px 0 30px 0; font-size: 14px; }
.menu ul li a { color: #686868; }
.menu ul li a:hover, .menu ul li a.active { color: #b6e800; }
.menuabstand { padding: 0 3em 0 1em; }
.content { min-height: 800px; }
.contentabstand { max-width: 1000px; padding-top: 100px; margin: 0 auto; }



.signin { width: 50%; }
.signin a { font-size: 1.5em; font-weight: light; padding: 0.5em 1em;}
.getstarted { width: 50%; }
a.invers { background-color: #b4e800; font-size: 1.5em; padding: 0.5em 1em; color: #000; }

.padd_start_head {padding: 50px 0;}

.frame { width: 22%;}
.frame h1{ height: 90px; font-family: "OpenSEB"; font-size: 22px;}
.frame p { font-family: "OpenS"; font-size: 15px;}

.frame input.button { background-color: #b4e800; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; font-family:"OpenSB"; font-size:14px; padding: 10px 14px; }
.frame input.button:hover { background-color: #000; color: #fff; border: 2px solid #000;}

.frame .icon { text-align: center;}
.frame img {height: 70px; padding: 30px 0;}

.frame2 { width: 22%; margin-left: 15%}
.frame2 h1{ height: 90px; font-family: "OpenSEB"; font-size: 22px;}
.frame2 p { font-family: "OpenS"; font-size: 15px;}

.frame2 input.button { background-color: #b4e800; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; font-family:"OpenSB"; font-size:14px; padding: 10px 14px; }
.frame2 input.button:hover { background-color: #000; color: #fff; border: 2px solid #000;}

.frame2 .icon { text-align: center;}
.frame2 img {height: 70px; padding: 30px 0;}

.downloadproject {  }
.downloadprojectdateien { box-shadow: 0 0 2px 0 #686868; padding: 20px; width: 75%; border-radius: 10px; text-align: center; }
.downloadprojectdateien a { color: #686868; }
.downloadprojectdateien a:hover { color: #b4e800; }

.thema { margin: 0 0 10px 0; padding: 20px; box-shadow: 0 0 2px 0 #686868; border-radius: 10px; background-color: #fff; }
.thema .readleft { clear: both; padding: 0 0 40px 0; }
.thema .readleft .mess { font-size: 13px; max-width: 70%; margin: 4px 0; padding: 7px 20px; box-shadow: 0 0 2px 0 #686868; background-color: #fff; text-align: left; border-radius: 10px; float: left; }
.thema .readleft .crdate { float: left; margin: 0 0 0 10px; font-size: 10px; color: #666; text-align: right; }
.thema .readright { clear: both; padding: 0 0 40px 0; }
.thema .readright .mess { font-size: 13px; max-width: 70%; margin: 4px 0; color: #fff; padding: 7px 20px; box-shadow: 0 0 2px 0 #686868; background-color: #31d0d6; text-align: left; border-radius: 10px; float: right; }
.thema .readright .crdate { float: right; margin: 0 10px 0 0; font-size: 10px; color: #666; text-align: right; }
.thema .titel { padding: 0 0 .2em 1em; font-family: "OpenSB"; border-bottom: 1px solid #999; margin: 0 0 .2em 0; }
.thema .markiert { float: right; color: 000; }
.thema .addmessage input { font-size: 13px; background-color: #fff; }

.radiocontainer { padding: 0 50px 0 0; }
.totalsum { font-family: "OpenSEB"; font-size: 22px; }

.documentstoggle { float: left; margin: 0 0 .5em 0; padding: .5em; border: 1px solid #999; border-radius: 10px;  background-color: #eee;  }
.messagestoggle { float: left; padding: 0 0 0 1em; width: 500px; }
.messagestoggle .thema .readleft { width: 400px; }
.messagestoggle .thema .readright { width: 400px; }
.addfile { cursor: pointer; padding: 20px 0; text-align: center; }

.toggler { text-align: right; width: 100%; }

.submenu { padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom: 1px solid #000; }
.submenu .active { text-decoration: underline; }
.getproject { float: right; }
.getproject .quojobtext { float: right; font-size: 12px; padding: .6em; }
.getproject input { font-size: 12px; width: auto; float: right; margin: 0 .2em;  }

#progressbar, #progressbar2 { height: 30px; margin: 1em 0; float: left; width: 80%; display: none; }
#progressbar .ui-progressbar-value, #progressbar2 .ui-progressbar-value { height: 40px; background: #31d0d6; }
.ui-progressbar-value { padding: 5px; text-align: center;  }

.pdesc { float: left; margin: 1.5em 0;}
.uploadedfiles { margin: 1em 0; }
.uploadedfiles2 { margin: .3em; font-family: 'OpenSB';}

.payment { float: left; }
.payment2 input { display: none; }
.bill { float: left; border: 2px solid #ccc; border-radius: 5px; margin: 2em 0 0 2em; padding: .5em;}
.bill h2 { padding: .5em;}
.bill table tr td { padding: .3em;}
.bill table tr.bordertop td { border-top: 1px solid #ccc; }

table.userliste thead tr td { font-family: "OpenSB"; }
table.userliste tr td { padding: .3em; }
table.userliste input { font-size: 12px; width: auto; float: left; margin: 0 .2em;  }

.formular .heading { padding: 1em 0 .5em 0; font-size: 1.5em; font-family: "OpenSB"; }
.ajaxnotice { font-size: 1em; padding: .5em; color: #2a7a0d; }

.checkerbox1 { float: left; padding: 0 10px 0 0; }
.checkertext1 { float: left; padding: 0 40px 0 0; }

.nomonkey { margin-top: 100px;}
.nomonkey img { height: 100px;}
.nomonkey .status { font-family: "OpenSEB"; letter-spacing: 3px; font-size: 16px; margin: 42px 0 0 0;}
.nomonkey .linktext { color: #31D0D6; font-size: 14px; margin: 30px 0 0 0; }

input[type="checkbox"] {
	width: auto;
	
}

.formular .error { border-color: #ff3333; font-family: "OpenS"; padding: 10px; margin: 10px 0 0 0; }
.formular #information { color: #31d0d6; margin-right: 80px;}
.formular textarea, .formular input { width: 100%; }

.formular input.contactsend { width: auto; margin: 10px 0 0 0; text-align: right;}

.landingpage .zeile { }
.landingpage .zeile .image { }
.landingpage h1 { padding: 30px 0 50px 0; }
.landingpage h2 { padding: 0; }
.landingpage p { color: #686868; }

/********************* MOBILE ***********************/
@media only screen and (max-width: 1250px) {  
	.center { min-width: 0; width: 100%; }
	.equal2 .abstand { width: 10%; }
	.equal2 .element { width: 45%; }

	.equal3 .abstand { width: 10%; }
	.equal3 .element { width: 26.66%; }

	.equal4 .abstand { width: 4%; }
	.equal4 .element { width: 22%; }
	.slogan2 { float: left; clear: both; }
	.equal4 .element img { width: 70%;}
}
@media only screen and (max-width: 700px) {  
	.earth .fl { clear: both; width: 100%; }
	.equal2 .abstand { width: 0%; }
	.equal2 .element { width: 100%; clear: both; }

	.equal3 .abstand { width: 0%; }
	.equal3 .element { width: 100%; clear: both; }

	.equal4 .abstand { width: 0%; }
	.equal4 .element { width: 100%; clear: both; }
	
}