/*======================================
Theme Name: Twenty Twenty-Four Child
Theme URI: https://roter-hirsch-colditz.de
Description: Ein einfaches Child Theme

Author: Andreas Ziegner
Author URI: https://designspiel.net
Template: twentytwentyfour

Version: 1.0
======================================*/

body {
  background-color: white!important;
}

main {
  margin-block-start: 0;
}

h1.wp-block-post-title {
    color: rgb(12, 12, 12)!important; /*#b72b00*/
    font-size:  2em;
    font-family: 'Lato', sans-serif;
}


div.hero_h1_picture {
  max-height: 350px!important;
  min-height: 350px!important;
  text-align: center;
}

div.hero_h1_picture h1.wp-block-heading {
  background: rgba(255,255,255,0.6);
  color: #32521f!important;
  /*color: white;*/
  padding: 1em 1em;
  font-weight: 500;
}



/***********/

h2:before {
    content: unset!important;
}

h2.wp-block-heading {
  font-size: 1.7em;
  margin-top: 2em;
}

h2.bold_heading {
    font-weight: 700; 
    font-size: var(--wp--preset--font-size--medium); 
    font-family: Inter, sans-serif;
    margin-top:0;
    text-align: left;
  }


.hidden {
    display:none!important;
}

/* Header */
header .has-background {
  background-color: #F7F2EF!important;
  color: #970a0a!important;

  padding: 1.5rem 2rem;
  font-family: 'Lato', sans-serif;
  border-bottom: 3px solid #9c1515;
}

/* Seitentitel */
.site-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #F9F5F0;
}

/* CTA-Button */
.cta-button {
  background-color: #9B2E2E;
  color: #F9F5F0;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.cta-button:hover {
  background-color: #C74F4F;
}



/**************** SWIPER *************/

.swiper.hero-swiper {
  /*border-radius: 15px;*/
  /*border: 1px solid grey!important;*/
}


.rounded_box_higr,
.info-columns,
.usp-columns,
.openstreetmap_block {
  /*border-radius: 15px;*/
  border: 1px solid lightgrey!important;
  background-color: #F7F2EF!important;
  padding: 1em;
}

.rounded_box_higr > ul > li {
  margin-top: 0.5em;
}


/***********/

.forminator-field input,
.forminator-field textarea {
  border: 2px solid grey;
}




/***************/

@media screen and (max-width: 800px) {

  /*div.has-global-padding {
    padding-right: 0.7em!important;
    padding-left: 0.7em!important;
  }
  */

  h1.wp-block-post-title {
    font-size:  1.5em;
    margin-top: 0;
    font-family: 'Lato', sans-serif;

  }

  .swiper-button-next {
    transform: scale(0.6);
    transform-origin: right;
  }
  .swiper-button-prev {
    transform: scale(0.6);
    transform-origin: left;
  }

  .slide-caption.overlay {
    font-size: 0.7rem!important;
  }

  .close-gallery {
    top: 5px!important;
    right: 15px!important;
  }

  div.slide-counter {
    font-size: 0.8em!important;
    min-width: 4.8em!important;
  }

  .custom-slide-buttons button {
    margin: 0!important;
    margin-right: 0.3em!important;
  }

  /************/

  .info-columns {
    gap: 1.5rem!important;
  }
  .usp-columns {
    gap: 0!important;
  }

 

}