/*
 Theme Name:   Annette Hardes - Hello Elementor Child
 Description:  Ein Child-Theme für die neue Website von Annette Hardes
 Author:       Nethotline UG
 Author URI:   https://www.nethotline.io
 Template:     hello-elementor
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html {
  font-size: 100%; /* This sets the base font-size to 10px because 62.5% of 16px is 10px */
}

p:last-child{
  margin-bottom: 0px;
}

/* vertically center icon for buttons*/
.elementor-button-icon {
  display: flex;
  align-items: center;
}

.elementor-field-type-acceptance .elementor-field-option {
  display: block;
  position: relative;
  padding-left: 37px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.elementor-field-type-acceptance .elementor-field-option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.elementor-field-type-acceptance .elementor-field-option label::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  transition: background-color 0.15s ease-in-out;
}

.elementor-field-type-acceptance .elementor-field-option:hover label::after,
.elementor-field-type-acceptance .elementor-field-option input:checked ~ label::after {
  background-color: #ccc;
}

.elementor-field-type-acceptance .elementor-field-option label::before {
  content: '';
  position: absolute;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
}

.elementor-field-type-acceptance .elementor-field-option input:checked ~ label::before {
  left: 10.25px;
  top: 50%;
  width: 7.5px;
  height: 15px;
  border: solid var(--e-global-color-accent);
  border-width: 0 3px 3px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  z-index: 10;
  opacity: 1;
}

.elementor-element.elementor-widget {
  z-index: 1;
}

div.elementor-element.box-section__element-wrapper>div.e-con-inner {
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  div.box-section__image-wrapper.elementor-element {
    height: 50%;
    flex: 0 1 50%;
  }

  .box-section__image-wrapper .elementor-element.box-section__image.elementor-widget-image,
  .box-section__image-wrapper .elementor-element.box-section__image.elementor-widget-image img {
    height: 100%;
  } 
}

/* Blog und Textseiten styling */

.elementor-widget-theme-post-content h1 {
  font-size: var(--e-global-typography-c2e7798-font-size);
  line-height: var(--e-global-typography-c2e7798-line-height);
  margin-bottom: 22.4px;
  margin-top: 22.4px;
}

.elementor-widget-theme-post-content h2 {
  font-size: var(--e-global-typography-26bc2e3-font-size);
  line-height: var(--e-global-typography-26bc2e3-line-height);
  margin-bottom: 16px;
  margin-top: 22.4px;
}

.elementor-widget-theme-post-content h3 { 
  font-size: var(--e-global-typography-94207b5-font-size);
  line-height: var(--e-global-typography-94207b5-line-height);
  margin-bottom: 16px;
  margin-top: 22.4px;
}

.elementor-widget-theme-post-content h4 { 
  font-size: var(--e-global-typography-2e22fea-font-size);
  line-height: var(--e-global-typography-2e22fea-line-height);
  margin-bottom: 16px;
  margin-top: 22.4px;
}

.elementor-widget-theme-post-content .wp-block-button__link.wp-element-button {
  background-color: var(--e-global-color-7ce47ef);
  fill: var(--e-global-color-ab68a5e);
  color: var(--e-global-color-ab68a5e);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-fc96f86);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: var(--e-global-typography-accent-font-size);
  line-height: var(--e-global-typography-accent-line-height);
  border-radius: 100px 100px 100px 100px;
  padding: 16px 32px 16px 32px;
}

.elementor-widget-theme-post-content .wp-block-button__link.wp-element-button:hover {
  background-color: var(--e-global-color-a5a4a94);
  color: var(--e-global-color-primary);
  border-color: var(--e-global-color-7ce47ef);
}

.elementor-widget-theme-post-content .wp-block-button__link.wp-element-button:active {
  background-color: var(--e-global-color-a5a4a94);
  color: var(--e-global-color-primary);
  border-color: var(--e-global-color-7ce47ef);
}