body, html{background-image:url(images/bg_main.jpg);background-repeat:repeat;background-position:left top;font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;margin:0;padding:0;}
img{border:0;}
a{color:#706f6f;font-weight:normal;text-decoration:underline;}
a:hover{color:#000;font-weight:normal;text-decoration:underline;}
table{border-spacing:0;border-collapse:collapse;padding:0;}
td{vertical-align:top;}
ul{margin:0 0 0 28px;padding:0;}
h1{font-family:DINNeuzeitGroteskStd-Light;font-size:20px;font-weight:normal;margin:0 0 12px 0;padding:0 0 0 0;}
h3{font-size:15px;font-weight:bold;margin:4px 0 4px 0;padding:0 0 0 0;}
#referenz a{color:#fff;}
#mainbox{background-color:#fff;margin:0 auto;max-width:912px;}
#main{background-color:#fff;padding:0 24px;}
#head img{margin:45px 0 0 0;}
#icons{float:right;padding:0 0 0 0;margin:0 0 0 0;}
#icons img{padding:0 0 0 13px;margin:0 0 0 0;}
#such{margin-top:-29px;margin-left:103px;}
#langnav{float:right;padding:0 0 0 0;margin:0 0 0 36px;}
#langnav img{padding:0 0 0 13px;margin:0 0 0 0;}
#claim{border-bottom:solid 1px #c6c7c9;margin:0 0 0 0;padding:60px 0 30px 0;width:100%;}
#claim h1{font-size:29px;font-weight:normal;margin:0 0 0 0;padding:0 0 0 0;}
#homecontent{height:765px;height:auto !important;min-height:765px;width:100%;}
#content{clear:both;height:auto !important;height:500px;min-height:500px;padding:0 0 20px 0;width:100%;}

.netzton-embed-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.netzton-embed-container iframe, .netzton-embed-container object, .netzton-embed-container embed { border:none;position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.btn-payrexx {background-image:none;width: auto;padding: 6px 20px 6px 20px;font-size: 27px;font-weight: 300;white-space: inherit;background-color: #e30e4d;border: 0;outline: 0;color: #FFFFFF;border-radius: 5px;-webkit-transition: background-color 300ms ease-out;-moz-transition: background-color 300ms ease-out;-o-transition: background-color 300ms ease-out;transition: background-color 300ms ease-out;}
.btn-payrexx:focus, .btn-payrexx:hover {background-color: #e30e4d;color:#555;}
.cke_editable {margin: 10px 0 0 270px;}
.ref_img{width:100%;}
.ref_img img{padding:6px;}
#subcontent{font-size:15px;line-height:20px;margin:0 0 0 0;padding:0 0 0 0;width:100%;}
#consulting{float:left;font-size:16px;line-height:20px;margin:20px 0 0 0;padding:0 48px 0 0;width:256px;}
#consulting img{float:left;margin:5px 0 0 0;padding:0 10px 0 0;}
#program{float:left;font-size:16px;line-height:20px;margin:20px 0 0 0;padding:0 48px 0 0;width:256px;}
#program img{float:left;margin:5px 0 0 0;padding:0 10px 0 0;}
#hosting{float:left;font-size:16px;line-height:20px;margin:20px 0 0 0;padding:0 0 0 0;width:256px;}
#hosting img{float:left;margin:5px 0 0 0;padding:0 10px 0 0;}
#firma{float:left;font-size:15px;line-height:20px;margin:0 0 0 0;padding:0 0 0 0;width:100%;}
#firma img{float:left;margin:4px 0 0 0;padding:0 24px 24px 0;}
#support{float:left;font-size:15px;line-height:20px;margin:0 0 0 0;padding:0 0 0 0;width:69.6055684%;}
#support h2{font-family:DINNeuzeitGroteskStd-Light;font-size:13px;font-weight:normal;margin:4px 0 12px 0;padding:0 0 0 0;text-transform:uppercase;}
#referenz{background-color:#fff;font-size:15px;line-height:20px;margin:0 0 0 0;min-height:640px;padding:0 0 0 0;width:100%;}
#referenz h2{font-family:DINNeuzeitGroteskStd-Light;font-size:13px;font-weight:normal;margin:4px 0 12px 0;padding:60px 0 0 0;text-transform:uppercase;}
#referenz label{display:block;float:left;margin:0;padding:0;width:90px;}
#plus{font-family:DINNeuzeitGroteskStd-Light;font-size:13px;float:left;line-height:20px;margin:0 0 0 0;padding:0 0 0 60px;width:23.3796296%;}
#plus h1{font-size:20px;font-weight:normal;margin:0 0 0 0;padding:0 0 0 0;}
#plus h2{font-size:13px;font-weight:normal;margin:0 0 -12px 0;padding:0 0 0 0;text-transform:uppercase;}
#contactDescription h1{margin:82px 0 0 0;}
#contactFeedback h1{margin:82px 0 0 0;}
#directory h1{margin:55px 0 0 0;}
#search h1{margin:82px 0 0 0;}
#fehler h1{margin:82px 0 0 0;}
#login h1{margin:82px 0 0 0;}
#search input{background-color:#ebe9e7;border-bottom:2px solid #ebe9e7;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px;color:#000;font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;height:18px;margin:10px 0 10px 0;;outline:0;padding:2px 0;width:120px;}
#adresse{float:right;margin:-42px 0 0 0;position:relative;width:220px;}
#adresse h1{font-size:20px;font-weight:normal;margin:0 0 17px 0;padding:0 0 0 0;}
#adresse h2{font-family:DINNeuzeitGroteskStd-Light;font-size:13px;font-weight:normal;margin:15px 3px 3px 0;padding:0 0 0 0;text-transform:uppercase;}
#adressedanke{float:right;margin:-42px 0 0 0;position:relative;width:220px;}
#logged_in{margin:12px 0 0 -25px;padding:0;}
#logged_in ul li{display:inline;margin:0;padding:0;}
#logged_in li a{margin:10px 10px 0 0;padding:0;}
#bottom{clear:both;background-color:#000;font-family:DINNeuzeitGroteskStd-Light;font-size:12px;height:120px;margin-left:auto;margin-right:auto;padding:0 0 0 0;width:100%;}
#bottom a{color:#fff;}
#bottom a:hover{color:#aaa;}
#footericons{color:#fff;float:right;padding:15px 25px 0 0;margin:0 0 0 0;}
#footericons img{padding:0 13px 0 0;margin:0 0 0 0;}
#footericons a{text-decoration:none;}
.teammember{float:left;margin:0 0 20px 0;width:100%;}
.linksbild{float:left;margin-right:24px;width:198px;}
.linkstext{float:left;margin-right:24px;width:400px;}
.rechts{float:left;font-family:DINNeuzeitGroteskStd-Light;font-size:14px;line-height:1.45;margin:22px 0 0 0;width:210px;}
.box{width:100%;}
.eintragbild{float:left;padding-right:60px;padding-bottom:30px;width:303px;}
.eintragtext{border-bottom:1px solid #e9eaea;float:left;min-height:240px;margin:0 0 30px 0;width:55%;}
.bedingungen{margin:30px 0 0 0;padding:30px 0 0 0;}
.bedingungen h3{margin:30px 0 0 0;padding:30px 0 0 0;}
.claim{font-size:29px;font-weight:normal;margin:0 0 12px 0;padding:0 0 0 0;}
.claimimg{float:right;margin:-64px 5px 0 0;padding:0 0 0 0;}
.suchform{float:right;margin:0 0 0 25px;padding:0;}
.hideme{visibility:hidden;width:119px;}
.beratg{width:71px;height:71px;float:left;margin:5px 0 0 0;padding:0 10px 0 0;}
.footlogo{float:left;margin:2px 0 0 0;}
.strasse{float:left;padding:22px 0 0 0;color:#fff;width:150px;}
.progr{float:left;margin:5px 0 0 0;padding:0 10px 0 0;}
.hide{display:none;}
#mediadir > div > div {margin:0 0 10px 0;}
#mediadir > div > div  a{font-size:18px;}
div.expanded {position:relative; top: -102px; left:-104px;}

table.productTable{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%;}
table.productTable th{background-color:#fff;border:0px solid #ccc;border-bottom:1px solid #ecedf3;color:#363636;height:40px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;vertical-align:bottom;}
table.productTable th.legend{width:467px;}
table.productTable th.nopain{border:none;height:30px;}
table.productTable th.product h3{background-color:#f2f2f2;border-right:1px solid #ecedf3;border-bottom:1px solid #f2f2f2;border-top:1px solid #ecedf3;font-size:15px;line-height:20px;height:40px;margin:0px 0px 0px 0px;padding:15px 10px 10px 10px;width:109px;}
table.productTable td{border-bottom:1px solid #ecedf3;border-right:1px solid #ecedf3;padding:5px 10px 5px 10px;vertical-align:middle;}
table.productTable td.product{text-align:center;}
table.productTable td.product.price{font-size:17px;font-weight:normal;}
table.productTable tr.row1 td{background-color:none;}
table.productTable tr.row1 td.legend{background-color:#f1eeee;}
table.productTable tr.row1 td.product{background-color:#f1eeee;}
table.productTable tr.row2 td{background-color:#fff;}
table.productTable tr.row2 td.legend{background-color:#fff;}
table.productTable tr.row2 td.product{background-color:#fff;}
table.productTable td.legend.footer{border:0px solid #ecedf3;}
table.productTable td.product.highlighted.footer,
table.productTable td.product.footer{border:0px solid #ecedf3;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;vertical-align:top;}
table.productTable td.product.footer p{background-color:#F2F2F2;border-bottom:1px solid #ecedf3;border-right:1px solid #ecedf3;border-left:1px solid #F2F2F2;float:left;height:auto;margin:0px 0px 0px 0px;padding:15px 10px 15px 10px;text-align:center;width:108px;}
table.productTable td.product.footer p .btn-gradient.little{width:97px;}
table.productTable td.product.footer p .btn-gradient.little.blue{background-position:-35px 0;}
table.productTable td.product.footer p .btn-gradient.little.blue:Hover{background-position:225px 0;}
table.productTable td.product.footer p .btn-gradient.little.green{background-position:-35px -40px;}
table.productTable td.product.footer p .btn-gradient.little.green:Hover{background-position:225px -40px;}
table.productTable td.product.footer.start p{border-left:1px solid #ecedf3;border-radius:0px 0px 0px 5px;width:109px;}
table.productTable td.product.footer.end p{border-radius:0px 0px 5px 0px;}
table.productTable td.product.footer.highlighted p{background-color:#cccccc;border:1px solid #cccccc;border-radius:0px 0px 5px 5px;color:#ffffff;padding:22px 11px 22px 10px;}
@media screen and (max-width:912px){#program, #consulting, #hosting{width:90%;}
#plus h1{margin:30px 0 15px 0;}
#plus{padding:0 0 0 0;width:100%;}
.box{float:left;width:48%;margin:0 0 20px 0;padding:0 5px 0 0;}
#adresse{float:left;margin:30px 0 20px 0;}
.eintragbild{padding:0px;margin:20px 0 0 0;width:303px;}
.eintragtext{min-height:150px;margin:0;padding:0 0 10px 0;width:100%;}
#referenz h2{padding:20px 0 0 0;}
}
@media screen and (max-width:768px){#head{margin:0 0 20px 0;}
#icons{display:none;}
.claim{font-size:22px;}
#claim{padding-bottom:10px;margin-bottom:15px;margin-top:35px;}
.refbox{width:50%;}
.linksbild{width:100%;}
.linkstext{clear:left;width:100%;}
.rechts{width:100%;}
#formular{width:100%}
}
@media screen and (max-width:480px){#program, #consulting, #hosting{width:90%;}
.claim{font-size:18px;}
#footericons{float:right;padding:0 25px 0 0;margin:-8px 0 0 0;}
#footericons img{display:none;}
#bottom{min-width:450px;padding:0 0 30px 0;}
}
@media screen and (max-width:360px){#bottom{min-width:320px;}
.claim{font-size:15px;}
.strasse{padding:22px 0 0 0;margin:0 0 0 24px;}
}

.bokehbild{height:300px;}

#app {
  margin: 0;
  width: 100%;
  height: 100%;
}

#app {
  overflow: hidden;
  touch-action: pan-up;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  text-shadow: 0 0 5px #ffffff, 0 0 20px #000, 0 0 30px #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

#app h1 {
  font-size: 60px;
  text-transform: uppercase;
}

#app a {
  text-decoration: none;
  color: #fff;
}

#app canvas {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}