/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Hello Elementor Child Theme
 Author:       Dein Name
 Author URI:   https://deine-website.com/
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 Text Domain:  hello-elementor-child
*/

@import url("../hello-elementor/style.css");
html {
  scroll-behavior: smooth;
}

/* Scrollbar-Styling für WebKit-Browser (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 2rem;
  height: 7rem;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #b33f27;
  border-radius: 10px;
  border: 4px solid #f1f1f1;
}

/* Firefox Scrollbar */
* {
  scrollbar-width: auto; /* "thin" oder "auto" */
  scrollbar-color: #b33f27 #f1f1f1;
}

/*Navigation*/
.elementor-menu-toggle {padding: .75rem !important;}

/* Sticky Header */
.sticky-header {transition: all 0.3s ease-in-out;}
.sticky-logo img {transition: all 0.5s ease-in-out;}
.sticky-header.sticky .sticky-logo img {width: 70px !important;}
.sticky-header.sticky .elementor-button {padding: 0.75rem 1rem; font-size: 0.75rem; margin-right: 10%;}
.sticky-header.sticky {padding: 1rem;}
.sticky-header.hidden {transform: translateY(-100%);}
a[data-title]:hover {position: relative;}

/*Buttons*/
.elementor-element.elementor-button {
	font-family: "Montserrat", Sans-serif !important;
	text-transform: none !important;}
	
.elementor-element.elementor-button-success .elementor-button {
	background-color: var(--e-global-color-text) !important;
	margin: 0 0 3rem 0;}
.elementor-element.elementor-button-success .elementor-button:hover {background-color:var(--e-global-color-accent) !important;}


/*Tabellen*/
thead {text-align: left;}


/*Sticky Buttons*/
.elementor-element.elementor-button-info .elementor-button {
	background-color: var(--e-global-color-text) !important;
	box-shadow:none;
	padding: 0.75rem 1rem !important; 
	font-size: 0.75rem !important;
	margin-top: 1rem;}
.elementor-element.elementor-button-info .elementor-button:hover {
background-color: var(--e-global-color-accent) !important;}


/* Gestylter Tooltip */
a[data-title] {transition: 0.55s;}
a[data-title]:hover::after {content: attr(data-title); background-color: #fff; color: #b33f27; position: absolute; top: 50%; left: 100%; transform: translate(-100%, -50%); padding: 8px 12px; border-radius: 4px; white-space: nowrap; font-size: 14px; font-weight: bold; z-index: 999; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}
a[data-title]:hover::before {content: ""; position: absolute; top: 50%; left: -5px; transform: translateY(-50%); border-width: 5px; border-style: solid; border-color: transparent #fff transparent transparent; z-index: 999;}

/* Layout - Globals */
p {text-align: justify; }

.h1, h1 {color: var(--e-global-color-secondary) !important; font-weight: 700 !important; line-height: 100%; text-transform: uppercase;}
.h2, h2 {font-size: 2rem; font-family: var(--e-global-typography-primary-font-family), Sans-serif !important; font-weight: var(--e-global-typography-primary-font-weight) !important; line-height: var(--e-global-typography-primary-line-height) !important; color: var(--e-global-color-primary) !important;}
.elementor-button {margin: 3rem 0 0 0;}
.custom-container-global {padding: 5rem 0;}

/* Kontaktformular */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label {color: #fff; font-size: 0.75rem;}
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label a:hover {color: #55555a;}

/* Footer Bottom Copyright */
.footer-bottom {background-color: #b33f27; color: #fff; font-size: 0.85rem; padding: 1rem; text-align: center;}
.footer-bottom a {color: #fff !important;}
.footer-bottom a:hover {text-decoration: underline;}

/* Medienabfragen */
@media all and (min-width: 1200px) {
	h1, .h1 {font-size: 2.5rem !important;}
  .swiper-slide {flex: 0 0 auto; width: auto; transform: scale(1); transition: transform 0.8s ease; z-index: 1; display: flex; justify-content: center; align-items: center;}
  .swiper-slide-active {transform: scale(2); z-index: 1;}
  .swiper-slide-active + .swiper-slide {transform: scale(2); z-index: 2;}
  .swiper-slide-active + .swiper-slide + .swiper-slide {transform: scale(1); z-index: 1;}
  .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {transform: scale(2); z-index: 2;}
}

@media all and (min-width: 768px) and (max-width: 1199px) {
	h1, .h1 {font-size: 2.5rem !important;}
  .custom-container-global {padding: 0;}
  .wohnungstabelle {
  width: 100%;
  border-collapse: collapse;
}

.wohnungstabelle th,
.wohnungstabelle td {
  padding: 0.75rem 1rem;
  vertical-align: middle;
}

.wohnungstabelle th:nth-child(1),
.wohnungstabelle td:nth-child(1),
.wohnungstabelle th:nth-child(2),
.wohnungstabelle td:nth-child(2) {
  width: 33%;
}

.wohnungstabelle th:nth-child(3),
.wohnungstabelle td:nth-child(3) {
  text-align: right;
}

table .elementor-button {margin-top: 0;}
}

@media all and (max-width: 767px) {
	h1, .h1 {font-size: 2rem !important;}
	.h2 {font-size: 1.75rem !important}
  a[data-title]:hover::after {display: none;}
  .sticky-header.sticky {padding: 0;}
  .custom-container-global {padding: 0;}
  
.wohnungstabelle thead th,
.wohnungstabelle thead tr {vertical-align:top;}

.wohnungstabelle th, 
.wohnungstabelle td {vertical-align: middle;}
table .elementor-button { margin-top: 0;}
}