@charset "utf-8";
/*
Theme Name: Qoach Theme
Theme URI: 
Description: 
Version: 
Author: falk von heintschel
Author URI: www.vonheintschel.de
Tags:
*/


/*------- CSS RESETS --------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html { height: 100%; }
body { font-size: 0.8em; line-height: 1; letter-spacing: 1px; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

hr {
  border-color: #fff;
}

h1, h2, h3, h4, h5 {
  color: #fff;
}

h1 {
  color: #fff;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2em;
}

p { font-size: 1em; line-height: 1.25em; color: #fff; }

a, a:hover, a:focus { color: #fff; text-decoration: none; }

/* css-clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }  
.clearfix:after { clear: both; }  
   
html[xmlns] .clearfix { display: block; }  
* html .clearfix { height: 1%; }  


/* ---------- Styles ---------- */

/****************************************/
/* general  */

body {
  scrollbar-base-color: transparent;
  scrollbar-3dlight-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-track-color: #6F8493;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #000;
  scrollbar-dark-shadow-color: #000;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}
 
::-webkit-scrollbar-track-piece {
    background-color: transparent;
}
 
::-webkit-scrollbar-thumb:vertical {
    background: #6F8493;
}

body {
  background: #E2EAEE;
  font-weight: 300;
  overflow-x: hidden;
}

.row {
  max-width: 1280px;
}

.columns {
  padding: 0;
}

#turnyourdevice {
  display: none;
  margin-top: 5em;
}

#turnyourdevice h1 {
  color: #000;
  font-size: 1.5em;
  margin-top: 2em;
}

#wrapper {
  position: relative;
  width: 1040px;
  margin: 0em auto;
}

#wrapper > div:nth-of-type(2) {
  overflow: hidden;
}

#header {
  position: relative;
  padding: 0;
  background: url(images/bg_header.png) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}

#logo {
  margin: 2em 0 0;
  text-align: center;
}

#social, #langswitch, #news {
  top: 0;
  z-index: 10;
}

.socialitem {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  border-right: 1px solid #fff;
  background-color: #7E9AA7;
}

.socialitem:nth-of-type(1) {
  background: url(images/home-button_weiss.svg) no-repeat;
  background-size: 100% auto;
}
.socialitem:nth-of-type(1):hover {
  background: url(images/home-button_orange.svg) no-repeat;
  background-size: 100% auto;
}

.socialitem:nth-of-type(2) {
  background: url(images/xing-button_weiss.svg) no-repeat;
  background-size: 100% auto;
}
.socialitem:nth-of-type(2):hover {
  background: url(images/xing-button_orange.svg) no-repeat;
  background-size: 100% auto;
}

.socialitem:nth-of-type(3) {
  background: url(images/linkedin-button_weiss.svg) no-repeat;
  background-size: 100% auto;
}
.socialitem:nth-of-type(3):hover {
  background: url(images/linkedin-button_orange.svg) no-repeat;
  background-size: 100% auto;
}

.socialitem:nth-of-type(4) {
  background: url(images/google-button_weiss.svg) no-repeat;
  background-size: 100% auto;
}
.socialitem:nth-of-type(4):hover {
  background: url(images/google-button_orange.svg) no-repeat;
  background-size: 100% auto;
}

#social a:last-of-type {
  border-color: #7E9AA7;
}

#langswitch img {
  margin: 3px;
}

#news {
  width: 24.75%;
  right: 0;
  padding: 0;
  overflow: hidden;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

#newsslider {
  display: none;
}

#news .orbit-container .orbit-slides-container {
  overflow: hidden;
}

#news .orbit-container .orbit-slides-container > li {
}

#news .newsitem {
  padding: 1.4em 0.9375rem 1em;
  background-image: none;
}

#news .animate-in .newsitem, #news .active .newsitem {
  background: rgb(226, 234, 238);
  background: -moz-linear-gradient(45deg, rgb(226, 234, 238) 11%, rgb(255, 255, 255) 73%);
  background: -webkit-linear-gradient(45deg, rgb(226, 234, 238) 11%, rgb(255, 255, 255) 73%);
  background: -o-linear-gradient(45deg, rgb(226, 234, 238) 11%, rgb(255, 255, 255) 73%);
  background: -ms-linear-gradient(45deg, rgb(226, 234, 238) 11%, rgb(255, 255, 255) 73%);
  background: linear-gradient(135deg, rgb(226, 234, 238) 11%, rgb(255, 255, 255) 73%);
}

#news .animate-out .newsitem {
  background-image: none;
}

#news .newsitem .newsitem-txt {
  overflow: hidden;
}

#news .newsitem .newsitem-txt h2 {
  font-size: 1.25em;
  color: #f39400;
  text-transform: uppercase;
}

#news .newsitem .newsitem-txt p {
  margin: 0.5em 0 0;
  font-size: 0.9em;
  color: #75777b;
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
  z-index: 1;
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
  position: absolute;
  top: 45%;
  margin-top: -25px;
  width: 36px;
  height: 60px;
  line-height: 50px;
  color: white;
  background: url(images/pfeil-left.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 20px;
  background-color: transparent;
  text-indent: -9999px !important;
  z-index: 10; 
}

.orbit-container .orbit-next {
  background: url(images/pfeil-right.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 20px;
}

.orbit-container .orbit-prev > span,
.orbit-container .orbit-next > span {
  border: none;
}

.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
  background-color: rgba(255, 255, 255, 0.3); 
}

#news .orbit-container .orbit-prev > span {
  border-right-color: #7E9AA7;
}

/*#news .orbit-container .orbit-prev:hover > span {
  border-right-color: white; 
}*/

#news .orbit-container .orbit-next > span {
  border-color: transparent transparent transparent #7E9AA7;
}

/****************************************/
/* navigation */

#navigation {
  position: relative;
  margin: 10px 0 0;
}

#navigation ul#menu-hauptmenue,
#navigation ul#menu-mainmenu {
  width: 100%;
}

#navigation ul#menu-hauptmenue li,
#navigation ul#menu-mainmenu li,
#mobilenavigation ul.menu li {
  position: relative;
  width: 24.75%;
  float: left;
  margin: 0 0.33% 0 0;
  background: #7E9AA7;
  text-align: center;
}

#navigation ul#menu-hauptmenue li:last-of-type,
#navigation ul#menu-mainmenu li:last-of-type,
#mobilenavigation ul.menu li:last-of-type {
  margin: 0;
}

#navigation ul#menu-hauptmenue li a,
#navigation ul#menu-mainmenu li a,
#mobilenavigation ul.menu li a {
  display: block;
  padding: 5px 0;
  color: #fff; 
  text-transform: uppercase;
}

#navigation ul#menu-hauptmenue li ul.sub-menu,
#navigation ul#menu-mainmenu li ul.sub-menu {
  position: absolute;
  display: none;
  width: 100%;
  margin: 0;
  padding-top: 5px;
  z-index: 100;
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:    0px 3px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow:         0px 3px 4px 0px rgba(0, 0, 0, 0.75);
}

#navigation ul#menu-hauptmenue li:hover > .sub-menu,
#navigation ul#menu-mainmenu li:hover > .sub-menu {
  display: block;
}

#navigation ul#menu-hauptmenue li ul.sub-menu li,
#navigation ul#menu-mainmenu li ul.sub-menu li {
  width: 100%;
  padding: 3px 0 3px 15px;
  text-align: left;
  z-index: 100;
  background-image: -webkit-gradient(linear,right bottom,left bottom,color-stop(0.26, #D7E1E6),color-stop(0.4, #BED0D8),color-stop(0.81, #7E9AA7));
  background-image: -o-linear-gradient(left, #D7E1E6 26%, #BED0D8 40%, #7E9AA7 81%);
  background-image: -moz-linear-gradient(left, #D7E1E6 26%, #BED0D8 40%, #7E9AA7 81%);
  background-image: -webkit-linear-gradient(left, #D7E1E6 26%, #BED0D8 40%, #7E9AA7 81%);
  background-image: -ms-linear-gradient(left, #D7E1E6 26%, #BED0D8 40%, #7E9AA7 81%);
  background-image: linear-gradient(to left, #D7E1E6 26%, #BED0D8 40%, #7E9AA7 81%);
  border-bottom: 1px solid #D7E1E6;
}

#navigation ul#menu-hauptmenue li ul.sub-menu li:last-of-type,
#navigation ul#menu-mainmenu li ul.sub-menu li:last-of-type {
  border: none;
}

#navigation ul#menu-hauptmenue li ul.sub-menu li:hover,
#navigation ul#menu-mainmenu li ul.sub-menu li:hover {
  background-image: -webkit-gradient(linear,left top,right bottom,color-stop(1, #F3C780),color-stop(1, #FCDEAE));
  background-image: -o-linear-gradient(right bottom, #F3C780 100%, #FCDEAE 100%);
  background-image: -moz-linear-gradient(right bottom, #F3C780 100%, #FCDEAE 100%);
  background-image: -webkit-linear-gradient(right bottom, #F3C780 100%, #FCDEAE 100%);
  background-image: -ms-linear-gradient(right bottom, #F3C780 100%, #FCDEAE 100%);
  background-image: linear-gradient(to right bottom, #F3C780 100%, #FCDEAE 100%);
}

#navigation ul#menu-hauptmenue li ul.sub-menu li a,
#navigation ul#menu-mainmenu li ul.sub-menu li a {
  text-transform: capitalize;
}

#content {
  position: relative;
  z-index: 0;
  width: 120%;
  height: 100%;
  margin: 5px 0 30px;
  overflow: hidden;
  background: #7e9aa7;
}

/****************************************/
/* coaching modules  */

.module {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  float: left;
  width: 20%;
  height: 100%;
  margin: 0 0 0 0;
  color: #fff;
  background-color: #7E9AA7;
  -webkit-box-shadow: inset 10px 0px 15px -5px rgba(50, 50, 50, 1);
  -moz-box-shadow:    inset 10px 0px 15px -5px rgba(50, 50, 50, 1);
  box-shadow:         inset 10px 0px 15px -5px rgba(50, 50, 50, 1);
}

/*#module bg*/
.module:nth-of-type(1){
  background: url(images/bg_slider-exzellenz.jpg) no-repeat;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}
.module:nth-of-type(2){
  background: url(images/bg_slider-executive-coaching.jpg) no-repeat;
}
.module:nth-of-type(3){
  background: url(images/bg_slider-business-coaching.jpg) no-repeat;
}
.module:nth-of-type(4){
  background: url(images/bg_slider-team-coaching.jpg) no-repeat;
}
.module:nth-of-type(5){
  background: url(images/bg_slider-individual-coaching.jpg) no-repeat;
}

.module .opac {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  filter:alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.module:hover .opac {
  filter:alpha(opacity=);
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
}

.module:nth-of-type(1) .opac {
  background-color: #7E9AA7;
}

.module:nth-of-type(2) .opac {
  background-color: #f39400;
}

.module:nth-of-type(3) .opac {
  background-color: #7E9AA7;
}

.module:nth-of-type(4) .opac {
  background-color: #f39400;
}

.module:nth-of-type(5) .opac {
  background-color: #7E9AA7;
}

.module a {
  color: #fff;
  white-space: nowrap;
}

.module.big {
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  cursor: default;
  overflow: auto;
}

.module.big.init, .module.small.init {
  width: 20%;
}

.module.big .opac {
  filter:alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.module .field {
  position: relative;
  height: 100%;
  padding: 130% 1.5em 1.5em;
}

.module.small .field {
  display: block;
}

.module.big .field {
}

.module .field .icon {
  position: absolute;
  width: 100%;
  height: 60px;
  padding-right: 1.5em;
  overflow: hidden; 
}

.module .field .category {
  position: relative;
  top: 4.5em;
}

.module .field .category h1 {
  margin-bottom: 0.5em;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2em;
}

.module.init .field .category p,
.module.big.init .field .category p, 
.module.small.init .field .category p {
  display: block;
}

.module.small .field .category p, 
.module.big .field .category p {
  display: none;
}

.module .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 1.25em 2.5em 1.5em 1.5em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.module.big .inner {
  position: absolute;
}

.module .module-close {
  display: none;
  position: absolute;
  top: 0.5em;
  left: 0.75em;
  font-size: 2em;
  -webkit-transform: rotate(135deg) translateX(0px); 
  -moz-transform:    rotate(135deg) translateX(0px);
  -ms-transform:     rotate(135deg) translateX(0px);
  -o-transform:      rotate(135deg) translateX(0px); 
  transform:         rotate(135deg) translateX(0px); 
  cursor: pointer;
  z-index: 100;
}

.module.big .module-close {
  display: block;
}

.module .inner .module-nav {
  position: relative;
  float: left;
  width: 23%;
  padding: 4em 0 0;
}

.module .inner .module-nav .module-icon {
  position: relative;
  width: 50px;
  height: 50px;
}

.module:nth-of-type(1) .field .icon {
  background: url(images/icon_1vl_qoach.svg) -2px top no-repeat;
  background-size: 50px 50px;
}
.module:nth-of-type(2) .field .icon {
  background: url(images/icon_2vl_qoach.svg) -5px top no-repeat;
  background-size: 50px 50px;
}
.module:nth-of-type(3) .field .icon {
  background: url(images/icon_3vl_qoach.svg) -5px top no-repeat;
  background-size: 50px 50px;
}
.module:nth-of-type(4) .field .icon {
  background: url(images/icon_4vl_qoach.svg) -5px top no-repeat;
  background-size: 50px 50px;
}
.module:nth-of-type(5) .field .icon {
  background: url(images/icon_5vl_qoach.svg) -5px top no-repeat;
  background-size: 50px 50px;
}

.module .inner .module-nav .module-icon h1,
#team .leftcol h1, 
#team .rightcol h1,
#newspage .leftcol h1 {
  /*padding: 60px 0 0;*/
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2em;
  width: 15%;
}

.module.small .inner .module-nav .module-icon h1 {
  width: 100px;
  white-space: normal;
}

.module .inner .module-nav ul, .module.small .inner .module-nav ul {
  position: relative;
  visibility: hidden;
  width: auto;
  margin: 8em 0 0;
}

.module.big .inner .module-nav ul {
  visibility: visible;
}

.module.big .inner .module-nav ul li {
  margin: 0.5em 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #fff;
}

.module.big .inner .module-nav ul li:hover {
  font-weight: bold;
  border-bottom: 2px solid #fff;
}

.module.big .inner .module-nav ul li.subtitle {
  margin: 1em 0 0.5em;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2em;
  border: none;
}

.module .inner .module-nav .module-excerpt {
  display: block;
  position: absolute;
  width: 200px;
  margin-top: 100px;
}

.module .inner .module-nav .module-excerpt p {
  font-size: 0.9em;
}

.module.big .inner .module-nav .module-excerpt {
  display: none;
}

.module .inner .module-content, .module.small .inner .module-content {
  visibility: hidden;
}

.module.big .inner .module-content {
  position: relative;
  visibility: visible;
  float: left;
  width: 72%;
  margin: 0 0 5em 5%;
  padding: 0 0 15em 0;
  overflow: auto;
}

.module.big .inner .module-content {
  display: block;
}

.module.big .inner .top,
.top {
  display: none;
  position: fixed;
  bottom: 8em;
  padding-left: 1.5em;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
     -moz-transition: opacity 0.5s linear;
       -o-transition: opacity 0.5s linear;
          transition: opacity 0.5s linear;
}

.module.big .inner .top.visible,
.top.visible {
  display: block;
  opacity: 1;
}

/*.page-template-team-php .top {
  left: 4em;
}*/

.module.big .inner .module-content > div:last-of-type {
  margin: 0 0 10em;
}

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: block; 
}

.module .orbit-container .orbit-prev > span {
  border-right-color: #7E9AA7;
}

.module .orbit-container .orbit-prev:hover > span {
  border-right-color: #7E9AA7; 
}

.module .orbit-container .orbit-next > span {
  border-left-color: #7E9AA7;
}

.module .orbit-container .orbit-next:hover > span {
  border-left-color: #7E9AA7; 
}

.module .inner .module-content .module-slide .orbit-container .orbit-bullets {
  top: 5px;
}

.module .inner .module-content .module-slide .orbit-container .orbit-bullets li {
  width: 0.45rem;
  height: 0.45rem;
  cursor: pointer;
}

.module:nth-of-type(1) .inner .module-content .module-slide .orbit-container .orbit-bullets li.active,
.module:nth-of-type(3) .inner .module-content .module-slide .orbit-container .orbit-bullets li.active,
.module:nth-of-type(5) .inner .module-content .module-slide .orbit-container .orbit-bullets li.active {
  background: #F39400;
}

.module:nth-of-type(2) .inner .module-content .module-slide .orbit-container .orbit-bullets li.active,
.module:nth-of-type(4) .inner .module-content .module-slide .orbit-container .orbit-bullets li.active {
  background: #7e9aa7;
}

.module .inner .module-content .module-block {
  padding: 1em 0;
  margin: 2em 0;
  border-bottom: 1px solid #fff;
}

.module .inner .module-content .module-block p.title {
  margin: 0 0 0.5em;
}

.module .inner .module-content .module-block p {
}

p span.quote {
  display: inline-block;
  font-size: 1.5em;
  line-height: 1.1em;
  font-style: italic;
  font-weight: lighter;
  margin: 0.5em 0.25em;
}

/****************************************/
/* team + news */

.rightcol {
  /*overflow-y: auto;
  overflow-x: hidden;*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.page-template-referenzen-php .inner,
.page-template-kontakt-php .inner,
#newspage.inner {
 /*padding: 0 8.3333%; */
 padding: 1.25em 2.5em 1.5em 1.5em;
}

#team, #newspage {
  margin: 5px auto 30px;
  background-color: #7e9aa7;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#team > div,
#newspage > div {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#team.large-10, #newspage.large-10 {
  width: 82%;
}

.page-template-team-php .leftcol {
  padding: 1.25em 2.5em 1.5em 1.5em;
}

#newspage .leftcol,
.page-template-referenzen-php .leftcol,
.page-template-kontakt-php .leftcol,
.page-template-news-php .leftcol {
  /*position: fixed;
  width: 11%;*/
  margin: 0 2em;
  /*padding: 2.25em 0 0;*/
}

.page-template-referenzen-php .rightcol,
.page-template-kontakt-php .rightcol {
  /*padding: 2.25em 0 0;*/
}

.page-template-team-php .leftcol ul,
#newspage .leftcol ul,
.page-template-referenzen-php .leftcol ul,
.page-template-kontakt-php .leftcol ul {
  margin-top: 4em;
}

#team .leftcol h1,
#team .rightcol h1,
#newspage .leftcol h1 {
  width: auto;
  margin: 0;
  padding: 0;
}

#team .rightcol,
#newspage .rightcol {
  position: relative;
  /*width: 80.3333%;
  margin: 0 0 0 19.3333%;
  padding: 0 0 20em;*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#team .rightcol .portrait h1,
#newspage .rightcol .article h1 {
  margin: 0 0 0.5em;
}

#team .rightcol .certificates h1 {
  margin: 0 0 2em;
}

.person > div:nth-of-type(1) {
  border-bottom: 1px solid #fff;
}

.person, .article {
  padding: 2.25em 0 0;
  margin: 1em 0;
}

.person .persontxt, .article .newstxt {
  margin: 2em 0;
}

.person > div {
  padding: 0 0 2em;
}

.person .smallimg {
  float: left;
  width: 29%;
  margin: 0 1em 0 0;
}

.person .largeimg {
  float: left;
  width: 65%;
  margin: 0 0 0 1em;
}

.person .smallimg img,
.person .largeimg img {
  margin: 0 0 0.5em;
}

.persontxt > div {
  padding: 2em 0 0;
}

.person .contact p {
  font-size: 0.9em;
}

.person:nth-of-type(1), .article:nth-of-type(1) {
  margin: 0 0 1em;
}

#team .rightcol .certificates {
  /*margin: 0 0 5em;*/
}

#team .rightcol .certificate {
  padding: 0 0 1em;
  border-bottom: 1px solid #fff; 
}

#team .rightcol .contact img {
  margin: 0 0 1em;
}

.page-nav ul li {
  margin: 0.5em 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #fff;
}

.page-nav ul li:hover {
  border-bottom: 2px solid #fff;
}

.page-nav ul li a {
  white-space: nowrap;
}

.page-nav ul li a:hover {
  font-weight: bold;
}

.article .newstxt {
 padding: 0 0 1em;
}

.article .sharebuttons {
 border-bottom: 1px solid #fff; 
 padding: 0 0 2em;
}

.article .stButton .stFb, 
.article .stButton .stTwbutton, 
.article .stButton .stMainServices {
  height: 24px;
}

.article .stButton .stButton_gradient {
  height: 22px;
}

#team .rightcol iframe {
  width: 100%;
  height: 375px;
}

/****************************************/
/* footer */

#footer {
  position: fixed;
  width: 1280px;
  bottom: 0;
  margin: 0;
  padding: 0.75em 0;
  background-color: #75777B;
  -webkit-box-shadow: inset 0px 10px 15px -5px rgba(50, 50, 50, 1);
  -moz-box-shadow:    inset 0px 10px 15px -5px rgba(50, 50, 50, 1);
  box-shadow:         inset 0px 10px 15px -5px rgba(50, 50, 50, 1);
}

#footer p {
  font-size: 0.85em;
}


/**********************************/
/*        MEDIA QUERIES           */
/**********************************/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 640px) and (orientation: portrait) {
body {
  overflow: hidden;
}
#turnyourdevice {
  display: none; important!
}
#wrapper {
  width: 98%;
}
.home #wrapper {
  position: fixed;
  width: 100%;
  left: 1%;
}
#logo {
  margin: 0;  
}
#news {
  display: none;
}
#togglenav {
  padding: 0.5em;
}
#overlay {
  display: none;
  position: fixed;
  width: 100%;
  top: 4em;
  bottom: 0;
  background: #7e9aa7;
  z-index: 100;
}
.showoverlay #overlay {
  display: block;
}
#mobilenavigation ul {
  position: relative;
}
#menu-smartphone,
#sociallist,
#langlist {
  margin: 0.5em 0;
}
#mobilenavigation ul.menu li {
  clear: both;
  width: 100%;
  padding: 0.1em 1em;
  text-align: left;
}
#mobilenavigation ul.menu li a,
#mobilenavigation ul.menu li span {
  font-size: 1em;
}
#mobilenavigation ul.menu li a span {
  font-size: 1em;
}
#mobilenavigation ul.menu li span {
  color: #fff;
  text-transform: uppercase;
}
#navigation ul#menu-hauptmenue li:hover > ul.sub-menu,
#navigation ul#menu-mainmenu li:hover > ul.sub-menu {
  display: none;
}
ul#menu-smartphone li:nth-of-type(1) {
  margin: 0.5em 0 0.25em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
#mobilenavigation #overlay ul#menu-smartphone li:nth-of-type(5),
#mobilenavigation #overlay #sociallist ul li:nth-of-type(3) {
  margin-bottom: 0.25em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
#content {
  /*position: fixed;*/
  width: 98%;
  height: auto;
  overflow: hidden;
}
.module {
  clear: both;
  width: 100%;
  max-width: 100%;
  height: 100px;
}
.module:nth-of-type(1),
.module:nth-of-type(2), 
.module:nth-of-type(3), 
.module:nth-of-type(4), 
.module:nth-of-type(5) {
  background: none;
}
.module .inner {
  padding-top: 0;
}
.module a {
  white-space: normal;
}
.module .field {
  padding: 1em;
}
.module .field .icon {
  top: 30%;
  width: 20%;
}
.module.big .inner .module-nav .module-icon {
  position: fixed;
  width: 90%;
  height: 70px;
  padding: 1em 0 0;
}
.module:nth-of-type(1) .inner .module-nav .module-icon {
  background-color: #7E9AA7;
  background-position: 20px 0;
}
.module:nth-of-type(2) .inner .module-nav .module-icon {
  background-color: #f39400;
  background-position: 20px 0;
}
.module:nth-of-type(3) .inner .module-nav .module-icon {
  background-color: #7E9AA7;
  background-position: 20px 0;
}
.module:nth-of-type(4) .inner .module-nav .module-icon {
  background-color: #f39400;
  background-position: 20px 0;
}
.module:nth-of-type(5) .inner .module-nav .module-icon {
  background-color: #7E9AA7;
  background-position: 20px 0;
}
.module .inner .module-nav .module-icon img {
  position: absolute;
  width: 50px;
  left: 20px
}
.module .inner .module-nav .module-icon h1 {
  position: absolute;
  width: auto;
  left: 80px;
}
.module.big .inner .module-nav ul {
  display: none;
}
.module .inner .module-nav {
  width: 90%;
  padding: 0;
  z-index: 10;
}
.module.big .inner .module-content {
  width: 100%;
  margin: 5em 0 0;
  padding: 0;
}
.module .inner .module-content .module-slide .orbit-container .orbit-bullets {
  display: none;
}
.module .field .category {
  width: 80%;
  top: 40%;
  left: 5em;
}
.module .field .category h1 {
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
.module.init .field .category p, 
.module.big.init .field .category p, 
.module.small.init .field .category p {
  font-size: 0.85em;
}
#team .leftcol {
  padding: 1.5em 2.5em 1.5em 0em;
}
#newspage .leftcol, 
.page-template-referenzen-php .leftcol, 
.page-template-kontakt-php .leftcol, 
.page-template-news-php .leftcol {
  margin: 0;
}
.page-template-team-php .leftcol,
.page-template-referenzen-php .leftcol,
.page-template-kontakt-php .leftcol,
#newspage .leftcol {
  width: 100%;
  background: #7E9AA7;
  z-index: 10;
}
#team .leftcol h1,
#team .rightcol h1,
#newspage .leftcol h1 {
  padding: 0;
}
.page-template-team-php .leftcol ul,
.page-template-referenzen-php .leftcol ul,
.page-template-kontakt-php .leftcol ul,
#newspage .leftcol ul {
  display: none;
}
#team .rightcol, #newspage .rightcol {
  width: 100%;
  margin: 0em;
  padding: 0em 1em 0;
}
.page-template-referenzen-php .inner,
.page-template-kontakt-php .inner {
  padding: 0 1em 0;
}
.person, .article {
  padding: 0.25em 0 0;
  margin: 0;
  border-bottom: 1px solid #FFF;
}
.person > div:nth-of-type(1) {
  margin: 1em 0;
  border: none;
}
#team .rightcol .certificate {
  border: none;
}
.person .smallimg {
  width: 25%;
}
#footer {
  position: fixed;
  padding: 0.75em 0;
}
#footer p:nth-of-type(1) {
  display: none;
}
#footer #logofooter {
  display: none;
}
}

@media only screen and (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
}

/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#wrapper {
  width: 960px;
}
.module .field {
  padding: 3em 1.5em 1.5em;
}
.module.init .field .category p, 
.module.big.init .field .category p, 
.module.small.init .field .category p {
  font-size: 0.85em;
}
#team .leftcol, #newspage .leftcol {
  /*position: fixed;
  width: 15.3333%;*/
  position: relative;
}
#footer {
  padding: 1em 0 0.5em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
#wrapper {
  width: 720px;
}
}

/* desktop screens ----------- */
@media only screen and (min-width: 1400px) {
#wrapper {
  width: 1280px;
}
#content {
  max-height: none;
  margin: 5px 0 0;
}
}

@media only screen and (max-width: 1280px) {
body {
  font-size: 0.85em;
}
#news .newsitem .newsitem-txt h2 {
  font-size: 1em;
}
#news .newsitem .newsitem-txt p {
  font-size: 0.8em;
}
}

/* desktop screens ALTERNATIVE ----------- */
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
#content {
}

} 

/* ---------- /Styles ---------- */