@charset utf-8;

.bg_grey
{
  background-color:#999;
  color:#FFF;
}

.bg_grey a
{
  color:#FFF;
}

html
{
	min-width: 100%;
}

body
{
  background-color:#fff;
  color:#000;
  font-family:Roboto, sans-serif;
  overflow-x:hidden;
  margin:0;
  min-width: 100%;
}

section
{
  -ms-hyphens:auto;
  -moz-hyphens:auto;
  -webkit-hyphens:auto;
  hyphens:auto;
  min-width: 100%;
}

section img
{
	max-width: 100%;
}

#footer section, #projekte section
{
  border:none;
}

h4
{
  margin-top:5%;
  font-weight:400;
}

h5
{
  font-size:12px;
  font-weight:700;
  margin-bottom:0;
  margin-top:10px;
}

h2
{
  font-size:18px;
  font-weight:400;
  margin-bottom:0;
  margin-top:55px;
}

h1
{
  font-size:18px;
  font-weight:400;
  margin-bottom:0;
  margin-top:155px;
}

h6
{
  font-size:14px;
  font-weight:700;
  margin-bottom:-5px;
  margin-top:2px;
  padding-bottom:0;
}

.page {
	min-width: 100%;
}

.abstand-icon-graphic
{
  margin-top:25px;
}

.abstand-icon-graphic_head
{
  margin-top:115px;
}

.abstand-section_head
{
  margin-top:145px;
}

.abstand_textblock_innen
{
  padding-top:85px;
}

.abstand_textblock_innen2
{
  padding-top:55px;
}

.abstand_nachunten
{
  padding-bottom:55px;
}




.text-column
{
  margin-top:15px;
  font-weight:lighter;
  font-size:14px;
  line-height:22px;

}

#technologies
{
  margin-top:15px;
  font-weight:lighter;
  font-size:12px;
  line-height:20px;
  padding-bottom:5%;
}


#project-slideshow
{
  margin-top:0;
  font-weight:lighter;
  font-size:14px;
  line-height:20px;
  padding-bottom:5%;
  padding-top:10%;
}

#header-comp-name
{
  height:45px;
  width:98%;
  color:#747474;
  margin-top:20px;
  font-size:16pt;
  font-weight:400;
  text-align:right;
  padding-top:10px;
  padding-right:2%;
  position:absolute;
  top:0;
}

#is-logo
{
  position:absolute;
  top:6px;
  left:85px;
}

#is-logo img
{
  width:90px;
  height:67px;
}

.bg-picture
{
  top:0;
  border-bottom:3px solid #666;
  border-top:3px solid red;
}

.slogan
{
  position:absolute;
  font-size:3em;
  font-style:italic;
  font-weight:lighter;
  line-height:1.5em;
}

#slogan-beratung
{
  bottom:0;
  right:90px;
}

#slogan-programmierung
{
  bottom:0;
  left:130px;
  color:#949292;
}

.wordcontainer
{
  font-size:0;
  color:none;
  opacity:.75;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  cursor:pointer;
  background-repeat:no-repeat;
}

.activeword
{
  color:none;
}

.top_65px
{
  margin-top:65px;
}

.top_85px
{
  margin-top:85px;
}

.right_15px
{
  padding-right:15px;
}

.height
{
  height:15px;
}

#navigation
{
  position:fixed;
  left:0;
  right:0;
  top:15px;
  text-align:right;
  padding-top:25px;
  padding-right:25px;
  text-decoration:none;
  background-color:#949292;
  opacity:0.85;
  color:#FFF;
  height:45px;
}

#navigation a
{
  text-decoration:none;
  color:#FFF;
  font-style:normal;
  font-weight:300;
}

#footer
{
  font-size:11px;
  font-style:300;
  color:#FFF;
  background-color:#333;
}

#footer a
{
  text-decoration:none;
  color:#FFF;
}

.footer-column
{
  padding-top:5%;
  padding-bottom:5%;
}

.footer-column ul
{
  list-style-type:none;
  padding-left:none;
  margin-left:none;
}

.rotes_wort
{
  color:#de1e25;
}

.technologie_container
{
  margin-top:30px;
  text-align:justify;
  font-weight:lighter;
  font-size:14px;
  line-height:15px;
  min-height:200px;
  border-radius:8px;
}

.technologie_container_shadow
{
  border-radius:8px;
  box-shadow:0 1px 3px #C1C1C1;
}

.technologie_container_head
{
  font-weight:700;
  color:#666;
}

.technologie_container_text
{
  font-size:11px;
  font-weight:200;
}

.technologie_container_height
{
  min-height:200px;
}

.ex1-elternelement
{
  position:relative;
  box-shadow:0 2px 4px #C1C1C1;
}

.ex1-kindelement
{
  position:absolute;
  right:0;
  left:0;
  top:0;
  bottom:0;
  opacity:0;
  background-color:rgba(0,0,0,.7);
  color:#fff;
  text-align:center;
  border-radius:8px;
  padding-left:15px;
  padding-right:15px;
  padding-top:10px;
  font-size:12px;
  font-weight:200;
  line-height:17px;
}

.ex1-elternelement:hover .ex1-kindelement
{
  opacity:1;
}

.higru_relationaledb
{
  background:url(../images/relationaledatenbanken_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#A5957D;
}



.higru_odoo
{
  background:url(../images/odoo_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#ffffff;
}


.higru_mysql
{
  background:url(../images/mysql_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#91BBBF;
}

.higru_mariadb
{
  background:url(../images/mariadb_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#002b64;
}

.higru_oracledb
{
  background:url(../images/oracle_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#D02023;
}

.higru_xml
{
  background:url(../images/xml_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#22A92F;
}

.higru_vba
{
  background:url(../images/vba_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#BBBCBB;
}

.higru_javascript
{
  background:url(../images/JavaScript-logo.png);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#FFF;
}

.higru_ajax
{
  background:url(../images/ajax_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#C2DEFE;
}

.higru_j2ee
{
  background:url(../images/j2ee_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#FFF;
}

.higru_apache
{
  background:url(../images/apache_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#FFF;
}

.higru_php
{
  background:url(../images/php_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#A3A8BF;
}

.higru_jquery
{
  background:url(../images/jquery_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#343434;
}

.higru_python
{
  background:url(../images/python_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#FFF;
}

.higru_css3
{
  background:url(../images/css3_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#F97C17;
}

.higru_richfrontend
{
  background:url(../images/richfrontend_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#A86DEF;
}

.higru_apachelucene
{
  background:url(../images/apachelucene_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#897867;
}

.higru_responsive
{
  background:url(../images/responsive_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#1259FF;
}

.higru_hibernate
{
  background:url(../images/hibernate_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#EFE4BB;
}

.higru_spring
{
  background:url(../images/spring_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#FFF;
}

.higru_ruby
{
  background:url(../images/ruby_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#FFF;
}

.higru_googleapi
{
  background:url(../images/googleapi_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#BCCAF9;
}

.higru_groovy
{
  background:url(../images/groovy_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#654321;
}

.higru_grails
{
  background:url(../images/grails_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#AFCEFC;
}

.higru_junit
{
  background:url(../images/junit_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#ABD980;
}

.higru_apachemaven
{
  background:url(../images/maven_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#FFDFCA;
}

.higru_ejb
{
  background:url(../images/ejb_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#62AA86;
}

.higru_android
{
  background:url(../images/android_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#646769;
}

.higru_apple
{
  background:url(../images/apple_higru.gif);
  background-repeat:no-repeat;
  background-size:cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-position: center center;
  background-color:#BBB;
}

#over_effect
{
  background-color:#1D2735;
}

#over_effect:hover
{
  background-image:radial-gradient(circlefarthest-sideatcenter,#FFFFFF0%,#C99494300%);
}

#over_effect_text
{
  color:#1D2735;
}

.project
{
  background-color:#fff;
  opacity:.85;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  border-radius:10px;
  margin-top:25px;
  box-shadow:3px 3px 1px #555;
}

.head_project
{
  font-size:24px;
  font-weight:700;
  color:#333;
  padding:25px 35px 15px;
}

.text_project
{
  font-size:12px;
  font-weight:400;
  color:#000;
  padding:15px 35px;
}

.padding_left_project
{
  padding-left:25px;
}

.navigation-link
{
  margin-left:20px;
}

.active-link
{
  border-bottom-style:solid;
  border-color:#de1e25;
  border-width:4px;
}

#ferriswheel
{
  background-image:url(../images/bg_start2.gif);
  background-position:center;
  background-repeat:no-repeat;
  margin-top:95px;
  margin-bottom:0;
  position:relative;
}

#wheel-beratung
{
  background-image:url(../images/wheel_icon_beratung.gif);
}

#wheel-softwaredesign
{
  background-image:url(../images/wheel_icon_softwaredesign.gif);
}

#wheel-programmierung
{
  background-image:url(../images/wheel_icon_programmierung.gif);
}

#wheel-hosting
{
  background-image:url(../images/wheel_icon_hosting.gif);
}

#wheel-betreuung
{
  background-image:url(../images/wheel_icon_betreuung.gif);
}

#wheel-re-engineering
{
  background-image:url(../images/wheel_icon_reeingeneering.gif);
}

#kontaktform
{
  background-image:url(../images/bg_kontakt.gif);
  padding-bottom:2%;
}

.row
{
  margin-right:-15px;
  margin-left:-15px;
}
/*Kontaktform */
#kontaktform .grid_6 #contactForm .grid_6 .row{
  margin-left: 0px;
}
#kontaktform #refresh{
  margin-left: 85px;
  width: 30px;
  height: 30px;
  vertical-align: bottom;
}
#success{
  margin-bottom:5px;
}
.send{
/*  margin-top: -5px;*/
}
/**/
.formschoen
{
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
  float:left;
}

.help-block
{
  color:#3c763d;
}

.clearfix:before,.clearfix:after,.row:before,.row:after,.form-group:before,.form-group:after,
{
  display:table;
  content:" ";
}

.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-group:after,
{
  clear:both;
}

.btn
{
  display:inline-block;
  margin-bottom:0;
  font-size:14px;
  font-weight:400;
  line-height:1.42857143;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-image:none;
  border:1px solid transparent;
  border-radius:5px;
  padding:6px 12px;
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus
{
  outline:5px auto 0;
  outline-offset:-2px;
}

#descriptioncontainer
{
  margin-top:0;
  color:#000;
  background-color:#fff;
  font-size:14px;
  font-weight:light;
  line-height:.25in;
  border-radius:10px;
  padding-left:28px;
  padding-right:28px;
  padding-top:60px;
  top:20%;
  left:35%;
  right:35%;
  opacity:.65;
  filter:alpha(opacity=65);
  -moz-opacity:.65;
  z-index:2;
}

.btn:hover,.btn:focus,.btn.focus
{
  color:#333;
  text-decoration:none;
  z-index:2;
}

.btn:active,.btn.active
{
  background-image:none;
  outline:0;
  -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn
{
  pointer-events:none;
  cursor:not-allowed;
  filter:alpha(opacity=65);
  -webkit-box-shadow:none;
  box-shadow:none;
  opacity:.65;
}

.btn-xl
{
  border-radius:5px;
  text-transform:uppercase;
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  color:#fff;
  background-color:#505050;
  border-color:#505050;
  padding:10px 30px;
}

.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl
{
  color:#fff;
  background-color:red;
  border-color:red;
}

.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl
{
  background-image:none;
}

.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active
{
  background-color:#505050;
  border-color:#505050;
}

.btn-xl .badge
{
  color:#505050;
  background-color:#fff;
}

.btn:focus,.btn:active,.btn.active,.btn:active:focus
{
  outline:0;
}

.form-group
{
  margin-bottom:25px;
  margin-left:14px;
}

.form-control
{
  height:30px;
  font-size:12px;
  line-height:1.5;
  border-radius:5px;
  padding:5px 10px;
}

.form-group input,.form-group textarea
{
  border-radius:5px;
  padding:20px 20px 20px 20px;
  width: 280px;
}

.form-group input.form-control
{
  height:auto;
}

.form-group textarea.form-control
{
  height:193px;
  margin-left: 0px;
}

.form-control:focus
{
  box-shadow:none;
  border-color:#505050;
}

.text-danger
{
  color:#e74c3c;
}

.mindesthoehe
{
  min-height:10px;
}

.trennlinie
{
  background-image:url(../images/white_line.gif);
  background-repeat:repeat-y;
  height:20px;
  min-width:2px;
}

#over_effect_head,.white
{
  color:#fff;
}

: : -webkit-input-placeholder,: -moz-placeholder,: : -moz-placeholder,: -ms-input-placeholder
{
  text-transform:uppercase;
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:700;
  color:#bbb;
}

#descriptioncontainer h3,.textcenter,.text-center
{
  text-align:center;
}

.beratung-link,.design-link,.programmierung-link,.hosting-link,.betreuung-link,.review-link
{
  font-size:12px;
  font-weight:400;
  text-decoration:none;
  color:#727171;
}

.bg_color_grey
{
  color:#333;
}

.bg_screenshot_projekte
{
  background-color:#555;
  padding-top:10px;
  padding-bottom:10px;
  color:#fff;
  font-size:12px;
  font-weight:400;
}

img.projekte_screen
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  box-shadow:5px 5px 3px #000;
  max-width:90%;
}

ul
{
  list-style:none;
}

#projekte
{
  background-image:url(../images/bg_projekte.gif);
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  border-top:3px solid red;
  border-bottom:3px solid #666;
}

#technologien
{

  border-top:3px solid red;

}


.up_arrow
{
  opacity:.75;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
}