/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
input:focus {outline:none;}

html {
  overscroll-behavior: none;
}


.inline-form-single-line {
	position: relative;
	display:flex;
	flex-direction:row;
}
.inline-form-single-line input {
	border-radius: 0 !important;
	display: inline-block !important;
	background-color: rgba(0,0,0,0) !important;
	border: none !important;
	border-top: solid 1px white !important;
	border-bottom: solid 1px white !important;
	height: 50px !important;
	padding: 10px 0 !important;
	margin: 0 !important;
	line-height: 30px !important;
	box-sizing: border-box !important;
	color: white !important;
	z-index: 100;
}

.inline-form-single-line input[type="submit"]{
flex: 0;
  /* hide visible text but keep it accessible */
  color: transparent !important;          /* hides text */
  text-shadow: none;
  overflow: hidden;
	cursor: pointer !important;

  /* size and appearance */
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background-color: transparent;
  flex-basis: 10px;

  /* SVG as background */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='white'%20viewBox='0%200%2016%2016'%3E%3Cpath%20fill-rule='evenodd'%20d='M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708'/%3E%3C/svg%3E");
}



.inline-form-single-line::before, .inline-form-single-line::after {
	content: "";
	display: block;
	height: 50px;
	width: 50px;
	box-sizing: border-box;

	border: 1px solid white;

	position: absolute;
	top:0;
}
.inline-form-single-line::before {
	left: -25px;
	border-right: none;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}
.inline-form-single-line::after {
	right: -25px;
	border-left: none;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}
.inline-form-single-line .wpcf7-not-valid-tip, .inline-form-single-line .wpcf7-response-output, .inline-form-single-line .wpcf7-spinner {
	display: none !important;
}

.invalid .inline-form-single-line::before, .invalid .inline-form-single-line::after, .invalid .inline-form-single-line input {
	border-color: red !important;
}
.sent .inline-form-single-line::before, .sent .inline-form-single-line::after, .sent .inline-form-single-line input {
	border-color: green !important;
}
.inline-form-single-line .wpcf7-form-control-wrap {
	flex: 1
}

.kontaktformular-drawer .wpcf7-form-control-wrap {
	margin-bottom: 10px !important;
	display: block !important;
}
.kontaktformular-drawer input:not([type="submit"]) {
	border-radius: 0 !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	padding-left: 0 !important;
	text-transform: uppercase;
	font-size: 14px;
}
.kontaktformular-drawer .wpcf7-list-item {
	margin-left: 0 !important;
	margin-top: 10px;
	margin-bottom: 10px;
} 
.kontaktformular-drawer .wpcf7-submit {
	background-color: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
	color: white !important;
	margin-left: 50%;
	transform: translatex(-50%);
}


.elementor-nav-menu--dropdown {
	min-width: 300px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}