@charset "UTF-8";

/* =====  1 Global Rules & Definitions  ===================================== */

/* -----  1.1 Font Definitions  --------------------------------------------- */

@font-face{
  font-family:"OfficinaSansITC W07 Bold";
  src:url("../fonts/1529257/aaf88d3b-e95f-4151-a8ee-e423ca9b1c2e.eot?#iefix");
  src:url("../fonts/1529257/aaf88d3b-e95f-4151-a8ee-e423ca9b1c2e.eot?#iefix") format("eot"),url("../fonts/1529257/79209bd7-d1a2-4b23-af8f-cfe1e95199da.woff2") format("woff2"),url("../fonts/1529257/b422b051-41d8-49be-b329-aeaa08b5cb4d.woff") format("woff"),url("../fonts/1529257/345f5f5e-e3b4-4ebd-b954-8da02cc7493e.ttf") format("truetype");
}
@font-face{
  font-family:"OfficinaSansITC W07 Bold Ital";
  src:url("../fonts/1529259/15edb3b2-0c53-4b4e-b66e-ebc9ba86cee8.eot?#iefix");
  src:url("../fonts/1529259/15edb3b2-0c53-4b4e-b66e-ebc9ba86cee8.eot?#iefix") format("eot"),url("../fonts/1529259/62e8e4c5-57e6-4730-92ff-e92f7011ed84.woff2") format("woff2"),url("../fonts/1529259/7a9fd7d0-1669-4779-ad64-a00f23509c76.woff") format("woff"),url("../fonts/1529259/6e55fa36-6a35-409b-aa3e-f9edfb1b20ee.ttf") format("truetype");
}
@font-face{
  font-family:"OfficinaSansITC W07 Book";
  src:url("../fonts/1529261/91ef625b-898a-4bfb-bdd5-182b9e94c707.eot?#iefix");
  src:url("../fonts/1529261/91ef625b-898a-4bfb-bdd5-182b9e94c707.eot?#iefix") format("eot"),url("../fonts/1529261/28b75f42-dfa9-4f46-9a99-36fe4ced5966.woff2") format("woff2"),url("../fonts/1529261/15cbf306-b767-450e-9480-43369f74cbc8.woff") format("woff"),url("../fonts/1529261/94800a48-211d-47af-8ad4-106501911d8a.ttf") format("truetype");
}
@font-face{
  font-family:"OfficinaSansITC W07 Book Ital";
  src:url("../fonts/1529263/1a80d8b5-fce5-4e3e-bbb6-9ba9f642f1a6.eot?#iefix");
  src:url("../fonts/1529263/1a80d8b5-fce5-4e3e-bbb6-9ba9f642f1a6.eot?#iefix") format("eot"),url("../fonts/1529263/45648828-7875-42a5-8d16-d8991c84375a.woff2") format("woff2"),url("../fonts/1529263/7c94fa84-86db-4a1f-8adc-00956ce12181.woff") format("woff"),url("../fonts/1529263/265f0d7e-b572-46e2-9d2f-43670a666402.ttf") format("truetype");
}

/* -----  1.2 Reset & Normalization  ---------------------------------------- */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  list-style: none;
}

article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section, summary {
  /* Add correct display for IE 9- and some newer browsers */
  display: block;
}

::-moz-selection {
  background: #d3d3d3;
  color: #000;
}

::selection {
  background: #d3d3d3;
  color: #000;
}

/**** HELPER ***/

.container-helper {
  padding:0;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {

  body {
    font-size: 14px;
  }

  .container-helper {
    padding-left: 15px;
    padding-right: 15px;
  }
}



/* -----  1.3 General Typography  ------------------------------------------- */

h1, h2, h3, h4, h5, h6,
p, ul, ol, figure, pre {
  /* Reset font-sizes and normalize margins */
  font-size: inherit;
  line-height: inherit;
}

/* Headings */
h1, h2 {
  font-family: "OfficinaSansITC W07 Bold", Verdana, sans-serif;
}

h3, h4 {
  font-family: "OfficinaSansITC W07 Book", Verdana, sans-serif;
}

h1 {
  font-size: 20px;
  line-height: 1.25;
  text-align: left;
  margin: 0;
}

h2 {
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  margin: 0;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 12px;

}

/* Links */
a {
  color: inherit;
  text-decoration: none;
}

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

/* Misc */
hr {
  font-size: 1.25rem;
  font-weight: 500;
  height: 1.5rem;
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  color: #71efac;
}

hr::before {
  content: "";
  position: relative;
  display: block;
  background: currentColor;
  height: 2px;
  top: calc(50% + 1px);
}

hr::after {
  content: "× × ×";
  background: #fffff8;
  position: relative;
  padding: 0 .25rem;
  top: -.25rem;
}


i, em {
  /* Vesper Libre does not have Italics,
     so we use a the *medium* weight instead */
  font-weight: 500;
  font-style: normal;
}

b, strong {
  font-weight: 700;
}

mark {
  padding: .1em .05em;
  margin: -.1em 0;
  color: #261e66;
  background: #eafded;
}

/* -----  1.4 Images & Figures  --------------------------------------------- */

.logo {
  display: block;
  position: relative;
}

.logo img {
  width: 200px;
}

img {
  border-style: none;
}

figcaption {
  font-size: .75rem;
  line-height: 1.5rem;
}


/* -----  1.5 Navigation  --------------------------------------------- */

.logo-top {
  margin-top: 35px;
  margin-bottom: 35px;
}

.logo-top-mobile {
  display: none;
}

.navbar {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.navbar-nav {
  display: -webkit-box;
  position: relative;
  left: -10px;
}

.menu-item {
  padding-left: 10px;
  padding-right: 10px;
}

li.menu-item.is-active {
  color: #989897;
  text-decoration: none;
}

/* Sticky Navbar */

/* Style the navbar */
#SubmenuNavbar {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  left: 5px;
  width: 100%;
}

/* Navbar links */
#SubmenuNavbar a {
  float: left;
  display: block;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  color: #989897;
  text-align: center;
  text-decoration: none;
}

#SubmenuNavbar span {
  display: inline-block;
}

#SubmenuNavbar span.active a {
  color: #333;
}

#SubmenuNavbar li.active a {
  color: #333;
}

#SubmenuNavbar span a:hover {
  color: #333;
  text-decoration: none;
}

.subnav {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px;
  padding-right: 350px;
}


/* mobile Sidebar menu */

#sidebar-wrapper {
    display: none;
}

.hamburger {
  display: none;
}

/*Mobile Sticky Menu*/

.navbar-toggler {
  display: none;
}

.mobile-navbar-master{
  display: none;
}

.btn{
  display: none;
}

/*
767
*/

@media only screen and (min-width: 320px) and (max-width: 1024px) {

  #SubmenuNavbar {
    left: 0;
  }

  #SubmenuNavbar a {
    color:#333;
    padding-left: 0;
  }

  #desktop-menu{
    display: none;
  }

  #sidebar-wrapper {
      display: block;
  }

  .logo img {
    width: 150px;
  }

  .btn{
    display: block;
  }

  button.btn {
    background-color: #fff;
    color: #333;
    padding-left: 0;
    outline: none;
    border: none;
    border-radius: 0;
  }

  .btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
    background-color: transparent;
    border-color: transparent;
  }

  .btn-primary:hover {
      color: #333;
      background-color: transparent;
      border-color: transparent;
  }

  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
      color: #333;
      background-color: transparent;
      border-color: transparent;
  }

  .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
  }

  .subnav {
    padding-left: 15px;
    padding-right: 15px;
  }

  .subnav-button {
    padding: 0;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
  }

  .card-body {
    float: none;
    padding: 0;
    border: none;
    margin-bottom: 20px;
  }


  #SubmenuNavbarMobile{
    display: none;
  }

  .subnav-screen {
    display: none;
  }

  .logo-top {
    display: none!important;
  }

  .logo-top-mobile {
    display: block;
    margin-top: 30px;
  }

  .navbar-toggler {
    display: block;
  }

  .navbar {
    padding: 0;
  }

  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: transparent;
  }


  /*-------------------------------*/
  /*           Wrappers            */
  /*-------------------------------*/
  #wrapper {
    margin-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #wrapper.toggled {
    margin-left: -220px;
  }
  #sidebar-wrapper {
    z-index: 1000;
    left: auto;
    right: 0;
    width: 0;
    top: 0;
    height: 100%;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #sidebar-wrapper::-webkit-scrollbar {
    display: none;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 240px;
      top: 0;
  }
  #page-content-wrapper {
    width: 100vw;
  }
  #wrapper.toggled #page-content-wrapper {
    position: absolute;
  }

  .toggle-helper {
    overflow: hidden;
  }

  /*-------------------------------*/
  /*     Sidebar nav styles        */
  /*-------------------------------*/
  .sidebar-nav {
    position: absolute;
    top: 100px;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .sidebar-nav li {
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
  }
  .sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width 0.2s ease-in;
    -moz-transition: width 0.2s ease-in;
    -ms-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
  }
  .sidebar-nav li:first-child a {
    color: #fff;
    background-color: #1a1a1a;
  }
  .sidebar-nav li:hover:before,
  .sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width 0.2s ease-in;
    -moz-transition: width 0.2s ease-in;
    -ms-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
  }
  .sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;
  }
  .sidebar-nav li a:hover,
  .sidebar-nav li a:active,
  .sidebar-nav li a:focus,
  .sidebar-nav li.open a:hover,
  .sidebar-nav li.open a:active,
  .sidebar-nav li.open a:focus {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
  }
  .sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
  }
  .sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
  }
  /*-------------------------------*/
  /*       Hamburger-Cross         */
  /*-------------------------------*/
  .hamburger {
      position: absolute;
      top: 20px;
      left: auto;
      right: 0;
      z-index: 999;
      display: block;
      width: 32px;
      height: 32px;
      margin-top: 20px;
      margin-right: 40px;
      background: transparent;
      border: none;
  }
  .hamburger:hover,
  .hamburger:focus,
  .hamburger:active {
    outline: none;
  }
  .hamburger.is-closed,
  .hamburger.is-open {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .hamburger.is-closed:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px,0,0);
    -webkit-transition: all 0.35s ease-in-out;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom,
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom {
    background-color: #1a1a1a;
  }
  .hamburger.is-closed .hamb-top {
    top: 5px;
    -webkit-transition: all 0.35s ease-in-out;
  }
  .hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px;
  }
  .hamburger.is-closed .hamb-bottom {
    bottom: 6px;
    -webkit-transition: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover .hamb-top {
    top: 0;
    -webkit-transition: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover .hamb-bottom {
    bottom: 0;
    -webkit-transition: all 0.35s ease-in-out;
  }
  .hamburger.is-open {
      position: fixed;
      left: auto;
      right: 0;
      z-index: 9999;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    background-color: #fff;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px;
  }
  .hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(.73,1,.28,.08);
  }
  .hamburger.is-open .hamb-middle {
    display: none;
  }
  .hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(.73,1,.28,.08);
  }
  .hamburger.is-open:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all 0.35s ease-in-out;
  }
  .hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px,0,0);
    -webkit-transition: all 0.35s ease-in-out;
  }


  /*-------------------------------*/
  /*            Overlay            */
  /*-------------------------------*/
  .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 3;
  }

  .navbar {
    position: absolute;
  }

  /* Navbar Collapse Mobile */

  .navbar-collapse {
    background-color: #1a1a1a;
    color: #ddd;
    padding-top: 5px;
    padding-left: 20px;
    z-index: 999;
  }

  .navbar-category-mobile {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 100%;
    left: 0;
  }

  button.navbar-toggler {
    font-size: 12px;
  }

  ul.nav-toggler {
    display: flex;
    display : -ms-flexbox;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid #333;
  }

  li.nav-item {

  }

  .mobile-navbar-master{
    display: block;
  }

  .stickymobile {
    position: fixed!important;
    z-index: 999;
    top: 0;
  }

  /* Navbar Collapse Mobile */

}

    /* Mobile Sidebar menu end*/

/* Page content
.content {
  padding: 16px;
}
 */

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed!important;
  top: 0;
  padding: 0;
  margin-top: 0!important;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  padding-left: 0!important;
  -webkit-transition: 1.5s all ease-in-out;
  -moz-transition: 1.5s all ease-in-out;
  transition: 1.5s all ease-in-out;
  z-index: 999;
}

.sticky span {

}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .container {
  padding-top: 60px;
}


/* =====  2 Layout Helpers & Reusable Components  =========================== */

/* The Clearfix™: A classic … */
.cf::after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

/* -----  2.1 Kirbytext  ---------------------------------------------------- */
body {
  font-family: "OfficinaSansITC W07 Book", Verdana, sans-serif;
}

/* -----  2.2 Button  ------------------------------------------------------- */
.scrollup-container {
  position: absolute;
  display: none;
}

.scrollup {
  cursor: pointer;
  float: right;
  position: fixed;
  height: 30px;
  bottom: 30px;
  right: 40%;
  font-size: 12px;
}

@media only screen and (min-width: 2400px) and (max-width: 2560px) {
  .scrollup {
    right: 35%;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 2400px) {
  .scrollup {
    right: 50px;
    bottom: 25px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .scrollup {
    right: 50px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {

  .scrollup {
    right: 10px;
    bottom: 20px;
    width: 60px;
    height: 35px;
    padding: 10px;
    background-color: rgba(255,255,255,0.8);
  }
}




/* -----  2.3 Grid & Layout  ------------------------------------------------ */


/* -----  3.2 Menu  --------------------------------------------------------- */


/* -----  3.3 Footer  ------------------------------------------------ */

.footer-copyright {
  font-size: 12px;
  margin-top: 40px;
  margin-bottom: 40px;
}


/* -----  3.4 Main Content  ------------------------------------------------- */


/* =====  4 Template-specific Components ==================================== */

/* -----  4.1 Homepage  ----------------------------------------------------- */

.featured-projects {
  margin-top: 50px;
}

.showcase-image {
  display: block;
  position: relative;
  margin: 0;
  max-width: 100%;
}

.image-caption {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hover-caption {
  display: block;
  opacity: 1;
  background: rgba(255,255,255,.9);
}

.showcase-caption {
  margin: 20px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 45px;
}

h3.showcase-title {
  font-size: inherit;
}

h4.showcase-title {
  font-size: 12px;
}

/* ----- 4.2 Project  -------------------------------------------------- */

.single-project {
    margin-top: 50px;
}

.headline-va {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
}

.headline-va h1 {
  font-size: 20px;
  text-align: inherit;
  margin: 0;
}

.headline-va span {
  font-size: 20px;
  text-align: left;
  margin: 0;
}

.project-details {
  margin-bottom: 40px;
  padding: 0;
}

.project-details h1{
  font-size: 16px;
  text-align: left;
  margin: 0;
  display: inherit;
}

.project-text {
  padding: 0;
  display: inline-block;
}

figure.sponsoring-logo {
    margin: 0;
    float: left;
}

figure.sponsoring-logo img {
  height: 50px;
  padding: 15px;
  width: auto;
}

/* Gallery */

#fullscreen-01 {
  width: 60%;
  padding: 0;
  top: -20px;
}

#fullscreen-02 {
  width: 60%;
  padding: 0;
  top: -20px;
}

img.thumbnail {
  cursor: zoom-in;
  width: 100%;
  height: auto;
}

a.backwards {
  display: inline-block;
  position: relative;
  top: 10px;
  left: 0;
}

a.forwards {
  display: inline-block;
  position: relative;
  float: right;
  top: 10px;
  left: auto;
  right: 0;
}

a.backwards span {
  display: none;
}

a.forwards span {
  display: none;
}


a.backwards img:hover {
  transform: translate(-40px);
  transition: all 0.5s ease-in-out;
  cursor: pointer !important;
}

a.forwards img:hover {
  transform: translate(40px);
  transition: all 0.5s ease-in-out;
  cursor: pointer !important;
}

a.backwards a:hover:after {
    transition: all 0.5s ease-in-out;
    transform: translate(40px);
}

a.forwards a:hover:after {
    transition: all 0.5s ease-in-out;
    transform: translate(0px);
}

.mySlides p {
  font-size: 12px;
  margin: 0;
  color: #8e8e8e;
}

span.slidecount {
  position: absolute;
  left: 47%;
  bottom: -8px;
  font-size: 12px;
}

.slider-controls {
    position: relative;
    bottom: -20px;
}

.thumbnail-caption {
  position: relative;
  float: left;
  background: #fff;
  width: 100%;
  padding-top: 10px;
  bottom: 0;
  padding-bottom: 10px;
}

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #000;
}

a.chocolat-image {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.chocolat-overlay {
  background-color: #000!important;
  opacity: 0.9!important;
}

.chocolat-wrapper .chocolat-pagination {
  float: left!important;
}

.chocolat-wrapper .chocolat-left {
  left: 10px!important;
  width: 100px!important;
  height: 150px!important;
  background: url(../images/previous-arrow-white.svg) 50% 50% no-repeat!important;
}

.chocolat-wrapper .chocolat-right {
  right: 10px!important;
  width: 100px!important;
  height: 150px!important;
  background: url(../images/next-arrow-white.svg) 50% 50% no-repeat!important;
}

.chocolat-wrapper .chocolat-bottom {
  background: none!important;
  line-height: 1.5!important;
  height: auto!important;
  padding-bottom: 10px;
}

.chocolat-wrapper .chocolat-set-title {
  display: none!important;
}

.chocolat-wrapper .chocolat-fullscreen {
  display: none!important;
}

.chocolat-wrapper .chocolat-description {
  text-align: left!important;
}

.chocolat-wrapper .chocolat-close {
  background: url(../images/close-white.svg) 50% 50% no-repeat!important;
}

.chocolat-wrapper .chocolat-close {
  width: 30px!important;
  height: 30px!important;
  top: 20px!important;
  right: 20px!important;
}

.chocolat-pagination {
  font-size: 12px!important;
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {

  #fullscreen-01 {
    width: 80%;
  }

  #fullscreen-02 {
    width: 80%;
  }

}

@media only screen and (min-width: 991px) and (max-width: 1024px) {

  #fullscreen-01 {
    width: 80%;
  }

  #fullscreen-02 {
    width: 80%;
  }
}


@media only screen and (min-width: 767px) and (max-width: 991px) {

  #fullscreen-01 {
    width: 100%;
  }

  #fullscreen-02 {
    width: 100%;
  }

  .chocolat-wrapper {
    display: none!important;
  }

  .chocolat-open {
    overflow: inherit!important;
  }

  a.backwards img {
    display: none;
  }

  a.forwards img {
    display: none;
  }

  a.backwards span {
    display: block;
  }

  a.forwards span {
    display: block;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

  .headline-va h1 {
    font-size: 18px;
  }

  .headline-va span {
    font-size: 18px;
  }

  .project-details h1 {
    font-size: 14px;
  }

  .project-details span {
    font-size: 14px;
  }

  .project-text {
    font-size: 14px;
  }

  .chocolat-wrapper {
    display: none!important;
  }

  .chocolat-open {
    overflow: inherit!important;
  }

  #fullscreen-01 {
    width: 100%;
  }

  #fullscreen-02 {
    width: 100%;
  }

  a.backwards {
    color: #333!important;
    background: #fff;
    top: 20px;
  }

  a.forwards {
    left: auto;
    color: #333!important;
    background: #fff;
    top: 20px;
  }

  a.backwards img {
    display: none;
  }

  a.forwards img {
    display: none;
  }

  a.backwards span {
    display: block;
  }

  a.forwards span {
    display: block;
  }

  .thumbnail-caption {
    position: relative;
    transform: none;
    transform-origin: inherit;
    float: left;
    left: 0;
    bottom: -10px;
    background: #fff;
    width: 100%;
    padding-top: 5px;
  }

  .mySlides p {
    font-size: 10px;
    margin: 0;
  }

  span.slidecount {
    bottom: -18px;
  }

}



/* -----  4.3 About  --------------------------------------------------------- */

.about-headline, .about-subheadline {
  font-size: 20px;
  padding: 0;
}

.about-headline {
  margin-top: 40px;
}

.about-subheadline {
  margin-bottom: 40px;
}


.about-image {
  padding: 0;
  margin-bottom: 20px;
}

.about-image span {
  font-size: 12px;
  color: #8e8e8e;
}

.about-text {
  padding: 0;
  margin-bottom: 80px;
}

.about-text ul {
  padding-left: 20px;
  list-style: disc;
}

.about-text li {
  list-style: disc;
}



/* -----  4.4 Links  ------------------------------------------------------ */

.links-block-information {
  margin-bottom: 100px;
}

.links-top-information {
  margin-top: 30px;
  margin-bottom: 40px;
}

.links-headline, .links-subheadline {
  font-size: 20px;
  padding: 0;
}

.links-image {
  padding: 0;
}

.links-image span {
  font-size: 12px;
  color: #8e8e8e;
}

.links-details {
  padding: 0;
}

.links-introtext {
    padding: 0;
  }

.links-text-row-1, .links-text-row-2, .links-text-row-3  {
  padding: 0;
  margin-bottom: 20px;
}

.links-text-row-1 h1, .links-text-row-2 h1, .links-text-row-3 h1 {
  font-size: 16px;
}

.links-disclaimer {
  padding: 0;
  margin-bottom: 50px;
}

.links-disclaimer p {
  font-size: 12px;
}

.links-block-information ul {
  padding-left: 20px;
}

.links-block-information li {
  list-style: disc;
}


/* -----  4.5 Publikationen  ------------------------------------------------------ */

.publication-block {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 30px;
}

 .publication-image {
  float: left;
  padding: 0;
  margin-right: 20px;
 }

 .publication-headline {
   float: left;
 }

 .publication-subheadline {
   float: left;
 }

 .publication-price {
   float: left;
   opacity: 0.5;
 }

 .publication-text {
   float: left;
 }


 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .publication-headline, .publication-subheadline, .publication-price, .publication-text {
     padding: 0;
   }

   .publication-headline {
     margin-top: 30px;
   }

   .publication-text {
     margin-top: 10px;
   }


 }


 /* -----  4.6 Impressum  ------------------------------------------------------ */

 .impress-image {
   padding: 0;
   margin-top: 50px;
   margin-bottom: 50px;
 }

 .impress-head {
   padding: 0;
   margin-bottom: 30px;
 }

 .impress-text {
   padding: 0;
 }

 .impress-block {
   padding: 0;
 }


 /* -----  4.7 Datenschutz  ------------------------------------------------------ */

 .privacy-image {
   padding: 0;
   margin-top: 50px;
   margin-bottom: 50px;
 }

 .privacy-head {
   padding: 0;
   margin-bottom: 30px;
 }

 .privacy-text {
   padding: 0;
 }

 .privacy-block {
   padding: 0;
 }


 /* -----  4.8 Newsletter MailChimp  ------------------------------------------------------ */

 #mc_embed_signup form {
    font-family: "OfficinaSansITC W07 Book", Verdana, sans-serif!important;
     padding: 0!important;
     margin-top: 20px!important;
     margin-bottom: 20px!important;
   }


   /* Custom Cookies EU-Banner*/

   #cookies-eu-reject {
     display: none;
   }

   #cookies-eu-banner {
     position: fixed;
     bottom: 0;
     z-index: 999!important;
     width: 100%;
     height: auto;
   }

   .cookies-eu-banner-description {
     width: 100%;
     padding-right: 60px;
     padding-left: 60px;
     margin: 0;
   }

   .cookies-eu-banner-description p {
     text-align: left;
     max-width: 50%;
     display: inline-block;
     float: left;
     left: 0;
   }

   #cookies-eu-more {
     border: none!important;
     background: none!important;
     padding: 0!important;
     margin: 0!important;
   }

   #cookies-eu-more:hover, #cookies-eu-more:focus {
     border-bottom: 1px solid #fff;
     color: #fff!important;
     background: none!important;
   }

   #cookies-eu-accept {
     border-radius: 5px;
     border: 1px solid #fff!important;
     background: none!important;
     width: 100px;
     position: relative;
     float: right;
     margin-top: 40px;
   }

   #cookies-eu-accept:hover, #cookies-eu-accept:focus {
     background: #fff!important;
     color: #000;
     border: 1px solid #000!important;
   }


   @media only screen and (min-width: 1400px) and (max-width: 2000px) {
     .cookies-eu-banner-description {
       width: 100%;
       padding-right: 250px;
       padding-left: 250px;
     }

     .cookies-eu-banner-description p {
       max-width: 60%;
     }

     #cookies-eu-accept {
       margin-top: 0px;
     }
   }

   @media (min-width: 2539px) {
     #cookies-eu-accept {
       margin-top: 00px!important;
     }
   }

   @media (min-width: 2000px) and (max-width: 2071px) {
     #cookies-eu-accept {
       margin-top: 0px!important;
     }
   }

   @media (min-width: 1480px) and (max-width: 1866px) {
     #cookies-eu-accept {
       margin-top: 0px!important;
     }
   }

   @media (min-width: 1399px) and (max-width: 1479px) {
     #cookies-eu-accept {
       margin-top: 0px!important;
     }
   }

   @media (min-width: 1292px) and (max-width: 1399px) {
     #cookies-eu-accept {
       margin-top: 0px!important;
     }
   }

   @media (min-width: 1200px) and (max-width: 1292px) {
     #cookies-eu-accept {
       margin-top: 0px!important;
     }
   }

   @media only screen and (min-width: 2000px) {
     .cookies-eu-banner-description {
       width: 100%;
       padding-right: 450px;
       padding-left: 450px;
     }

     .cookies-eu-banner-description p {
       width: 50%;
     }

     #cookies-eu-accept {
       margin-top: 0px;
     }
   }

   @media (max-width: 1200px) {
     #cookies-eu-banner {
       height: auto;
     }

     .cookies-eu-banner-description p {
       max-width: 100%;
     }

     #cookies-eu-accept {
       float: right;
       bottom: 10px;
       margin-top: 20px;
     }
   }

   @media only screen and (min-width: 597px) and (max-width: 767px) {
     #cookies-eu-accept {
       float: right!important;
     }
   }

   @media only screen and (min-width: 320px) and (max-width: 767px) {
     .cookies-eu-banner-description {
       width: 100%;
       padding-right: 20px;
       padding-left: 20px;
       font-size: 11px;
       margin-bottom: 10px;
     }

     .cookies-eu-banner-description p {
       font-size: 11px!important;
     }

     #cookies-eu-more {
       font-size: 11px!important;
     }

     #cookies-eu-accept {
       float: left;
       bottom: 10px;
       margin-top: 20px;
     }
   }