/*
Theme Name:     Astra Child
Theme URI:      https://e-dvertising.at
Description:    Ein Child-Theme basierend auf dem Astra Theme
Author:         Herbert Fasching
Author URI:     https://e-dvertising.at
Template:       astra
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    astra-child
*/
@font-face {
    font-family: 'Baloo2';
    src: url('assets/fonts/baloo2.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'baloo2', sans-serif !important;
}

h1, h2 {
    font-family: 'baloo2', cursive !important;
}

.wpcf7 input[type="submit"] {
    background-color: #a34b92; 
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
    color: #222222;
}

@media (max-width: 900px) {
  .karte {
    max-width: 45%;
  }
}
@media (max-width: 700px) {
  .karte {
    max-width: 100%;
  }
}
@media (max-width: 750px) {
  .karten-grid {
     justify-content: center !important;
  }
}

.karten-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  justify-content: space-between;
  margin-bottom: 2em;
}
:root {
  --karte-max-width: 300px;
  --karte-radius: 12px;
  --karte-shadow: 14px 14px 30px rgba(0, 0, 0, 0.2);
  --karte-primary: #a34b92;
  --karte-accent: #ffcc00;
  --transition-fast: 0.2s ease;
  --transition-slow: 0.4s ease;
}

.karte {
		text-decoration:none !important;
  display: block;
  width: 100%;
  max-width: var(--karte-max-width);
  color: inherit;
  border-radius: var(--karte-radius);
  overflow: hidden;
  box-shadow: var(--karte-shadow);
  transition: transform var(--transition-fast);
  outline: none;
}

@media only screen and (min-width: 750px)
{
	.karte:hover,
.karte:focus {
	opacity:70%;
  transform: translateY(-8px);
  box-shadow: 0 0 0 3px var(--karte-accent);
}
}


.karte img {
  display: block;
  width: 100%;
  height: 210px;

}

.karte-text {
	display:grid;
	align-items:end;
	bottom:0;
  padding: 1rem;
  text-align: center;
  font-size: 1.1em;
  color: var(--karte-primary);
}

.karte-text h2,
.karte-text strong {
  margin: 0;
  font-weight: 600;
  color: var(--karte-primary);
  transition: color var(--transition-slow);
}

.karte:focus .karte-text,
.karte:focus .karte-text h2,
.karte:focus .karte-text strong {
	text-decoration:none !important;
  color: var(--karte-accent);
}

h2 {
	text-decoration:none !important;
}

.is-style-outline button,
.is-style-outline a {
  font-size: 2em !important;
  color: var(--karte-primary);
  border: 2px solid var(--karte-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--karte-radius);
  transition: background var(--transition-fast), color var(--transition-fast);
}

.is-style-outline button:hover,
.is-style-outline a:hover,
.is-style-outline button:focus,
.is-style-outline a:focus {
  background: var(--karte-primary);
  color: var(--karte-accent) !important;
  outline: none;
}

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

  #block-25,
  #block-8 {
    display: flex;
		text-align:center;
    justify-content: center;
  }
	#astra-footer-menu
	{
		font-size:3rem !important;
		margin-top:25px;
	}
}

	.menu-link
	{
		font-size:28px !important;
	}
.menu-toggle {
	display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    text-align: left;alignment-baseline
}
.mobile-menu{
	margin-right:10px;
}
.hero-font-shadow 
{
text-shadow: 0px 0px 15px rgba(75, 75, 75, 0.49),
             0px 3px 13px rgba(34, 48, 92, 0.71);

}