/*
 Theme Name:   YOOtheme Child
 Description:  Custom Header Integration
 Author:       Viereinhalb
 Template:     yootheme
 Version:      1.0.0
*/


.uk-icon {
  color: #ec6726 !important;
}

//addional styles of wordpress
body, h1, h2, h3, h4 {
    font-family: avenir-lt-pro, sans-serif !important
}
body {
	font-size: 0.875rem;
	font-weight: 400;
  line-height: 1.6;
	letter-spacing: 0.42px;
}
p, ul, li {
	font-size: 0.875rem;
	font-weight: 400;
  line-height: 1.6;
	letter-spacing: 0.42px;
}
li {
  margin-bottom: 8px;
}

li:last-child {
  margin-bottom: 0;
}

h1 {
  font-size: 2.625rem;
  font-weight: 900;
	text-transform: uppercase;
	line-height: 1.25;
}

h2 {
	font-size: 2rem;
  font-weight: 900;
	text-transform: uppercase;
	line-height: 1.25;
}

h3 {
  font-size: 1.5rem;
	font-weight: 900;
	line-height: 1.25;
}

h4 {
  font-size: 1.125rem;
	font-weight: 800;
	line-height: 1.25;
}

@media screeen and (max-width: 767px) {
	h1 {
		font-size: 2rem;
	}
}

/* Submenü */
.submenue {
	color:#fff!important;
	text-align:left!important;
	font-size:0.7em!important;
	font-weight:400!important;
	position:fixed!important;
	width:120px!important;
	right:0px!important;
	top:15vh!important;
	z-index:30000!important;

}

.submenue a {
	color:#fff;
	text-decoration:none;
	background-color: #000;
}

.submenue a:hover {
	color:#EC6726;
	text-decoration:none;
	background-color: #000;
}

#submenue_item {
	padding:1em!important;
	color:#fff!important;
	background-color:#303031;
	margin-bottom:0.1em!important;
	float:clear!important;
}

@media (max-width:960px) {
	#submenue_icon {
		display:show;
	}
	#submenue_text {
	display:none;
	}
	#submenue_item img{
		height:25px!important;
	}
	.submenue {
		width:55px!important;
	}
}

@media (min-width:961px) {
	#submenue_icon {
		display:none;
	}
	#submenue_text {
	display:show;
	}
}

/* Ende - Submenü */

.uk-marker {
    padding: 14px;
    background: #EC6726;
    color: #fff;
    transition: .1s ease-in-out;
    transition-property: color,background-color;
    border-radius: 500px;
}

.uk-button-primary hover{
    background-color: #ddd;
    color: #111;
    border: 1.5px solid #EC6726;
}

.uk-button-primary {
    background-color: #EC6726;
    color: #111;
    border: 1.5px solid #EC6726;
}

	.side-menu .sm-list .sm-item a {
    background: #EC6726 !important;
}

.el-link.uk-button-text::after {
  background-image: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none'%3E%3Cpath d='M0 6.79301H20M20 6.79301C18.238 5.13013 14.4859 1.58896 13.5729 0.727295M20 6.79301L13.5729 12.8587' stroke='black' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none'%3E%3Cpath d='M0 6.79301H20M20 6.79301C18.238 5.13013 14.4859 1.58896 13.5729 0.727295M20 6.79301L13.5729 12.8587' stroke='black' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  background-color: currentColor;
  width: 20px;
  height: 12.131px;
  top: 50%;
  bottom: auto;
  margin-top: -6.0655px;
  transform: none;
  transform-origin: 50% 50%;
  transition: transform 300ms ease;
}
.el-link.uk-button-text:hover::after {
  transform: rotate(-60deg);
}
.el-link.uk-button-text .group-underline::after {
  bottom: -0.1em;
}
.el-link.uk-button-text {
    padding-right: 35px;
}
.el-link.uk-button-text::before {
  content: none !important;
}


.uk-button {
    border-radius: 50px !important;
}
.uk-button.uk-button-default .uk-width-1-1 {
	border-radius: 50px !important;
}
.uk-button.uk-width-1-1.uk-button-danger {
    border-radius: 0 !important;
}

/*Pop-Layout*/
@media (min-width: 700px){.spalte {
  float: left;
  width: 50%;
	padding: 2%;
	}}
/*Gravity Submit*/
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    padding: 0 20px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -.02em;
    border-radius: 3px;
	  background-color: #EC6726;
    color: #111;
    border: 1.5px solid #EC6726;
}

.gform_wrapper .gform_footer input[type=submit]:hover {
color: #fff;
background-color: #000;
	  border: 1.5px solid #000;
}

#gform_wrapper_1 .gform_fields,
#gform_wrapper_3 .gform_fields,
#gform_wrapper_8 .gform_fields,
#gform_wrapper_10 .gform_fields {
  grid-template-columns: 1fr !important;
}

#gform_wrapper_1 .gfield,
#gform_wrapper_3 .gfield,
#gform_wrapper_8 .gfield,
#gform_wrapper_10 .gfield {
  grid-column: 1 / -1 !important;
}
