/*
Theme Name: CARFRESH
Theme URI: ''
Author: AGENTUR SEELAND team
Author URI: https://agentur-seeland.de/
Description: CARFRESH is a specific Theme for F.M.R. GmbH.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: as

*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size:100%;
}

@media(min-width:1300px){
	html {
		font-size:112.5%;
	}
}
@media(min-width:1900px){
	html {
		font-size:125%;
	}
}
* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:none;
	outline:none;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong, .bold {
	font-weight: 700;
}

small, .small {
	font-size: 75%;
}
.smaller {
	font-size: 87.5%;
}
.normal {
	font-weight:normal;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

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

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

input[type="checkbox"], 
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.25em;
	padding: 0;
	font-size: 1.5em;
	width: 1em;
	height: 1em;
	vertical-align: -0.1875em;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

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

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * 2.0 - Genericons
 */

.menu-item-has-children a:after,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	display: inline-block;
	font-family: "Genericons";
	font-size: 1rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 - Typography
 */
body,
button,
input,
select,
textarea {
	font-family:'azo', arial, sans-serif;
	font-size: 1rem;
	font-weight:500;
	line-height:1.5;
	color:rgb(0,0,0);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	line-height:1.25;
	text-rendering: optimizeLegibility;
	/*hyphens: auto;*/
}
.site-main h1, .site-main .h1,
.site-footer .h1 {
	font-size: 2.5em;
	font-weight: 900;
	line-height: 1.1;
	color: rgb(209,26,35);
	text-transform: uppercase;
	margin-left: -0.0625em;
	margin-bottom: 1.375em;
	letter-spacing: 0.5px;
}
.h1.big, h1.big {
	font-size:300%;
	font-weight:900;
	margin-top: -0.125em;
}
.h1.mega {
	font-weight: 900;
	font-size: 475%;
	hyphens: none !important;
	word-wrap: normal;
	margin-bottom: 1rem;
	margin-top:0 !important;
	position:relative;
}
@media(min-width:800px) and (max-width:1900px){
	.h1.mega {
		font-size: calc(175% + 3vw);
	}
}
.site-main h1.noupper, .site-main .h1.noupper {
	text-transform: none;
}
h2, .h2 {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.25;
}
* + h2, * + .h2 {
	margin-top:1.5em !important; 
}
.hide + h2, .hide + .h2 {
	margin-top:0 !important; 
}
h2 + *, .h2 + * {
	margin-top:1em !important; 
}
h3, .h3 {
	font-size:1.425em;
	font-weight:900;
}
h3 + *, .h3 + * {
	margin-top:1em !important;
}
* + h3, * + .h3 {
	margin-top:1.5em; 
}
@media(max-width:767px){
	h1, .h1 {
		font-size:2em;
	}
	h2, .h2 {
		font-size:1.5em;
	}
	h3, .h3 {
		font-size:1.125em;
	}
}
p {
	margin:0;
}
h1 + p, h2 + p, p + *, ul + *, ol + * {
	margin-top: 1em !important;
}
.nowrap {
	white-space:nowrap;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border: 0 solid #3d3d3d;
	border-left-width: 0.25em;
	color: #686868;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.5;
	margin: 1.75em 0 1.75em;
	padding: 0 0 0 1.25em;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote p + * {
    margin-top: 1.25em !important;
}

blockquote cite,
blockquote small {
	color: #3d3d3d;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 300;
}

blockquote > :last-child {
	margin-bottom: 0;
}

address {
	font-style: normal;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Courier, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big, .big {
	font-size: 125%;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.fleft {
	float:left;
}
.fright, .col.fright {
	float:right;
}
.fnone {
	float:none;
}
.dtable {
	display:table;
}
.dcell,
.dtable > * {
	display:table-cell;
	vertical-align: top;
}
.dtable > * {
	display:table-cell;
}
.drow,
.dtable > .drow {
	display:table-row;
}
.dnone, .hide {
	display:none;
}
.white {
	color:#ffffff;
}
.upper {
	text-transform:uppercase;
	letter-spacing: 0.5px;
}
/**
 * 4.0 - Elements
 */

html {
	
}


body {
	background-color:rgb(255,255,255);
	overflow-x:hidden;
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 2em auto;
}

ul,
ol {
	margin: 0 0 0 1.25em;
	padding: 0;
}

ul {
	list-style: square;
	list-style-type: square;
}
ul ul {
	list-style:none;
}
ul ul li:before {
	content:"–";
	margin-left:-1em;
	width:1em;
	display:inline-block
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 600;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 600;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: rgb(30,30,30);
	font-family: 'azo', Arial, sans-serif;
	font-weight:500;
	font-size: 0.875em;
}

:-moz-placeholder {
	color: rgb(30,30,30);
	font-family: 'azo', Arial, sans-serif;
	font-weight:500;
	font-size: 0.875em;
}

::-moz-placeholder {
	color: rgb(30,30,30);
	font-family: 'azo', Arial, sans-serif;
	font-weight:500;
	opacity: 1;
	font-size: 0.875em;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgb(30,30,30);
	font-family: 'azo', Arial, sans-serif;
	font-weight:500;
	font-size: 0.875em;
}


/**
 * 5.0 - Forms
 */

input, select, textarea, button {
	line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background: #3d3d3d;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-family: 'azo', Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 0.875em 0.78125em;
	text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #007acc;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	background-image: none; /* */
	/* background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); */
	/* background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); */
	/* background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); */
	border: 1px solid transparent;
	border-radius: 0;
	color: rgb(0,0,0);
	padding: 0.25em 0em 1em 0em;
	width: 100%;
	font-weight: 400;
	/* box-shadow: 0 0 0.25em rgba(0,0,0,0.25); */
	border-bottom-color: rgb(179,188,197);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: rgb(209,26,35);
	color: rgb(0,0,0);
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.625em;
	padding-bottom:0.625em;
	outline: 0;
}
.wpcf7-checkbox {
	padding-left: 1.125em;
	display: inline-block;
}
.wpcf7-checkbox input[type="checkbox"] {
	margin-left: -1.5em;
	margin-right: 0.375em;
	/*box-shadow: 0 0 0.25em rgba(0,0,0,0.25);*/
}
span.wpcf7-not-valid-tip {
	margin-left: 1.5em;
}
.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	color: #686868;
	display: block;
	font-family: 'azo', Arial, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

.search-form {
	position: relative;
}

input[type="search"].search-field {
	border-radius: 2px 0 0 2px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
}

.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
}

.search-submit {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}

/**
 * 6.0 - Navigation
 */

/**
 * 6.1 - Links
 */

a {
	color: inherit;
	text-decoration: none;
	transition: all 250ms ease-in 50ms;
}

a:hover,
a:focus,
a:active {
	opacity: 0.75;
	transition: all 50ms ease 0ms;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

.link_big {
	display:block;
	margin-top:1rem;
	margin-bottom:-1rem;
	min-height:16px;
	padding-left:40px;
	position:relative;
}
.link_big::before {
	content: "";
	vertical-align: center;
	position: absolute;
	top: -4px;
	left: 0;
	background: url("/wp-content/themes/fmr/images/icon_link_big.svg") center / 100%;
	width: 2.5em;
	height: 2.25em;
}
.link_big:hover::before {
	opacity:1;
}
.link_big span {
	text-indent:0px;
	display:block;
	line-height:0.1;
	font-size:0.1
}
.link_big.solo {
	padding-left:32px;
}
.link_big.solo span {
	text-indent:-9999px;
}
@media(min-width:768px) {
	.link_big.solo.fright {
		top: -1rem;
	}
}

/**
 * 6.2 - Menus
 */


.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: inherit;
	content: "";
	height: 3rem;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 3rem;
}

.dropdown-toggle:after {
	border: 0 solid #d1d1d1;
	content: "\f431";
	font-size: 2.25rem;
	top: -0.125rem;
	position: relative;
	width: 3rem;
	display: table-cell;
	height:100%;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: #007acc;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f432";
}




.post-navigation {
	border-top: 4px solid #3d3d3d;
	border-bottom: 4px solid #3d3d3d;
	clear: both;
	font-family: 'azo', Arial, sans-serif;
	margin: 0 7.6923% 3.5em;
}

.post-navigation a {
	color: #3d3d3d;
	display: block;
	padding: 1.75em 0;
}

.post-navigation span {
	display: block;
}

.post-navigation .meta-nav {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.post-navigation .post-title {
	display: inline;
	font-family: 'azo', Arial, sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 600;
	line-height: 1.2173913043;
	text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #007acc;
}

.post-navigation div + div {
	border-top: 4px solid #777;
}

.pagination {
	border-top: 4px solid #777;
	font-family: 'azo', Arial, sans-serif;
	font-size: 19px;
	font-size: 1.1875rem;
	margin: 3rem 0 0rem;
	min-height: 56px;
	position: relative;
	float:left;
	clear:both;
	width:100%;
}

.pagination:before,
.pagination:after {
	background-color: #777;
	content: "";
	height: 52px;
	position: absolute;
	top:0;
	width: 52px;
	z-index: 0;
}

.pagination:before {
	right: 0;
}

.pagination:after {
	right: 54px;
}

.pagination a:hover,
.pagination a:focus {
	color: #777;
}

.pagination .nav-links {
	padding-right: 106px;
	position: relative;
}

.pagination .nav-links:before,
.pagination .nav-links:after {
	color: #fff;
	font-size: 32px;
	line-height: 51px;
	opacity: 0.3;
	position: absolute;
	width: 52px;
	z-index: 1;
}

.pagination .nav-links:before {
	content: "\f429";
	right: -1px;
}

.pagination .nav-links:after {
	content: "\f430";
	right: 55px;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

.pagination .page-numbers {
	letter-spacing: 0.013157895em;
	line-height: 1;
	margin: 0 0.7368421053em 0 -0.7368421053em;
	padding: 0.8157894737em 0.7368421053em 0.3947368421em;
	text-transform: uppercase;
}

.pagination .current {
	display: inline-block;
	font-weight: 600;
}

.pagination .prev,
.pagination .next {
	background-color: #777;
	color: #fff;
	display: inline-block;
	height: 52px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 52px;
	z-index: 2;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 53px;
	line-height: 52px;
	position: relative;
	width: 53px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #007acc;
	color: #fff;
}

.pagination .prev:focus,
.pagination .next:focus {
	outline: 0;
}

.pagination .prev {
	right: 54px;
}

.pagination .prev:before {
	content: "\f430";
	left: -1px;
	top: -1px;
}

.pagination .next {
	right: 0;
}

.pagination .next:before {
	content: "\f429";
	right: -1px;
	top: -1px;
}

.image-navigation,
.comment-navigation {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #686868;
	font-family: 'azo', Arial, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin: 0 7.6923% 2.1538461538em;
	padding: 1.0769230769em 0;
}

.comment-navigation {
	margin-right: 0;
	margin-left: 0;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}


/**
 * 7.0 - Accessibility
 */
.screen-reader-text {
	display:none;
}

/* Text meant only for screen readers */
x

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-main > article:before,
.site-main > article:after,
.main-menu:before,
.main-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-main > article:after,
.main-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}


/**
 * 10.0 - Widgets
 */



/*****************************************
*******  LAYOUT **********
*****************************************/
/**
 * 11.0 - Content
 */


.site {
	/*max-width:1600px;*/
	margin:auto;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.site-main {
	word-wrap: break-word;
}

.site-main .page {
	/*min-height:30rem;*/
}
.site-main .page .content {
	max-width: 75em;/*1500px*/ /*64em;1280px*/
}
.content, .site-main .page .wide-content .content, .wide-content {
    margin: auto;
    max-width: 84em;/*1680px*/
    position: relative;
}
.small-content .content {
    max-width: 840px !important;
}
.section.full > .content,
.section.full-content > .content{
	max-width:none;
}

.col {
	float:left;
	width:100%;
}
.span1-1 {
	width:100%;
}
.span1-2 {
	width:50%;
}
.span1-3 {
	width:33.333%;
}
.span2-3 {
	width:66.666%;
}
.span1-4 {
	width:25%;
}
.span3-4 {
	width:75%;
}
.clearer {
    clear: both;
    height: 0 !important;
    margin: 0 !important;
}

.single article {
	margin-bottom:2rem !important;
}

.single .stage {
	max-height:30rem;
}

.multicol {
	margin: 0 -0.5rem;
}
.innercol {
    margin: -1rem;
}
.innercol::after {
    content:"";
	clear:both;
	display:table;
}
.multicol > .col > .box {
    margin: 0.5em;
    padding: 2rem;
}
.multicol > .col.shadow > .box,
.innercol > .col.shadow > .box {
    box-shadow: 0 0 10px #000;
}
.innercol > .col > .box {
    margin: 0.5em;
    padding: 0.5em;
}
.col.empty > .box,
.col.blanc  > .box,
.parallax .box {
	background-color:transparent;
	box-shadow:none;
	padding:0 !important;
}
.nopadding, .nopadding .box{
	padding:0 !important;
}
.nopadding .multicol > .col > .box,
.nopadding .multicol > .col > .box .wpb_content_element {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.nopadding-top, .nopadding-top .box {
	padding-top:0 !important;
}
.nopadding-bottom, .nopadding-bottom .box {
	padding-bottom:0 !important;
}
.nopadding-left, .nopadding-left .box {
	padding-left:0 !important;
}
.nopadding-right, .nopadding-right .box {
	padding-right:0 !important;
}

.vc_grid.vc_row .vc_grid-item {
    float: left !important;
    min-height: 0;
}



section, .section {
	clear:both;
	max-width: none;
	padding-bottom:2rem;
	padding-top:2rem;
	position:relative;
}

/** Tile **/
.tile .innercol .col .box .clearer {
    margin:0;
    padding-top:100%;
    max-height:30em;
    position:absolute;
}
.tile .multicol {
    margin:0;
}
.tile .multicol > .col > .box {
    display: table;
    margin: auto;
    padding: 0;
    width: 100%;
}
.tile .innercol {
    display: table-row;
    float: none;
    margin: 0;
    width: 100%;
}
.tile .innercol > .col {
    display: table-cell;
    float: none;/**/
	vertical-align: top;
    background-position:center;
    background-size:cover;
	height: 420px;
	position: relative;
	background-repeat: no-repeat;
}

.tile .innercol .col .box {
   float: none;
    margin: 1em auto 2em;
    padding: 4rem !important;
    max-width: 40em;
}
.tile-flex .innercol .col .box {
   float: none;
    margin: inherit;
    padding: 8rem 2rem 4rem 2rem !important;
    max-width: 35rem;
}
@media(max-width:767px){
	.tile .innercol > .col {
        display: inline-block;
		min-height:0;
		height:auto;
    }
	.tile .innercol .col .box {
		padding: 3rem 2rem 3rem !important;
		max-width:none;
		min-height:250px;
	}
}
.tile .innercol > .col {
    background-color:rgb(255,255,255);
}
.tile .innercol:nth-child(1) > .col:nth-child(1) {
    background-color:rgb(255,255,255);
}
.tile .innercol:nth-child(1) >  .col:nth-child(2) {
    background-color:rgb(255,255,255);
}

.tile .innercol:nth-child(2) > .col:nth-child(1) {
    background-color:rgb(255,255,255);
}
.tile .innercol:nth-child(2) >  .col:nth-child(2) {
    background-color:rgb(255,255,255);
}
@media(max-width:767px){
	.tile h2 {
		font-size:1.75em !important;
	}
	.tile .link_big.fright {
		float:none
	}

	
}

.lead {
    font-size:1.125em;
    /*font-weight:300;
	line-height:2;*/
}

.lead-head {
    font-size: 3em; margin: 0 0 1rem 0;
    hyphens:none;
}
@media(max-width:767px){
    .lead-head {
        /*font-size:2em;*/
    }
	.lead {
		/*font-size:1.125em;
		font-weight:300;*/
	}
}

ul.checked,
ul.featured {
    margin-left: 1.5em;
	list-style:none;
}
ul.featured li:before, 
ul.checked li:before {
    content: "\e816" !important;
	margin-right: 0em !important;
	margin-left: -1.5em !important;
	font-family: "web-icon";
	color: rgb(255,215,0);
	background: none;
	font-weight: normal !important;
	float:left;
}
ul.featured li::before {
	content: "\e819" !important;
}
ul.featured li, ul.checked li {
	margin-left: 0.125em !important;
	margin-top:0.25em;
	margin-bottom:0.25em;
	font-size: inherit;
}
ul.featured + *, ul.checked + * {
    margin-top: 2em !important;
}

/** TEASER **/
.teaser .box {
	padding: 80% 0 0 0 !important;
	position: relative;
	background: grey;
	box-shadow: 0 0 0.125em rgba(0,0,0,0.5);
	border-radius: 0.25em;
	overflow: hidden;
}
.teaser .box > * {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	overflow: hidden;
}
.teaser h2, .teaser .head {
	top: 0;
	height: auto !important;
	z-index: 3;
	font-size: 1.5rem;
	background-color: rgba(255,255,255,0.80);
	padding: 0.375em 0.25em 0.375em;
	color: rgb(0,0,0);
	font-weight: 400;
}
.teaser img {
	min-height: 100%;
	width: auto;
	/* max-width: none; */
	margin: 0 auto;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}
.teaser a {
	top: auto;
	bottom: -1px;
	background-color: rgba(0,0,0,0.3) !important;
	color: rgb(255,255,255);
	padding: 0.5em 0.5em 0.5em !important;
	position: absolute;
	left: -1px;
	right: -1px;
	/* transform: translateX(-50%); */
	font-size: 1rem !important;
	box-shadow: 0 0 1em 0.25em rgba(255,255,255,0.6);
	border-radius: 0 !important;
}

/* Button */
div.button, a.button {
	margin-top: 4em !important;
	margin-bottom: 0em;
}
div.button.block a, a.button.block {
	display:block;
}
div.button a, a.button, div.button input {
	background-color: rgb(0,0,0);
	border: 0.125em solid transparent;
	color: rgb(255,255,255);
	font-weight: bold;
	margin: 1px;
	padding: 0.625em 1.75em 0.625em;
	text-decoration: none;
	border-radius: 0.5em;
	display: inline-block;
	font-size: 1.125em;
	text-transform: none;
	line-height: inherit;
	min-width: 12em;
}
.button.inline {
	display: inline-block;
	margin-top: 1.5em !important;
}
.button.inline:last-child {
	margin-bottom: -2em;
}
.button.inline a {
	background-color: transparent;
	border-width: 0.0625em;
	border-color: inherit;
	padding: 0.5em 1em;
	min-width: 0;
	color:inherit;
	line-height: 1.25;
}
.bg_red .button.inline a,
.bg_black .button.inline a,
.white .bg_red .button.inline a {
	border-color: rgb(255,255,255);
}
/*** more-link **/
a.more-link, a.more_link {
	display: block;
	width: auto;
	margin-top: 0.5em;
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight: 900;
}
.more_link::before {
	content: "»";
	font-size: 150%;
	line-height: 0.5;
	padding-right: 0.25em;
}


/** submenue **/
ul.submenu {
	-moz-column-count: 3;
	-moz-column-gap: 0.25em;
	-webkit-column-count: 3;
	-webkit-column-gap: 0.25em;
	column-count: 2;
	column-gap: 0.25em;
	list-style:none;
	margin: -1.5rem -2.375rem -2rem;
}
ul.submenu li {
	line-height: 1.1em;
	display: block;
	background-color:rgba(9, 91, 166, 0.05);
	text-align:center;
	font-weight:300;
  	letter-spacing:0.03125em;
}
ul.submenu li.active {
	background-color:rgb(9, 91, 166);
	background-color:rgba(9, 91, 166, 0.125);
	font-weight:600;
  	letter-spacing:0
}
ul.submenu li a {
  padding:0.75em;
  display:block;
  border-bottom:solid 2px #fff;
  text-transform:uppercase;
  letter-spacing:inheri;

}

ul.submenu li.active a {
	color:rgb(9, 91, 166);
}
@media (min-width:740px) {
	ul.submenu li:nth-child(3n+1) a {
	  border-top:solid 2px #fff;
	}
}
@media (max-width:499px) {
	ul.submenu {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		margin: -1.5rem -1.375rem -2rem;
	}
	ul.submenu li:nth-child(1n+1) a {
	  border-top:solid 2px #fff;
	}
}
@media (min-width:500px) and (max-width:739px) {
	ul.submenu {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		margin: -1.5rem -1rem -2rem;
	}
	ul.submenu li:nth-child(4n+1) a {
	  border-top:solid 2px #fff;
	}
}

/**  SUSUBMENU **/
.subSubmenuWrapper {
    padding:0 2.5em 2em;
}
.subSubmenuWrapper h3 {
    border-bottom: 1px solid;
    font-size: 1em;
    font-weight: 600;
    margin: 0 0 1em;
    padding: 0.5em 0;
}
.subSubmenu {
    list-style: outside none none;
    margin: 0;
}
.subSubmenu li {
	
}
.subSubmenu li a {
    color: #095ba6;
    display: block;
    font-size: 1.25em;
    font-weight: 600;
    padding: 0.25em 0;
}
.subSubmenu li a:after {
    border: 1px solid #095ba6;
    border-radius: 3px;
    color: #095ba6;
    content: "+";
    float: right;
    height: 1em;
    line-height: 1;
    text-align: center;
    width: 1em;
}
.subSubmenu li a.show,
.subSubmenu li a:hover {
    opacity:0.5;
}
.subSubmenu li a.show:after {
    content: "–";
}

/**  GALLERY SUBCONTENT **/
.toggleCont .gallery {
  float:right;
  width:12.875rem;
  margin:0 0 0 1em;
  
}
@media (max-width:459px) {
	.toggleCont .gallery {
	  float:left;
	  width:100%;
	  margin:0 auto 1rem;
	  
	}
}
.toggleCont .gallery .bx-controls {
    display:none;
}

/** PARALLAX **/
.parallax {
    /*height: 700px;*/
    margin: 0 auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
	overflow:hidden;
	background-size:cover;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	padding-top: 33.334%;/*46.25%*/
	max-height:700px;
	min-height:25rem;
}
.parallax .box {
	background-color: rgba(255, 255, 255, 0.5);
	min-height: 3rem;
	margin: 0 auto !important;
	max-width: 1000px;
}
@media (max-width:999px) {
	.parallax {
		/*background-size:120%;*/
		background-attachment:scroll;
		background-position:50% 40% !important;
	}	
}
.parallax > .content {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0px;
	max-width: none;
	margin: 0 auto !important;
	left: 50%;
	transform: translateX(-50%);
}
.content.wpb_button, .content .wpb_content_element, .content ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px;
}


/**
 * 11.1 - Header
 */

.site-header {
    position: relative;
    z-index: 1000;
	background-color: rgb(0,0,0);
}
.minnav .site-header .site-header-menue-wrapper {
	position: fixed;
	box-shadow: 0 0 0.25em rgba(60,72,82,0.6);
	background-color: rgba(0,0,0,0.85);
}
.site-header-main {
	display: block;
	position:relative;
	height:100%;
}
.site-header-main .content {
	max-width: 64rem; /*1280px*/
    transition: all 300ms ease 0ms;
    z-index: 1000;
}
@media(max-width: 1300px) {
	.site-header-main .content {
		max-width:1100px;
	}
}
.minnav .site-header-menue-wrapper .content {
	padding-left: 0;
}

@media(min-width:768px){
	.minnav .site-header-menue-wrapper .content {
		/*max-width: 40em;*/
	}
}
/** LOGO **/
/** LOGO **/
.logo {
	background: transparent url("images/LOGO_CARFRESH.svg") no-repeat scroll center center / 100% auto;
	/* box-shadow: 0 4px 5px 0 rgba(102, 102, 102, 0.8); */
	height: 7em;
	top: 0em;
	position: relative;
	left: calc(50% - 10em);
	width: 20em;
	z-index: 1000;
	transition: all 300ms ease-in 50ms, width 275ms ease 0ms, opacity 300ms ease 50ms;
	right: auto;
}
@media(min-width:768px){
	.site-header-main > .content {
		padding-top: 1.5em;
	}
}
.minnav .logo {
	opacity: 0;
	/* left: -300px; */
	transition: all 300ms ease 50ms;
	width: 150px;
}
.logo-title,
.logo a {
	width:100%;
	height:100%;
	display:block;
}
.logo a span {
	text-indent:-9999px;
	position:absolute;
}


/** HEADER-MENU **/
.site-header-menue-wrapper {
	position: static;
	right: 0;
	width: 100%;
	z-index: 1000;
	/*background: rgba(255,255,255,0.85);
	box-shadow: 0 0 0.25em rgba(60,72,82,0.6);*/
	top:0;
}
.site-header-menue-wrapper > .content {
	/*padding-left: 14em;
	max-width: 1200px;*/
}
.site-header-menu {
    color: rgb(0,0,0);
    transition: all 300ms ease-in 0s;
	font-weight:900;
}
.minnav .site-header-menu {
	margin-left: 0;
	/*background-color: rgba(255,255,255,0.85);
	box-shadow:0 0 0.25em rgba(60,72,82,0.6);*/
	font-size:0.75em;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
	right:0;
}
.main-menu {
    color: rgb(255,255,255);
    display: table;
    letter-spacing: 0px;
    text-transform: uppercase;
    width: 100%;
}
.minnav .main-menu {
	max-width:2000px;
}
.main-navigation {
	font-family: 'azo', Arial, sans-serif;
	/*font-size:1rem;*/
}

.main-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation li {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.main-navigation a {
	/*background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.85);*/
    color: inherit;
    display: block;
    font-size: 1.0625em;
    line-height: 1.25;
    margin: 0 0.125em;
    outline-offset: -1px;
    padding: 1.5em calc(0.25em + 0.5vw) 1.5em;
	/*box-shadow:0 0 0.25em rgba(102, 102, 102, 0.8);*/
}

@media(min-width:768px){
	.main-menu > li:first-child {
		/*display:none;*/
	}
	.minnav .main-menu > li:first-child {
		display: block;
	}
}

.main-navigation ul.main-menu {
	
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: rgb(209,26,35);
	opacity: 1;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a {
	font-weight: 900;
	color: rgb(209,26,35);
}
.main-navigation .current-menu-item > a::after, 
.main-navigation .current-page-ancestor > a::after {
	content: "";
	width: 1.5em;
	background-color: rgb(209,26,35);
	display: block;
	margin: 0rem auto -0.25rem;
	height: 0.25rem;
	border-radius: 0.125rem;
}
.minnav .main-navigation .current-menu-item > a::after, 
.minnav .main-navigation .current-page-ancestor > a::after,
.toggled-on .main-navigation .current-menu-item > a::after,
.toggled-on .main-navigation .current-page-ancestor > a::after {
	margin: 0.125rem auto -0.25rem;
}

.main-navigation ul .toggled-on {
	display: block;
    max-height: 90vh;
    overflow-y: auto;
}

.main-navigation .main-menu {
	
}

.main-navigation .menu-item-has-children > a {
	
}

/** submenu **/

.main-navigation ul ul {
    display: none;
    position: absolute;
	text-transform:none;
	letter-spacing:0;
	text-align:left;
	margin: 0 0.125em;
}

.no-js .main-navigation ul ul {
	display: block;
}
.main-navigation ul ul li {
    float: left;
    width: 100%;
}
.main-navigation ul ul li:before {
    content:none;
}
.main-navigation ul ul li a {
    box-shadow: none;
	border-bottom: 1px solid;
	border-top: 1px solid rgb(255, 255, 255);
	margin:0;
}
.main-navigation ul ul li:first-child a {
    border-top: 1px solid;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus,
.main-navigation ul ul li a:active {
    background-color: rgb(37, 37, 37);
    border-top-color: transparent;
    color: rgb(255, 255, 255);
}

@media (max-width:1024px) {
	.logo {
		/*width:200px;
		background-size:70% auto;
		height:12rem;
		left:2rem;*/
	}
}
/* menu toggle*/

.menu-toggle {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;
    border: medium none;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.25;
    margin: 0;
    padding: 0;
	display:none;
}
.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
	background-color: transparent;
	border-color: #007acc;
	color: #ffffff;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}

.site-header .social {
		display:none
	}
@media(min-width:768px){
	.site-header .social {
		position: absolute;
		bottom: 1.125em;
		right: 2em;
		display:block;
	}
	.minnav .site-header .social {
		display:none
	}
}
@media(max-width:1999px){
	.site-header .social {
		position: absolute;
		top: 1em;
		right: 2em;
		font-size: 0.75em;
		z-index:1000;
	}
}
@media(min-width:1024px) and (max-width:1999px){
	.site-header .social {
		font-size: 0.875em;
	}
}



/** STAGE **/
/** STAGE **/
.stage {
	background:rgb(0,0,0);
	position:relative;
	z-index:-1;
	height: 30rem;
	height: 100vh;
    max-height: 32.5rem;/*50rem*/
    min-height: 30rem;
}
@media(max-width:767px){
	.stage {
		max-height: 30rem;
		min-height: 0;
	}
}
@media(max-width:499px){
	.stage {
		max-height: 25rem;
		min-height: 0;
	}
}
.stage {
	margin-top:0rem;
}
.stage #stageslider {
	height:100%;
	margin:0;
	padding:0;
}
.stage #stageslider li {
	height:100%;
	width:100%;
}
.stage .bx-wrapper,
.stage .bx-wrapper .bx-viewport,
.stage .bx-wrapper .bx-viewport > ul,
.stage .bx-wrapper .bx-viewport > ul > li {
	height:100%;
}
.stage .bx-wrapper .bx-viewport {
   	/*overflow:visible !important;*/
}


.stage .slide {
	background-size:cover;
	background-position:center center;
	opacity:1;
	overflow:hidden;
}
.stage #stageslider .slide > div.img {
	background-size:cover;
	background-position:center center;
	opacity:1;
	overflow:hidden;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	display: table;
	width: 100%;
	height: 100%;
}
.stage #stageslider .slide div.desc {
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 4em;
}
.stage #stageslider .slide div.desc .box {
	text-align: left;
	padding: 0 2rem;
	z-index: 0;
}

.stage #stageslider .slide div.desc .headline,
.stage #stageslider .slide div.desc .h1 {
	color: rgb(255,255,255);
	margin-bottom:0;
	font-size: 2.375em;
	font-weight:900;
	text-align: right;
}
@media(min-height:769px) and (min-width:767px){
	.stage #stageslider .slide div.desc .headline, 
	.stage #stageslider .slide div.desc .h1 {
		line-height: calc(1em + 1.25vh);
	}
}
.stage #stageslider .slide div.desc .headline::before,
.stage #stageslider .slide div.desc .h1::before {
	color: rgb(255,255,255);
	border-color: rgb(255,255,255);
}
.stage #stageslider .slide div.desc p {
	margin: 0 0 0 0;
	color: rgb(255,255,255);
}
.stage #stageslider .slide div.desc .headline + p,
.stage #stageslider .slide div.desc .h1 + p {
	margin-bottom: -2em;
}

.stage #stageslider .slide div.desc .button a {
	font-size: calc(1em + 0.25vw);
	background: rgba(130,130,240,0.6);
}

@media(max-width:767px){
	.stage .desc .headline,
	.stage .desc .h1 {
		font-size: calc(1em + 3vw) !important;
	}
	.stage .bx-wrapper .bx-viewport {
		overflow: hidden !important;
	}
}
@media(max-width:979px){
	
}
/*SLIDER DRAG/MOVE*/
.slider.drag {
	cursor: grab;
}
.slider.dragmove {
	cursor: grabbing;
}
/*NO STAGE*/
.nostage .site-main {
	background-color: rgb(220,220,220);
}

.section:first-child {
	padding-top:4rem;
	padding-bottom:4rem;
}
.section:last-child {
	padding-bottom:6rem;
}
.section.stage {
	padding: 0 2.25rem;
}
.section.stage :not(.h1) {
	height: 100%;
}
.section.stage .col {
	display: table;
	width: 100%;
}
.section.stage .box {
	display: table-cell;
	vertical-align: bottom;
}

/**
 * 11.2 - Posts and pages
 */


/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */


/**
 * 11.3 - Post Formats
 */




/**
 * 11.4 - Comments
 */


/**
 * 11.5 - Sidebar
 */

.sidebar {
	
}


/**
 * 11.6 - Footer
 */

.site-footer {
	background-color: rgb(0,0,0);
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0;
	position: relative;
	color: rgb(255,255,255);
	line-height:1.375;
}

.site-footer .gmap {
	background: url(images/map_bg_cf_grey.png) center / auto;/**/
	height: 25rem;
	background-color: rgb(242,242,242);
	margin:0 !important;
	overflow: hidden;
	position: relative;
}
@media(min-width:1801px){
	.site-footer .gmap {
		background-size:cover;
	}
}
.site-footer .gmap iframe {
	border: 0;
	width: 100%;
	height: 25rem;
	margin-bottom: 0;
	position: absolute;
	left: 0;
	top: 0em;
	transition: opacity 500ms ease-in-out 1500ms;
	opacity: 0;
}
.gmap:hover iframe {
	opacity: 1 !important;
}
.site-footer .gmap::before, .site-footer .gmap::after {
	content: "";
	width: 10em;
	height: 5.5em;
	position: absolute;
	left: calc(50% - 2em);
	background: url(images/LOGO_CARFRESH_map.svg) no-repeat center top / cover;
	top: 50%;
	margin: -4em auto auto -2.255em;
	transition: opacity 450ms ease-in-out 1500ms;
	z-index: 2;
}
.site-footer .gmap::after {
	background: rgba(255,255,255,0);
	height: auto;
	width: auto;
	margin: 0;
	/* transform: translateX(-1em); */
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index:1;
}
.gmap:hover::before, .gmap:hover::after {
	opacity: 0 !important;
}
.gmap:hover::after {
	top:100%;
}



.site-footer a {
	text-decoration:none;
}
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
	color:inherit;
}
.site-footer p + p {
  margin-top:0.5em !important;
}
.site-footer .signet-wrapper {
	margin-bottom: -3.25em;
}
.site-footer img.signet {
	max-width: calc(6em + 8vw);
}
.site-footer-content-wrapper {
	text-align: center;
	position: static;
	clear: both;
	float: left;
	width: 100%;
}

.site-footer-content-box {
	clear: both;
	position: relative;
}

.site-footer-content {
	padding: 3em 2.25rem;
	clear:both;
	position:relative;
	float:left;
	width:100%;
}
.site-footer-content .col {
    
}
.site-footer .totop {
	margin-top: -0.625em;
	/* display: inline-block; */
	position: absolute;
	text-align: center;
	width: 3.5em;
	left: 2rem;
	/* top: 2em; */
}
.site-footer-bottom {
	padding: 1em 2.25rem 4rem;
	position: relative;
	clear: both;
	opacity: 1;
	margin: 0 auto;
	text-align: center;
	float: left;
	width: 100%;
	font-size: 0.875em;
}
.site-footer-bottom .site-info .site-title {
	margin: 0 calc(5vw);
	display: inline-block;
}
@media (max-width:1024px) {
	.site-footer-bottom {
		padding-left:1.5rem;
		padding-right:1.5rem
	}
}

.site-footer-content .address {
	font-style: normal;
}

.site-footer .mainmenu {
	display: inline-block;
	margin: -0.25em auto 0 !important;
	font-weight:900;
	line-height: 2em;
}

.site-footer .basic-menu {
	text-transform:uppercase;
	list-style: outside none none;
	margin: 0 -0.5em;
	padding: 0;
}

.site-footer .basic-menu li {
	display: inline-block;
}
.site-footer .basic-menu li a {
	padding: 0.5em;
}
.site-footer .basic-menu .current-menu-item {
	color:rgb(209,26,35)
}
.site-footer-bottom .basic-menu li {
	
}
.site-footer-bottom .basic-menu:not(.mainmenu) li:before {
	content:"|";
}
.site-footer-bottom .basic-menu:not(.mainmenu) li:nth-child(1):before {
	content:"";
}
.site-footer-bottom .basic-menu li a {
	
}

@media(min-width:768px) {
	.site-footer-bottom .col:first-child {
		text-align:left;
		font-size:0.875em;
		font-weight:normal;
	}
	.site-footer-bottom .col:last-child {
		text-align:right;
		font-size:0.875em;
		font-weight:normal;
	}
}
@media(min-width:767px) and (max-width:1200px) {
	.site-footer .basic-menu {
		font-size: 0.875em;
	}
}
@media(max-width:767px){
	.site-footer-top,
	.site-footer-content,
	.site-footer-bottom {
		float:left;
		width:100%;
	}
	.site-footer-content {
		padding-bottom:0;
		padding-left:2rem;
		padding-right:2rem;
	}
	.site-footer-content .fright {
		float:none;
	}
	.site-footer .totop {
		position: relative;
		clear: both;
		display: block;
		margin: 2em auto 0;
		right: auto;
		left: auto;
	}
	.site-footer-bottom {
		text-align:center;
	}
	.site-footer img.signet {
		max-width: 16em;
		margin-bottom: 2rem;
	}
	.site-footer .basic-menu {
		float:none;
		margin: 1em auto 1em !important;
	}
}

/*Social-links */
.site-footer .social-wrapper {
	width:100%;
	margin:1.5rem 0 1rem !important;
}

ul.social {
	list-style:none;
	margin: 0;
}
.social li:before {
	content:none !important;
}
.social li {
    margin: 0em 0.875rem 0 0 !important;
	display:inline-block;
}
.social li:last-child {
	margin-right: 0 !important;
}
.social a {
	display:block;
	width:2.25em;
	height:2.25em;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	opacity:1;
	text-indent: -1000em;
}
.social a:hover,
.social a:focus {
	opacity:0.75;
}
.social a.fb {
	background-image:url('images/icon_fb.svg');
}
.social a.fb.color {
	background-image:url('images/icon_fb_color.svg');
}
.social a.tw {
	background-image:url('images/icon_twitter.svg');
}
.social a.tw.color {
	background-image:url('images/icon_twitter_color.svg');
}
.social a.in {
	background-image:url('images/icon_insta.svg');
}
.social a.in.color {
	background-image:url('images/icon_insta_color.svg');
}
.social a.te {
	background-image:url('images/icon_te.svg');
}
.social a.te.color {
	background-image:url('images/icon_te_color.svg');
}
.social a.tt.color {
	background-image:url('images/icon_tt_color.svg');
}
.social a.yt {
	background-image:url('images/icon_yt.svg');
	width: 3.25em;
}
.social a.yt.color {
	background-image:url('images/icon_yt_color.svg');
	width: 3.25em;
}
.social a.wa {
	background-image:url('images/icon_wa.svg');
}
.social a.wa.color {
	background-image:url('images/icon_wa_color.svg');
}
.social a.contact {
	background-image:url('images/icon_contact.svg');
}
.social a.contact.color {
	background-image:url('images/icon_contact_color.svg');
}
.social a.telephone {
	background-image:url('images/icon_telephone_bullet.svg');
}
.social a.telephone.color {
	background-image:url('images/icon_telephone_bullet_color.svg');
}

/* ADDRESS */
.site-footer .company, .site-footer h3 {
	font-size: 1.5em;
	font-weight: 900;
	margin: 0 0 0 0;
	display: block;
	line-height: inherit;
	text-transform: uppercase;
	color: rgb(209,26,35);
}
.site-footer .company + br, .site-footer h3 + br {
	display:none;
}
.site-footer .company + br, .site-footer h3 + br {
	display:none;
}
.site-footer .address-wrapper {
	margin-top: 0 !important;
	text-align: left;
}
.site-footer .address .label {
	min-width: 4.25em;
	display: inline-block;
}

/* KONTAKT-FORM*/
#kontakt {
	padding-bottom:2rem;
	color:rgb(0,0,0);
}
#kontakt label {
	display: none;
}
#kontakt .content {
	max-width:68rem;/*51.2rem;1024*/
}
#kontakt .span1-2:first-child .box {
	max-width: 80%;
	float: right;
	position: relative;
}
@media(max-width:370px){
	#kontakt .span1-2:first-child .box {
		max-width: 100%;
	}
	#kontakt .h1.big::before {
		content:none !important;
	}
}
#kontakt .head {
	min-height:5em;
}
#kontakt .h1.big {
	position:relative;
}
#kontakt .h1.big::before {
	content: "";
	width: 2.5em;
	height: 2.5em;
	left: calc(-2.5em - 2vw);
	position: absolute;
	background: url(images/icon_contact.svg) center / auto 100% no-repeat;
	top: calc(50% - 1.25em);
	font-size: calc(1rem + 2.5vw);
}
#kontakt .head + p {
	margin-bottom: 2em;
}
#kontakt .address-wrapper {
	float: left;
	min-width: 60%;
}
#kontakt .address-wrapper .company {
	
}
#kontakt .address-wrapper .street, 
#kontakt .address-wrapper .telefon,
#kontakt .address-wrapper .mobil {
	padding-top: 0.5em !important;
	display: inline-block;
}
#kontakt .address-wrapper .mobil,
#kontakt .address-wrapper .email {
	font-weight:bold;
	white-space: nowrap;
}
#kontakt h3 + p, #kontakt .h3 + p {
	margin-top:0.5em !important;
}
#kontakt textarea {
	min-width: 100%;
	height: 13rem;/*10rem*/
}
#kontakt .form-footer {
	margin-top:1em;
}
#kontakt .agb .wpcf7-list-item-label,
#kontakt .datenschutz .wpcf7-list-item-label{
	line-height: 1.2;
	float: right;
	font-size: 0.7em;
	font-weight:400;
}
#kontakt .small {
	font-size:66%;
}
#kontakt .button {
	margin-top:1.5em !important;
}
#kontakt .button input {
	border-radius: 0.25em;
	background: linear-gradient(90deg,rgb(209,26,35), rgb(125,18,11));
	border: navajowhite;
	text-transform: uppercase;
	font-weight: 900;
}
#kontakt .button input:hover,
#kontakt .button input:focus,
#kontakt .button input:active {
	background:rgb(209,26,35);
	box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.5)
}
#kontakt span.wpcf7-not-valid-tip {
	margin-left: 0.25em;
	font-size: 0.7em;
	background: rgba(255,0,0,0.5);
	display: inline-block;
	color: rgb(255,255,255);
	padding: 0 0.5em 0.25em;
	font-weight: 600;
	margin-top: -0.5em;
	display:none;
}
#kontakt .wpcf7-not-valid {
	background-color: rgb(255, 255, 220);
	border-color: yellow;
	/* border-width: 0.25em; */
}
#kontakt div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 0.125em solid #f7e700;
	font-size: 0.8em;
	background: rgba(255,0,0,0.5);
	color: rgb(255,255,255);
	border-radius: 0.25em;
	padding-bottom: 0.5em;
	margin: -2.25em 0 0;
	font-weight: 600;
	width: 100%;
}


.hero {
    background-color: rgb(0,0,0);
}


/***** MARKERCOLOR ******/
.white .h1,
.white.h1 {
	color:rgb(255,255,255);
}

div.button.white a, a.button.white {
	background: transparent;
	border-color: rgb(255,255,255);
}
div.button.red a, a.button.red {
	background-color: rgba(209,26,35);
}
.red {
	color:rgb(209,26,35);
}
.red .h1,
.red.h1 {
	color:rgb(209,26,35);
}
.grey {
	color: rgb(168,177,185);
}
.bg_red {
	background-color: rgb(209,26,35) !important;
	color:rgb(255,255,255);
}
.bg_red .h1 {
	color:rgb(255,255,255);
}
.black, 
.black .h1, 
.black.h1 {
	color:rgb(0,0,0) !important;
}
.bg_black {
	background-color:rgb(0,0,0) !important;
	color:rgb(255,255,255);
}
.bg_white {
	background-color:rgb(255,255,255) !important;
}
.text-shadow {
	text-shadow: 0 0 1em rgba(0,0,0,0.85);
}
.price_box {
	background-color: rgba(168,177,185,0.35);
	padding: 0.5em 0.75em;
	line-height: 1.375;
	font-weight: 400;
}
.bg_logo_trans, .bg_logo_trans_red {
	background: url(images/LOGO_CARFRESH_trans_bg.svg) no-repeat center center / 116% auto;
}
.bg_red.bg_logo_trans, .bg_logo_trans_red {
	background-image: url(images/LOGO_CARFRESH_trans_bg_red.svg);
}
@media(orientation: portrait){
	.bg_logo_trans, .bg_logo_trans_red {
		background-size:cover;
	}
}
.bg_logo_trans_light {
	background: url(images/LOGO_CARFRESH_trans_bg_light.svg) repeat center center / 15% auto;
}
.bg_lotuseffekt {
	background: url(images/bg_lotuseffekt.jpg) no-repeat center center / cover;
}

.bg_car_black_01 {
	background: url(images/bg_car-black_01.jpg) no-repeat right center / cover;
}
@media(max-width:767px){
	.bg_car_black_01 {
		background-size: auto 100%;
	}
}
.bg_cover {
	background-size: cover;
}
/** SINGLE-PAGES**/
.single #intro {
	border-top: solid 1px rgb(220,220,220);
	background: linear-gradient(rgb(240,240,240),rgb(255,255,255) 10%);
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.single-referenz .images .box > img,
.single-car .images .box > img {
	max-width:calc(100% + 0.25rem);
	margin:0 -0.125rem;
	width: calc(100% + 0.25rem);
}
.single .gallery {
	margin-top: 2rem !important;
}
.single h1 {
	margin-bottom:0.75em !important;
}
@media(min-width:1024px){
	.gallerys .grid.col-4 .item {
		width: 20%;
	}
}
.images + .gallerys {
	border-top: solid 1px rgb(209,26,35);
}
.gallerys .gallery + h3 {
	margin-top: 1.25em;
}	

.car.sold .thumb::before,
.car.preperation .thumb::before,
.car.available .thumb::before,
.car.expected .thumb::before {
	content: "verkauft";
	position: absolute;
	color: rgb(255,255,255);
	background: rgb(209,26,35);
	padding: 0.25em;
	text-align: center;
	width: 15em;
	z-index: 1;
	display: block;
	top: 2.5em;
	left: -4em;
	transform: rotate(-45deg);
	transform-origin: center center;
	font-weight: bold;
}
.car.preperation .thumb::before {
	content: "wird aufbereitet";
	color: rgb(20,20,20);
	background: rgb(211,255,0);
}
.car.expected .thumb::before {
	content: "wird erwartet";
	color: rgb(20,20,20);
	background: rgb(255,190,0);
}
.car.available .thumb::before {
	content: none;
	color: rgb(20,20,20);
	background: rgba(255,255,255,255,0.5);
}

/***** CONTENT *******/

/** vers. table **/

.tab-blank { 
    border:none;
    border-collapse:collapse;
    width:100%;
  }
.tab-blank th, .tab-blank td {
    border-bottom: 1px dotted #ccc !important;
    border-top: 1px dotted #ccc !important;
    padding: 0.25em 1em 0.125em 0;
    vertical-align: top;
}

.tab-single {
  width:100%;
  border:none;
  margin:0;
}
.tab-single tr:nth-child(even) {background: rgb(234, 237, 237)}
.tab-single tr:nth-child(odd) {background: #fff}
.tab-single th, .tab-single td {
    border: medium none;
}
 .tab_1 th {
	 vertical-align:bottom;
	 border-bottom:solid 2px rgb(234, 237, 237);
	 text-align:center;
	 hypens:auto;
 }
 .tab_1 .art-num,  .tab_1 .fueller {
	 text-align:left;
 }
.tab_1 tbody td {
	 text-align:center;
 }
.tab_1 tbody tr td:first-child,
.tab_1 tbody tr td:last-child {
	 text-align:left;
 }
 .tab_2 th {
	 vertical-align:bottom;
	 border-bottom:solid 2px rgb(234, 237, 237);
	 text-align:center;
	 hypens:auto;
 }
 .tab_2 .art-num {
	 text-align:left;
 }
.tab_2 tbody td {
	 text-align:center;
 }
 .tab_2 tbody tr td:first-child {
	 text-align:left;
 }
.tab-materialien {
	margin-bottom:2em;
}
/** vers. links **/
a.pdf::before,
a[href*=".pdf"]:before{
    content: url("/wp-content/themes/fmr/images/icon_pdf.svg");
	font-weight: bold;
	left: -0.25em;
	position: absolute;
	margin-top: -0.0625em;
	width: 2.5em;
	height: 3rem;
}
a.pdf,
a[href*=".pdf"]{
    display: block;
	font-weight: bold;
	margin: 0.5em 0 !important;
	min-height: 3em;
	padding: 0.75em 1em 0em 3em;
	position: relative;
	border-top: dotted 1px rgb(0,71,82) !important;
}


/**
 * 12.0 - Media
 */

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
	margin-left: auto;
	margin-right:auto;
	display:block;
}
.video-block {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	margin: 0;
}
.video-block > * {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.video-block + p,
.video-block + .video-block {
	margin-top: 1em;
}


p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
}
.wp-audio-shortcode + *,
.wp-video + *,
.wp-playlist.wp-audio-playlist + * {
	margin-top: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}
.wpb_video_widget.empty .wpb_video_wrapper {
    padding: 0 !important;
}


/**
 * 12.1 - Captions
 */

.wp-caption {
	max-width: 100%;
}
.wp-caption + .wp-caption {
	margin-top:1rem;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	/*! font-size: 13px; */
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.25;
	padding: 0.5em 0;
	text-align:right;
}
.gallery .wp-caption .wp-caption-text {
	/*! font-size: 13px; */
	font-size: 0.938em;
	font-style: normal;
	line-height: 1.25;
	padding: 0.5em 0;
	background-color: rgb(255,255,255);
}
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom:0;
}

/**
 * 12.2 - Galleries
 */

.gallery {
	
}
* + .gallery,
.gallery + * {
	margin: 1em 0;
}
.gallery ul {
	list-style:none;
	margin-left: 0;
}

.gallery:after,
.clear:after{
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.gallery-item {
	display: inline-block;
	max-width: 33.333%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
.gallery .item img {
	width:100%;
}


/* TYPE -> GRID */
.grid {
	padding: 0;
}
.grid .item {
	float: left;
	position: relative;
	height: auto;
}
.grid.slider {
	display: none;
}
.bx-wrapper .grid.slider {
	display: block;
}
/*Grid Cols */
.grid .item > .wrapper {
	padding-top: 56.25%; /*16:9*/
	overflow:hidden;
	position: relative;
}
.grid.col-1 .item {
	width: 100%; /*1100px*/
	/*padding-top:56.25%; /*16:9*/
}
.grid.col-2 .item {
	width: 50%; /*550px*/
	/*padding-top:28.125%; /*16:9*/
}
.grid.col-3 .item {/*3-cols*/
	width: 33.333%; /*366px*/
	/*padding-top:18.75%; /*16:9*/
}
.grid.col-4 .item {
	width: 25%; /*274px*/
	/*padding-top:14.0625%; /*16:9*/
}
@media(min-width:700px){
	.grid.col-3.count-1 .item:first-child {
	margin-left: 33.333%;
	}
	.grid.col-3.count-2 .item:first-child {
		margin-left: calc(33.333% / 2);
	}
}

/*Grid center Images*/
.grid figure {
	position: relative;
	padding-top: 75%;
	overflow: hidden;
}
.grid figure img {
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	max-width: 100vw;
	height: 100%;
	width: auto !important;
	max-height: 100%;
	display: block;
}


/*Grid normal 1100px / 8px border*/
.grid {
	margin: auto -0.5rem; /*-16px / bei 1100px / 1124px gesamt*/
	list-style:none;
}
.grid::after {
	content: "";
	display: table;
	clear: both;
}
.grid > .wrapper {
	float: left;
	padding: 0.5rem; /*1px*/
	width: 100%;
}
.grid .item {
	margin: 0; /*0px*/
	border:solid 0.5rem transparent;
}

/*Grid thin 1100px / 2px border*/
.grid.thin {
	margin: 0.125rem -0.25rem; /*-3px / bei 1100px / 1106px gesamt*/
	padding:0; /*1px*/
}
.grid.thin > .wrapper {
	float: left;
	padding: 0.0625rem; /*1px*/
	width: 100%;
}
.grid.thin .item {
	margin: 0; /*0px*/
	border:solid 0.125rem transparent;
}

/* Grid Animation*/
.desktop .grid .item .thumb {
	-webkit-tranform: translate3D(0,0,0);
	tranform: translate3D(0,0,0);
	-webkit-transition: width 500ms ease-out 0ms, height 500ms ease-out 0ms, left 500ms ease-out 0ms, top 500ms ease-out 0ms, opacity 500ms ease-out 0ms;
	transition: width 500ms ease-out 0ms, height 500ms ease-out 0ms, left 500ms ease-out 0ms, top 500ms ease-out 0ms, opacity 500ms ease-out 0ms;
}
.grid .item .thumb {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-size: cover;
}
.desktop .grid .item:hover .thumb {
	width: 130% !important;
	height: 130% !important;
	left: -15%;
	top: -15%;
}
.grid .item .thumb a {
	display: block;
	width: 100%;
	height: 100%;
}
.grid .item .thumb a span {
	display: none;
}
.grid .item .content {
	bottom: 0;
	position: absolute;
	text-align: right !important;
	width: 100% !important;
	overflow: hidden;
}
.grid .item .header {
	color: #ffffff;
	opacity: 0;
}
.grid .item:hover .header {
	opacity: 1;
}
.grid .item .title {
	font-size: 1em;
	font-weight: bold;
	font-family: inherit;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0;
	color: inherit;
	float: right;
}
.grid .item .title span {
	padding: 0 0.5em;
	background-color: #000000;
	background-color: rgba(0,0,0,0.7);
	word-spacing: -0.8em;
}
.grid .item .desc {
	font-size: 0.8em;
	font-style: italic;
	padding: 0.234em 0 0;
	display: none;
	color: inherit;
}
.grid .item a {
	color: inherit;
}
.grid-gallery-load {
	text-align: right;
	float: right;
	margin: 0.5em 0 -1em 0;
	/* display: none; */
	font-size: 0.875em;
}
/* GALLERY-Zoom */
.pointer {
	cursor: pointer;
}
.zoom {
	cursor: pointer;
	cursor: zoom-in;
	cursor: -webkit-zoom-in;
}
.zoom-wrapper {
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
}
.zoom-wrapper > .closer {
	width: 3em;
	background: rgba(209,26,35,0.6);
	position: absolute;
	color: rgb(255,255,255);
	z-index: 10000;
	right: 0;
	top: 0;
	text-align: center;
}
.zoom-wrapper > .closer:hover {
	cursor:pointer;
}
.zoom-wrapper > .closer::before {
	content: "\e812";
	font-family: "web-icon";
	font-size: 2em;
}
.zoomgallery {
	height: 100vh;
	max-height: 100vh;
	margin:auto !important; 
}
.zoomgallery .bx-wrapper {
	width: 100%;
	background: transparent;
	padding: 0;
	height:100vh;
}
.zoomgallery .bx-wrapper .bx-viewport {
	margin: 0;
	width: auto !important;
	height: 100vh !important;
}
.zoomgallery .bx-wrapper .bx-pager {
	margin-left: -2.5em;
	/*font-size: 0.75em;*/
	padding-left: 1em;
	bottom: 5vh;
	margin-bottom: 0;
}
.zoomgallery.small .bx-wrapper .bx-pager {
	font-size: 1.5em;
}
.zoomgallery .bx-wrapper .bx-pager.bx-default-pager a > * {
	background-color: rgba(255,255,255,0.5);
	border: solid 1px rgb(20,20,20);
}
.zoomgallery .bx-wrapper .bx-pager.bx-default-pager a.active > * {
	background-color: rgb(209,26,35);
	border-color: transparent;
}
.zoomgallery .bx-wrapper .bx-controls-direction a {
	height: 3em;
	width: 3em;
	margin-top: -1.5em;
	background-color: rgba(209,26,35,0.6);
}
.zoomgallery .bx-wrapper .bx-prev::before, 
.zoomgallery .bx-wrapper .bx-next::after {
    color: rgb(255,255,255);
	top:0.1em;
	left:0.425em;
}
.zoomgallery .bx-wrapper .bx-prev::before {
    left:0.325em;
}
.zoomgallery .bx-wrapper .bx-prev {
	left: 0;
}
.zoomgallery .bx-wrapper .bx-next {
	right: 0;
}

.zoomgallery ul.slider > li {
	max-height: 100vh;
	height: 100vh;
	position: relative;
	background: rgb(20,20,20);
}
.zoomgallery ul.slider > li img {
	width: auto;
	max-height: 100vh;
	margin: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	box-shadow: 0 0 0.75vw -0.25vw rgb(0,0,0);
	-webkit-box-shadow: 0 0 0.75vw -0.25vw rgb(0,0,0);
	max-width: 98%;
}
.zoomgallery ul.slider > li .meta {
	background: rgba(255,255,255,0.5);
	padding: 1em 1em 0.75em;
	margin: 0.5em;
	margin: 0 0 0 0;
	font-size: 0.875em;
	position: absolute;
	/* bottom: 0; */
	top: 0;
	width: 100%;
	text-align: center;
	color: rgb(60,72,82);
	font-weight: bold;
}
.zoomgallery ul.slider > li .meta > h3 {
	padding: 0;
	margin: 0;
}
.zoomgallery ul.slider > li .meta > p {
	margin: 0;
}


/************************/
/******* ACCORDION ***********/
/************************/
.ac-wrapper {
	/*margin-top:2em;*/
}
p + .ac-wrapper {
    margin-top: 3em !important;
}
.ac-container {
}
.ac-link:after,
.ac-label:after {
	font-size: 1.5em;
	position: absolute;
	right: 0.25em;
	top: -0.25em;
	font-weight:normal;
	font-family:inherit;
}
.ac-link:after,
.ac-label:after {
	content: "\e81d";
}
.ac-current > .ac-link:after,
.ac-identifier:checked + .ac-label:after, 
.ac-identifier:focus + .ac-label:after {
	content: "\e812";
	font-size: 1.5em;
	right: 0.125em;
	color:#cccccc;
}

.ac-link,
.ac-label {
	width:100%;
	padding-right: 2.5em;
	display: block;
	cursor: pointer;
	position: relative;
	line-height:1.3;
}
.ac-head > a:hover,
.ac-head > a:focus {
	color:inherit;
	text-decoration:inherit;
}
.ac-head {
	white-space: normal !important;
	z-index: 2;
	margin: 0.125em 0 0.125em;
}
/* Mode css */
.ac-label {
	cursor:pointer;
}
.ac-identifier {
	position:absolute;
	left:-9999px;
}
.ac-content {
	overflow:hidden;
	position:relative;
}
/* transition*/
.ac-head + .ac-content > .ac-content-inner,
.ac-identifier ~ .ac-content > .ac-content-inner {
	position: absolute;
	top: 100%;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-webkit-transition: -webkit-transform 300ms ease 0s;
	transition: transform 300ms ease 0s;
	visibility: visible;
	z-index: -1;
}
.ac-head.ac-current + .ac-content > .ac-content-inner,
.ac-identifier:checked ~ .ac-content > .ac-content-inner,
.ac-identifier:focus ~ .ac-content > .ac-content-inner {
	position: relative;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
	z-index: 10;
}
.no-css3 .ac-head + .ac-content {
	overflow: visible;
	display:none;
}
/**** FAQ *****/
.faq .ac-container {
	margin-top: -2px;
}
.faq .ac-link::after,
.faq .ac-label::after {
	color: #999999;
	font-family: "web-icon";
	font-size: 1.75rem;
	line-height: 1;
	right: 0;
	top: 0.75em;
}
.faq .ac-link,
.faq .ac-identifier ~ .ac-label,
.faq .ac-identifier ~ .ac-label {
	border: solid 1px rgb(225,225,225);
	border-left-width:0;
	border-right-width:0;
	color: inherit;
	cursor: pointer;
	position: relative;
	z-index: 2;
	padding: 1.25rem 1.5rem 1.25rem 0rem;
}
.faq .ac-head {
	
}

.faq .ac-content {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0em 0.75em;
	border: solid 1px transparent;
	border-top: 0;
	width: 100%;
}
.faq .ac-current .ac-link,
.faq .ac-identifier:checked ~ .ac-label,
.faq .ac-identifier:focus ~ .ac-label {
	border-bottom: 0;
	border-color: rgb(73,73,73);
	background: transparent;
	color: inherit;
	padding-bottom: 1em;
	padding-top: 2.5em;
}
.faq .ac-current.ac-head + .ac-content,
.faq .ac-identifier:checked ~ .ac-content,
.faq .ac-identifier:focus ~ .ac-content {
	background: transparent;
	display: block !important;
	border-color: rgb(73,73,73);
	border-left-width:0;
	border-right-width:0;
	padding: 0 0em 3em;
}
.faq + .faq > .ac-titel {
	margin-top: 1em;
	margin-bottom: 0;
}
.faq .ac-titel {
	font-family: inherit;
	font-weight: bold;
}
.faq.level-2 .ac-titel {
	font-size: 1em;
	font-weight: normal;
}
.faq.level-2 .ac-titel:before {
	content: "– ";
}
.faq.level-2 .ac-titel:after {
	content: " –";
}
.faq .ac-content p:last-child {
	margin-bottom: 0;
}


/**
 * 13.0 - Multisites
 */




/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 14.1 - <= 710px
 */
@media (max-width:1199px) {
	.site {
		overflow:hidden; 
	}
}
 
@media (max-width:1024px) {
	html{
		font-size:87.5%;
	}

}

@media (max-width:799px) {
	.page-content h1, .page-content .h1, .slide .h1, .slide .headline {
		font-size: calc(2em + 2vw) !important;
	}
	.lead {
		line-height:inherit;
	}
}

@media (max-width:767px) {
	.content {
		display:block;
	}
	.col-left, .col-right, 
	.col.col-left, .col.col-right {
		display:block;
		width:100%;
		padding:0 1.75rem;
		clear:both;
		float:left;
	}
	.col-right {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	.col{
		width:100% !important;
		margin:0 !important;
		clear:both;
	}
	.bx-viewport {
		overflow:visible !important;
	}
	section, .section,
	.content-width {
		margin-right:0 !important; 
	}
	.section:first-child {
		padding-top:3rem;
		padding-bottom:3rem;
	}
	.site-header {
		height: auto;
		min-height:5rem;
		background-color:rgb(0,0,0);
	}
	.logo {
		background-position: center 1rem;
		background-size: 12rem auto;
		background-image: url('images/LOGO_CARFRESH.svg');
		height: 5rem;
		left: auto;
		width: 100% !important;
		z-index: 1001;
		top: auto;
		/* background-color: rgb(255,215,0); */
		opacity: 1 !important;
	}
	
	/* Menu */
	.site-header-menue-wrapper {
		position: absolute;
	}
	.toggled-on .site-header-menue-wrapper {
		position: fixed;
		z-index: 1000;
	}
	.site-header-menu {
		background-color: rgb(0,0,0) !important;
		background-image: url("images/LOGO_CARFRESH.svg");
		background-position: center 1rem;
		background-repeat: no-repeat;
		background-size: 12rem auto;
		box-shadow: 0 0.5em 1em #000;
		display: none;
		padding-bottom: 0.125rem;
		padding-top: 7rem;
		position: absolute;
		text-align: left;
		top: 0;
		width: 100%;
	}
	.main-navigation a,
	.minnav .main-navigation a {
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		font-size: 1.2rem;
	}
	.menu-toggle {
		background: transparent none repeat scroll 0 0 !important;
		display: block;
		position: absolute;
		right: 0;
		height:3rem;
		top: 0.75rem;
		z-index: 1000;
	}
	.menu-toggle > span {
		display:none !important;
	}
	
	.menu-toggle:hover, .menu-toggle:focus {
	    background-color: transparent;
	    border-color: transparent;
	    color: transparent;
	}
	
	.main-menu li {
		border-top: 1px solid rgb(240,240,240);
		display: block;
		width: 100%;
	}
	.main-menu li:first-child {
		/*border-top: 1px solid #fff;*/
	}
	.main-menu li a {
		margin:0;
	}

	.grid.col-4 .item {
		width: 33.333%;
	}
	.grid.col-2 .item {
		width: 50% !important;
	}
	
	
}
@media (max-width:699px) {
	.grid.col-3 .item {
		width: 50%;
	}
}
@media (max-width:599px) {
	.gallery {
		/*margin: -1.25rem;*/
	}
	.empty .gallery {
		margin: 0rem;
	}
	.grid.col-3 .item,
	.grid.col-4 .item {
		width: 50%;
	}
}
@media (max-width:464px) {
	.grid.col-2 .item,
	.grid.col-3 .item,
	.grid.col-4 .item,
	.grid.col-5 .item {
		width: 100%;
	}
}
@media (max-width:399px) {
	.alignleft,.alignright {
		float:none;
		clear:both;
		display:block;
		margin:0 0 1.75em;
	}
}
@media(max-width:374px){
	.page-content h1, .page-content .h1, .slide .h1, .slide .headline {
		font-size: calc(2em + 1vw) !important;
	}
}