/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* ············································································· */


/* @import "fonts.css"; */


#menu-mainnav li a::after {
  content: '';
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 0;
  border-bottom: 3px solid #891228;
  transition: all 250ms;
}

#menu-mainnav li a {
  transition: all 250ms;
}

#menu-mainnav li a:hover {
  color: #891228;
}

#menu-mainnav li a:hover::after {
  width: calc(100% - 40px);
}


/* ············································································· */



footer .bricks-nav-menu a {
  transition: all 250ms;
}

footer .bricks-nav-menu a:hover {
  color: #ffd64f;
}


/* ············································································· */



.header-headline {
  font-weight: 500;
  /* font-size: 36px; */
  display: inline !important;
  
  background-color: rgba(255,255,255,.95);
  color: black;
  color: #891228;
  /* background-color: #2b2d35f2; */
  /* background-color: #891228; */
  /* background-color: #6690cc; */
  padding: 4px 20px 10px 20px;
  /* line-height: 2.7cap; */
  line-height: 200%;
  box-decoration-break: clone;
  /*font-size: min(max(30px, 5vw), 72px) !important;*/
  font-size: calc(1em + 1.5vw);
  font-size: calc(1em + 1.8vw);
  border-radius: 3px;
}

.headline-box span {
  color: #fff !important;
  display: inline !important;
  /* background-color: #2b2d35f2; */
  /* background-color: #9b142d; */
  background-color: #891228;
  /* background-color: #6690cc; */
  padding: 4px 20px 6px 20px;
  /* line-height: 3cap; */
  line-height: 200%;
  box-decoration-break: clone !important;
  border-radius: 3px;
}

/* .headline-box:after {
  content: '⋆';
  display: block;
  margin-top: 4%;
  color: #6690cc;
  text-align: center;
} */


/* ············································································· */



@media (max-width: 600px) {
  .header-headline {
    font-size: calc(1em + 1vw);
  }
}

/* ············································································· */



.stripes_-45deg {
  position: relative;
}

.stripes_-45deg::after {
  content: '';
  position: absolute;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(-45deg, transparent 0 20px, #f4f4f488 0 40px);
}


/* ············································································· */



.dots {
  position: relative;
}

.dots::after {
  content: '';
  position: absolute;

  top: -44px;
  left: 12px;
  
  width: 475px;
  height: 90px;
  
  /*background-image: radial-gradient(rgba(255,255,255,.5) 2px, transparent 0);*/
  /*background-image: radial-gradient(#891228 2px, transparent 0);*/
  /*background-image: radial-gradient(var(--bricks-color-primary) 2px, transparent 0);*/
	background-image: radial-gradient(#6690cc 2px, transparent 0);

  background-size: 16px 16px;
  background-position: -20px -20px;
  /*outline: 1px solid red;*/
  /*background-color: green;*/
  /*opacity: .7;*/
  /*background-blend-mode: screen;*/
}


/* ············································································· */



.bg-headline {
  position: relative;
}

.bg-headline::before {
  content: '';
  position: absolute;
  top: -5%;
  left: 20px;
  /* font-size: 800%; */
  font-size: 30vw;
  line-height: 1;
  font-weight: 700;
  color: rgba(255,255,255,.6);

  /*
  top: auto;
  bottom: -15%;
  bottom: 78%;
  font-size: 800%;
  transform-origin: top left;
  transform-origin: top right;
  rotate: -90deg;
  text-align: right;
  */
}


/*
/wp-content/themes/bricks-child/images/inkpen-white.png
bottom right
contain
no-repeat

[bricks_template id="133"] <- Home-Template
*/


/* ············································································· */



.gototop {
    position: fixed;
    display: none;
    z-index: 9999;
    margin: 0;
    bottom: 0;
    right: 0;
}

.gototop a {
    color: rgba(255,255,255,.8);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .9em;
    line-height: 0;
    width: 40px;
    height: 40px;
    border-top-left-radius: 4px;
    background-color: rgba(0,0,0,0.7);
    transition: background-color 250ms;
}

.gototop a span {
    display: inline-block;       /* nötig für transform */
    transform: scaleY(0.85);     /* 0.85 = 85% der Höhe */
    transform-origin: center;    /* aus der mitte heraus stauchen */
    transition: transform 250ms;
}

.gototop a:hover {
    background-color: #891228;
}

.gototop a:hover span {
    color: white;
    transform: scaleY(0.85) translateY(-3px);
}


/* ············································································· */



ul.termine {
  margin: 0 0 24px 0;
  padding: 0;
  width: 100%;
}

ul.termine li {
  list-style: none;
  display: flex;
  font-weight: 500;
}

.termine_year {
  color: #891228;
  font-weight: 600;
}


/* ············································································· */



:where(.brxe-form) .required::after {
  color: #891228;
}

input[type="radio"],
input[type="checkbox"] {
  width: 1.2rem;
  aspect-ratio: 1;
  accent-color: #891228;
  margin-right: .25rem;
}

.brxe-form {
  display: flex;
  justify-content: space-between;
}

.form-group:nth-child(2),
.form-group:nth-child(3) {
  width: calc(50% - 1rem) !important;
}

/* E-Mail-Feld bei Kontakt 100% Breite */
.contactform .form-group:nth-child(3) {
  width: 100% !important;
}

input + label {
  user-select: none;
}