/* -------------------------------- 

Primary style
$goldcolor
$primaryColor: #96c11f;#d09e61
$secondaryColor: #dbdd45;

$goldcolor:$goldcolor;
$pinkcolor

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-size: 100%;
  font-weight: 400;
  font-family: 'Oxygen', sans-serif; }

.gold-button {
  background-color: #b4953a;
  color: #ffff;
  padding: .5em 1em;
  display: inline-block; }

.gold-button:hover {
  color: #000; }

a {
  color: #666;
  text-decoration: none; }

a:hover {
  color: #b4953a; }

.bottom_nav a:hover {
  color: #b4953a; }

p {
  /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);*/ }

body, html {
  /* important */
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

h1 {
  font-weight: 100;
  font-family: 'Oxygen', sans-serif;
  font-size: 2.5em; }

.standard-description ul, .standard-description ol {
  display: block;
  list-style: disc outside none;
  margin: 1em 0;
  padding: 0 0 0 40px; }
.standard-description ol {
  list-style-type: decimal; }
.standard-description li {
  display: list-item; }
.standard-description ul ul, .standard-description ol ul {
  list-style-type: circle;
  margin-left: 15px; }
.standard-description ol ol, .standard-description ul ol {
  list-style-type: lower-latin;
  margin-left: 15px; }

.t5 ul, .t5 ol {
  display: block;
  list-style: disc outside none;
  margin: 1em 0;
  padding: 0 0 0 40px; }
.t5 ol {
  list-style-type: decimal; }
.t5 li {
  display: list-item; }

.square_in {
  display: flex;
  align-items: center;
  justify-content: center; }

.square {
  display: flex;
  align-items: center;
  justify-content: center; }
  .square h6 {
    padding: 1em;
    margin: 1em;
    background-color: #ffd9d8;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.5em; }
  .square strong {
    color: #b4953a; }

select {
  -webkit-appearance: none;
  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
  -moz-appearance: none;
  /*REMOVES DEFAULT FIREFOX STYLE*/
  border: 0 !important;
  /*REMOVES BORDER*/
  border-radius: .3em;
  color: #000;
  font-size: 1em;
  font-weight: 100;
  padding: .5em 1em;
  width: 100%;
  cursor: pointer;
  text-align: left;
  background-size: contain;
  /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
  background-color: #ffd9d8;
  background-image: url(../images/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-position: right top; }

#contact {
  position: relative; }
  #contact input[type=text] {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    border: none;
    /*	border:1px solid #000;*/
    /*	border-radius: .2em;*/
    background-color: #ffd9d8;
    color: #000; }
  #contact input[type=submit] {
    padding: .5em 1em;
    box-sizing: border-box;
    border: none;
    /*	border:1px solid  #000;*/
    /*border-radius: 5px;*/
    background-color: #ffd9d8;
    color: #666;
    -webkit-transition: all   ease-out .5s;
    -moz-transition: all  ease-out .51s;
    -o-transition: all  ease-out .5s;
    transition: all  ease-out .5s; }
  #contact input[type=submit]:hover {
    color: #fff;
    background-color: #000;
    /*border:1px solid  #000;*/ }
  #contact textarea {
    width: 100%;
    height: 15em;
    padding: 1em;
    box-sizing: border-box;
    border: none;
    /*		border:1px solid   #000;*/
    /*	border-radius: .2em;*/
    background-color: #ffd9d8;
    color: #000;
    resize: vertical; }
  #contact .trenner {
    margin-left: 1em;
    font-size: .8em;
    color: #666; }
  #contact #wait {
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 5em;
    background-position: center center;
    background-image: url("../images/wait.gif");
    background-color: rgba(255, 255, 255, 0.7); }

#mobile-symbol {
  width: 3em;
  height: 4em;
  position: absolute;
  top: 1em;
  left: 2em;
  background-image: url(../images/icon_menu_mobile.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  z-index: 1000; }

#main-splash {
  background-image: url(../images/buffer_small.gif);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  box-sizing: border-box;
  opacity: 0.7; }

#progressbar {
  height: 5px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  border: none; }

#progressbar div {
  background-color: #b4953a;
  width: 0%;
  height: 100%; }

#bottom-info {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #b4953a;
  width: 100%;
  text-align: center;
  height: 6em;
  z-index: 2000;
  display: none;
  padding-top: 2em;
  border-top: 2px solid #fff; }
  #bottom-info .button-nl {
    padding: 1em;
    background-color: #fff;
    color: #b4953a;
    margin: 2em auto;
    top: 2em; }
  #bottom-info .cross {
    position: absolute;
    right: 2em;
    top: .5em;
    width: 2em;
    height: 2em;
    background-image: url("../images/close-x.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: auto;
    background-color: #fff;
    cursor: pointer; }

.image-container {
  width: 100%;
  display: none; }
  .image-container img {
    width: 100%;
    height: auto; }

.social-media-container {
  position: fixed;
  right: 0;
  top: 9em;
  width: 0em;
  overflow: visible;
  z-index: 1000; }
  .social-media-container .social-media {
    z-index: 1000;
    background-color: #b4953a;
    background-size: 1.2em;
    background-position: .8em center;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 400;
    border-radius: 90px 0 0 90px;
    cursor: pointer;
    padding: .5em 2em;
    padding-left: 3em;
    position: absolute;
    right: -15em;
    display: block;
    width: 18em;
    font-size: 1em;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease; }
  .social-media-container .social-media-mobile {
    display: none; }
  .social-media-container .social-media:hover {
    right: -8em; }
  .social-media-container .social-media a {
    color: inherit;
    text-decoration: none; }

.fb {
  background-image: url("../images/fb.svg"); }

.insta {
  background-image: url("../images/instagram.svg"); }

.yt {
  background-image: url("../images/youtube.svg"); }

.mail {
  background-image: url("../images/email.svg"); }

.tel {
  background-image: url("../images/tel.svg"); }

.bell {
  background-image: url("../images/bell.svg"); }

.geo {
  background-image: url("../images/geo.svg"); }

.time {
  background-image: url("../images/time.svg"); }

.t-0 {
  top: 0; }

.t-3 {
  top: 3em; }

.t-6 {
  top: 6em; }

.t-9 {
  top: 9em; }

.transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .2;
  background-color: #ccc;
  z-index: 10; }

.cd-header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 7em;
  /*  background: $goldcolor;*/
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2; }

.cd-header:after {
  content: "";
  display: table;
  clear: both; }

.logo {
  position: absolute;
  left: 0em;
  top: 0em;
  width: 100%;
  text-align: center; }
  .logo hr {
    margin-top: 0;
    margin-bottom: 0;
    width: 21em;
    border-top: 2px solid #b4953a; }

.logo h1 {
  font-size: 2em;
  padding: 0;
  margin: 0; }

.main-nav {
  position: absolute;
  left: 7em;
  top: 2em;
  background: white;
  padding: 1em 0em;
  display: none;
  z-index: 2000;
  border: 1px solid #b4953a; }

.main-nav .close {
  position: absolute;
  right: 1em;
  top: 1em;
  height: 2em;
  width: 2em;
  background-image: url(../images/close-x.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
  cursor: pointer; }

.main-nav ul {
  z-index: 1;
  width: 19em;
  margin-top: 0em;
  position: relative; }

.main-nav ul li {
  display: block;
  z-index: 1; }

.main-nav ul li a {
  z-index: 1;
  display: block;
  font-size: 1.3em;
  padding: 0.4em 1em;
  font-weight: 400;
  color: #666; }

.main-nav ul li a:hover {
  background-color: #b4953a;
  color: #fff; }

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 100%;
  position: relative;
  z-index: 1; }

.cd-content {
  padding: 2em 0 0 0;
  margin: auto;
  width: 1000px; }

.cd-fixed-bg {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  background-color: #fff; }

.cd-fixed-bg-middle {
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1; }

.cd-fixed-bg-middle:before {
  content: "";
  display: block;
  padding-top: 25em; }

/*Slider*/
.slider-picture-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: auto; }

.slider-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffd9d8;
  z-index: auto;
  cursor: pointer; }

.slider-picture-3 {
  position: absolute;
  top: 0;
  width: 33.5%;
  height: 100%;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: auto; }

.left {
  left: 0; }

.middle {
  left: 33.33%; }

.right {
  right: 0; }

.slider-new-text {
  position: relative;
  /*  	width: 50%;*/
  z-index: inherit;
  text-align: center;
  background: #b4953a;
  width: 100%;
  display: inline-block;
  padding: 0;
  overflow: hidden;
  padding: 1em 0;
  color: #fff; }

.slider-middle-text {
  position: absolute;
  bottom: 7em;
  left: 0em;
  /*  	width: 50%;*/
  z-index: inherit;
  text-align: left;
  background: #b4953a;
  display: inline-block;
  padding: 3em 7em;
  overflow: hidden; }

.slider-middle-text-hidden {
  background: #b4953a;
  padding: 3em 7em;
  box-sizing: border-box;
  display: none;
  overflow: hidden;
  position: relative; }

.gradient-top-right {
  position: absolute;
  top: -15em;
  right: -15em;
  height: 30em;
  width: 30em;
  background: #d09e61;
  background: radial-gradient(circle, rgba(208, 158, 97, 0) 0%, white 0%, rgba(208, 158, 97, 0) 67%); }

.gradient-bottom-left {
  position: absolute;
  bottom: 0em;
  left: -10em;
  height: 20em;
  width: 20em;
  background: #d09e61;
  background: radial-gradient(circle, rgba(208, 158, 97, 0) 0%, white 0%, rgba(208, 158, 97, 0) 67%); }

.slider-middle-text h1 {
  font-weight: 700; }

.slider-middle-text-hidden h2 {
  font-weight: 100;
  color: #fff; }

.slider-middle-text-hidden h1 {
  font-weight: 700; }

.slider-middle-text h2 {
  font-weight: 100;
  color: #fff; }

.slider-middle-text p {
  /*background: $goldcolor;
  display:inline-block;*/ }

/*Slider End*/
.cd-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1em 2em;
  box-sizing: border-box;
  background: #b4953a;
  /*  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
  overflow: hidden;
  text-align: right;
  z-index: inherit; }

.thumbnail:before {
  content: "";
  display: block;
  padding-top: 90%;
  /* initial ratio of 1:1*/ }

/*actions*/
.pink_wrapper {
  padding: 1em 0em;
  background-color: #ffd9d8;
  margin-top: 1em; }

.ul_actions {
  padding: 2em 0em; }

.ul_actions li {
  position: relative;
  display: block;
  vertical-align: top;
  cursor: pointer; }

.single-action-description {
  width: 65%;
  display: inline-block;
  vertical-align: top;
  padding: 0em 0em 0em 0em;
  box-sizing: border-box;
  text-align: justify;
  color: #333; }

.single-action-description:hover {
  color: #b4953a; }

.single-action-image {
  position: absolute;
  top: 0em;
  right: 0em;
  width: 29.5%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.single-action-image:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

.single-action-description_l {
  width: 65%;
  display: inline-block;
  vertical-align: top;
  padding: 0em 0em 0em 0em;
  box-sizing: border-box;
  text-align: justify;
  color: #333; }

.single-action-description_l:hover {
  color: #b4953a; }

.single-action-image_l {
  position: absolute;
  top: 0em;
  left: 0em;
  width: 29.5%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.single-action-image_l:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

/*actions END*/
/*infront */
.ul_infront {
  padding: 2em 0em; }

@keyframes boing_1 {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.051); }
  100% {
    transform: scale(1); } }
.ul_infront li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 49%;
  float: left;
  margin-bottom: 2%;
  overflow: hidden; }

.ul_infront li:nth-child(even) {
  float: right; }

.ul_infront li:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

.ul_infront-image {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.ul_infront-image:hover {
  background-color: #7EC03D;
  -moz-animation: boing_1 1s forwards;
  -o-animation: boing_1 1s forwards;
  -webkit-animation: boing_1 1s forwards;
  animation: boing_1 1s forwards; }

.ul_infront-image_transparent {
  width: 80%;
  height: 80%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center; }

.ul_infront-image_transparent h1 {
  font-weight: 100;
  font-family: 'Oxygen', sans-serif;
  font-size: 2.5em; }

.center_text {
  padding: 2em;
  box-sizing: border-box;
  text-align: center; }

/*infront End*/
/*reference*/
.ul_references {
  padding: 0em 0em;
  text-align: left; }

.ul_references li {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0; }

.ul_references li h2 {
  font-weight: 4100;
  color: #b4953a;
  border-bottom: 1px solid #b4953a; }

.ul_references li .gallery-thumb {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 22%;
  text-align: left;
  margin: 1% 2% 1% 0%;
  padding: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .3em; }

.ul_references li .gallery-thumb:before {
  content: "";
  display: block;
  padding-top: 60%;
  /* initial ratio of 1:1*/ }

.ul_reference {
  padding: 2em 0em;
  text-align: center; }

.ul_reference li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 33.3%;
  text-align: center;
  margin: 0;
  padding: 0; }

.ref_description {
  font-size: 0.8em; }

.single-reference-description:hover {
  color: #666; }

.single-reference-image {
  width: 95%;
  display: inline-block;
  vertical-align: top;
  margin: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.single-reference-image:before {
  content: "";
  display: block;
  padding-top: 50%;
  /* initial ratio of 1:1*/ }

.single-reference-image:hover {
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.24); }

/*actions END*/
footer {
  position: relative;
  width: 100%;
  padding: 0;
  height: 11em;
  box-sizing: border-box;
  background-color: #ffd9d8;
  margin-top: 2em;
  font-size: .8em; }

footer .content {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

footer .logo {
  position: absolute;
  left: 0em;
  top: 3.5em;
  width: 15em;
  text-align: left; }

footer .text {
  position: absolute;
  left: 20em;
  top: 3.5em;
  width: 20em; }

footer .gm {
  position: absolute;
  right: 0em;
  top: 0em;
  height: 100%;
  width: 40%; }

.bottom_nav {
  position: relative;
  width: 100%;
  padding: 2em;
  box-sizing: border-box;
  background-color: #b4953a; }

.bottom_nav ul {
  width: 1000px;
  margin: auto;
  text-align: center; }

.bottom_nav ul li {
  display: inline-block; }

.bottom_nav ul li a {
  color: #fff;
  padding: 1em; }

.bottom_nav ul li a:hover {
  color: #999; }

/*inline pictures*/
.inline-pictures-container {
  text-align: center;
  margin-top: 4em; }

.inline-picture {
  width: 20%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40%;
  display: inline-block;
  margin: 0em 1em;
  cursor: pointer; }

.inline-picture:hover {
  background-size: 45%; }

.inline-picture:before {
  content: "";
  display: block;
  padding-top: 80%;
  /* initial ratio of 1:1*/ }

/*inline pictures Ende*/
/*show */
#show {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  /*background-image: url(../images/show-bg.jpg);*/
  z-index: 5000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none; }

.show-text-wrapper {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 1em;
  width: 100%;
  display: none; }

.show-text {
  color: #fff;
  display: inline-block;
  background: #666;
  padding: 1em 2em;
  line-height: 1.5em;
  opacity: 0.8; }

#show .buffer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: url(../images/buffer_small.gif);
  background-position: center center;
  background-repeat: no-repeat;
  display: block; }

#show .close {
  position: absolute;
  top: 2em;
  right: 2em;
  padding: .5em;
  background: #fff;
  color: #000;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  background-image: url(../images/close-x.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70%; }

.steurung-wrapper {
  position: absolute;
  bottom: 2em;
  right: 0em;
  width: 100%;
  padding: 0em;
  box-sizing: border-box;
  text-align: center; }

.arrow {
  display: inline-block;
  width: 4em;
  height: 4em;
  padding: 1em;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  /*border:1px solid #fff;*/
  opacity: .7;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 50%; }

#next {
  background-image: url(../images/next-button.png); }

#back {
  background-image: url(../images/previous-button.png); }

.image-loader {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden; }

/*show end*/
/*Product list*/
.product-description {
  display: none; }

.product_pic {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.product_pic:before {
  content: "";
  display: block;
  padding-top: 20em;
  /* initial ratio of 1:1*/
  cursor: pointer; }

.product_pic_transparent {
  width: 80%;
  height: 80%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  padding: 1em; }

.more-info-wrapper {
  position: absolute;
  bottom: 0em;
  width: 100%;
  height: 3em;
  text-align: center; }

.more-info {
  padding: .5em 1em;
  position: relative;
  display: inline-block;
  background-color: #b4953a;
  color: #fff;
  cursor: pointer;
  z-index: 200; }

.more-info:hover {
  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
  color: #666; }

.product-container h2 {
  color: #b4953a;
  font-weight: 100;
  border-bottom: 1px dotted #b4953a;
  cursor: pointer; }

/*product list end*/
/*datenschutz*/
.cc_btn_accept_all {
  background-color: #b4953a;
  /* Farbe des Buttons */
  color: #b4953a;
  /* Textfarbe des Buttons */ }

.cc_container {
  background-color: #b4953a;
  /* Hintergrundfarbe des gesamten Bereichs */
  color: #fdfdfd;
  /* Schriftfarbe des gesamten Bereichs */ }

.cc_container a {
  color: #b4953a;
  /* Textlink-Farbe "Mehr Infos" */ }

.cc_message {
  color: #fff; }

/*datenschutz ende*/
/**/
#back-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 100; }

#back-top a {
  width: 50px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;
  /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }

#back-top a:hover {
  color: #000; }

/* arrow icon (span tag) */
#back-top span {
  width: 50px;
  height: 50px;
  display: block;
  margin-bottom: 7px;
  /* rounded corners */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  background-color: #ddd;
  background-image: url(../images/up-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40%; }

#back-top a:hover span {
  background-color: #b4953a; }

/**/
.overlay-text-wrapper {
  position: relative;
  width: 100%; }

.overlay-text-wrapper img {
  width: 100%;
  height: auto; }

.overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  font-size: 1.5em;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center; }

@media screen and (min-width: 720px) and (max-width: 1035px) {
  .cd-content {
    width: 100%;
    padding: 0em 1em;
    box-sizing: border-box; }

  .bottom_nav ul {
    width: 100%;
    padding: 0em 1em;
    box-sizing: border-box; }

  .single-action-description {
    width: 69%;
    padding: 0em 3em 0em 0em; } }
@media screen and (max-width: 1000px) {
  footer {
    position: relative;
    width: 100%;
    padding: 2em;
    height: auto;
    box-sizing: border-box;
    margin-top: 2em; }

  footer .logo {
    position: relative;
    left: 0em;
    top: 0em;
    width: 100%;
    display: block;
    margin-bottom: 1em;
    text-align: center; }

  footer .text {
    position: relative;
    left: 0em;
    top: 0em;
    width: 100%;
    display: block;
    text-align: center; }

  footer .gm {
    position: absolute;
    left: 0;
    top: 10em;
    height: 13em;
    width: 100%; }

  footer .content {
    width: 100%; }

  .slider-middle-text {
    position: absolute;
    bottom: 7em;
    left: 0em;
    text-align: left;
    padding: 2em 3em; } }
@media screen and (max-width: 720px) {
  .cd-content {
    width: 100%;
    padding: 0em 1em;
    box-sizing: border-box; }

  .bottom_nav ul {
    width: 100%;
    padding: 0em 1em;
    box-sizing: border-box; }

  .single-action-description {
    width: 69%;
    padding: 0em 3em 0em 0em; }

  .slider-middle-text {
    position: absolute;
    bottom: 7em;
    left: 0em;
    text-align: left;
    padding: 2em 3em; }

  .image-container {
    display: block;
    margin: 0;
    padding: 0; }
    .image-container img {
      padding: 0;
      margin: 0;
      display: block; }

  .cd-fixed-bg-middle {
    display: none; }

  .slider-new-text {
    display: block; }

  .social-media-container {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    overflow: hidden;
    text-align: center;
    z-index: 1000; }
    .social-media-container .social-media {
      z-index: 1000;
      background-size: 1.2em;
      background-position: .8em center;
      background-repeat: no-repeat;
      color: #fff;
      font-weight: 400;
      border-radius: 0;
      cursor: pointer;
      padding: .5em .5em;
      padding-left: 2.5em;
      position: relative;
      right: auto;
      display: inline-block;
      width: auto;
      font-size: .8em;
      -webkit-transition: all .8s ease;
      -moz-transition: all .8s ease;
      -ms-transition: all .8s ease;
      -o-transition: all .8s ease;
      transition: all .8s ease; }
    .social-media-container .social-media-mobile {
      display: none; }
    .social-media-container .social-media:hover {
      right: 0; }
    .social-media-container .social-media a {
      color: inherit;
      text-decoration: none; }

  .fb {
    background-image: url("../images/fb.svg"); }

  .insta {
    background-image: url("../images/instagram.svg"); }

  .yt {
    background-image: url("../images/youtube.svg"); }

  .mail {
    background-image: url("../images/email.svg"); }

  .tel {
    background-image: url("../images/tel.svg"); }

  .bell {
    background-image: url("../images/bell.svg"); }

  .geo {
    background-image: url("../images/geo.svg"); }

  .time {
    background-image: url("../images/time.svg"); }

  .t-0 {
    top: auto; }

  .t-3 {
    top: auto; }

  .t-6 {
    top: auto; }

  .t-9 {
    top: auto; } }
@media screen and (max-width: 600px) {
  h1 {
    font-size: 2.2em; }

  footer {
    position: relative;
    width: 100%;
    padding: 2em;
    height: auto;
    box-sizing: border-box;
    margin-top: 2em; }

  footer .logo {
    position: relative;
    left: 0em;
    top: 0em;
    width: 100%;
    display: block;
    text-align: center; }

  footer .text {
    position: relative;
    left: 0em;
    top: 0em;
    width: 100%;
    display: block;
    text-align: center; }

  footer .gm {
    position: absolute;
    left: 0;
    top: 10em;
    height: 13em;
    width: 100%; }

  footer .content {
    width: 100%; }

  .bottom_nav ul {
    width: 100%;
    box-sizing: border-box; }

  .cd-fixed-bg-middle .slider-middle-text {
    width: 100%;
    bottom: 0;
    text-align: center; }

  .cd-fixed-bg-middle .slider-middle-text h1 {
    margin: 0;
    padding: .2em;
    font-size: 1.5em;
    background: none; }

  .cd-fixed-bg .slider-middle-text {
    display: block; }

  .slider-middle-text h1 {
    margin: 0;
    font-size: 2em;
    background: #b4953a;
    display: inline-block;
    padding: .2em; }

  .cd-fixed-bg .slider-picture-right {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    min-height: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: auto; }

  .slider-middle-text-hidden {
    background: #b4953a;
    padding: 1em 1em;
    box-sizing: border-box;
    text-align: center;
    display: block;
    width: 100%; }

  .slider-middle-text-hidden h1, h2 {
    margin: 0;
    padding: .2em;
    font-size: 1.5em; }

  .cd-fixed-bg .slider-picture-right:before {
    padding-top: 100%;
    /* initial ratio of 1:1*/ }

  .cd-fixed-bg .slider-middle-text {
    display: none; }

  .single-action-description {
    width: 100%;
    display: inline-block;
    padding: 0em; }

  .single-action-image {
    width: 100%;
    display: iblock;
    position: relative; }

  .single-action-image:before {
    padding-top: 40%;
    /* initial ratio of 1:1*/ }

  .single-action-image_l {
    width: 100%;
    display: block;
    position: relative; }

  .single-action-image_l:before {
    padding-top: 40%;
    /* initial ratio of 1:1*/ }

  .single-action-description_l {
    width: 100%;
    display: inline-block;
    padding: 0em; }

  .ul_infront li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    float: none;
    margin-bottom: 2%; }

  .ul_reference li {
    display: block;
    width: 100%;
    margin-bottom: 1em; }

  .main-nav {
    position: absolute;
    left: 0em;
    top: 0em;
    background-color: #fff;
    padding: 1em;
    display: none;
    z-index: 2000; }

  .main-nav ul {
    z-index: 1;
    width: 100%;
    margin-top: 0em;
    position: relative; }

  .ul_references li .gallery-thumb {
    width: 100%; }

  .logo {
    position: absolute;
    right: 0em;
    top: .8em;
    left: 5em;
    height: 4em;
    width: 70%;
    font-size: .9em; }

  .logo h1 {
    font-size: 1.3em; }

  .logo hr {
    width: 90%;
    margin-top: 5px;
    margin-bottom: 5px; }

  .cd-footer {
    padding: 0em 1em; }

  #mobile-symbol {
    left: 1em; }

  .ul_infront-image_transparent h1 {
    font-size: 2em; }

  .ul_infront-image_transparent p {
    font-size: .8em;
    letter-spacing: 0em; }

  .slider-picture-3 {
    position: relative;
    top: auto;
    width: 100%;
    height: 20em;
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: auto;
    display: block; }

  .left {
    left: auto; }

  .middle {
    left: auto; }

  .right {
    right: auto; }

  #drei.cd-fixed-bg-middle:before {
    content: "";
    display: block;
    padding-top: 0em;
    /* initial ratio of 1:1*/ }

  .overlay-text {
    position: absolute;
    font-size: 1em; } }