/*	---------------------------------------------------------------------- */
/*	
	Name: tenalis.ch
	Date: May 2018
	Version: 1.1
	Author: Daniel Baumgartner
	Autor URI: icontel.com
*/
/*	---------------------------------------------------------------------- */
@font-face {
  font-family: 'Akkurat';
  src: url("../fonts/Akkurat.eot?#iefix") format("embedded-opentype"), url("../fonts/Akkurat.otf") format("opentype"), url("../fonts/Akkurat.woff") format("woff"), url("../fonts/Akkurat.ttf") format("truetype"), url("../fonts/Akkurat.svg#Akkurat") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Akkurat-Bold';
  src: url("../fonts/Akkurat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Akkurat-Bold.otf") format("opentype"), url("../fonts/Akkurat-Bold.woff") format("woff"), url("../fonts/Akkurat-Bold.ttf") format("truetype"), url("../fonts/Akkurat-Bold.svg#Akkurat-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'UtopiaStd-Regular';
  src: url("../fonts/UtopiaStd-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/UtopiaStd-Regular.otf") format("opentype"), url("../fonts/UtopiaStd-Regular.woff") format("woff"), url("../fonts/UtopiaStd-Regular.ttf") format("truetype"), url("../fonts/UtopiaStd-Regular.svg#UtopiaStd-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'UtopiaStd-Italic';
  src: url("../fonts/UtopiaStd-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/UtopiaStd-Italic.otf") format("opentype"), url("../fonts/UtopiaStd-Italic.woff") format("woff"), url("../fonts/UtopiaStd-Italic.ttf") format("truetype"), url("../fonts/UtopiaStd-Italic.svg#UtopiaStd-Italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'iconcon';
  src: url("../fonts/iconcon.eot");
  src: url("../fonts/iconcon.eot?#iefix") format("embedded-opentype"), url("../fonts/iconcon.woff") format("woff"), url("../fonts/iconcon.ttf") format("truetype"), url("../fonts/iconcon.svg#iconcon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class*='icon-']:before {
  display: inline-block;
  font-family: 'iconcon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-up:before {
  content: '\0041'; }

.icon-arrow-right:before {
  content: '\0042'; }

.icon-arrow-down:before {
  content: '\0043'; }

.icon-arrow-left:before {
  content: '\0044'; }

.icon-spickel-up:before {
  content: '\0045'; }

.icon-spickel-right:before {
  content: '\0046'; }

.icon-spickel-down:before {
  content: '\0047'; }

.icon-spickel-left:before {
  content: '\0048'; }

.icon-burger:before {
  content: '\0049'; }

.icon-close:before {
  content: '\004a'; }

.icon-mail:before {
  content: '\004b'; }

.icon-phone:before {
  content: '\004c'; }

.icon-globe:before {
  content: '\004d'; }

.icon-plus:before {
  content: '\004e'; }

.icon-minus:before {
  content: '\004f'; }

.icon-search:before {
  content: '\0050'; }

.icon-pdf:before {
  content: '\0051'; }

.icon-space-invader:before {
  content: '\0052'; }

/*	---------------------------------------------------------------------- */
/* 	settings */
/*	---------------------------------------------------------------------- */
/*	---------------------------------------------------------------------- */
/* 	global */
/*	---------------------------------------------------------------------- */
html, button, input, select, textarea {
  color: #1E1E1E; }

body {
  background: rgba(30, 30, 30, 0.1);
  font-family: "UtopiaStd-Regular", serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  color: #1E1E1E;
  overflow-x: hidden !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body, html {
  margin: 0;
  padding: 0; }

/*	---------------------------------------------------------------------- */
/* 	helper & mixins */
/*	---------------------------------------------------------------------- */
.row:after, .header-container:after {
  content: "";
  display: table;
  clear: both; }

.header-container .logo-container img, .header-container .navigation-container ul li a, section.team .nowrapper .row .portrait-container .portrait img {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

ul.list, .header-container .navigation-container ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.focuspoint {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .focuspoint img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: none;
    max-width: none; }

::-moz-selection {
  color: #FFFFFF;
  background: #0588CB; }

::selection {
  color: #FFFFFF;
  background: #0588CB; }

/*  ---------------------------------------------------------------------- */
/*  dnn overwrite */
/*  ---------------------------------------------------------------------- */
.Normal, .NormalDisabled, .NormalDeleted {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit; }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
  display: inherit;
  font-family: inherit;
  font-weight: inherit; }

/*	---------------------------------------------------------------------- */
/* 	typography */
/*	---------------------------------------------------------------------- */
h1 {
  font-family: "Akkurat-Bold", sans-serif;
  font-weight: 300;
  margin: 0 0 0.5em 0;
  padding: 0; }

h2 {
  font-family: "Akkurat-Bold", sans-serif;
  font-weight: 300;
  margin: 0 0 0.5em 0;
  padding: 0; }

h3 {
  font-family: "Akkurat-Bold", sans-serif;
  font-weight: 300;
  margin: 0 0 0.5em 0;
  padding: 0; }

h4 {
  font-family: "Akkurat-Bold", sans-serif;
  font-weight: 300;
  margin: 0 0 0.5em 0;
  padding: 0; }

h1 {
  font-family: "UtopiaStd-Italic", serif;
  font-size: 5em;
  line-height: 1.1em; }

h2 {
  font-family: "UtopiaStd-Italic", serif;
  font-size: 5em;
  line-height: 1.1em; }

h3 {
  font-family: "UtopiaStd-Italic", serif;
  font-size: 5em;
  line-height: 1.1em; }

h4 {
  font-family: "UtopiaStd-Italic", serif;
  font-size: 5em;
  line-height: 1.1em; }

h2 {
  font-family: "Akkurat-Bold", sans-serif;
  font-size: 2em;
  line-height: 1.2em; }

h3 {
  font-family: "Akkurat-Bold", sans-serif;
  font-size: 2em;
  line-height: 1.2em; }

h4 {
  font-family: "Akkurat-Bold", sans-serif;
  font-size: 2em;
  line-height: 1.2em; }

h3 {
  font-family: "UtopiaStd-Italic", serif;
  font-size: 2em;
  line-height: 1.2em;
  margin: 0; }

h4 {
  font-family: "UtopiaStd-Italic", serif;
  font-size: 2em;
  line-height: 1.2em;
  margin: 0; }

h4 {
  font-family: "Akkurat-Bold", sans-serif;
  font-size: 1.25em;
  line-height: 1.2em;
  margin: 0; }

h1.primary, h2.primary, h3.primary, h4.primary, h5.primary, h6.primary, p.primary, span.primary, ul.primary, li.primary, a.primary {
  color: #0588CB; }

h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary, h6.secondary, p.secondary, span.secondary, ul.secondary, li.secondary, a.secondary {
  color: #06377B; }

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black, p.black, span.black, ul.black, li.black, a.black {
  color: #1E1E1E; }

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, p.white, span.white, ul.white, li.white, a.white {
  color: #FFFFFF; }

p, pre {
  margin: 0 0 1.5em 0; }

p:last-child, pre:last-child {
  margin: 0; }

em, i {
  font-family: "UtopiaStd-Italic", serif;
  font-style: normal; }

a, a:visited, a img, a img:visited {
  color: #0588CB;
  cursor: pointer;
  text-decoration: none;
  font-style: normal;
  outline: 0;
  -webkit-transition: color 200ms linear;
  -moz-transition: color 200ms linear;
  -ms-transition: color 200ms linear;
  -o-transition: color 200ms linear;
  transition: color 200ms linear; }
  a:hover, a:active, a:visited:hover, a:visited:active, a img:hover, a img:active, a img:visited:hover, a img:visited:active {
    color: #1E1E1E; }

ul.list {
  margin: 0 0 1.5em 0; }
  ul.list li {
    margin: 0 0 0 2em; }
    ul.list li:before {
      color: #1E1E1E;
      content: "\0042";
      display: inline-block;
      font-family: "iconcon";
      font-size: 0.75em;
      margin: 0 1em 0 -2em;
      vertical-align: middle; }

/*	---------------------------------------------------------------------- */
/* 	grid */
/*	---------------------------------------------------------------------- */
.wrapper {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  position: relative; }

.row {
  margin: 1em -2.5%; }

[class*='column-'] {
  display: block;
  float: left;
  min-height: 1px;
  margin: 0 2.5%;
  padding: 0;
  width: 100%; }
  [class*='column-'].center {
    text-align: center; }

[class*='column-'].pull-right {
  float: right; }

.column-1 {
  width: 3.33333%; }

.column-2 {
  width: 11.66667%; }

.column-3 {
  width: 20%; }

.column-4 {
  width: 28.33333%; }

.column-5 {
  width: 36.66667%; }

.column-6 {
  width: 45%; }

.column-7 {
  width: 53.33333%; }

.column-8 {
  width: 61.66667%; }

.column-9 {
  width: 70%; }

.column-10 {
  width: 78.33333%; }

.column-11 {
  width: 86.66667%; }

.column-12 {
  width: 95%; }

/*	---------------------------------------------------------------------- */
/* 	layout */
/*	---------------------------------------------------------------------- */
.header-container {
  background: #FFFFFF;
  color: #1E1E1E;
  height: 100px;
  left: 0;
  padding: 0 50px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 35;
  -webkit-transition: height 200ms linear;
  -moz-transition: height 200ms linear;
  -ms-transition: height 200ms linear;
  -o-transition: height 200ms linear;
  transition: height 200ms linear; }
  .header-container.admin {
    top: 1px !important; }
  .header-container .logo-container {
    float: left;
    margin: 35px 0 0 0;
    width: 275px; }
    .header-container .logo-container img {
      max-width: 100%; }
  .header-container .navigation-container {
    display: block;
    float: right; }
    .header-container .navigation-container ul li {
      display: block;
      float: left; }
      .header-container .navigation-container ul li a {
        color: #0588CB;
        display: block;
        font-family: "UtopiaStd-Italic", serif;
        font-size: 1.25em;
        line-height: 100px;
        padding: 0 1.5em; }
        .header-container .navigation-container ul li a:hover {
          color: #06377B;
          margin-top: -5px; }
        .header-container .navigation-container ul li a:last-child {
          padding-right: 0; }
  .header-container .burger-container {
    display: none; }

.footer-container {
  background: #FFFFFF;
  color: #1E1E1E;
  padding: 5em 0;
  position: relative;
  z-index: 35; }
  .footer-container .row {
    margin-top: 0;
    margin-bottom: 0; }
    .footer-container .row h4 {
      margin-bottom: 0.25em; }
    .footer-container .row a {
      color: #1E1E1E; }
      .footer-container .row a span {
        font-size: 0.75em;
        line-height: 18px;
        margin-right: 0.5em; }
      .footer-container .row a:hover {
        color: #0588CB; }
    .footer-container .row .pull-right {
      text-align: right; }
      .footer-container .row .pull-right .fa-sign-in {
        color: rgba(30, 30, 30, 0.5);
        font-size: 0.75em; }
        .footer-container .row .pull-right .fa-sign-in:hover {
          color: #0588CB; }

#ControlBar {
  z-index: 50; }

/*  ---------------------------------------------------------------------- */
/*  index */
/*  ---------------------------------------------------------------------- */
.welcome-container {
  display: block;
  height: 100vh;
  padding: 0;
  position: relative;
  transform-style: preserve-3d; }
  .welcome-container .wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10; }
    .welcome-container .wrapper h3 {
      display: block;
      font-size: 5em;
      margin: 0 auto;
      text-align: center;
      width: 100%; }
    .welcome-container .wrapper .quote-author {
      display: block;
      font-family: "Akkurat-Bold", sans-serif;
      margin-right: 5%;
      text-align: right; }
  .welcome-container .focuspoint {
    top: 0; }

section {
  padding: 150px 0; }
  section.grey {
    background: rgba(30, 30, 30, 0.05); }
  section.team .nowrapper {
    position: relative;
    z-index: 25; }
    section.team .nowrapper .row {
      margin: 3em 0 0 0;
      outline: 0; }
      section.team .nowrapper .row.team-first-row {
        margin: 0;
        padding-top: 125px; }
      section.team .nowrapper .row .portrait-container {
        margin: 0;
        position: relative;
        outline: 0;
        width: 50%; }
        section.team .nowrapper .row .portrait-container.ui-state-active .portrait {
          outline: 0; }
          section.team .nowrapper .row .portrait-container.ui-state-active .portrait img {
            outline: 0;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -ms-filter: grayscale(0);
            -o-filter: grayscale(0);
            filter: grayscale(0); }
        section.team .nowrapper .row .portrait-container.portrait-container:hover .portrait img {
          -webkit-filter: grayscale(0);
          -moz-filter: grayscale(0);
          -ms-filter: grayscale(0);
          -o-filter: grayscale(0);
          filter: grayscale(0); }
        section.team .nowrapper .row .portrait-container .name-title-container {
          position: absolute;
          left: 10%;
          bottom: 2em;
          z-index: 2;
          color: #FFFFFF;
          width: 80%; }
          section.team .nowrapper .row .portrait-container .name-title-container h2 {
            font-size: 2.5em; }
          section.team .nowrapper .row .portrait-container .name-title-container h3 {
            font-size: 1.5em; }
        section.team .nowrapper .row .portrait-container .portrait {
          position: relative;
          width: 100%;
          height: 600px; }
          section.team .nowrapper .row .portrait-container .portrait img {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%); }
          section.team .nowrapper .row .portrait-container .portrait:before {
            background: -moz-linear-gradient(top, rgba(30, 30, 30, 0) 0%, #1e1e1e 100%);
            background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0) 0%, #1e1e1e 100%);
            background: linear-gradient(to bottom, rgba(30, 30, 30, 0) 0%, #1e1e1e 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e1e1e', endColorstr='#1e1e1e',GradientType=0 );
            position: absolute;
            display: block;
            width: 100%;
            height: 300px;
            content: "";
            z-index: 1;
            bottom: 0; }
        section.team .nowrapper .row .portrait-container:nth-child(1), section.team .nowrapper .row .portrait-container:nth-child(2), section.team .nowrapper .row .portrait-container:nth-child(3), section.team .nowrapper .row .portrait-container:nth-child(4), section.team .nowrapper .row .portrait-container:nth-child(5), section.team .nowrapper .row .portrait-container:nth-child(6) {
          width: 33.33333%; }
  section .deco-image {
    height: 400px;
    margin-bottom: 3em;
    position: relative;
    width: 100%;
    z-index: 25; }
  section.kontakt {
    padding-bottom: 0; }
    section.kontakt .map-container {
      height: 750px;
      margin: 0 auto;
      position: relative;
      width: calc(100% - 100px); }
      section.kontakt .map-container .custom-info-window {
        display: none; }
  section .icon-pdf, section .icon-arrow-right, section .icon-arrow-left {
    font-size: 0.75em;
    line-height: 18px;
    margin-right: 0.5em; }

/*  ---------------------------------------------------------------------- */
/*  elements */
/*  ---------------------------------------------------------------------- */
.border {
  background: #FFFFFF;
  position: fixed; }
  .border.top, .border.bottom {
    height: 50px;
    width: 100%;
    z-index: 30; }
    .border.top.admin, .border.bottom.admin {
      display: none; }
  .border.left, .border.right {
    height: 100vh;
    width: 50px;
    z-index: 20; }
  .border.top {
    top: 0; }
  .border.right {
    right: 0; }
  .border.bottom {
    bottom: 0; }
  .border.left {
    left: 0; }

.ui-accordion {
  border-top: 1px solid #FFFFFF; }
  .ui-accordion .ui-accordion-header {
    outline: 0; }
    .ui-accordion .ui-accordion-header a {
      border-bottom: 1px solid #FFFFFF;
      display: block;
      padding: 0.75em 0.5em;
      font-family: "Akkurat", sans-serif;
      font-size: 1.25em;
      outline: 0; }
    .ui-accordion .ui-accordion-header.ui-accordion-header-active a {
      border-bottom: 0;
      color: #1E1E1E;
      font-family: "Akkurat-Bold", sans-serif; }
  .ui-accordion .ui-accordion-content {
    border-bottom: 1px solid #FFFFFF;
    color: #1E1E1E;
    margin: 0;
    padding: 0 0.75em 2em 0.75em; }
    .ui-accordion .ui-accordion-content .accordion-list {
      display: block;
      margin: 0.25em 0 0.25em 1.5em; }
      .ui-accordion .ui-accordion-content .accordion-list:before {
        color: #1E1E1E;
        content: "\0042";
        display: inline-block;
        font-family: "iconcon";
        font-size: 0.75em;
        margin: 0 1em 0 -2em;
        vertical-align: middle; }
      .ui-accordion .ui-accordion-content .accordion-list.sub {
        font-size: 0.95em;
        margin: 0.1em 0 0.1em 3em; }
        .ui-accordion .ui-accordion-content .accordion-list.sub:before {
          content: "\004F"; }

/*	-------------------------------------------------------------------------------------------------------------------------------------------- */
/* 	responsive styling */
/*	-------------------------------------------------------------------------------------------------------------------------------------------- */
/*  -------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  .header-container .navigation-container ul li a {
    padding: 0 0.7em; } }

/*	-------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  body {
    font-size: 17px;
    line-height: 24px; }
  /*  ---------------------------------------------------------------------- */
  /*  typography */
  /*  ---------------------------------------------------------------------- */
  h1 {
    font-size: 4em;
    line-height: 1em; }
  h2 {
    font-size: 4em;
    line-height: 1em; }
  h3 {
    font-size: 4em;
    line-height: 1em; }
  h4 {
    font-size: 4em;
    line-height: 1em; }
  h2 {
    font-size: 1.75em;
    line-height: 1.1em; }
  h3 {
    font-size: 1.75em;
    line-height: 1.1em; }
  h4 {
    font-size: 1.75em;
    line-height: 1.1em; }
  h3 {
    font-size: 1.5em; }
  h4 {
    font-size: 1.5em; }
  /*  ---------------------------------------------------------------------- */
  /*  layout */
  /*  ---------------------------------------------------------------------- */
  .header-container {
    height: 75px;
    padding: 0 25px; }
    .header-container .logo-container {
      margin: 25px 0 0 0;
      width: 225px; }
    .header-container .navigation-container {
      display: none; }
    .header-container .burger-container {
      display: block;
      float: right;
      font-size: 1.5em;
      line-height: 75px; }
      .header-container .burger-container [class*="icon-"]::before {
        line-height: 2.75em; }
  .footer-container {
    padding: 4em 0; }
    .footer-container .row h3 {
      font-size: 1.5em; }
  .mm-menu {
    background: #06377B;
    border-color: #0588CB;
    border-left: none;
    color: #FFFFFF; }
    .mm-menu .mm-panels .mm-panel.mm-hasnavbar {
      padding-top: 0; }
      .mm-menu .mm-panels .mm-panel.mm-hasnavbar .mm-navbar {
        display: none; }
      .mm-menu .mm-panels .mm-panel.mm-hasnavbar .mm-listview {
        margin: 0; }
    .mm-menu .mm-panels .mm-panel:before, .mm-menu .mm-panels .mm-panel:after {
      height: 0; }
  /*  ---------------------------------------------------------------------- */
  /*  index */
  /*  ---------------------------------------------------------------------- */
  .welcome-container .wrapper h3 {
    font-size: 3.5em; }
  section {
    padding: 115px 0; }
    section.team .nowrapper .row {
      margin: 2em 0 1.5em 0; }
      section.team .nowrapper .row.team-first-row {
        margin: 0;
        padding-top: 100px; }
      section.team .nowrapper .row .column-3 .name-title-container {
        bottom: 1em;
        left: 1.25em;
        width: calc(100% - 2.5em); }
        section.team .nowrapper .row .column-3 .name-title-container h2 {
          font-size: 1.75em; }
        section.team .nowrapper .row .column-3 .name-title-container h3 {
          font-size: 1.25em; }
      section.team .nowrapper .row .column-3 .portrait {
        height: 400px; }
        section.team .nowrapper .row .column-3 .portrait:before {
          height: 200px; }
    section ul.accordion li {
      padding: 0.5em 0.5em;
      font-size: 1em; }
    section ul.accordion .accordion-content {
      border-bottom: 1px solid #FFFFFF;
      color: #1E1E1E;
      margin: 0;
      padding: 0.5em 0.5em 1.5em 0.5em; }
    section .deco-image {
      height: 300px;
      margin-bottom: 2em; }
    section.kontakt .map-container {
      height: 600px;
      width: calc(100% - 50px); }
  /*  ---------------------------------------------------------------------- */
  /*  elements */
  /*  ---------------------------------------------------------------------- */
  .border.top, .border.bottom {
    height: 25px; }
  .border.left, .border.right {
    width: 25px; }
  .ui-accordion .ui-accordion-header a {
    padding: 0.5em;
    font-size: 1em; }
  .ui-accordion .ui-accordion-content {
    padding: 0.5em 0.5em 1.5em 0.5em; } }

/*	-------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body {
    font-size: 16px;
    line-height: 23px; }
  /*  ---------------------------------------------------------------------- */
  /*  typography */
  /*  ---------------------------------------------------------------------- */
  h1 {
    font-size: 3em;
    line-height: 1em;
    margin: 0 0 0.25em 0; }
  h2 {
    font-size: 3em;
    line-height: 1em;
    margin: 0 0 0.25em 0; }
  h3 {
    font-size: 3em;
    line-height: 1em;
    margin: 0 0 0.25em 0; }
  h4 {
    font-size: 3em;
    line-height: 1em;
    margin: 0 0 0.25em 0; }
  h2 {
    font-size: 1.5em;
    line-height: 1.1em; }
  h3 {
    font-size: 1.5em;
    line-height: 1.1em; }
  h4 {
    font-size: 1.5em;
    line-height: 1.1em; }
  h3 {
    font-size: 1.5em; }
  h4 {
    font-size: 1.5em; }
  /*  ---------------------------------------------------------------------- */
  /*  layout */
  /*  ---------------------------------------------------------------------- */
  .header-container {
    height: 65px;
    padding: 0 15px; }
    .header-container .logo-container {
      margin: 20px 0 0 0;
      width: 200px; }
    .header-container .burger-container {
      line-height: 65px; }
      .header-container .burger-container [class*="icon-"]::before {
        line-height: 2.6em; }
  .footer-container {
    padding: 3em 0; }
    .footer-container .row .column-12, .footer-container .row .column-4 {
      margin: 0;
      width: 50%;
      float: left; }
    .footer-container .row .column-4.pull-right {
      margin-top: 1em;
      text-align: left; }
    .footer-container .row h3 {
      font-size: 1.25em; }
  /*  ---------------------------------------------------------------------- */
  /*  index */
  /*  ---------------------------------------------------------------------- */
  .welcome-container .wrapper h3 {
    font-size: 3em; }
  section {
    padding: 75px 0; }
    section.team .nowrapper .row {
      margin: 2em 0 1.5em 0; }
      section.team .nowrapper .row.team-first-row {
        margin-top: 0;
        padding-top: 70px; }
      section.team .nowrapper .row .portrait-container {
        float: left;
        width: 50%; }
        section.team .nowrapper .row .portrait-container .name-title-container {
          bottom: 1em; }
          section.team .nowrapper .row .portrait-container .name-title-container h2 {
            font-size: 1.5em; }
          section.team .nowrapper .row .portrait-container .name-title-container h3 {
            font-size: 1.15em; }
        section.team .nowrapper .row .portrait-container .portrait {
          height: 300px; }
          section.team .nowrapper .row .portrait-container .portrait:before {
            height: 150px; }
        section.team .nowrapper .row .portrait-container:nth-child(1), section.team .nowrapper .row .portrait-container:nth-child(2), section.team .nowrapper .row .portrait-container:nth-child(3), section.team .nowrapper .row .portrait-container:nth-child(4), section.team .nowrapper .row .portrait-container:nth-child(5), section.team .nowrapper .row .portrait-container:nth-child(6) {
          width: 50%; }
    section .deco-image {
      height: 200px;
      margin-bottom: 2em; }
    section.kontakt .map-container {
      height: 400px;
      width: calc(100% - 30px); }
  /*  ---------------------------------------------------------------------- */
  /*  grid */
  /*  ---------------------------------------------------------------------- */
  .row {
    margin: 0; }
  [class*='column-'] {
    float: none;
    margin: 1em 0;
    width: 100%; }
    [class*='column-'].nomobile {
      display: none; }
  /*  ---------------------------------------------------------------------- */
  /*  elements */
  /*  ---------------------------------------------------------------------- */
  .border.top, .border.bottom {
    height: 15px; }
  .border.left, .border.right {
    width: 15px; } }

/*  -------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 480px) {
  /*  ---------------------------------------------------------------------- */
  /*  typography */
  /*  ---------------------------------------------------------------------- */
  h1 {
    font-size: 2em;
    line-height: 1em; }
  h2 {
    font-size: 2em;
    line-height: 1em; }
  h3 {
    font-size: 2em;
    line-height: 1em; }
  h4 {
    font-size: 2em;
    line-height: 1em; }
  h2 {
    font-size: 1.25em;
    line-height: 1.1em; }
  h3 {
    font-size: 1.25em;
    line-height: 1.1em; }
  h4 {
    font-size: 1.25em;
    line-height: 1.1em; }
  h3 {
    font-size: 1.25em; }
  h4 {
    font-size: 1.25em; }
  /*  ---------------------------------------------------------------------- */
  /*  layout */
  /*  ---------------------------------------------------------------------- */
  .header-container {
    height: 50px;
    padding: 0 5%; }
    .header-container .logo-container {
      margin: 15px 0 0 0;
      width: 150px; }
    .header-container .burger-container {
      line-height: 50px; }
      .header-container .burger-container [class*="icon-"]::before {
        line-height: 2em; }
  .footer-container {
    padding: 2em 0; }
    .footer-container .row .column-12, .footer-container .row .column-4 {
      width: 100%;
      float: none; }
    .footer-container .row .pull-right {
      display: none; }
  /*  ---------------------------------------------------------------------- */
  /*  index */
  /*  ---------------------------------------------------------------------- */
  .welcome-container .wrapper h3 {
    font-size: 2.5em; }
  section {
    padding: 55px 0; }
    section.team .nowrapper .row {
      margin: 2em 0 1.5em 0; }
      section.team .nowrapper .row.team-first-row {
        margin-top: 0;
        padding-top: 50px; }
      section.team .nowrapper .row .portrait-container {
        width: 50%; }
        section.team .nowrapper .row .portrait-container .portrait {
          height: 300px; }
        section.team .nowrapper .row .portrait-container .name-title-container h2 {
          font-size: 1.25em;
          margin-bottom: 0.5em; }
        section.team .nowrapper .row .portrait-container .name-title-container h3 {
          font-size: 1em; }
        section.team .nowrapper .row .portrait-container .column-3 .name-title-container {
          left: 1em;
          width: calc(100% - 2em); }
    section .deco-image {
      height: 150px;
      margin-bottom: 0.5em; }
    section.kontakt .map-container {
      height: 300px;
      width: calc(100% - 14px); }
  /*  ---------------------------------------------------------------------- */
  /*  elements */
  /*  ---------------------------------------------------------------------- */
  .border.top, .border.bottom {
    height: 7px; }
  .border.left, .border.right {
    width: 7px; } }