/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Divi.world
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/
@font-face {
  font-family: "Jelytta";
  src: url("Jelytta.woff") format("woff");
}

@font-face {
  font-family: "Montserrat";
  src: url("Montserrat-Light.ttf") format("TrueType");
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("Montserrat-ExtraBold.ttf") format("TrueType");
}

:root {
  --font_body: 'Jelytta', sans-serif;
  --font_headline: 'Montserrat', sans-serif;
  --pastis-primary: #5581B8;
  --pastis-secondary: #01366A;
  --pastis-primary-weak: rgba(85, 129, 184, 0.5);
  --pastis-secondary-weak: rgba(0, 0, 0, 0.5);
  --pastis-red: #E13B13;
  --pastis-border-box: #9BA5A7;
  --pastis-darkgray: #33373a;
  --pastis-lightgray: #93A8BD;
  --pastis-gray: #708090;
  --pastis-dropshadow-clr: #C0C1C2;
  --pastis-graybg-clr: #f0f2f2;
  --pastis-btn: #999999;
  --pastis-pink: #ee6f93;
  --pastis-text: #3c3c3c;
  --pastis-text-weak: rgba(60, 60, 60, 0.3);
  --pastis-text-inverted: #fff;
  --pastis-font-light: 'OpenSans Light';
  --pastis-font: 'OpenSans Regular';
  --pastis-font-bold: 'OpenSans SemiBold';
  --pastis-offcanvas-right: 400px;
  --pastis-header-height: 90px;
  --pastis-header-image-height: 100vh;
}

/*
*******************************************************************************
* Global / General
*******************************************************************************
*/
* {
  font-family: var(--font_body);
  font-size: 16px;
}

html {
  font-size: 20px !important;
}

body {
  font-family: var(--font_body) !important;
  font-size: 16px !important;
  line-height: 32px;
}

body.site {
  background-color: var(--pastis-text-inverted);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--font_headline);
  font-weight: 400;
}

body h1 {
  font-size: 32px;
  margin-bottom: 1.875rem;
}

@media only screen and (max-width: 568px) {
  body h1 {
    font-size: 28px;
  }
}

body h2 {
  font-size: 28px;
}

@media only screen and (max-width: 568px) {
  body h2 {
    font-size: 24px;
  }
}

body h3 {
  font-size: 24px;
}

@media only screen and (max-width: 568px) {
  body h3 {
    font-size: 20px;
  }
}

body h4 {
  font-size: 1.25rem;
}

body h5, body h6 {
  font-size: 1rem;
}

body a {
  color: var(--pastis-primary);
  cursor: pointer;
}

body a:hover, body a:active, body a:focus {
  color: var(--pastis-grey);
  text-decoration: none;
}

body p {
  margin-top: 1rem;
}

#main-header {
  z-index: 500;
  background-color: var(--pastis-text-inverted);
}

#main-header .container {
  max-width: 95%;
}

.menu-item-has-children .sub-menu.et_pb_slide_dropdown_opened {
  top: 99%;
}

.et_pb_pagebuilder_layout #main-content {
  padding-top: 0 !important;
}

.et-social-icons {
  margin-top: 5px;
  display: flex;
  justify-content: center !important;
}

.et-social-icons li {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 564px) {
  .menu-item-privacy-policy {
    left: 20px !important;
    bottom: 56px !important;
  }
}

.et_pb_scroll_top.et_pb_scroll_top {
  right: 5px;
  border-radius: 5px;
}

@media only screen and (max-width: 564px) {
  .et_pb_scroll_top.et_pb_scroll_top {
    bottom: 75px;
  }
}

.et-top-navigation .menu-item-has-children li {
  padding: 0 15px;
}

.et-top-navigation .menu-item-has-children > li > a {
  font-family: var(--font_headline);
  color: var(--pastis-text);
  font-size: 18px;
  line-height: var(--pastis-header-height);
  padding-right: 7px;
  padding-left: 0;
}

.et-top-navigation .menu-item-has-children > li:hover > a {
  background: linear-gradient(to bottom, transparent 50%, var(--pastis-primary-weak) 50%, var(--pastis-primary-weak) 60%, transparent 60%);
  width: unset;
  color: var(--pastis-text);
}

.et-top-navigation .menu-item-has-children > li:hover .fa-instagram, .et-top-navigation .menu-item-has-children > li:hover .fa-facebook {
  background: none;
  color: var(--pastis-primary);
}

.et-top-navigation .menu-item-has-children a {
  text-transform: uppercase;
}

.et-top-navigation .menu-item-has-children .sub-menu {
  box-shadow: none;
}

.et-top-navigation .menu-item-has-children .sub-menu li {
  width: unset;
  transition: color 400ms, background-color 400ms;
  margin: 0 0 0 10px;
}

.et-top-navigation .menu-item-has-children .sub-menu li a {
  padding: 20px 15px;
}

.et-top-navigation .menu-item-has-children .sub-menu li:last-child {
  text-align: left;
}

.et-top-navigation .menu-item-has-children .sub-menu li:hover {
  background-color: var(--pastis-primary);
}

.et-top-navigation .menu-item-has-children .sub-menu li:hover a {
  color: var(--pastis-text-inverted);
}

#top-menu .menu-item-has-children > a:first-child:after {
  font-size: 15px;
  margin-left: 10px;
  font-family: "Font Awesome 5 Pro" !important;
}

.menu-item-has-children > li > a {
  color: var(--pastis-text);
}

.menu-item-has-children a.no_link {
  color: var(--pastis-text);
  pointer-events: none;
}

.menu-item-has-children:hover a.no_link:after {
  color: var(--pastis-primary);
}

.menu-item-has-children > li:active > a, .menu-item-has-children > li:hover > a {
  color: inherit;
}

.menu-item-has-children .sub-menu .menu-item {
  padding: 0;
  background-color: var(--pastis-text-inverted);
}

.menu-item-has-children .sub-menu .menu-item li a {
  font-size: 100%;
}

/*
**********************************************************************************************************************************
Font Awesome
**********************************************************************************************************************************
*/
.fas, .far, .fa {
  font-weight: 300;
  font-family: "Font Awesome 5 Pro" !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

/*
**********************************************************************************************************************************
sticky menu 
**********************************************************************************************************************************
*/
#main-header {
  position: fixed;
  box-shadow: none;
  height: var(--pastis-header-height);
  transition: all ease 0.5s;
  top: -150px;
  background: var(--pastis-text-inverted);
  top: 0;
}

#main-header.et-fixed-header {
  position: fixed;
  z-index: 50;
  top: 0;
}

#main-header .container {
  max-width: 90%;
}

#main-header .fa-instagram, #main-header .fa-facebook {
  color: var(--pastis-text);
}

#main-header .fa-instagram:hover, #main-header .fa-facebook:hover {
  color: var(--pastis-primary);
}

#main-header a:hover {
  text-decoration: none;
}

#main-header .logo {
  height: var(--pastis-header-height);
}

div .logo-image {
  height: unset;
  width: 35%;
}

@media only screen and (max-width: 576px) {
  div .logo-image {
    width: 100%;
  }
}

.et_header_style_slide .et_slide_in_menu_container {
  width: var(--pastis-offcanvas-right);
  background: var(--pastis-secondary);
}

.et_header_style_slide .et_slide_in_menu_container .menu-item-has-children .sub-menu .menu-item {
  background: none;
}

.et_header_style_slide .et_slide_in_menu_container #mobile_menu_slide li a {
  background: none;
  color: var(--pastis-text);
  font-weight: 700;
}

.et_header_style_slide .et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow {
  opacity: 1;
}

.et_header_style_slide .et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {
  color: inherit;
  font-weight: 700;
}

/*
*****************************************************
* Footer
*****************************************************
*/
#main-footer {
  padding-bottom: 0px;
  margin-top: 0;
  background-color: var(--pastis-primary) !important;
  color: white;
  font-size: 16px;
}

@media only screen and (min-height: 721px) and (min-width: 620px) and (max-width: 1200px) {
  #main-footer {
    min-height: calc(100vh - 750px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

#main-footer .sp-module {
  margin-bottom: 0px;
}

#main-footer .container {
  max-width: 90%;
}

#main-footer .container-inner {
  border-top: none;
}

#main-footer .footer-widget {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

#main-footer .footer-widget ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

#main-footer .footer-widget ul li {
  font-size: 16px;
  padding: 0 10px;
  margin: 0px;
}

#main-footer .footer-widget ul li:before {
  border: none;
}

#main-footer .footer-widget ul li a {
  color: var(--pastis-text-inverted);
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 21px;
  font-family: var(--font_headline);
}

@media only screen and (max-width: 756px) {
  #main-footer .footer-widget ul li a {
    letter-spacing: 0px;
    font-size: 12px;
  }
}

#main-footer .footer-widget ul li a:hover {
  text-decoration: none;
}

#main-footer .widget_text .menu {
  padding-top: 50px;
}

#main-footer .widget_text a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@media only screen and (max-width: 756px) {
  #main-footer .widget_text a {
    letter-spacing: 0px;
    font-size: 11px;
  }
}

#main-footer .widget_text span {
  padding: 0 64px;
  margin: 5px 0;
  font-size: 22px;
  font-weight: 900;
  font-family: 'Montserrat-Bold';
  font-weight: 900;
}

@media only screen and (max-width: 756px) {
  #main-footer .widget_text span {
    padding: 0 11px;
  }
}

#main-footer .widget_text .font_changer {
  font-family: 'Jelytta';
  padding: 0;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 1px;
}

@media only screen and (max-width: 756px) {
  #main-footer .widget_text .font_changer {
    font-size: 20px;
  }
}

#main-footer .widget_text .container-inner {
  border-top: 0;
}

#main-footer .widget_text .footer_helper {
  border-right: 1px solid #fff;
  font-family: 'Montserrat-Bold';
  font-weight: 900;
}

#main-footer .widget_text .border_helper {
  border-top: 1px solid #fff;
  max-width: min-content;
  min-width: max-content;
  margin: 0 auto;
  padding: 5px 0;
  line-height: 1.6;
}

#main-footer .widget_text .border_helper a {
  font-family: var(--font_headline);
}

#main-footer .widget_text .border_helper:last-child {
  border-bottom: 1px solid #fff;
  padding: 10px 38px;
}

@media only screen and (max-width: 756px) {
  #main-footer .widget_text .border_helper:last-child {
    padding: 10px 9px;
  }
}

#main-footer #footer-bottom {
  padding: 0;
}

#et-footer-nav {
  display: none;
}

#footer-widgets {
  padding: 60px 0 0 0;
}

/*
*****************************************************
* Hero-Header
*****************************************************
*/
#main-header {
  display: none;
}

#page-container {
  padding-top: 0px !important;
  margin-top: 0px !important;
}

div#header-row {
  height: var(--pastis-header-image-height);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 1080px;
}

div#header-row div#header-image img {
  object-fit: cover;
  height: var(--pastis-header-image-height);
  min-height: 1080px;
}

.page-id-127 #main-content .section_padding, .page-id-3 #main-content .section_padding {
  padding: 15px 0 0 0;
}

@media only screen and (min-width: 991px) {
  .page-id-127 #main-content .et_pb_text_1, .page-id-3 #main-content .et_pb_text_1 {
    padding-top: 50px !important;
  }
}

.page-id-127 #main-content h1, .page-id-3 #main-content h1 {
  font-family: 'Jelytta';
  text-transform: capitalize;
}

.page-id-127 #main-content .et_pb_button, .page-id-3 #main-content .et_pb_button {
  font-family: 'Montserrat';
  border-radius: 8px !important;
}

.page-id-127 #main-content .et_pb_button:hover, .page-id-3 #main-content .et_pb_button:hover {
  background-color: #E13B13 !important;
  border-color: #E13B13;
}

.page-id-127 #main-content .et_pb_section_0, .page-id-3 #main-content .et_pb_section_0 {
  height: 100px;
}

.page-id-127 #main-content h2, .page-id-3 #main-content h2 {
  color: var(--pastis-secondary);
  font-weight: 900;
  font-family: 'Montserrat-Bold';
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.2;
  font-size: 35px;
}

.page-id-127 #main-content p, .page-id-127 #main-content a, .page-id-127 #main-content b, .page-id-3 #main-content p, .page-id-3 #main-content a, .page-id-3 #main-content b {
  color: var(--pastis-secondary);
  font-size: 20px;
  font-family: 'Montserrat';
}

@media only screen and (max-width: 776px) {
  .page-id-127 #main-content p, .page-id-127 #main-content a, .page-id-127 #main-content b, .page-id-3 #main-content p, .page-id-3 #main-content a, .page-id-3 #main-content b {
    font-size: 16px;
    line-height: 1.3;
  }
}

.page-id-127 #main-content h3, .page-id-3 #main-content h3 {
  color: var(--pastis-secondary);
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 900;
}

.page-id-127 #main-content h4, .page-id-3 #main-content h4 {
  color: var(--pastis-secondary);
}

.page-id-127 #main-content a:hover, .page-id-3 #main-content a:hover {
  color: #E13B13;
}

.page-id-127 #main-content h3, .page-id-3 #main-content h3 {
  font-size: 1.3rem;
}

.page-id-127 #main-content h2, .page-id-127 #main-content h3, .page-id-3 #main-content h2, .page-id-3 #main-content h3 {
  text-transform: uppercase;
}

@media only screen and (max-width: 756px) {
  .page-id-127 #main-content h2, .page-id-127 #main-content h3, .page-id-3 #main-content h2, .page-id-3 #main-content h3 {
    font-size: 17px;
  }
}

@media only screen and (max-width: 756px) {
  .page-id-127 #main-content h3, .page-id-127 #main-content strong, .page-id-3 #main-content h3, .page-id-3 #main-content strong {
    font-size: 15px;
  }
}

@media only screen and (max-width: 756px) {
  .page-id-127 #main-content p, .page-id-3 #main-content p {
    font-size: 16px;
    line-height: 1.3;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .page-id-127 div.et_pb_row_0.et_pb_row, .page-id-3 div.et_pb_row_0.et_pb_row {
      margin-top: 0 !important;
    }
    .page-id-127 .et_pb_section_0.et_pb_section, .page-id-3 .et_pb_section_0.et_pb_section {
      padding-top: 0;
    }
    @media only screen and (min-width: 556px) {
      .page-id-127 .et_pb_section_0.et_pb_section .et_pb_row_0.et_pb_row, .page-id-3 .et_pb_section_0.et_pb_section .et_pb_row_0.et_pb_row {
        padding-top: 30px !important;
      }
    }
    .page-id-127 .et_pb_section_0.et_pb_section .et_pb_row_0.et_pb_row h1, .page-id-3 .et_pb_section_0.et_pb_section .et_pb_row_0.et_pb_row h1 {
      margin-top: 15px  !important;
    }
    @media only screen and (min-width: 556px) {
      .page-id-127 .et_pb_section_0.et_pb_section .et_pb_row_0.et_pb_row h1, .page-id-3 .et_pb_section_0.et_pb_section .et_pb_row_0.et_pb_row h1 {
        padding-top: 30px !important;
        margin-top: 30  !important;
      }
    }
    .page-id-127 .et_pb_section_0.et_pb_section .et_pb_column, .page-id-3 .et_pb_section_0.et_pb_section .et_pb_column {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}

/*
*****************************************************
* Helper Classes
*****************************************************
*/
.bg_primary {
  background-color: var(--pastis-primary);
}

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

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

.bg_lightgray {
  background-color: var(--pastis-lightgray);
}

.bg_gray {
  background-color: var(--pastis-gray);
}

.bg_text_weak {
  background-color: var(--pastis-text-weak);
}

.bg_white {
  background-color: var(--pastis-text-inverted);
}

/*
blubbern */
@media only screen and (max-width: 769px) {
  div.et_pb_row_0.et_pb_row {
    margin-top: 0 !important;
  }
  div.et_pb_row_0.et_pb_row h1 {
    margin-top: 30px !important;
  }
}

@media only screen and (max-width: 1025px) {
  div.et_pb_row_0.et_pb_row {
    margin-top: -30px !important;
  }
}

@media only screen and (max-width: 991px) {
  #header-row {
    background-image: url("/wp-content/uploads/2021/02/Pastis_Web_uebergang_1351x640.jpg") !important;
    height: 640px !important;
    min-height: 640px !important;
  }
}

@media only screen and (min-height: 721px) and (min-width: 620px) {
  #header-row {
    background-image: url("/wp-content/uploads/2021/02/Pastis_Web_uebergang_1351x760.jpg") !important;
    height: 720px !important;
    min-height: 720px !important;
  }
}

@media only screen and (max-width: 1920px) and (min-width: 992px) {
  #header-row {
    background-image: url("/wp-content/uploads/2021/02/Pastis_Web_uebergang_1920x1080.jpg") !important;
    height: 1080px !important;
  }
}

@media only screen and (min-width: 1921px) {
  #header-row {
    background-image: url("/wp-content/uploads/2021/02/Pastis_Web_uebergang_3440x1440.jpg") !important;
    height: 1440px !important;
  }
}

/* Safari */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    @media only screen and (min-width: 765px) {
      .et_pb_module.et_pb_text.et_pb_text_0 {
        margin-top: -50px  !important;
      }
    }
  }
}