/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.35) !important;
	opacity: 1;
	letter-spacing: 0.01em;
	transition: color 0.2 ease;
}

::-moz-placeholder {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.35) !important;
	opacity: 1;
	letter-spacing: 0.01em;
	transition: color 0.2 ease;
}

:-ms-input-placeholder {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.35) !important;
	opacity: 1;
	letter-spacing: 0.01em;
	transition: color 0.2 ease;
}

:-o-input-placeholder {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.35) !important;
	opacity: 1;
	letter-spacing: 0.01em;
	transition: color 0.2 ease;
}

*:-moz-placeholder {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.35) !important;
	opacity: 1;
	letter-spacing: 0.01em;
	transition: color 0.2 ease;
}

*:focus::-webkit-input-placeholder {
	color: #010101 !important;
}

*:focus::-moz-placeholder  {
	color: #010101 !important;
}

*:focus:-ms-input-placeholder  {
	color: #010101 !important;
}

*:focus:-o-input-placeholder  {
	color: #010101 !important;
}

*:focus:-moz-placeholder  {
	color: #010101 !important;
}

::-webkit-selection {
	background-color: rgba(237, 237, 237, .99);
	color: #272727;
	opacity: 1;
}

::-moz-selection {
	background-color: rgba(237, 237, 237, .99);
	color: #272727;
	opacity: 1;
}

::-o-selection {
	background-color: rgba(237, 237, 237, .99);
	color: #272727;
	opacity: 1;
}

::selection {
	background-color: rgba(237, 237, 237, .99);
	color: #272727;
	opacity: 1;
}

.custom .content-column.full_width .fyi ::-webkit-selection,
.custom .content-column.full_width.youtube .youtube-text ::-webkit-selection,
.custom .content-column.full_width.mn ::-webkit-selection {
	background-color: rgba(182, 182, 182, .99);
}

.custom .content-column.full_width .fyi ::-moz-selection,
.custom .content-column.full_width.youtube .youtube-text ::-moz-selection,
.custom .content-column.full_width.mn ::-moz-selection {
	background-color: rgba(182, 182, 182, .99);
}

.custom .content-column.full_width .fyi ::-o-selection,
.custom .content-column.full_width.youtube .youtube-text ::-o-selection,
.custom .content-column.full_width.mn ::-o-selection {
	background-color: rgba(182, 182, 182, .99);
}

.custom .content-column.full_width .fyi ::selection,
.custom .content-column.full_width.youtube ::selection,
.custom .content-column.full_width.mn ::selection {
	background-color: rgba(182, 182, 182, .99);
}

/* CSS Hacks */

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.wpcf7 p.honigschmeichler {
	height: 0;
	overflow: hidden;
	margin: 0 !important;
	padding: 0;
}

.wpcf7 input {
	background-color: transparent;
}

form * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

form p.unform {
	padding-bottom: 20px;
}

.custom .formularhinweis {
	padding-bottom: 0;
}

.custom .formularhinweis p {
	padding-bottom: 20px;
}

button,
input,
textarea {
	vertical-align: baseline;
	line-height: 1.1;
}

input,
textarea {
	border: 0 none;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="file"],
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-family: 'Roboto', 'Arial', sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #5CC4EC !important;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #3D3D3D !important;
	height: 40px;
	padding: 0 10px 0 40px;
	position: relative;
	z-index: 1;
	width: 100%;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.00);
	line-height: 38px !important;
	display: block;
}

.wpcf7-form-control-wrap.focus input[type="text"],
.wpcf7-form-control-wrap.focus input[type="email"],
.wpcf7-form-control-wrap.focus input[type="tel"],
.wpcf7-form-control-wrap.focus input[type="search"],
.wpcf7-form-control-wrap.focus input[type="password"],
.wpcf7-form-control-wrap.focus input[type="file"],
.wpcf7-form-control-wrap.focus select,
.wpcf7-form-control-wrap.focus textarea {
	border-color: #5CC4EC !important;
}

select {
	line-height: 1 !important;
	padding:  5px 10px 5px 35px;
}

select option {
	height: 30px;
	padding: 10px 0 10px 10px;
}

select option {
}

select option:hover,
select option:checked,
select option[selected="selected"] {
	color: #FFFFFF;
}

select option:hover {
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="file"]:hover,
select:hover,
textarea:hover {
	outline: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus {
	outline: 0;
	background-color: #3D3D3D;
}

.container.content button,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 100%;
	height: 54px;
	line-height: 54px;
	padding: 0;
	cursor: pointer;
	outline: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #5CC4EC !important;
	border-radius: 6px;
	background-color: transparent;
	color: #5CC4EC !important;
	text-align: center !important;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	z-index: 1;
}

.container.content button:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	color: #FFFFFF !important;
	outline: 0;
	border-color: transparent !important;
	background-color: #5CC4EC;
}

.container.content button:active,
a.button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #FFFFFF !important;
	outline: 0;
	border-color: transparent !important;
	background-color: #5CC4EC;
}

.container.content button:focus,
a.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	color: #FFFFFF !important;
	outline: 0;
	border-color: transparent !important;
	background-color: #5CC4EC;
}

.container.content button,
.container.content a.button {
	padding: 0 53px;
}

.container.content button span {
	color: #FFFFFF;
	line-height: 52px;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.container.content button::before,
.container.content button::after,
.container.content a.button.more::before,
.container.content a.button.more::after {
	content: '';
	font-family: 'Ionicons';
	font-size: 40px;
	color: #5CC4EC;
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	z-index: 0;
	top: 0;
	right: 0;
	transition: color 0.2s ease, top 0.4s ease, right 0.4s ease;
}

.container.content button.send.right::before,
.container.content a.button.more.right::before,
.container.content button.send.right::after,
.container.content a.button.more.right::after {
	content: '\f119';
}

.container.content a.button.more.down::before,
.container.content a.button.more.down::after {
	content: '\f118';
}

.container.content button.send.right::after,
.container.content a.button.more.right::after {
	color: transparent;
	right: 52px;
}

.container.content a.button.more.down::after {
	color: transparent;
	top: -52px;
}

.container.content button:hover::before,
.container.content a.button.more:hover::before {
	color: #FFFFFF;
}

.container.content button:active::before,
.container.content a.button.more:active::before {
	color: #FFFFFF;
}

.container.content button:focus::before,
.container.content a.button.more:focus::before {
	color: #FFFFFF;
}

textarea {
	min-height: 120px;
	padding-top: 5px;
	line-height: 1.6 !important;
	resize: none;
	overflow: auto;
	vertical-align: top;
}

.wpcf7 .submit-button {
	padding-bottom: 0;
	position: relative;
	margin-bottom: 40px !important;
}

div.wpcf7 .submit-button .ajax-loader {
	width: 52px;
	height: 52px;
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	border-radius: 50%;
	background-image: url('../images/ajax-loader.svg');
	background-repeat: no-repeat;
	background-position: center center;
}

.wpcf7 div.full,
p.form-submit {
	display: block;
	padding-bottom: 20px;
	position: relative;
}

.wpcf7 div input,
.wpcf7 div select,
.wpcf7 div textarea {
	margin: 0 !important;
	position: relative;
	z-index: 0;
}

.wpcf7 .required {
	width: 42px;
	height: 2px;
	background-color: #FF1818;
	display: block;
	font-size: 0;
	right: 0;
	line-height: 0;
	position: absolute;
	z-index: 2;
	text-indent: -9999px;
	bottom: 20px;
	border-left: 2px solid #FFFFFF;
}

.search span.text,
span.wpcf7-form-control-wrap {
	position: relative;
	display: block;
	min-height: 40px;
	background-color: transparent;
}

span.wpcf7-form-control-wrap.focus {
	z-index: 3;
}

span.wpcf7-form-control-wrap::before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	width: 40px;
	line-height: 40px;
	text-align: center;
	color: #CBCBCB;
	transition: color 0.2s ease;
}

span.wpcf7-form-control-wrap::before {
	font-size: 17px;
	left: 0;
}

.search span.text::before {
	content: '\f002';
}

.wpcf7 .your-search::before {
	content: '\f4a5';
	font-family: 'Ionicons';
	font-size: 24px;
	color: #3D3D3D;
}

.wpcf7 .your-name::before {
	content: '\f007';
}

.wpcf7 .your-date::before {
	content: '\f073';
}

.wpcf7 .your-email::before {
	content: '\f0e0';
	font-size: 14px;
}

.wpcf7 .your-password::before {
	content: '\f023';
}

.wpcf7 .your-birthday::before,
.wpcf7 .your-subject::before {
	content: '\f005';
}

.wpcf7 .your-amount::before {
	content: '\f0c0';
}

.wpcf7 .your-tel::before {
	content: '\f095';
}

.wpcf7 .your-street::before,
.wpcf7 .your-city::before {
	content: '\f015';
	font-size: 17px;
}

.wpcf7 .your-job-single::before {
	content: '\f19d';
	font-size: 17px;
}

.wpcf7 .your-message::before {
	content: '\f075';
	line-height: 1;
	top: 8px;
}

.wpcf7 .your-files::before {
	content: '\e6af';
	font-family: 'shopware';
	font-size: 18px;
	color: #3D3D3D;
	left: 2px;
}

.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.error {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	text-indent: -10000px;
	background-color: rgba(189, 9, 38, 0.1);
	cursor: pointer;
}

.wpcf7 span.wpcf7-not-valid-tip::before,
.wpcf7 span.error::before {
	content: '\f406';
	font-family: 'Ionicons';
	color: #FF1818;
	display: block;
	font-size: 27px;
	position: absolute;
	z-index: 1;
	right: 15px;
	top: 50%;
	text-indent: 0;
	line-height: 1;
	text-align: center;
	transform: translateY(-50%);
}

.wpcf7 div.wpcf7-display-none,
.wpcf7 div.wpcf7-response-output.wpcf7-display-none {
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	height: 0 !important;
	opacity: 0;
	border: 0 none;
	visibility: hidden;
}

.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	display: block !important;
	height: auto !important;
	padding: 10px 30px !important;
	margin: 0;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	text-align: center;
	border: 0 none;
	color: #FF1818;
	background-color: #FFD1D1;
	opacity: 1;
	visibility: visible;
	position: relative;
	z-index: 1;
}

.wpcf7 div.wpcf7-validation-errors:before {
	content: '\f06a';
	font-family: 'FontAwesome';
	color: #FF1818;
	text-indent: 0;
	font-size: 17px;
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 1;
	transform: translateY(-50%);
}

.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	display: block !important;
	height: auto !important;
	padding: 10px 30px !important;
	margin: 0;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	text-align: center;
	border: 0 none;
	color: #149614;
	background-color: #D0EAD0;
	opacity: 1;
	visibility: visible;
	position: relative;
	z-index: 1;
}

.wpcf7 div.wpcf7-mail-sent-ok:before {
	content: '\f058';
	font-family: 'FontAwesome';
	color: #149714;
	text-indent: 0;
	font-size: 17px;
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 1;
	transform: translateY(-50%);
}