@import url("font.css");
@import url("header.css");
@import url("footer.css");

:root {
  --color-white: white;
  --color-black: black;

  --color-primary: #002554;
  --color-secondary: #19c5c3;
  --color-tertiary: #ececec; /*#E5E5E5 => Alternative zu #ececec */
}

/*
* setup colors
*/
.color-white {
  color: var(--color-white);
}

.color-black {
  color: var(--color-black);
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-tertiary {
  color: var(--color-tertiary);
}

/*
* setup backgrounds
*/
.bg_color-primary {
  background-color: var(--color-primary);
}

.bg_color-secondary {
  background-color: var(--color-secondary);
}

.bg_color-tertiary {
  background-color: var(--color-tertiary);
}

button {
  background-color: transparent !important;
  border: none !important;
}

/* need to adjust attributes */
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: white;
  text-decoration: none;
  font-family: var(--font-family);
  cursor: pointer;
}

/* adjust if needed */
figure {
  margin: 0 0 0 !important;
}

/*
******************************
default settings DO NOT change 
******************************
*/

.layout-60 .layout-60__inner {
  width: 60%;
  max-width: 1200px !important;
}

@media (max-width: 1200px) {
  .layout-60__inner {
    width: 80%;
    max-width: none;
  }
}

@media (max-width: 1024px) {
  .layout-60 .layout-60__inner {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .layout-60 .layout-60__inner {
    width: 100%;
  }
}

.block-my-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.block-my-default {
  padding-top: 2.1875rem !important;
  padding-bottom: 2.1875rem !important;
}
.block-my-80-0 {
  padding-top: 2.1875rem !important;
  padding-bottom: 0 !important;
}
.block-my-0-80 {
  padding-top: 0 !important;
  padding-bottom: 2.1875rem !important;
}

@media (min-width: 768px) {
  .block-my-default {
    padding-top: 4.375rem !important;
    padding-bottom: 4.375rem !important;
  }
  .block-my-80-0 {
    padding-top: 4.375rem !important;
    padding-bottom: 0 !important;
  }
  .block-my-0-80 {
    padding-top: 0 !important;
    padding-bottom: 4.375rem !important;
  }
  .block-my-extra {
    padding-top: 9.375rem !important;
    padding-bottom: 9.375rem !important;
  }
}

.padding-my-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.padding-my-default {
  margin-top: 2.1875rem !important;
  margin-bottom: 2.1875rem !important;
}
.padding-my-80-0 {
  margin-top: 2.1875rem !important;
  margin-bottom: 0 !important;
}
.padding-my-0-80 {
  margin-top: 0 !important;
  margin-bottom: 2.1875rem !important;
}
.padding-my-80-80 {
  margin-top: 2.1875rem !important;
  margin-bottom: 2.1875rem !important;
}

@media (min-width: 768px) {
  .padding-my-default {
    margin-top: 4.375rem !important;
    margin-bottom: 4.375rem !important;
  }
  .padding-my-80-0 {
    margin-top: 4.375rem !important;
    margin-bottom: 0 !important;
  }
  .padding-my-0-80 {
    margin-top: 0 !important;
    margin-bottom: 4.375rem !important;
  }
  .padding-my-80-80 {
    margin-top: 4.375rem !important;
    margin-bottom: 4.375rem !important;
  }
  .padding-my-extra {
    margin-top: 9.375rem !important;
    margin-bottom: 9.375rem !important;
  }
}

@media (min-width: 1920px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1720px;
  }
}

@media (min-width: 1720px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 1520px)/2);
  }
}

.dw_padding_left {
  padding-left: max(0px, (100vw - 1320px)/2);
}

.dw_padding_right {
  padding-right: max(0px, (100vw - 1320px)/2);
}

.dw_margin_left {
  margin-left: max(0px, (100vw - 1320px)/2);
}

.dw_margin_right {
  margin-right: max(0px, (100vw - 1320px)/2);
}

.dw_margin_left_child .has_content:first-child {
  padding-left: max(0px, (100vw - 1320px)/2);
}

.dw_margin_right_child .has_content:last-child {
  margin-right: max(0px, (100vw - 1320px)/2);
}

@media only screen and (min-width: 992px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 960px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 960px)/2);
  }
}

@media only screen and (min-width: 1140px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 960px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 960px)/2);
  }
}

@media only screen and (min-width: 1200px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 1140px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 1140px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 1140px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 1140px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 1140px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 1140px)/2);
  }
}

@media only screen and (min-width: 1400px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 1320px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 1320px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 1320px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 1320px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 1320px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 1320px)/2);
  }
}

@media only screen and (min-width: 1920px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 1720px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 1720px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 1720px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 1720px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 1720px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 1720px)/2);
  }
}

@media only screen and (max-width: 992px) {
  .dw_padding_left {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dw_padding_right {
    padding-right: 24px;
    padding-left: 24px;
  }

  .dw_margin_left {
    margin-left: 24px;
  }

  .dw_margin_right {
    margin-right: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .offcanvas-body.dw_padding_left {
    padding-left: 48px;
  }
}