/*

*/
/*
    Created on : 17.09.2019, 11:09:35
    Author     : drinkhut
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* work-sans-100 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/work-sans-v7-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v7-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v7-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v7-latin-100.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v7-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v7-latin-100.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-200 - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/work-sans-v7-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v7-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v7-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v7-latin-200.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v7-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v7-latin-200.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-regular - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/work-sans-v7-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v7-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-300 - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/work-sans-v7-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v7-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v7-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-600 - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/work-sans-v7-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v7-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v7-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-800 - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/work-sans-v7-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v7-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v7-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v7-latin-800.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v7-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v7-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-italic - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/work-sans-v7-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v7-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v7-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v7-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v7-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v7-latin-italic.svg#WorkSans') format('svg'); /* Legacy iOS */
  }

  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

  .reserved {
    color: #FF0000;
  }

  body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif !important;
  }

  html {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif !important;
  }

  /*FONT-START*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  li {
    letter-spacing: 1.0px;
  }

  a{
    text-decoration: none !important;
  }

  a:hover {
    text-decoration: none;
  }

  p {
    font-size: 14px;
  }

  .info-bold-heading-big {
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
  }

  .info-bold-heading-big-second {
    font-size: 26px;
    font-weight: 700;
    line-height: 150%;
  }

  .info-heading-thin-big{
    font-size: 30px;
    font-weight: 300 !important;
    line-height: 150%;
  }

  .info-bold-big {
    font-size: 18px;
    font-weight: 700;
  }

  .info-bold-super-big{
    font-size: 42px;
    font-weight: 700;
  }

  .info-bold-mid {
    font-size: 16px;
    font-weight: 700;
  }

  .info-bold-small {
    font-size: 12px;
    font-weight: 700;
  }

  .info-regular-big {
    font-size: 18px;
    font-weight: 400;
  }

  .info-regular-mid {
    font-size: 16px;
    font-weight: 400;
  }

  .info-regular-small {
    font-size: 12px;
    font-weight: 400;
  }

  .info-thin-superbig {
    font-size: 30px;
    font-weight: 200;
  }

  .info-thin-big {
    font-size: 18px;
    font-weight: 200;
  }

  .info-thin-mid {
    font-size: 16px;
    font-weight: 200;
  }

  .info-thin-small {
    font-size: 12px;
    font-weight: 200;
  }

  .info-bold-big,
  .info-bold-mid,
  .info-bold-small {
    text-decoration: none !important;
  }

  /*Font-Color*/

  .font-color-white {
    color: #ffffff;
  }

  .font-color-black {
    color: #000;
  }

  .font-color-gray {
    color: #a6a8a9;
  }

  .font-color-dark-gray {
    color: rgba(20, 20, 20, 0.533);
  }

  .font-color-gray-light {
    color: #CBCBCB;
  }

  .font-weight-700 {
    font-weight: 700;
  }

  .font-color-red {
    color: #E61515 !important;
  }

  .font-color-lila {
    color: #A16BA9;
  }

  .font-color-blue{
    color: #a17691 !important;
  }

  .font-color-blue-extra{
    color: #004e7b;
  }

  .font-background-blue{
    color: #ffffff;
    background-color: #193654;
  }

  .font-background-lila{
    color: #ffffff;
    background-color: #491B58;
  }

  .font-color-brown{
    color: #532205 !important;
  }

  /*Font align*/

  .font-align-justify{
    text-align: justify !important;
  }

  /*UNI -> Components -> Margin-Top*/
  .x-margin-top-0 {
    margin-top: 0 !important;
  }

  .x-margin-top-5 {
    margin-top: 5px !important;
  }

  .x-margin-top-10 {
    margin-top: 10px !important;
  }

  .x-margin-top-10-m{
    margin-top: 10px !important;
  }

  .x-margin-top-15 {
    margin-top: 15px !important;
  }

  .x-margin-top-20 {
    margin-top: 20px !important;
  }

  .x-margin-top-25 {
    margin-top: 25px !important;
  }

  .x-margin-top-50 {
    margin-top: 50px !important;
  }

  .x-margin-top-100 {
    margin-top: 100px !important;
  }

  .x-margin-top-100-m{
    margin-top: 100px !important;
  }

  .x-margin-top-200 {
    margin-top: 200px !important;
  }

  .x-margin-bottom-0 {
    margin-bottom: 0 !important;
  }

  .x-margin-bottom-10 {
    margin-bottom: 10 !important;
  }

  .x-margin-bottom-20 {
    margin-bottom: 20px !important;
  }

  .x-margin-bottom-50 {
    margin-bottom: 50px !important;
  }

  .x-margin-bottom-100 {
    margin-bottom: 100px !important;
  }

  .x-margin-top-100-bd {
    margin-top: 0;
  }

  .x-margin-top-100-minus{
    margin-top: -100px;
  }

  .x-margin-left-0 {
    margin-left: 0 !important;
  }

  .x-margin-left-10 {
    margin-left: 10px !important;
  }

  .x-margin-left-20 {
    margin-left: 20px !important;
  }

  .x-margin-left-25 {
    margin-left: 25px !important;
  }

  .x-margin-left-50 {
    margin-left: 50px !important;
  }

  .x-margin-right-0 {
    margin-left: 0 !important;
  }

  .x-margin-right-10 {
    margin-left: 10px !important;
  }

  .x-margin-right-20 {
    margin-left: 20px !important;
  }

  .x-margin-right-25 {
    margin-left: 25px !important;
  }

  .x-margin-right-50 {
    margin-left: 50px !important;
  }

  .x-margin-top-header-right {
    margin-top: 100px;
  }

  .x-margin-top-header-left {
    margin-top: 150px;
  }

  .x-padding-50{
    padding: 50px !important;
  }

  .x-padding-0{
    padding: 0 !important;
  }

  .x-bottom-0{
    bottom: 0 !important;
  }

  .border-top-blue{
    border-top: 2px;
    border-top-style: solid;
    border-top-color: #193654;
  }

  /*Main Stylesheet Start*/
  /**************************/
  /*UNIVERSAL COMPONENT*/
  /*UNI -> Components -> img*/

  .honeypot{
    display: none !important;
  }

  .logo-img {
    width: 150px;
    height: auto;
  }

  input{
    border-radius: 100px !important;
    border-color: #ffffff !important;
  }

  .form-check-label{
    color: #ffffff;
  }

  .dcc-button,
  .dcc-button-blue,
  .dcc-button-white,
  .dcc-button-lila,
  .dcc-button-border,
  .dcc-button-border-white{
    width: auto;
    height: auto;
    padding: 15px 20px;
    border-radius: 100px;
    border: none;
    background: #a17691 !important;
    font-size: 12px;
    color: #ffffff;
    font-weight: 700 !important;
    transition: .5s;
  }

  .dcc-button{
    border: 2px;
    border-style: solid;
    border-color: #a17691;
  }

  .dcc-button-white{
    background: #ffffff;
    color: #040E22;
  }

  .dcc-button-blue{
    background: #040E22 !important;
    color: #ffffff !important;
  }

  .dcc-button-lila{
    background: #7B2A95 !important;
    color: #ffffff !important;
  }

  .dcc-button-border{
    border: 2px !important;
    border-style: solid !important;
    border-color: #040E22;
    background: none;
    color: #040E22 !important;
    transition: .5s;
  }

  .dcc-button-border-white{

    background: #001fcc;
    color: #ffffff !important;
    transition: .5s;
  }

  .dcc-button:hover{
    background: #835070;
    color: #ffffff;
    border: 2px;
    border-style: solid;
    border-color: #a17691;
  }

  .dcc-button-border:hover{
    background: #040E22;
    color: #ffffff !important;
    border: 2px;
    border-style: solid;
    border-color: #ffffff !important;
  }

  .dcc-ul{

  }

  .dcc-li{
    font-size: 16px;
    list-style-image: url('img/burg-blau.png');
    margin-top: 0px;
    color: #004e7b;
    font-weight: bold;
  }

  .dcc-li-white{
    font-size: 16px;
    list-style: none;
    margin-top: 0px;
    margin-left: 0px;
    color: white !important;
  }

  #menu-sitemap{
    margin-left: 0px !important;
    padding: 0 !important;
  }

  .dcc-li-white:hover{
    list-style: none;
    margin-top: 0px;
    color: #001fcc;
  }

  .dcc-link{

  }

  .dcc-link:hover{
    color: #ffffff;
  }

  .dcc-img-100{
    width: 100%;
    height: auto;
  }

  .dcc-img-50{
    width: 100%;
    height: auto;
  }

  .dcc-img-small{
    width: 100%;
    height: auto;
  }

  .hover-lila:hover{
    background: #ffffff;
    transition: .5s;
  }

  .hover-lila:hover{
    background: #66227C;
    padding: 20px;
    border-radius: 10px;
  }

  .hover-lila:hover > p{
    color: #ffffff !important;
  }

  .dcc-img-icon{
    width: 50px;
    height: auto;
  }

  .dcc-img-icon-nav{
    width: 20px;
    height: auto;
  }

  .dcc-img-icon-big{
    width: 50px;
    height: auto;
  }

  .dcc-img-icon-mid{
    width: 30px;
    height: auto;
  }

  .dcc-img-icon-small{
    width: 20px;
    height: auto;
  }

  .dcc-feature-icon{
    width: 50px;
    height: auto;
    padding: 10px;
    background: #040E22;
    border-radius: 10px;
  }

  .info-scroll{
    font-size: 12px;
    margin: 10px 0 10px 25px !important;
  }

  /*Animation Classes*/
.fadetop {
  transition: all 0.9s;
  opacity: 0;
  margin-top: -20px;
}

.top {
  opacity: 1;
  margin-top: 0;
}

.moveleft {
  transition: all 0.9s;
  opacity: 0;
  margin-left: -100px;
}

.left {
  opacity: 1;
  margin-left: 0;
}

.moveright {
  transition: all 0.9s;
  opacity: 0;
  margin-right: -100px;
}

.right {
  opacity: 1;
  margin-right: 0;
}


.changeBack{
  background: #ffffff;
  transition: all 4.0s;
}

/*NAV START*/
nav {
    width: 100%;
    height: auto;
    padding: 10px 20px 10px 20px;
    transition: .5s;
    background: #ffffff;
    z-index: 10000;
    position: fixed;
  }

  #nav {
    position: fixed;
  }

  #navbarNavDropdown {
    width: 100%;
    height: auto;
    background: #ffffff !important;
    transition: .5s;
    padding: 20px 0;
  }

  #navbarNavDropdown a:nth-child(1) {
    font-size: 14px;
    color: #004e7b;
    font-weight: 700;
  }

  #navbarNavDropdown a {
    font-size: 14px;
    color: #004e7b;
    font-weight: 300;
  }

  .dropdown-menu{
    background: #ffffff !important;
    transition: .5s;
  }

  .dropdown-menu a:hover{
    background: #CBCBCB !important;
  }

  .dropdown-item.active, .dropdown-item:active{
    background-color: #e7e7e7;
  }

/*Start Nav-Page*/
#nav-page {
    width: 100%;
    height: auto;
    padding: 0px 10px;
    display: none;
    transition: .5s;
    margin-top: 40px;
    z-index: 1000;
    background: #ffffff !important;
  }

  .nav-page-layer {
    width: 100%;
    height: 500px;
    background: #000;
    position: absolute;
    opacity: 0.7;
  }

  .container-nav-menu {
    width: 50px;
    height: 30px;
    margin: 13.5px 0 0 0;
    z-index: 10000;
  }

  #nav-menu-line-a,
  #nav-menu-line-b,
  #nav-menu-line-c {
    width: 50%;
    height: 2px;
    background: #ffffff ;
    margin-bottom: 5px;
    transition: .5s;
    z-index: 10000;
    margin-left: 0px;
  }


  .navbar-toggler-icon{
      display: none !important;
  }

  .navbar-toggler{
    width: 50px;
    height: 50px;
    border-style: none !important;
    border-radius: 20px!important;
    background: #11263E !important;
  }

  /*Start nav-sub*/
#nav-sub {
  width: 100%;
  height: auto;
  padding: 75px 0 10px 0 !important;
  background: #a17691;
}

#nav-sub p,
#nav-sub img{
  padding: 5px 0;
  margin: 0;
}

.nav-sub-bold {
  font-size: 14px;
  font-weight: 400;
  margin-top: 2.5px !important;
  color: #ffffff;
}

.img-sub-nav{
  width: 25px;
  height: auto;
  float: left;
  margin-right: 10px !important;
}

  /*Header Start*/

  header{
    width: 100%;
    min-height: 550px;
    padding-top: 100px;
}

.sub-header{
  width: 100%;
  min-height: auto !important;
  padding: 100px 0 !important;
  background-image: none !important;
  background: #ffffff;
}

.sub-header-second{
  width: 100%;
  min-height: 550px !important;
  padding: 100px 0 !important;
  background-image: none !important;
  background: #040E22;
  background-image: url("img/Header-Section-Zielonka2.jpg") !important; /* The image used */
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.sub-header .carousel,
.sub-header .carousel-inner,
.sub-header .carousel-item{
  width: 100%;
  height: auto;
  max-height: 600px;
  padding: 20px 0;
}

.sub-header .carousel-inner .carousel-item .dcc-img-carousel{
  height: 400px;
}

.sub-header .carousel-control-prev-icon{
    background-image: url("img/iconmonstr-arrow-68-240.png"); /* The image used */    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    opacity: 1 !important;
  }

  .sub-header .carousel-control-next-icon{
    background-image: url("img/iconmonstr-arrow-67-240.png"); /* The image used */    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    opacity: 1 !important;
  }


  #carouselExampleIndicators .dcc-carousel-button{
    background: #001fcc;
    width: 20px !important;
    height: 1px !important;
  }

header .dcc-img-icon-small{
  width: 40px;
}

.dcc-background-header-one{
  background-image: url("img/paar.jpg") !important; /* The image used */
  background-color: #040E22 !important; /* Used if the image is unavailable */
  background-position: center !important; /* Center the image */
  background-repeat: no-repeat !important; /* Do not repeat the image */
  background-size: cover !important; /* Resize the background image to cover the entire container */
}

.dcc-background-header-two{
  background: #ffffff;
  background-image: url("img/Header-Section-Zielonka10.jpg") !important; /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.dcc-background-header-three{
  background: #ffffff !important;
  background-image: url("imgHeader-Section-Zielonka1.jpg") !important; /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.dcc-background-header-four{
  background: #ffffff;
  background-image: url("img/Header-Section-Zielonka2.jpg") !important; /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.dcc-background-header-five{
  background: #ffffff;
  background-image: url("img/Header-Section-Zielonka4.jpg") !important; /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.dcc-background-header-six{
  background: #ffffff;
  background-image: url("img/Header-Section-Zielonka5.jpg") !important; /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.dcc-background-header-seven{
  background: #ffffff;
  background-image: url("img/Header-Section-Zielonka6.jpg") !important; /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.dcc-background-header-eight{
  background: #ffffff;
  background-image: url("img/sofa.jpg") !important; /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.dcc-background-header-nine{
  background: #ffffff;
  background-image: url("img/haus-nacht.jpg") !important; /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: top; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.dcc-background-header-ten{
  background: #ffffff;
  background-image: url("img/schluessel.jpg"); /* The image used */    
  background-color: #040E22; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

  /*Start Info-Content*/

  .info-content{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: #fcfcfc;
  }

     /*Start Card*/

     .card-section{
       width: 100%;
       height: auto;
       padding: 100px 0;
       background: #f8f9fa;
     }

  .card{
    width: 80%;
    height: auto;
    background-color: #ffffff !important;
    color: #040E22;
    margin: auto;
    border-radius: 20px !important;
    border: none !important;
    padding: 20px 0;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;;
  }

  .reserved{
    width: 100%;
    height: auto;
    margin: 10px 0;
    background: #A16BA9;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
  }

  /*Start Ref.Immo*/

  .ref-immo{
    width: 100%;
    height: auto;
    margin: 50px 0 !important;
  }

   /*Start Portfolio*/

   .portfolio{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: #ffffff;
    background-image: url("img/berge.png"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: 70%; /* Resize the background image to cover the entire container */
  }

  .portfolio .dcc-card{
    min-height: 0px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  }

  .dcc-card{
    width: 100%;
    height: auto;
    min-height: 350px;
    border-radius: 20px;
    overflow: hidden;
  }

  .dcc-card-container{
    width: 100%;
    height: auto;
    padding: 40px 30px;
  }

  .box-shadow{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  }

  .dcc-card-inline{
    background-color: #491B58;
    border-radius: 10px;
    margin-right: 2.5px;
  }

  .dcc-background-brown{
    background: #532205 !important;
  }

  .dcc-background-light-brown{
    background: #75350f !important;
  }

  .dcc-background-gray{
    background: #404044 !important;
  }

  .dcc-background-light-gray{
    background-image: url("img/berge.png"); /* The image used */    
    background-position: bottom; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: 100%; /* Resize the background image to cover the entire container */
  }

  .dcc-background-blue{
    background: #040E22 !important;
  }

  .dcc-background-light-blue{
    background: #11263E !important;
  }

  .dcc-background-lila{
    background: #491B58 !important;
  }

  .dcc-background-white{
    background: #ffffff !important;
  }


  .dcc-background-light-lila{
    background: #7B2A95 !important;
  }

  .border-right{
    border-right: 1px;
    border-right-style: solid;
    border-right-color: #e7e7e7;
  }

  .dcc-card-icon{
    width: 100px;
    height: auto;
  }

  .dcc-card-icon-small{
    width: 50px;
    height: auto;
  }

  .dcc-card-line{
    width: 50px;
    height: 3px;
    background: #ffffff;
  }

  .sticky{
    position: sticky !important;
  }

   /*Start Contact*/
  .contact{
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: #ffffff;
  }

  .img-dcc-contact{
    width: 100%;
    height: auto;
  }

  .dcc-form{
    max-width: 500px;
    border-style: none !important;
    border-bottom: 2px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #a17691 !important;
    border-radius: 0 !important;
    background: none !important;
    color: #040E22 !important;

  }

  .call-to-action-section input::placeholder{
    color: #ffffff !important;
  }

      /*Start stikcy-section*/

      .sticky-section{
        width: 100%;
        height: auto;
        padding: 20px 0 50px 0;
        background: #ffffff;
      }

    .sticky{
      position: sticky;
      top: 300px;
    }

    .container-sticky{
      width: 100%;
      height: auto;
      z-index: 1 !important;
    }

    /*Start Info-Picture*/

    .info-picture,
    .info-picture-right{
      width: 100%;
      height: auto;
      padding: 100px 0;
      background-color: #ffffff
    }

  /*
    .right-back{
      background-image: url("img/background-picture-right.jpg"); 
      background-color: #ffffff; 
      background-position: center; 
      background-repeat: no-repeat; 
      background-size: 50%; 
    }

    .left-back{
      background-image: url("img/background-picture-left.jpg"); 
      background-color: #ffffff; 
      background-position: center; 
      background-repeat: no-repeat; 
      background-size: 50%; 
    } 
*/
    .dcc-img-80{
      width: 100% !important;
      height: auto !important;
    }

  /*Start call-to-action-section*/

  .call-to-action-section{
    width: 100%;
    height: auto;
    padding: 100px 0 100px 0;
    background-image: url("img/slider_haus.jpg"); /* The image used */
    background-color: #040E22; /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}


  .dcc-icon-mid{
    width: 50px;
    height: auto;
  }

  .dcc-icon-small{
    width: 15px;
    height: auto;
  }

  .dcc-icon-mid-footer{
    width: 30px;
    height: auto;
  }


  /*Start immo-cast*/

  .immo-cast{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: #F4F5F6;
  }


  .container-immo-cast{
    width: 100%;
    padding: 10px 0;
    border-top: 2px;
    border-top-style: solid;
    border-top-color: #CBCBCB;

    padding: 10px 10px;
        margin-top: 10px;
  }

  .container-immo-cast-img{
    width: 50%;
    height: auto;
    overflow: hidden;
    padding: 0;
    width: 110%;
    height: auto;
    float: left;
  }

  .dcc-immo-pic-cast-small{
    width: 100%;
    height: auto;
  }

  .dcc-immo-pic-cast-full{
    width: 100%;
    height: auto;
  }

  .dcc-immo-cast-info-text{
    font-size: 12px;
    font-weight: 600;
    color: #cccccc;
  }

  .dcc-immo-cast-data-text{
    font-size: 14px;
    font-weight: 300;
    color: #040E22;
  }

  .immo-cast .dcc-button-border{
    width: auto;
    padding: 10px 30px;
  }

.dcc-card .container-fluid{
    padding: 0 !important;
    margin: 0 !important
  }

  .immo-cast .dcc-card .container-fluid .row{
    padding: 0 !important;
  }

  /*Start Marketing-Info*/

  .marketing-info{
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: #004e7b;
  }

  .marketing-info .dcc-card{
    min-height: auto;
    background: none !important;
    color: #ffffff;
  }

  /*Start Info-content-pic*/

  .info-content-pic-left{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: #F4F5F6;
  }

  .info-content-pic-right{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: #F4F5F6;
  }

  /*Guide*/

  .download-section{
    width: 100%;
    height: auto;
    margin: 50px 0;
  }

  .download-section .form-check-label{
    color: #a6a8a9;
    font-size: 10px;
  }

  .form-check-input{
    border-color: #A16BA9 !important;
  }

  /*Start Client*/

  .client{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background-image: url("img/background-port.svg"); /* The image used */    
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: 100%; /* Resize the background image to cover the entire container */
  }

  .client .carousel-control-prev-icon{
    background-image: url("img/right.png"); /* The image used */    
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    opacity: 1 !important;
  }

  .client .carousel-control-next-icon{
    background-image: url("img/left.png"); /* The image used */    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    opacity: 1 !important;
  }

  .dcc-img-client-container{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
  }

  .dcc-img-client{
    width: 80px;
    height: auto;
    margin-top: -10px;
  }

  .carousel-item{
    background: #f8f9fa;
    padding: 40px;
    border-radius: 20px;
    min-height: 300px !important;
  }

  #carouselExampleIndicators .dcc-carousel-button{
    background: #a17691;
    width: 20px !important;
    height: 1px !important;
    border-radius: 100%;
  }

  /*Footer*/

  footer{
    width: 100%;
    height: auto;
    padding: 100px 0 0 0;
    background: #a6a8a9;
    overflow: hidden;
  }

  .container-footer{
    width: 100%;
    height: 10px;
    background-color: #004e7b;
    margin-bottom: 5px;
  }

  .footer-container-claim{
    width: 500px;
    height: auto;
    text-align: center;
    margin: 20px 20px 20px 20px;
    background: #835070;
    bottom: -10px !important;
  }

  .slogan-container{
    width: auto;
    height: auto;
    padding: 20px 5px;
    background: #a17691;
    text-align: center;
    position: relative;
    transform: rotate(-3deg);
    bottom: -20px;
  }


  /* Small devices (landscape phones, less than 768px)*/
  @media (min-width: 767.98px) {}



  /* Medium devices (tablets, less than 992px) */
  @media (min-width: 991.98px) {

      /*FONT START*/
  .info-bold-heading-big {
    font-size: 38px;
    font-weight: 700;
  }

  .info-bold-heading-big-second {
    font-size: 32px;
    font-weight: 700;
  }

  .info-bold-big {
    font-size: 22px;
  }

  .info-bold-mid {
    font-size: 18px;
  }

  .info-bold-small {
    font-size: 14px;
  }

  .info-regular-big {
    font-size: 22px;
  }

  .info-regular-mid {
    font-size: 18px;
  }

  .info-regular-small {
    font-size: 14px;
  }

  .info-thin-big {
    font-size: 22px;
  }

  .info-thin-mid {
    font-size: 18px;
  }

  .info-thin-small {
    font-size: 14px;
  }

  .x-margin-top-10-m{
    margin-top: 0px !important;
  }

  .x-margin-top-100-bd {
    margin-bottom: 100px !important;
  }

  .x-margin-top-100-m{
    margin-top: 0px !important;
  }

  .x-margin-top-100-lg{
    margin-top: 0px !important;
  }

  .x-margin-top-header-right{
    margin-top: 225px !important;
  }

  .x-margin-top-header-left {
    margin-top: 200px;
  }

  /*Universal Comp*/
  .logo-img {
    width: 155px;
    height: auto;
    padding: 0;
  }

    /*Nav Start*/
    #nav-page {
      width: 100%;
      height: auto;
      padding: 0;
      margin-top: 0;
      display: block;
      transition: .5s;
    }

    #navbarNavDropdown a {
      font-size: 14px !important;
      font-weight: 700;
      transition: .5s;
      border-top: 1.5px;
      border-top-style: solid;
      border-top-color: #ffffff;
    }

    #navbarNavDropdown a:hover {
      font-size: 14px;
      color: #11263E;
      font-weight: 700;
      border-top: 1.5px;
      border-top-style: solid;
      border-top-color: #11263E;
    }

    .nav-item-dcc {
      text-decoration: none;
      list-style: none;
      display: inline;
      margin: 0 0 0 20px;
      color: #ffffff;
      transition: .5s;
    }

    #nav-item-dcc-section {
      float: right;
    }

    .nav-page-layer {
      display: none;
    }

    /* .nav-item:nth-child(1){
      margin-left: 100px;
    } */

      /*Start nav-sub*/
  #nav-sub {
    width: 100%;
    height: auto;
    padding: 100px 0 10px 0 !important;
  }

    /*Start Header*/

    header{
      width: 100%;
      min-height: 550px;
      padding-top: 10%;
  }

  .dcc-immo-pic-cast-small{
    width: 150px;
    height: auto;
  }

  .slogan-container{
    width: 450px;
    height: auto;
    padding: 20px 5px;
    background: #a17691;
    text-align: center;
    position: relative;
    transform: rotate(-3deg);
    bottom: -20px;
  }

  .dcc-img-50{
    width: 50%;
    height: auto;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  }

  
}