body, input, textarea {
  font-weight: 200;
  font-family: canada-type-gibson;
  color: #222;
}

/* Fancy Auswahl */
::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #949AB3;
}

::selection {
  color: #fff;
  background: #949AB3;
}

.wrap {
    padding-left: 0;
    padding-right: 0;
}

a {
  color: #949AB3;
}

strong {
  color: #222b36;
}

.black {
  color: #222 !important;
}

p {
  font-size: 20px;
  color: #555555;
}

a:hover {
  color: #222b36;
  text-decoration: none;
}

.banner {
  position: relative;
  height: 100vh;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.banner:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url(../images/arrow.svg);
  bottom: 40px;
  left: 50%;
  margin-left: -10px;
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.navbar-toggler {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  border: none;
  border-radius: 0;
  padding: 20px;
  background-color: rgba(0,0,0,0.05);
}

.navbar-toggler:hover {
  cursor: pointer;
}

.navbar-toggler.collapsed .icon-bar.top-bar {
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.navbar-toggler .icon-bar.top-bar {
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 15% 10%;
  -o-transform-origin: 15% 10%;
  transform-origin: 15% 10%;
}

.navbar-toggler.collapsed .icon-bar.bottom-bar {
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.navbar-toggler .icon-bar.bottom-bar {
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 10%;
  -o-transform-origin: 0 10%;
  transform-origin: 0 10%;
}

.navbar-toggler.collapsed .icon-bar.middle-bar {
  opacity: 1;
}

.navbar-toggler .icon-bar.middle-bar {
    opacity: 0;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 8px;
}

.navbar-toggler .icon-bar {
  display: block;
  background: #fff;
  width: 35px;
  height: 3px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.banner .brand {
  top: 50px;
  margin-left: -200px;
  width: 400px;
  position: absolute;
  left: 50%;
}

.banner .brand img {
  width: 100%;
}

.banner .row-claim {
  height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .banner .row-claim {
    /*padding-top: 200px;*/
  }
}

.claim {
  width: 100%;
}

.claim > p {
  color: white;
  font-size: 50px;
  line-height: 55px;
  font-weight: 200;
  padding-top: 100px;
}

.banner .navbar-collapse.show {
  height: 100vh;
}

.banner .navbar-collapse {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9000;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-y: hidden;
  -webkit-transition: height .2s linear;
  -o-transition: height .2s linear;
  transition: height .2s linear;
}

.banner .navbar-collapse .nav-primary ul li {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  text-align: center;
}

.banner .navbar-collapse .nav-primary ul li a {
  font-size: 36px;
  color: white;
}

.banner .navbar-collapse .nav-primary ul li a:hover {
  text-decoration: none;
  color: #949AB3;
  border-bottom: none;
}

.content-element-contact>.wrapper .contact-header,
h2.title {
  font-weight: 200;
  font-size: 45px;
  margin-top: 30px;
  color: #222b36;
}

h2.freuen {
  font-weight: 200;
  font-size: 45px;
  margin-top: 0px;
  margin-bottom: 35px;
  color: #222b36;
}

h3.subtitle {
  font-weight: 100;
  font-size: 30px;
  color: #949AB3;
}

.content-element-heading {
  padding-top: 2rem;
}

.content-element-text {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

main.main>section {
  padding-right: 15px;
  padding-left: 15px;
}

main.main>section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

main.main>section.section_5 {
  background-color: #fff;
}

main.main>section.section_6.background>.row {
  padding-top: 5rem;
}

main.main>section.background>.row {
  padding-top: 1rem;
  padding-bottom: 5rem;
  background-color: rgba(0, 0, 0, 0.4);
}

.content-element-two-columns-list-with-icons > .row {
  background: #fff;
}


.content-element-two-columns-list-with-icons,
.content-element-two-columns-list-with-icons p {
  font-size: 15px;
}

.content-element-two-columns-list-with-icons .col-left {
  padding-right: 0;
}
.content-element-two-columns-list-with-icons .col-left::after {
  content: "";
  border-right: 1px solid #DEDEDE;
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
}
.content-element-two-columns-list-with-icons .col-right {
  padding-left: 0;
}


.content-element-two-columns-list-with-icons .col .wrapper {
    background-color: #fff;
    height: 100%;
    padding: 48px;
    padding-bottom: 35px;
    position: relative;
}


.content-element-portfolio-items {
  padding-top: 5rem;
  padding-bottom: 3rem;
}

.content-element-portfolio-items .card {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  background: none;
  text-align: center;
  border: 0;
  margin-bottom: 30px;
}

.content-element-portfolio-items .tile {
  position: relative;
}

.content-element-portfolio-items .tile img {
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 1;
}

.content-element-portfolio-items .tile:hover img {
  opacity: 1;
}

.content-element-portfolio-items .tile .btn.btn-white:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
}
.content-element-portfolio-items .tile .tile-content-wrapper p {
  color: #fff;
}

.content-element-portfolio-items .tile .tile-content-wrapper {
  margin-top: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.content-element-portfolio-items .tile:hover .tile-content-wrapper {
  background-color: rgba(34,43,54,0.8);
}



.content-element-portfolio-items .tile .tile-content-wrapper .tile-content {
  padding-left: 3rem;
  padding-right: 3rem;
  color: #fff;
}

.content-element-portfolio-items .tile .tile-content-wrapper .tile-content h4 {
  font-weight: 600;
  font-size: 35px;
  padding-bottom: 0.75rem;
  letter-spacing: 0.5px;
}

.content-element-portfolio-items .tile .tile-content-wrapper .tile-content h5 {
  padding-bottom: 3rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}

.content-element-portfolio-items .tile .tile-content-wrapper .tile-content .btn {
  font-weight: 600;
}

.btn {
  border: 1px solid #fff;
  color: #555555;
  border-radius: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
  padding-right: 40px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  font-size: 14px;
  font-weight: 100;
}

.btn:hover {
  background-color: #fff;
  border: 1px solid transparent;
}

.btn.btn-white {
  border: 1px solid #fff;
  color: #fff;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  font-size: 14px;
  font-weight: 100;
}

.content-element-team-items {
  padding-top: 3rem;
  padding-bottom: 2rem;
}

.content-element-team-items .col {
  margin-bottom: 30px;
}

.content-element-team-items .col .wrapper.advanced {
  background-color: #FAFAFA;
}

.content-element-team-items .card {
  background-color: transparent;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  border: none;
}

.content-element-team-items .card .card-block {
  position: relative;
  padding: 22.5px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100%;
  min-height: 465px;
}

.content-element-team-items .card .card-block-email a {
  color: #949AB3;
  font-size: 16px;
  background: #fff;
}

.content-element-team-items .card .card-block-email a:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #222b36;
}

.content-element-team-items .card .card-block-email p {
  margin-top: 0rem;
  margin-bottom: 2rem;
}

.content-element-team-items .card .card-block .card-title {
  font-weight: 300;
  color: #222b36;
}

.content-element-team-items .card .card-block .card-subtitle {
  font-weight: 600;
  font-size: 16px;
  color: #222b36;
}

.content-element-team-items .card .card-block .card-text {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  font-style: italic;
}

.content-element-team-items .card .card-block .card-img {
  margin-bottom: 1.5rem;
  width: 45%;
}

.content-element-team-items .card .card-block .card-email {
  color: #949AB3;
}

/*.content-element-team-items .card .card-block:hover .card-text-long {
  opacity: 1;
  background-color: #FAFAFA;
}*/

.content-element-team-items .card .card-block .card-text-long {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  /*-webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/
  padding: 2rem;
  padding-bottom: 0rem;
}

.content-element-team-items .card .card-block .card-text-long strong,
.content-element-team-items .card .card-block .card-text-long p {
  font-size: 12px;
}

.section_3 {
  background-color: #FAFAFA;
}

.content-element-logos {
  padding-top: 3rem;
  padding-bottom: 5rem;
}

.content-element-logos .partner-logo {
  padding-left: 20px;
  padding-right: 20px;
}

.content-element-contact>.wrapper {
  background-color: #fff;
  padding-top: 25px;
  padding-bottom: 35px
}

.content-element-contact>.wrapper .contact-header {
  margin-bottom: 1rem;
}

.content-element-credits {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 4rem;
  color: #5A5A5A;
}

.content-element-credits p {
  font-size: 15px;
  color: #969696;
}

.section_4 .content-element-heading {
  padding-top: 4rem;
}

.dfzahdhq289hd {
  display: none;
}

.btn-email {
  background-color: #222B36;
  color: #fff !important;
  cursor: pointer;
  font-weight: 600;
  border: 1px solid #222B36;
}

.btn-email:hover {
  border: 1px solid #222B36;
}

.btn-email:hover {
  color: #222B36 !important;
}

.wpcf7-form input:not([type=submit]),
.wpcf7-form label,
.wpcf7-form textarea {
  width: 100%;
  font-size: 18px;
}

.wpcf7-form input,
.wpcf7-form input::-webkit-input-placeholder,
.wpcf7-form textarea,
.wpcf7-form textarea::-webkit-input-placeholder {
  color: #000;
}

.wpcf7-form input:not([type=submit]),
.wpcf7-form textarea {
  border: none;
  border-bottom: 2px solid #DEDEDE;
  padding: .25rem 0;
  border-radius: 0;
}


@media (max-width: 992px) {
  .claim > p {
    font-size: 30px;
    line-height: 35px;
    padding-top: 100px;
  }
  .content-element-portfolio-items .tile .tile-content-wrapper .tile-content h4 {
    font-size: 20px;
  }
  .content-element-two-columns-list-with-icons .col-left {
    padding-right: 15px;
  }
  .content-element-two-columns-list-with-icons .col-right {
    padding-left: 15px;
  }
  .content-element-two-columns-list-with-icons .col-left .wrapper {
    padding-bottom: 0;
  }
  .content-element-two-columns-list-with-icons .col-right .wrapper {
    padding-top: 0;
  }
  .content-element-portfolio-items .tile .tile-content-wrapper .tile-content h5 {
    padding-bottom: 1rem;
  }
  .content-element-portfolio-items .tile .tile-content-wrapper p {
    font-size: 16px;
  }
}


.btn.btn-white.slidone {
font-size: 14px;
font-weight: 600;
}

.slidone:hover {
background-color: rgba(0,0,0,0.5);
border: 1px solid transparent;
}


.typowhite > p {
	font-size: 20px;
	color: #555555;
}

#gallery {
  padding: 0 5px 0;
  overflow: hidden;
}

.gallery {
  margin-top: 30px;
  padding-bottom: 90px;
}

.gallery .item {
  padding: 0 5px 0;
}

.gallery .item img {
  width: 100%;
}


.slick-prev,
.slick-next {
  height: 40px;
  margin-top: -20px;
  z-index: 9999;
}

.slick-prev::before,
.slick-next::before {
  content: '' !important;
  display: inline-block;
  height: 40px !important;
  width: 20px !important;
  background-repeat: no-repeat;
  background-image: url('../images/arrow-white.svg');
}

.slick-prev {
  left: 15px !important;
}

.slick-prev::before {
  transform: rotate(180deg);
}

.slick-next {
  right: 15px !important;
}

.slick-next::before {
  transform: rotate(0deg);
}