/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/*
------------------------------------------------------
 Global Responsive Section Styling mit CSS-Variablen
 Target Class: .vogele_base_section
------------------------------------------------------
*/

:root {

  /* Breitbild ≥ 2400px */
  --widescreen-max-width: 2400px;
  --widescreen-padding: 150px;

  /* Desktop 1366px – 2400px */
  --desktop-max-width: 1200px;
  --desktop-padding: 175px;

  /* Laptop 1200px – 1365px */
  --laptop-max-width: 1000px;
  --laptop-padding: 175px;

  /* Tablet Querformat 1024 – 1199px */
  --tablet-landscape-max-width: 900px;
  --tablet-landscape-padding: 150px;

  /* Tablet Hochformat 880px – 1023x */
  --tablet-portrait-max-width: 800px;
  --tablet-portrait-padding: 100px;

  /* Mobil Querformat 768px – 879px */
  --mobile-landscape-max-width: 700px;
  --mobile-landscape-padding: 75px;

  /* Mobil Hochformat bis 767px */
  --mobile-portrait-max-width: 320px;
  --mobile-portrait-padding: 75px;
}


/* Breitbild ≥ 2400px */
@media (min-width: 2400px) {
  .vogele_base_section .e-con-inner {
    max-width: var(--widescreen-max-width)!important;
    padding-top: var(--widescreen-padding)!important;
    padding-bottom: var(--widescreen-padding)!important;
  }
}

/* Laptop 1366px – 2399px */
@media (min-width: 1366px) and (max-width: 2399px) {
  .vogele_base_section .e-con-inner {
    max-width: var(--desktop-max-width)!important;
    padding-top: var(--desktop-padding)!important;
    padding-bottom: var(--desktop-padding)!important;
  }
}
/* Laptop 1200 – 1365px */
@media (min-width: 1200px) and (max-width: 1365px) {
  .vogele_base_section .e-con-inner {
    max-width: var(--laptop-max-width)!important;
    padding-top: var(--laptop-padding)!important;
    padding-bottom: var(--laptop-padding)!important;
  }
}

/* Laptop 1024– 1200px */
@media (min-width: 1024px) and (max-width: 1199px) {
  .vogele_base_section .e-con-inner {
    max-width: var(--tablet-landscape-max-width)!important;
    padding-top: var(--tablet-landscape-padding)!important;
    padding-bottom: var(--tablet-landscape-padding)!important;
  }
}

/* Laptop 880 – 1024px */
@media (min-width: 880px) and (max-width: 1023px) {
  .vogele_base_section .e-con-inner {
    max-width: var(--tablet-portrait-max-width)!important;
    padding-top: var(--tablet-portrait-padding)!important;
    padding-bottom: var(--tablet-portrait-padding)!important;
  }
}
/* Laptop 767px – 880px */
@media (min-width: 767px) and (max-width: 879px) {
  .vogele_base_section .e-con-inner {
    max-width: var(--mobile-landscape-max-width)!important;
    padding-top: var(--mobile-landscape-padding)!important;
    padding-bottom: var(--mobile-landscape-padding)!important;
  }
}

/* Laptop  – 767px */
@media (max-width: 765px) {
  .vogele_base_section .e-con-inner {
    max-width: var(--mobile-portrait-max-width)!important;
    padding-top: var(--mobile-portrait-padding)!important;
    padding-bottom: var(--mobile-portrait-padding)!important;
  }
}


strong {
	font-weight: 900!important;
}


/*Cards*/
.card-heading:hover {
    font-style: italic;
}

.card:hover {
  opacity: 0.8;
}

.card_solo_horizontal {
    height: 150px;
}

.card_two_in_one_horizontal {
    height: 50%;
}

.sub-custom {
	font-weight:100;
}