/*
 Theme Name:   Twenty Twenty-One Child
 Description:  Mein Child Theme
 Author:       vierundzwanzig sieben
 Author URI:   https://www.vierundzwanzig-sieben.at
 Template:     twentytwentyone
 Version:      1.0
 Text Domain:  twenty-twenty-one-child
*/


/**************************** Colors ******************************/

.white {color: #ffffff !important;}
.cyan  {color: #67b7d1 !important;}
.blue {color: #10121D !important;}
.dark-grey {color: #2f2b2c !important;}
.grey {color: #828282 !important;}

/**************************** Positionierungen ******************************/

.bottom {
position: absolute;
bottom: 0px;
}

/**************************** Formular ******************************/

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #ffffff00 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-size: 1.1em !important;
    padding: 10px 15px !important;
	border-radius:3px !important;
	transition: 0.3s;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button {
	border: 1px solid #CEA261 !important;
	background-color: #CEA261 !important;
	color: #fff !important;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
	border-radius:3px;
	border: 0px none;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
     background: #000000 !important;
     border: 0px none !important;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full { 
	padding: 30px 30px;
}


/*Fehleranzeige*/
div.wpforms-container-full .wpforms-form label.wpforms-error {
    color: #CEA261;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
    border: 2px solid #CEA261;
}

/*Pflichtfeld*/

div.wpforms-container-full .wpforms-form .wpforms-required-label {
    color: #CEA261;
	font-weight: 400;align-content}

/**************************** Fonts ******************************/

html {font-size: 100%;}

body {
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 1.1rem;
}



.text {
   margin-top: 1.8ex;
   column-count: 2; column-gap:2em; column-width: 100%;
}

.text p {
   	margin: 0 0 2.7ex 0;
   	line-height: 1.8;
	font-size: 1.1rem;
  	hyphens:auto;
   	orphans:3; widows: 3;
}



p, .p {
	font-family: 'Heebo', sans-serif;
	font-size: 1.1rem;
	font-weight: 200;
	text-align:left;
}

li {
	font-family: 'Heebo', sans-serif;
	font-weight: 200;
	font-size: 1.1rem;

}

a {
	font-family: 'Heebo', sans-serif;
	color: #ffffff;
	font-weight: 700;
	transition: color 110ms ease-in-out;
}

a:hover {
	color: #CEA261;
}

a:visited {
	color: #CEA261;
}




h1, .h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	color: #ffffff;
	font-size: 4rem !important;
	text-align: center;
	letter-spacing: 0;
	line-height: 140%;
}

h2, .h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #ffffff;
	font-size: 3rem !important;
	text-align: center;
	letter-spacing: 0;
	line-height: 140%;
}

h3, .h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	color: #ffffff;
	font-size: 2rem !important;
	line-height: 140%;
	letter-spacing: 0;
}

h4, .h4 {
	font-family: 'Heebo', sans-serif;
	font-weight: 500;
	color: #CEA261;
	font-size: 1.5rem !important;
	letter-spacing: 0;
	line-height: 140%;
}


h1:not(.site-title):before, h2:before {
	display: none;
}

.entry .entry-title:before {
		display: none;
}

/**************************** Fonts on Tablet ******************************/

@media screen and (max-width: 768px) {
	
	
p, .p {
	text-align:center;
	}
	
.text {
	column-count: 1;
}


h1, .h1 { 
   font-size: 2.5rem !important;
}

h2, .h2 {
    font-size: 2.0rem !important;
}
	
h3, .h3 {
   font-size: 1.5rem !important;
}

h4, .h4 {
	font-size: 1.2rem !important;
	text-align:center;
	}


}

/**************************** Fonts on Mobile Phone ******************************/

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


p, .p {
	text-align:center;
	}

h1, .h1 { 
    font-size: 2.5rem !important;
	text-align:center;
}

h2, .h2 {
   font-size: 2.0rem !important;
	text-align:center;
}

h3, .h3 {
    font-size: 1.5rem !important;
	text-align:center;
}
	
h4, .h4 {
	text-align: center;
    font-size: 1.2rem !important;

	}

}



/* Heebo */
@font-face {
	font-family:'Heebo';
	font-weight:300;
	font-style:normal;
	src:url("/wp-content/themes/twentytwentyone-child/fonts/Heebo-VariableFont_wght.ttf") format("truetype")

}


/* Raleway - latin */
@font-face {
	font-family:'Raleway';
	font-weight: 700;
	font-style:normal;
	src:url("/wp-content/themes/twentytwentyone-child/fonts/Raleway-VariableFont_wght.ttf") format("truetype"),
}

/* Raleway - latin */
@font-face {
	font-family:'Raleway';
	font-weight: 900;
	font-style:normal;
	src:url("/wp-content/themes/twentytwentyone-child/Raleway-VariableFont_wght.ttf") format("truetype"),
}