@charset "utf-8";
/* ------------------------------------------------------- 
Theme Name: kdl
Theme URI: https://tatanka-web.de
Description: Ona Child
Author: tatanka design
Author URI: https://tatanka-design.de
Template: ona
Version: 1.0
------------------------------------------------------- */

body, h1,h2,h3,h4,h5,h6{
	font-family: Raleway, Helvetica, sans-serif;
}
@media (max-width: 800px) {
	.h1-home, .h1-about, .h1-services, .h1-404, .h1-angebot, .h1-services{ font-size:60px !important;}
}

a:where(:not(.wp-element-button)) {
    color: #c65944;
		display: inline;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
    transition: .36s var(--ona-transition);
    background-size: 0 95%;
		text-decoration:none;
		}
a:where(:not(.wp-element-button)):hover {
    background-size: 100% 95%;
}

.site-header{background:rgba(255,255,255,0.6) !important;}
main{margin-top:-200px !important;}

.header-navi button{
	background: rgba(47,98,69, 0.5);
	border-radius: 50px;
	padding: 5px;
}
.header-navi button:hover{
	background:#c65944;
}
.header-navi svg{
	width: 36px;
	height: 36px;
	color: #fff;
}

.logo a{color:#2f6245; text-decoration:none;}
.logo a:hover {color: #c65944;text-decoration: none;}


.h1-home, .h1-about, .h1-services, .h1-404 {
    text-shadow: 2px 2px 2px #555;
}
.h1-angebot{text-shadow: 2px 2px 2px #ddd;}
.h1-services{line-height:1.1; max-width:60%;}

.home-liste li:nth-child(odd) {
    background: #fbeb91;
    border-radius: 5px;
}

.home-liste li {
    padding: 0.5em 0 0.5em 5px;
}
.red{color: #c65944;}
hr{
	border:0 !important;
	width: 50% !important;
	height:2px;
	margin: 3em 0;
	background: linear-gradient(to right, rgba(252,234,187,0) 0%, rgba(252,234,187,0.5) 25%, rgba(248,181,0,0.5) 49%, rgba(252,234,187,0.5) 75%, rgba(251,223,147,0) 100%) !important;
}
.wp-block-search__button svg{ color:#fff;}
/*******************************************
Kontakt
*******************************************/
.kontakt-spalte1{ padding-right: 1em;}
.kontakt-spalte2{ padding: 0 1em;}

.wpcf7{ background: #fcf1dd; padding:1em; border-radius:5px;}
.wpcf7 label, .wpcf7-list-item-label{ font-size:0.8em;}
.wpcf7 input[type="text"], input[type="email"], .wpcf7 textarea {border:1px solid #c65944;border-radius:5px; width:100%;box-sizing: border-box;}
.wpcf7 textarea {max-height:150px;}
.wpcf7 input[type="submit"] {min-width:100px; background:#c65944; color:#ddd;border-radius:5px;}
.wpcf7 input[type="submit"]:hover { color:#fff;}
.wpcf7-response-output{font-size:0.8em;}
.wpcf7 .muss:before { 
	color:#c65944;
	font-family:'faSolid';
	content: "\f111";
	font-size:0.8em;
}

.captcha-image {border: 1px solid #c65944;border-radius:5px; width:100%;box-sizing: border-box;}
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {border: 2px solid #c65944;}
.cf7ic_instructions {font-size: 0.8em;}
.captcha-image label > input + svg {color: #2F6245;}
.captcha-image label > input + svg:hover {color: #c65944;}
.captcha-image .cf7ic_instructions span {color: #c65944;}


footer {
    border-top: 2px solid rgba(47,98,69,.4) !important;
}
.footer-navi a:hover{color: #c65944 !important;}

/*******************************************
FONTS
*******************************************/

/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/raleway-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/raleway-v28-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/raleway-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('assets/fonts/raleway-v28-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('assets/fonts/raleway-v28-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900italic - latin */
@font-face { 
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('assets/fonts/raleway-v28-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* FontAwesome Brands */
@font-face {
  font-display: swap; 
  font-family: 'faBrands';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/fa-brands-400.woff2') format('woff2'); 
}
/* FontAwesome Regular */
@font-face {
  font-display: swap; 
  font-family: 'faRegular';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/fa-regular-400.woff2') format('woff2'); 
}
/* FontAwesome Solid */
@font-face {
  font-display: swap; 
  font-family: 'faSolid';
  font-style: normal;
  font-weight: 900;
  src: url('assets/fonts/fa-solid-900.woff2') format('woff2'); 
}