@charset "UTF-8";
/****************************************************************************************************************
*****************************************************************************************************************
*   GLOBAL DEFINITIONS
*****************************************************************************************************************
**************************************************************************************************************** */
/****************************************************************************************************************
*   FONTS
*****************************************************************************************************************/
/* montserrat-regular - latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v25-latin-ext-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-ext-regular.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-ext-regular.woff") format("woff"), url("../fonts/montserrat-v25-latin-ext-regular.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-ext-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700 - latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v25-latin-ext-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-ext-700.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-ext-700.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-ext-700.woff") format("woff"), url("../fonts/montserrat-v25-latin-ext-700.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-ext-700.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-italic - latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/montserrat-v25-latin-ext-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-ext-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-ext-italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-ext-italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-ext-italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-ext-italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700italic - latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/montserrat-v25-latin-ext-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-ext-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-ext-700italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-ext-700italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-ext-700italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-ext-700italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/****************************************************************************************************************
*   COLORS
*****************************************************************************************************************/
/****************************************************************************************************************
*   GLOBAL DESIGN - HTML-ELEMENTS
*****************************************************************************************************************/
* {
  box-sizing: border-box;
}

body {
  color: white;
  font-family: "Montserrat", "sans-serif";
  font-size: 1rem;
  height: 100%;
  width: 100%;
  min-width: 320px;
  background-color: rgb(255, 255, 255);
}

h1 {
  font-size: 2.5rem;
  margin: 0rem;
  padding: 0rem;
}

h2 {
  font-size: 2.25rem;
  margin: 0rem;
  padding: 0rem;
}

h3 {
  font-size: 2rem;
  margin: 0rem;
  padding: 0rem;
}

h4 {
  font-size: 1.75rem;
  margin: 0rem;
  padding: 0rem;
}

h5 {
  font-size: 1.5rem;
  margin: 0rem;
  padding: 0rem;
}

h6 {
  font-size: 1.25rem;
  margin: 0rem;
  padding: 0rem;
}

/****************************************************************************************************************/
a {
  color: rgb(30, 30, 30);
  text-decoration: none;
}

p {
  margin: 0;
  padding: 0;
}

.container {
  max-width: 1920px;
  padding: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  background-color: rgb(211, 211, 211);
}

.container1200 {
  max-width: 1200px;
  padding: 0rem;
  margin-top: 0rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0rem;
  background-color: rgb(255, 255, 255);
}

.container1000 {
  max-width: 1000px;
  background-color: rgb(255, 255, 255);
  padding: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
}

.contentheader {
  width: 100%;
  height: 200px;
  background-color: rgb(255, 255, 255);
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0.5%;
}

.fullwidth {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.nomargin {
  margin: 0px;
}

.lightmode {
  background-color: rgb(255, 255, 255);
}

.darkmode {
  background-color: rgb(30, 30, 30);
}

.darkmode-lighter {
  background-color: rgb(211, 211, 211);
}

.DesktopView {
  display: block;
}

@media (max-width: 449px) {
  .DesktopView {
    display: none;
  }
}
.MobileView {
  display: none;
}

@media (max-width: 449px) {
  .MobileView {
    display: block;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
*   INDIVIDUAL PAGE DEFINITIONS
*****************************************************************************************************************
*****************************************************************************************************************/
/****************************************************************************************************************
*   HEADER LANGUAGE-SELECT
*****************************************************************************************************************/
.language-select {
  height: 1.875rem;
  width: 100%;
  background-color: rgb(255, 255, 255);
  font-size: 0.8rem;
  color: black;
}

@media (max-width: 449px) {
  .language-select {
    font-size: 0.65rem;
    height: 1.5rem;
  }
}
.language-select-links {
  padding-right: 1.875rem;
  list-style-type: none;
  float: right;
}

.language-select-links li {
  float: left;
  margin-left: 1.25rem;
  text-shadow: 0rem 0rem 1.25rem rgb(0, 0, 0);
  padding-top: 0.3125rem;
  padding-bottom: 0.375rem;
}

@media (max-width: 449px) {
  .language-select-links li {
    margin-left: 0.5rem;
  }
}
.language-select-links a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.language-select-links a:hover {
  color: black;
  font-weight: bold;
}

.language-select-links .active {
  background-color: rgb(255, 140, 0);
  color: rgb(255, 255, 255);
  font-weight: bold;
  margin-top: 0rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

/****************************************************************************************************************
*   HEADER LOGO & MENU-BAR
*****************************************************************************************************************/
.header-sticky {
  height: 4.375rem;
  width: 100%;
  color: rgb(255, 255, 255);
  position: sticky;
  top: 0rem;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
}

.header-banner {
  position: relative;
  height: 4.375rem;
  width: 100%;
  background-color: rgb(255, 140, 0);
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid black;
  box-shadow: 15px 0px 50px white;
}

/* HEADER-LOGO */
.header-banner .logo {
  position: absolute;
  left: 1.25rem;
  margin-top: 0.5rem;
  height: 3.125rem;
}

@media (max-width: 399px) {
  .header-banner .logo {
    left: 0.8rem;
  }
}
/* HEADER-LOGO TEXT */
.header-banner .logo-text {
  position: absolute;
  margin-top: 0.25rem;
  left: 6.25rem;
  font-size: 2rem;
}

@media (max-width: 599px) {
  .header-banner .logo-text {
    margin-top: 0.65rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 499px) {
  .header-banner .logo-text {
    margin-top: 1rem;
    font-size: 1.25rem;
  }
}
@media (max-width: 449px) {
  .header-banner .logo-text {
    margin-top: 1rem;
    font-size: 1.25rem;
  }
}
@media (max-width: 420px) {
  .header-banner .logo-text {
    margin-top: 1.25rem;
    left: 5.625rem;
    font-size: 1.1rem;
  }
}
@media (max-width: 399px) {
  .header-banner .logo-text {
    margin-top: 1.25rem;
    left: 5rem;
    font-size: 1.1rem;
  }
}
@media (max-width: 349px) {
  .header-banner .logo-text {
    margin-top: 1.25rem;
    left: 5rem;
    font-size: 0.9rem;
  }
}
.header-banner .logo-text-underline {
  position: absolute;
  margin-top: 2.5rem;
  left: 6.375rem;
  font-size: 0.89rem;
}

@media (max-width: 599px) {
  .header-banner .logo-text-underline {
    margin-top: 2.5rem;
    font-size: 0.67rem;
  }
}
@media (max-width: 499px) {
  .header-banner .logo-text-underline {
    margin-top: 2.5rem;
    font-size: 0.555rem;
  }
}
@media (max-width: 449px) {
  .header-banner .logo-text-underline {
    margin-top: 2.5rem;
    font-size: 0.555rem;
  }
}
@media (max-width: 420px) {
  .header-banner .logo-text-underline {
    margin-top: 2.5rem;
    left: 5.625rem;
    font-size: 0.485rem;
  }
}
@media (max-width: 399px) {
  .header-banner .logo-text-underline {
    margin-top: 2.5rem;
    left: 5rem;
    font-size: 0.485rem;
  }
}
@media (max-width: 349px) {
  .header-banner .logo-text-underline {
    margin-top: 2.5rem;
    left: 5rem;
    font-size: 0.4rem;
  }
}
/* HEADER-MENU - LINKS */
.header-navbar {
  position: absolute;
  right: 0.9375rem;
  top: 0rem;
}

.header-navbar .desktop-nav-content ul {
  list-style: none;
  float: right;
  margin-right: 1.25rem;
}

@media (max-width: 1023px) {
  .header-navbar .desktop-nav-content ul {
    display: none;
  }
}
.header-navbar .desktop-nav-content ul li {
  display: inline-block;
}

.desktop-nav-content .nav-link {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  height: 4.375rem;
  margin-top: 0rem;
  padding-top: 1.5rem;
  padding-right: 0.875rem;
  padding-left: 0.875rem;
}

.desktop-nav-content .nav-link:hover {
  color: rgb(30, 30, 30);
  background-color: rgb(255, 255, 255);
}

/* HEADER-MENU DROPDOWN*/
.desktop-nav-content .dropdown-menu {
  background-color: rgb(255, 140, 0);
  margin-top: 0rem;
}

.header-navbar .desktop-nav-content .dropdown ul {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.header-navbar .desktop-nav-content .dropdown ul :hover {
  color: black;
  background-color: rgb(255, 255, 255);
}

.desktop-nav-content .dropdow-menu li {
  margin: 0rem;
  padding: 0rem;
  border-bottom: 0.0625rem solid rgb(255, 255, 255);
}

.desktop-nav-content .dropdown-menu a {
  width: 300px;
  border-top: 0.0625rem solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  padding: 0rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  padding-left: 1.25rem;
}

.dropdown-menu {
  top: 1.25rem;
}

/****************************************************************************************************************
*   MOBILE MENU (DROPDOWN)
*****************************************************************************************************************/
/* MOBILE MENU BUTTON */
.mobile-nav-content .nav-item {
  position: absolute;
  top: 0.5rem;
  right: 1.875rem;
  border: 0.125rem solid rgb(255, 255, 255);
  border-radius: 0.25rem;
}
.mobile-nav-content .nav-item a {
  color: rgb(255, 255, 255);
}

@media (max-width: 449px) {
  .mobile-nav-content .nav-item {
    right: 1rem;
    width: 3rem;
  }
}
@media (min-width: 1024px) {
  .mobile-nav-content .nav-item {
    display: none;
  }
}
.mobile-nav-content svg {
  color: white;
}

@media (max-width: 449px) {
  .mobile-nav-content svg {
    padding-right: 20px;
  }
}
/* MOBILE MENU DROPDOWN */
.mobile-nav-content .nav-item .dropdown-menu {
  background-color: rgb(255, 140, 0);
}

.mobile-nav-content ul {
  padding-top: 0.8rem;
  padding-bottom: 0rem;
  border: none;
}

.mobile-nav-content .dropdown-menu a {
  width: 18.75rem;
  border-top: 0.0625rem solid rgb(255, 255, 255);
  font-size: 1rem;
  color: rgb(255, 255, 255);
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  padding-left: 1.25rem;
}
.mobile-nav-content .dropdown-menu a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(255, 140, 0);
  border: 0.25px solid rgb(211, 211, 211);
}

/****************************************************************************************************************
*   SITE: INDEX TEASER
*****************************************************************************************************************/
.teaserTop {
  margin-top: 0;
  margin-bottom: 50px;
}

.teaser {
  margin-left: 5%;
  margin-right: 5%;
  color: rgb(30, 30, 30);
}

.teaser__Title {
  font-size: 2.25rem;
}

@media (max-width: 1151px) {
  .teaser__Title {
    font-size: 2rem;
  }
}
@media (max-width: 899px) {
  .teaser__Title {
    font-size: 1.75rem;
  }
}
@media (max-width: 649px) {
  .teaser__Title {
    font-size: 1.5rem;
  }
}
@media (max-width: 449px) {
  .teaser__Title {
    font-size: 1.25rem;
  }
}
@media (max-width: 319px) {
  .teaser__Title {
    font-size: 1rem;
  }
}
.teaser__SubTitle {
  margin-bottom: 3%;
  font-size: 1.75rem;
}

@media (max-width: 1151px) {
  .teaser__SubTitle {
    font-size: 1.5rem;
  }
}
@media (max-width: 899px) {
  .teaser__SubTitle {
    font-size: 1.25rem;
  }
}
@media (max-width: 649px) {
  .teaser__SubTitle {
    font-size: 1rem;
  }
}
@media (max-width: 449px) {
  .teaser__SubTitle {
    font-size: 0.75rem;
  }
}
@media (max-width: 319px) {
  .teaser__SubTitle {
    font-size: 0.5rem;
  }
}
.teaser__Txt {
  font-size: 1rem;
}

@media (max-width: 1151px) {
  .teaser__Txt {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .teaser__Txt {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .teaser__Txt {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .teaser__Txt {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .teaser__Txt {
    font-size: 0.35rem;
  }
}
/****************************************************************************************************************
*   SITE: INDEX ACTUAL PROJECT
*****************************************************************************************************************/
.actualprojectTop {
  margin-top: 0;
  margin-bottom: 100px;
}

.actualproject {
  position: relative;
  margin-left: 5%;
  margin-right: 5%;
}

.actualprojectBG {
  position: relative;
  background-color: rgb(255, 140, 0);
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 5%;
  box-shadow: 15px 15px 25px rgb(80, 80, 80);
}

.actualprojectHeader {
  font-size: 1.75rem;
  text-align: center;
  font-weight: lighter;
  color: rgb(255, 255, 255);
  margin-bottom: 1.5%;
}

@media (max-width: 1151px) {
  .actualprojectHeader {
    font-size: 1.5rem;
  }
}
@media (max-width: 899px) {
  .actualprojectHeader {
    font-size: 1.25rem;
  }
}
@media (max-width: 649px) {
  .actualprojectHeader {
    font-size: 1rem;
  }
}
@media (max-width: 449px) {
  .actualprojectHeader {
    font-size: 0.75rem;
  }
}
@media (max-width: 319px) {
  .actualprojectHeader {
    font-size: 0.5rem;
  }
}
.actualprojectProject {
  position: relative;
  width: 100%;
  height: auto;
}

/*  *********************  */
/*  ACTUAL PROJECT SLIDER  */
/*  *********************  */
#ActualProjectSlider {
  overflow: hidden;
}

#ActualProjectSlider figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  animation: 15s ActualProjectSlider infinite;
}

#ActualProjectSlider figure img {
  width: 20%;
  float: left;
}

@keyframes ActualProjectSlider {
  0% {
    left: 0;
  }
  20% {
    left: 0;
  }
  25% {
    left: -100%;
  }
  45% {
    left: -100%;
  }
  50% {
    left: -200%;
  }
  70% {
    left: -200%;
  }
  75% {
    left: -300%;
  }
  95% {
    left: -300%;
  }
  100% {
    left: -400%;
  }
}
.actualprojectProject img {
  width: 100%;
}

/****************************************************************************************************************
*   SITE: INDEX BUILDING STANDARD
*****************************************************************************************************************/
.buildingstandardTop {
  margin-top: 0;
  margin-bottom: 100px;
}

.buildingstandard {
  position: relative;
  margin-left: 5%;
  margin-right: 5%;
  color: rgb(30, 30, 30);
}

.buildingstandard__Title {
  margin-bottom: 3%;
}

@media (max-width: 1151px) {
  .buildingstandard__Title {
    font-size: 2rem;
  }
}
@media (max-width: 899px) {
  .buildingstandard__Title {
    font-size: 1.75rem;
  }
}
@media (max-width: 649px) {
  .buildingstandard__Title {
    font-size: 1.5rem;
  }
}
@media (max-width: 449px) {
  .buildingstandard__Title {
    font-size: 1.25rem;
  }
}
@media (max-width: 319px) {
  .buildingstandard__Title {
    font-size: 1rem;
  }
}
.buildingstandard__Txt {
  font-size: 1rem;
}

@media (max-width: 1151px) {
  .buildingstandard__Txt {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .buildingstandard__Txt {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .buildingstandard__Txt {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .buildingstandard__Txt {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .buildingstandard__Txt {
    font-size: 0.35rem;
  }
}
.buildingstandard__result {
  font-size: 1rem;
}

@media (max-width: 1151px) {
  .buildingstandard__result {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .buildingstandard__result {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .buildingstandard__result {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .buildingstandard__result {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .buildingstandard__result {
    font-size: 0.35rem;
  }
}
.buildingstandardBG {
  position: relative;
  background-color: rgb(255, 255, 255);
  padding-left: 2%;
  padding-right: 2%;
}

.buildingstandardBG a {
  color: rgb(255, 140, 0);
  font-weight: bolder;
}
.buildingstandardBG a :hover {
  display: inline-block;
  padding: 10px;
  color: rgb(255, 255, 255);
  background: rgb(255, 140, 0);
}

@media (max-width: 1151px) {
  .buildingstandardBG a {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .buildingstandardBG a {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .buildingstandardBG a {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .buildingstandardBG a {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .buildingstandardBG a {
    font-size: 0.35rem;
  }
}
.buildingstandardsBottom {
  margin-top: 5%;
}

/****************************************************************************************************************
*     SITE: INDEX SERVICES  
*****************************************************************************************************************/
.servicesTop {
  margin-top: 0;
  margin-bottom: 50px;
}

.services {
  position: relative;
  margin-left: 5%;
  margin-right: 5%;
  color: rgb(255, 255, 255);
}

.servicesBG {
  background-color: rgb(255, 140, 0);
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 5%;
  box-shadow: 15px 15px 25px rgb(80, 80, 80);
}

.servicesBG a {
  color: rgb(255, 140, 0);
}

.services__SubTitle {
  margin-bottom: 3%;
}

@media (max-width: 1151px) {
  .services__Title {
    font-size: 2rem;
  }
}
@media (max-width: 899px) {
  .services__Title {
    font-size: 1.75rem;
  }
}
@media (max-width: 649px) {
  .services__Title {
    font-size: 1.5rem;
  }
}
@media (max-width: 449px) {
  .services__Title {
    font-size: 1.25rem;
  }
}
@media (max-width: 319px) {
  .services__Title {
    font-size: 1rem;
  }
}
.services__SubTitle {
  margin-bottom: 3%;
  font-size: 1.75rem;
}

@media (max-width: 1151px) {
  .services__SubTitle {
    font-size: 1.5rem;
  }
}
@media (max-width: 899px) {
  .services__SubTitle {
    font-size: 1.25rem;
  }
}
@media (max-width: 649px) {
  .services__SubTitle {
    font-size: 1rem;
  }
}
@media (max-width: 449px) {
  .services__SubTitle {
    font-size: 0.75rem;
  }
}
@media (max-width: 319px) {
  .services__SubTitle {
    font-size: 0.5rem;
  }
}
.services__Txt {
  font-size: 1rem;
}

@media (max-width: 1151px) {
  .services__Txt {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .services__Txt {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .services__Txt {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .services__Txt {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .services__Txt {
    font-size: 0.35rem;
  }
}
.services__txt__End {
  color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
  .services__txt__End {
    padding-bottom: 5%;
  }
}
.servicesBGBG {
  padding-bottom: 3%;
  border-left: 1px solid rgb(255, 255, 255);
}
.servicesBGBG h6 {
  background: rgba(51, 28, 0, 0.3);
  padding: 1rem;
}

@media (max-width: 768px) {
  .servicesBGBG {
    border: none;
  }
}
/*************************************
*   SITE: INDEX SERVICES - ACORDION
**************************************/
.services .serviceinput {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Layout */
.services .row {
  display: flex;
}
.services .row .col {
  flex: 1;
}
.services .row .col:last-child {
  margin-left: 1em;
}

/* Accordion styles */
.services .tab {
  width: 100%;
  color: rgb(255, 255, 255);
  overflow: hidden;
}
.services .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: rgba(255, 140, 0, 0.3);
  cursor: pointer;
  /* Icon */
}
.services .tab-label:hover {
  background: rgba(153, 84, 0, 0.3);
}
.services .tab-label::after {
  content: "❯";
  width: 1em;
  text-align: center;
  transition: all 0.35s;
}
.services .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: rgb(30, 30, 30);
  background: white;
  transition: all 0.35s;
}
.services .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: rgba(255, 140, 0, 0.3);
  cursor: pointer;
}
.services .tab-close:hover {
  background: rgba(153, 84, 0, 0.3);
}

/* :checked */
.services input:checked + .tab-label {
  background: rgba(153, 84, 0, 0.3);
}
.services input:checked + .tab-label::after {
  transform: rotate(90deg);
}
.services input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

.tab .tab-label {
  font-size: 1rem;
}

@media (max-width: 1151px) {
  .tab .tab-label {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .tab .tab-label {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .tab .tab-label {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .tab .tab-label {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .tab .tab-label {
    font-size: 0.35rem;
  }
}
.tab .tab-content {
  font-size: 1rem;
}

@media (max-width: 1151px) {
  .tab .tab-content {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .tab .tab-content {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .tab .tab-content {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .tab .tab-content {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .tab .tab-content {
    font-size: 0.35rem;
  }
}
/****************************************************************************************************************
*   SITE: INDEX ADVANTAGES
*****************************************************************************************************************/
.advantagesTop {
  margin-top: 0;
  margin-bottom: 100px;
}

.advantages {
  position: relative;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 2.5%;
  color: rgb(30, 30, 30);
}

.advantages__Title {
  margin-bottom: 3%;
}

/****************************************************************************************************************
*   SITE: INDEX ABOUT US
*****************************************************************************************************************/
.aboutusTop {
  margin-top: 0;
  margin-bottom: 200px;
}

.wrapperaboutus {
  width: 100%;
  padding-top: 0.1px;
  padding-bottom: 2.5%;
}

.aboutus {
  position: relative;
  margin-top: 5%;
  margin-left: 5%;
  margin-right: 5%;
  color: rgb(255, 255, 255);
}

.aboutus__SubTitle {
  margin-bottom: 3%;
}

.aboutus__Txt {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  margin-bottom: 5%;
}

.aboutus__ImageContainer {
  width: 100%;
}

.aboutus__Image {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.aboutus__Image img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.aboutus__ImageStuffname {
  text-align: center;
  margin-top: 5%;
}

.aboutus__ImageStuffposition {
  text-align: center;
  margin-bottom: 2%;
}

.aboutus__ImageStuffcitation {
  text-align: center;
}

/****************************************************************************************************************
*   SITE: INDEX CONTACT
*****************************************************************************************************************/
.contactTop {
  margin-top: 0;
  margin-bottom: 100px;
}

.wrappercontact {
  width: 100%;
  background-color: rgb(211, 211, 211);
  padding-top: 0.1px;
  padding-bottom: 2.5%;
}

.contact {
  position: relative;
  margin-top: 5%;
  margin-left: 5%;
  margin-right: 5%;
  background-color: rgb(211, 211, 211);
  color: rgb(30, 30, 30);
}
.contact .container1200 {
  background-color: rgb(211, 211, 211);
}
.contact h2 {
  margin-bottom: 5%;
}

.contact__Title {
  font-size: 2.25rem;
}

@media (max-width: 1151px) {
  .contact__Title {
    font-size: 2rem;
  }
}
@media (max-width: 899px) {
  .contact__Title {
    font-size: 1.75rem;
  }
}
@media (max-width: 649px) {
  .contact__Title {
    font-size: 1.5rem;
  }
}
@media (max-width: 449px) {
  .contact__Title {
    font-size: 1.25rem;
  }
}
@media (max-width: 319px) {
  .contact__Title {
    font-size: 1rem;
  }
}
.contact__SubTitle {
  margin-bottom: 3%;
  font-size: 1.75rem;
}

@media (max-width: 1151px) {
  .contact__SubTitle {
    font-size: 1.5rem;
  }
}
@media (max-width: 899px) {
  .contact__SubTitle {
    font-size: 1.25rem;
  }
}
@media (max-width: 649px) {
  .contact__SubTitle {
    font-size: 1rem;
  }
}
@media (max-width: 449px) {
  .contact__SubTitle {
    font-size: 0.75rem;
  }
}
@media (max-width: 319px) {
  .contact__SubTitle {
    font-size: 0.5rem;
  }
}
.contact__Txt {
  font-size: 1rem;
}

@media (max-width: 1151px) {
  .contact__Txt {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .contact__Txt {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .contact__Txt {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .contact__Txt {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .contact__Txt {
    font-size: 0.35rem;
  }
}
.contact__contactmethodLink {
  display: inline-block;
  margin-bottom: 10px;
  color: rgb(30, 30, 30);
  font-size: 1.2rem;
}

@media (max-width: 1151px) {
  .contact__contactmethodLink {
    font-size: 1.2rem;
  }
}
@media (max-width: 899px) {
  .contact__contactmethodLink {
    font-size: 1.2rem;
  }
}
@media (max-width: 649px) {
  .contact__contactmethodLink {
    font-size: 1.05rem;
  }
}
@media (max-width: 449px) {
  .contact__contactmethodLink {
    font-size: 0.8rem;
  }
}
@media (max-width: 319px) {
  .contact__contactmethodLink {
    font-size: 0.55rem;
  }
}
.contact__contactmethodLink:hover {
  color: rgb(30, 30, 30);
  font-size: 1.5rem;
  background-color: white;
  padding: 5px;
  border: 1px solid rgb(30, 30, 30);
}

.contactForm {
  position: relative;
  width: 100%;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}

.contact-inputfield {
  width: 100%;
  margin-bottom: 28px;
  background-color: rgb(255, 255, 255);
}

.contact-inputfield:focus,
input.contact-inputfield:focus {
  border: 1px solid rgb(30, 30, 30);
  background-color: rgb(255, 255, 255);
  transition: all 1s;
}

.contactFormContent .contact-message-sent {
  display: block;
  background-color: red;
  color: yellow;
  font-size: 1rem;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

.contact-message {
  height: 140px;
}

.contactFormContentChechbox {
  margin-bottom: 2rem;
}

#dsgvo {
  height: 20px;
  width: 20px;
}

.contactFormContentChechbox label {
  font-size: 1rem;
  color: rgb(30, 30, 30);
  font-weight: lighter;
}

@media (max-width: 1151px) {
  .contactFormContentChechbox label {
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .contactFormContentChechbox label {
    font-size: 1rem;
  }
}
@media (max-width: 649px) {
  .contactFormContentChechbox label {
    font-size: 0.85rem;
  }
}
@media (max-width: 449px) {
  .contactFormContentChechbox label {
    font-size: 0.6rem;
  }
}
@media (max-width: 319px) {
  .contactFormContentChechbox label {
    font-size: 0.35rem;
  }
}
input.contact-submit-button[type=submit] {
  background-color: rgb(211, 211, 211);
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgb(30, 30, 30);
  color: rgb(30, 30, 30);
  font-size: 1.2rem;
}

input.contact-submit-button[type=submit]:hover {
  color: rgb(30, 30, 30);
  font-size: 1.5rem;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(30, 30, 30);
}

.contact-form {
  margin-bottom: 0px;
}

.contact-label {
  color: rgb(30, 30, 30);
  display: none;
}

.no-placeholder .contact-label {
  display: block;
}

/****************************************************************************************************************
*   VISIT CARD
*****************************************************************************************************************/
.bodyvc {
  background-color: white;
}

.vc.wrapper {
  position: relative;
  margin-top: 3.125rem;
  margin-left: auto;
  margin-right: auto;
  width: 31.25rem;
  height: 18.75rem;
  border: 0.125rem solid rgb(255, 140, 0);
  background-color: white;
}
.vc.wrapper a {
  text-decoration: none;
}

.vc .header {
  position: relative;
  top: 0rem;
  left: 0rem;
  height: 6.25rem;
  text-align: center;
  background-color: rgb(255, 140, 0);
  color: white;
}

.vc .header h1 {
  padding-top: 0.625rem;
  font-weight: lighter;
}

.vc .header span {
  font-size: 1rem;
  font-weight: lighter;
}

.vc .name {
  position: absolute;
  top: 6.6875rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1.875rem;
  font-weight: bold;
}

.vc .telefon {
  position: absolute;
  top: 9.0625rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1.25rem;
  font-weight: bolder;
}

.vc .e-mail {
  position: absolute;
  top: 10.625rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1.25rem;
  font-weight: bolder;
}

.vc .street {
  position: absolute;
  top: 13.125rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1rem;
}

.vc .city {
  position: absolute;
  top: 14.6875rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1rem;
}

.vc .website {
  position: absolute;
  top: 16.25rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1rem;
}

/****************************************************************************************************************
*   FOOTER
*****************************************************************************************************************/
.footer {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgb(30, 30, 30);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: lighter;
  text-align: center;
}

@media (max-width: 768px) {
  .footer {
    font-size: 0.7rem;
  }
}
.footer a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.footer a:hover {
  display: inline-block;
  color: rgb(30, 30, 30);
  background-color: rgb(255, 255, 255);
  padding: 5px;
  margin: 3px;
}

.footer-subcontent {
  background-color: rgb(255, 140, 0);
  color: rgb(30, 30, 30);
  font-size: 1rem;
  padding-left: 7.5%;
  padding-right: 7.5%;
}

@media (max-width: 768px) {
  .footer-subcontent {
    font-size: 0.7rem;
  }
}
/****************************************************************************************************************
*   LEGAL ADVISE
*****************************************************************************************************************/
.legalAdvise {
  margin-left: 0rem;
  margin-right: 0rem;
  margin-bottom: 0rem;
  padding: 0rem;
  padding-left: 7.5%;
  padding-right: 7.5%;
  padding-bottom: 5%;
  color: rgb(30, 30, 30);
}

@media (max-width: 1151px) {
  .legalAdvise {
    padding-left: 7%;
    padding-right: 7%;
  }
}
@media (max-width: 1023px) {
  .legalAdvise {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
}
@media (max-width: 899px) {
  .legalAdvise {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (max-width: 768px) {
  .legalAdvise {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
}
@media (max-width: 699px) {
  .legalAdvise {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 649px) {
  .legalAdvise {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
}
@media (max-width: 599px) {
  .legalAdvise {
    padding-left: 4%;
    padding-right: 4%;
  }
}
@media (max-width: 559px) {
  .legalAdvise {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
}
.legalAdvise h1 {
  margin-bottom: 5%;
  padding-top: 5%;
  font-weight: lighter;
  color: rgb(30, 30, 30);
}

@media (max-width: 768px) {
  .legalAdvise h1 {
    font-size: 2.5rem;
  }
}
.legalAdviseTxtPersonHeader {
  font-size: 1.5rem;
  font-weight: lighter;
}

@media (max-width: 1279px) {
  .legalAdviseTxtPersonHeader {
    font-size: 1.4rem;
  }
}
@media (max-width: 1151px) {
  .legalAdviseTxtPersonHeader {
    font-size: 1.3rem;
  }
}
@media (max-width: 1023px) {
  .legalAdviseTxtPersonHeader {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .legalAdviseTxtPersonHeader {
    font-size: 1.1rem;
  }
}
@media (max-width: 599px) {
  .legalAdviseTxtPersonHeader {
    font-size: 1rem;
  }
}
.legalAdviseTxtPerson {
  font-size: 1.3rem;
  margin-bottom: 2.5%;
}

@media (max-width: 1279px) {
  .legalAdviseTxtPerson {
    font-size: 1.2rem;
  }
}
@media (max-width: 1151px) {
  .legalAdviseTxtPerson {
    font-size: 1.1rem;
  }
}
@media (max-width: 1023px) {
  .legalAdviseTxtPerson {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .legalAdviseTxtPerson {
    font-size: 0.9rem;
  }
}
@media (max-width: 599px) {
  .legalAdviseTxtPerson {
    font-size: 0.8rem;
  }
}
.legalAdviseTxtMainHeader {
  font-size: 1.5rem;
  font-weight: lighter;
  margin-top: 5%;
}

@media (max-width: 1279px) {
  .legalAdviseTxtMainHeader {
    font-size: 1.4rem;
  }
}
@media (max-width: 1151px) {
  .legalAdviseTxtMainHeader {
    font-size: 1.3rem;
  }
}
@media (max-width: 1023px) {
  .legalAdviseTxtMainHeader {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .legalAdviseTxtMainHeader {
    font-size: 1.1rem;
  }
}
@media (max-width: 599px) {
  .legalAdviseTxtMainHeader {
    font-size: 1rem;
  }
}
.legalAdviseTxtMain {
  font-size: 1.2rem;
  text-align: justify;
}

@media (max-width: 1279px) {
  .legalAdviseTxtMain {
    font-size: 1.2rem;
  }
}
@media (max-width: 1151px) {
  .legalAdviseTxtMain {
    font-size: 1.1rem;
  }
}
@media (max-width: 1023px) {
  .legalAdviseTxtMain {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .legalAdviseTxtMain {
    font-size: 0.9rem;
  }
}
@media (max-width: 599px) {
  .legalAdviseTxtMain {
    font-size: 0.8rem;
  }
}
.legalAdviseTxtMainHeader2 {
  font-size: 1.5rem;
  margin-top: 5%;
  margin-bottom: 2%;
}

@media (max-width: 1279px) {
  .legalAdviseTxtMainHeader2 {
    font-size: 1.4rem;
  }
}
@media (max-width: 1151px) {
  .legalAdviseTxtMainHeader2 {
    font-size: 1.3rem;
  }
}
@media (max-width: 1023px) {
  .legalAdviseTxtMainHeader2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .legalAdviseTxtMainHeader2 {
    font-size: 1.1rem;
  }
}
@media (max-width: 599px) {
  .legalAdviseTxtMainHeader2 {
    font-size: 1rem;
  }
}
.legalAdviseTxtMain2 {
  font-size: 1.2rem;
  margin-bottom: 1%;
  text-align: justify;
}

@media (max-width: 1279px) {
  .legalAdviseTxtMain2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 1151px) {
  .legalAdviseTxtMain2 {
    font-size: 1.1rem;
  }
}
@media (max-width: 1023px) {
  .legalAdviseTxtMain2 {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .legalAdviseTxtMain2 {
    font-size: 0.9rem;
  }
}
@media (max-width: 599px) {
  .legalAdviseTxtMain2 {
    font-size: 0.8rem;
  }
}
.emailsend {
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.emailsend__Wrapper__Header {
  color: rgb(30, 30, 30);
}

.emailsend__Wrapper__Content {
  color: red;
  font-weight: bolder;
}

/****************************************************************************************************************
*     COOKIES   *   
*****************************************************************************************************************/
.ContactCookieBanner {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2100;
  padding: 2%;
  color: white;
}

.ContactCookieBannerBG {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(221, 107, 107, 0.9);
  box-shadow: 10px 10px 30px grey;
  padding: 2%;
}

.ContactCookieBannerHeader {
  font-size: 1rem;
  font-weight: bolder;
  margin-bottom: 0.5%;
}

@media (max-width: 899px) {
  .ContactCookieBannerHeader {
    font-size: 0.85rem;
  }
}
@media (max-width: 768px) {
  .ContactCookieBannerHeader {
    font-size: 0.75rem;
  }
}
@media (max-width: 699px) {
  .ContactCookieBannerHeader {
    font-size: 0.7rem;
  }
}
@media (max-width: 649px) {
  .ContactCookieBannerHeader {
    font-size: 0.65rem;
  }
}
@media (max-width: 599px) {
  .ContactCookieBannerHeader {
    font-size: 0.6rem;
  }
}
@media (max-width: 549px) {
  .ContactCookieBannerHeader {
    font-size: 0.55rem;
  }
}
.ContactCookieBannerContent {
  font-size: 0.9rem;
}

@media (max-width: 1279px) {
  .ContactCookieBannerContent {
    font-size: 0.8rem;
  }
}
@media (max-width: 1151px) {
  .ContactCookieBannerContent {
    font-size: 0.7rem;
  }
}
@media (max-width: 1023px) {
  .ContactCookieBannerContent {
    font-size: 0.6rem;
  }
}
@media (max-width: 899px) {
  .ContactCookieBannerContent {
    font-size: 0.55rem;
  }
}
@media (max-width: 768px) {
  .ContactCookieBannerContent {
    font-size: 0.5rem;
  }
}
@media (max-width: 699px) {
  .ContactCookieBannerContent {
    font-size: 0.45rem;
  }
}
@media (max-width: 649px) {
  .ContactCookieBannerContent {
    font-size: 0.4rem;
  }
}
@media (max-width: 599px) {
  .ContactCookieBannerContent {
    font-size: 0.35rem;
  }
}
@media (max-width: 549px) {
  .ContactCookieBannerContent {
    font-size: 0.3rem;
  }
}
.ContactCookieBannerButton {
  margin-top: 2%;
  margin-bottom: 2%;
  border-radius: 5px;
  padding: 2%;
  font-size: 1rem;
  text-align: center;
  background-color: green;
  color: white;
}

@media (max-width: 899px) {
  .ContactCookieBannerButton {
    font-size: 0.85rem;
  }
}
@media (max-width: 768px) {
  .ContactCookieBannerButton {
    font-size: 0.75rem;
  }
}
@media (max-width: 699px) {
  .ContactCookieBannerButton {
    font-size: 0.7rem;
  }
}
@media (max-width: 649px) {
  .ContactCookieBannerButton {
    font-size: 0.65rem;
  }
}
@media (max-width: 599px) {
  .ContactCookieBannerButton {
    font-size: 0.6rem;
  }
}
@media (max-width: 549px) {
  .ContactCookieBannerButton {
    font-size: 0.55rem;
  }
}
.ContactCookieBannerLink :hover {
  background-color: green;
  color: white;
}

.ContactCookieBannerLegalAdvise {
  padding: 1%;
  font-size: 0.9rem;
  color: white;
  text-align: center;
}
.ContactCookieBannerLegalAdvise a {
  color: white;
}

@media (max-width: 899px) {
  .ContactCookieBannerLegalAdvise {
    font-size: 0.85rem;
  }
}
@media (max-width: 768px) {
  .ContactCookieBannerLegalAdvise {
    font-size: 0.75rem;
  }
}
@media (max-width: 699px) {
  .ContactCookieBannerLegalAdvise {
    font-size: 0.7rem;
  }
}
@media (max-width: 649px) {
  .ContactCookieBannerLegalAdvise {
    font-size: 0.65rem;
  }
}
@media (max-width: 599px) {
  .ContactCookieBannerLegalAdvise {
    font-size: 0.6rem;
  }
}
@media (max-width: 549px) {
  .ContactCookieBannerLegalAdvise {
    font-size: 0.55rem;
  }
}/*# sourceMappingURL=style.css.map */