/*
Theme Name: Bär Timing AG
Theme URI: http://www.baertiming.ch/
Author: Lapala web solutions, Bad Ragaz
Author URI: http://www.lapala.ch
Description: Wordpress Theme Bär Timing
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baertiming
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

baertiming is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* hind-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: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/hind-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-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: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/hind-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - 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: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('webfonts/montserrat-v26-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/manrope-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/manrope-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




div#icl-id-wpml-tm-missing-extensions, .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    display: none;
}
.wpml-ls-legacy-dropdown-click {
    width: 50px;
    max-width: 50px;
}
.wpml-ls-statics-shortcode_actions {
    background-color: transparent;
}
ul .wpml-ls-menu-item a {
    display: inline-block !important;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

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;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

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

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

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	padding: 0;
}

td {
    padding: 5px 5px 1px 5px;
	vertical-align: top;
}
tr {
    border-bottom: 1px dotted #fff;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000000;
	font-family: 'Manrope', sans-serif;
	font-size: 18px;
	line-height: 1.3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}


h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a {
	color: #373536;
}

.footer-box h2 {
	color: #fff;
}

h1 {
	position: relative;
	font-size: 2em;
	margin: 0 0 30px 0;
	text-transform: none;
	color: #373536;
}

h1:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #feda00;
    top: -10px;
    left: 0;
}

h1 + h2 {
    margin-top: -20px;
    font-size: 20px;
    font-style: italic;
    color: #feda00;
	font-weight: 500;
}

h2, h3, h4 {
    margin: 1em 0;
	text-transform: uppercase;
}

p {
    margin: 10px 0;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

blockquote,
q {
	quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 2px;
    margin-bottom: 40px;
    margin-top: 15px;
	clear: both;
}

ul, ol {
    margin: 0;
    padding-left: 20px;
}

ul {
	list-style: disc;
}

nav li {
    list-style-type: none;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

table {
	margin: 0 0 10px;
    width: 100% !important;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.vc_btn3.vc_btn3-size-md,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em !important;
    font-weight: 700 !important;
	font-size: 18px !important;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border-color: transparent !important;
	border-radius: 0px;
    border-bottom-right-radius: 0.5rem;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    margin-right: 20px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #dad8da;
    text-decoration: none;
    background-image: none;
    color: #515151;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	color: #666;
	border: 1px solid #999;
	box-shadow: inset 3px 3px 5px #999;
	-webkit-box-shadow: inset 3px 3px 5px #999;
	-moz-box-shadow: inset 3px 3px 5px #999;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #333;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], select {
    padding: 8px 0px 2px 8px;
    height: 35px !important;
	max-width: 100%;
}

input[type="search"] {
    border: 1px solid #ccc;
    height: 16px !important;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

.site-header .search-form {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 0px;
}
 
.site-header .search-field {
    background-color: transparent;
    background-image: url(images/lupe.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none !important;
    cursor: pointer;
    height: 30px !important;
    margin: 3px 0;
    padding: 0 0 0 40px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
    box-shadow: none !important;
}
 
.site-header .search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px;
}
.search-form
.search-submit { 
	display:none;
}

/*--------------------------------------------------------------
# Header & Navigation
--------------------------------------------------------------*/
header#masthead {
    box-shadow: 0 5px 10px #999;
    background: rgba(256,256,256,0.8);
    position: fixed;
    width: 100%;
	z-index: 9999;
}

.site-branding {
    position: absolute;
	bottom: 10px;
    width: 24%;
	height: 67px;
    margin: 0 3% 0 8px;
	background: url('images/Baertiming-Logo.png') no-repeat;
    background-position: bottom left;
    background-size: contain;
	-webkit-transition: height 400ms ease-in-out; /* Firefox */
	-moz-transition: height 400ms ease-in-out; /* WebKit */
	-o-transition: height 400ms ease-in-out; /* Opera */
	transition: height 400ms ease-in-out; /* Standard */
}

.site-content .search {
    float: right;
	height: 25px;
	width: 100%;
    margin: 5px 1% 0px 0px;
    position: relative;
    padding-right: 40px;
}

#conteact-head {
    position: relative;
    top: 7px;
    color: #666;
    font-weight: 600;
	float: right;
	text-decoration: none;
}

.search-form {
    float: right;
}

.search-field {
    height: 20px;
	width: 150px;
}

.top-image-bg {
    background-color: #E1E1E1;
	margin-bottom: 40px;
}

.top-image {
	height: 500px;
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}

.small .search {
    display: none;
}
.small .site-branding {
    height: 40px;
    bottom: 5px;
}
.small .main-navigation {
    margin: 0;
}
.small .main-navigation a {
    height: 50px;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #61615F;
}

a:hover,
a:active {
	outline: 0;
}
.post .entry-title a {
    text-decoration: none;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	float: right;
	width: 72%;
	margin: 10px 1% 0px 0px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	float: right;
}

.main-navigation li {
    float: left;
    position: relative;
    list-style-type: none;
}

ul.mega-sub-menu {
    min-height: 346px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.main-navigation a {
    display: table-cell !important;
    text-decoration: none;
	font-family: 'Montserrat' !important;
    font-size: 18px;
    font-weight: 700 !important;
    padding: 3px 15px;
    text-align: center;
    height: 75px !important;
    vertical-align: bottom !important;
	-webkit-transition: height 400ms ease-in-out; /* Firefox */
	-moz-transition: height 400ms ease-in-out; /* WebKit */
	-o-transition: height 400ms ease-in-out; /* Opera */
	transition: height 400ms ease-in-out; /* Standard */
	text-transform: uppercase;
}

#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
.main-navigation a {
	display: block !important;
	font-weight: normal !important;
	font-family: 'Montserrat' !important;
	padding: 0;
	text-align: left;
	color: #eee;
}

#mega-menu-primary .mega-sub-menu > li.mega-current_page_item > a.mega-menu-link {
    color: #fff !important;
}

#mega-menu-primary .mega-sub-menu > li:hover > a.mega-menu-link {
    background: transparent !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent;
}

.main-navigation .sub-menu {
    display: none;
}

span.mega-indicator {
    display: none !important;
}

.main-navigation ul ul {
}

.main-navigation ul ul ul {
}

.main-navigation ul ul a {
    height: auto !important;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
    background-color: #FEDA00 !important;
	color: #000;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current-menu-ancestor > a {
	background-color: #FEDA00;
	color: #000;
}

.menu-subnavigation-fr-container,
.menu-subnavigation-container {
    float: right;
    margin-top: 10px;
}
ul#topbar-menu {
	list-style: none;
}
ul#topbar-menu li{
	float: left;
    margin-right: 30px;
    position: relative;
}
ul#topbar-menu li:after {
    content: '|';
    position: absolute;
    right: -15px;
    top: 0;
}
ul#topbar-menu a {
    text-decoration: none;
	text-transform: uppercase;
    color: #666;
	font-weight: normal;
	font-family: 'Montserrat';
    font-size: 14px;
}
ul#topbar-menu a:hover,
ul#topbar-menu .current_page_item > a {
    background-color: transparent;
    color: #000;
}



/*
 *Mobile Navigation
 */
.mobilemenu {
	display: none;
    max-height: 80vh;
    overflow-y: scroll;
    margin: 60px 0;
} 
 .mobilemenu.active {
	display: block;
}
.toggle-nav, .mobile-language {
    display:none;
}

.mobile-language {
	position: absolute;
	right: 70px;
	top: 12px;
}
.mobile-language a {
    padding: 10px;
    margin-top: 5px;
}
.country-selector.weglot-inline label.wgcurrent {
    display: none;
}

.toggle-nav {
    width: 60px;
    height: 40px;
    float: right;
    cursor: pointer;
    position: relative;
    top: 13px;
    right: 5px;
    padding: 10px;
}
.toggle-nav span, .toggle-nav span:before, .toggle-nav span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #000000;
  position: absolute;
  display: block;
  content: '';
}
.toggle-nav span:before {
  top: -10px;
}
.toggle-nav span:after {
  bottom: -10px; 
}
.toggle-nav span, .toggle-nav span:before, .toggle-nav span:after {
  transition: all 500ms ease-in-out;
}
.toggle-nav.active span {
  background-color: transparent;
}
.toggle-nav.active span:before, .toggle-nav.active span:after {
  top: 0;
}
.toggle-nav.active span:before {
  transform: rotate(45deg);
}
.toggle-nav.active span:after {
  transform: rotate(-45deg);
}

.mobilemenu ul {
    list-style: none;
    padding: 0;
}
.mobilemenu ul li {
    text-align: center;
}
.mobilemenu ul.children {
    background-color: #999;
}
.mobilemenu ul.children ul {
    background-color: #ccc;
}
.mobilemenu .current_page_ancestor .children {
	display: block;
}
.mobilemenu a {
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    width: 100%;
}
.mobilemenu .children a {
    font-size: 16px;
    font-weight: 400;
    padding: 5px;
}
.mobilemenu a:hover {
    background-color: rgb(254,218,0);
    color: #000;
}

.current_page_item > a {
    background-color: rgb(254,218,0);
}
/*
 *Sidebar Navigation
 */ 
ul.children {
    display: none;
}

.current_page_item .children, .current_page_parent .children {
    display: block;
}

.sub-navigation li {
    border-top: 1px dotted #999999;
}

.sub-navigation li:last-child {
    border-bottom: 1px dotted #999999;
	margin-bottom: 40px;
}

.sub-navigation li a {
    display: list-item;
    padding: 3px 3px;
	text-decoration: none;
}

.sub-navigation li a:hover,
.sub-navigation li a:active,
.sub-navigation li a:focus {
	background-color: #FEDA00;
	color: #000;
}

.sub-navigation ul li:last-child {
    border-bottom: none;
	margin-bottom: 0px;
}

.sub-navigation ul li a {
    padding-left: 30px;
}

.sub-navigation .current_page_item > a {
	background-color: #FEDA00;
}
 
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 30px;
    padding: 20px 20px 0px 20px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

h2.widget-title {
    text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}

.widget_shopping_cart .widget-title {
    background: url('images/shopping-cart.png') no-repeat right top;
    background-size: 34px;
	line-height: 32px;
}

.textwidget p {
    margin-top: 0px;
}

#loginform input {
    max-width: 250px;
}

.login-username label {
    display: none;
}

.login-password label {
    display: none;
}

.login-submit {
    padding-left: 5px;
}

.widget_wp_sidebarlogin {
    margin: 0px;
    background-color: #999999;
}

.widget_shopping_cart {
	background-color: #999;
	margin: 0px;
}

.woocommerce ul.products li.product h3 {
    height: 5rem;
}
h2.woocommerce-loop-product__title {
    height: 104px;
    text-transform: none;
}
p.buttons {
    margin-bottom: 0px;
}

#text_icl-3, #text_icl-4 {
	background-color: #999;
	border-bottom-right-radius: 2em;
	padding: 10px 15px 15px 20px;
	margin-top: -1px;
}

#text_icl-2, #text_icl-5 {
    background-color: #FEDA00;
    padding-bottom: 15px;
    border-bottom-right-radius: 2em;
}

aside#text_icl-6,
aside#text_icl-7,
aside#text-12,
aside#text-13 {
    border: 3px solid #FEDA00;	
	border-bottom-right-radius: 2em;
	margin-bottom: 40px;
    background: #fff;
}

aside#text-8, aside#text-11, #mc4wp_form_widget-2, #mc4wp_form_widget-3 {
    background-color: #999;
	border-bottom-right-radius: 2em;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

#text-9, 
#text-10 {
  margin: 0;
  padding-bottom: 40px;
  background: #999;
}

#text-8 img {
	padding: 20px 0px;
}

.widget-title-white {
    color: #FFF;
    margin-top: 0px;
    font-size: 20px;
}

.widget_shopping_cart_content .attachment-shop_thumbnail {
    display: none;
}

.woocommerce a.remove {
    line-height: 1.2;
    border-radius: 0;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    font-weight: 600;
}

a.button.wc-forward {
    margin-bottom: 15px;
}

.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .total {
    padding-left: 1.7em;
}

.woocommerce #billing_address_2_field, .woocommerce #billing_state_field, .woocommerce #shipping_address_2, .woocommerce #shipping_state_field{
	display: none !important;
}

/*--------------------------------------------------------------
# Sidebars
--------------------------------------------------------------*/
.sidebar {
	width: 20%;
	float: left;
	min-height: 500px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.content-area {
    width: 100%;
    float: left;
    margin-bottom: 70px;
    min-height: 500px;
    padding: 0px 20px;
}

.single .content-area,
.search .content-area {
    width: 75%;
    margin-right: 2%;
}

.home .news-wrapper {
    width: 75%;
    margin-right: 2%;
	float: left;
}

.bg-grey {
	background-color: #eee;
	border-bottom-right-radius: 2em;	
	padding-top: 20px;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.entry-content ul{
    list-style-type: disc;
}

.entry-content ul ul {
    list-style-type: circle;
    margin: 5px 0 5px 20px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## News Overview
--------------------------------------------------------------*/

.post .entry-header {
    clear: none;
}

.post .entry-title{
    clear: none;
}

.post .entry-content {
    clear: none;
	margin-top: 0px;
}

.post .entry-content p{
	margin-top: 0px;
	margin-bottom: 5px;
}

.news-thumbnail {
    width: 200px;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.site-footer {
    background-color: #373536;
    min-height: 100px;
	font-size: 16px;
	color: #FFFFFF;
    border-top: 5px solid #FEDA00;
}

.footer-content {
    min-height: 100px;
}

.footer-tab {
    margin: 0 auto;
	padding: 15px 0px;
	width: 90%;
}

.footer-box {
    width: 25%;
    float: left;
}


.footer-text {
	font-size: 16px;
	color: #FFFFFF;
    float: left;
    margin-right: 30px;
}

.footer-box h2 {
    font-size: 22px;
    margin-top: 0;
}

.footer-content a {
    color: #FFFFFF;
	font-weight: normal;
}

.footer-content a:hover {
    color: #000;
	text-decoration: underline;
}

.footer-icons {
    padding: 20px 20px 0px 20px;
    margin-top: 50px;
}

.footer-icons a {
    display: inline-block;
    width: 40px;
    margin-right: 10px;
}

.footer-box.partners img {
    filter: contrast(0.5);
    margin-bottom: 20px;
    max-width: 150px;
    max-height: 34px;
    width: auto;
    height: auto;
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.search article {
    background-color: #E1E1E1;
    padding: 20px 20px;
    margin-bottom: 20px;
	min-height: 190px;
}

.search header.entry-header {
    display: -webkit-box;
	min-width: 250px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.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-caption {
	display: block;
}

/*--------------------------------------------------------------
## CUSTOM
--------------------------------------------------------------*/
.widget_wp_sidebarlogin ul.sidebar_login_links {
    padding: 0px;
}

.widget_wp_sidebarlogin form p {
    margin: .5em 0px .5em -5px;
}

span.wpcf7-list-item {
    display: -webkit-box;
}

.nf-field-container {
    width: 49%;
    margin-right: 1%;
    float: left;
    clear: initial !important;
    margin-bottom: 10px !important;
    min-height: 65px;
}

.nf-field-container.fullwidth {
    width: 100% !important;
	margin: 0 !important;
    clear: both !important;
}


.listcheckbox-container {
    min-height: 280px;
}

/*--------------------------------------------------------------
## WOOCOMMERCE
--------------------------------------------------------------*/
span.amount {
    font-weight: 600;
    color: #000;
}

.woocommerce .button.button {
    border-radius: 0px;
    border-bottom-right-radius: 0.5rem;
}

.vc_btn3.vc_btn3-size-md,
#place_order,
a.checkout-button.button.alt.wc-forward,
a.button.add_to_cart_button.product_type_simple,
.woocommerce button.single_add_to_cart_button.button.alt, .wpcmsdev-button {
    color: #000 !important;
    background-color: #FEDA00 !important;
	border-radius: 0 !important;
    border-bottom-right-radius: 0.5rem !important;
}

.vc_btn3.vc_btn3-size-md:hover,
#place_order:hover,
a.checkout-button.button.alt.wc-forward:hover,
a.button.add_to_cart_button.product_type_simple:hover,
.woocommerce button.single_add_to_cart_button.button.alt:hover, .wpcmsdev-button:hover {
	background-color: #373536 !important;
    color: #FEDA00 !important;
}

a.wpcmsdev-button {
    border: 0 !important;
    background-image: none;
}

.wpcmsdev-button span {
	color: #000 !important;
}

#place_order:hover,
a.checkout-button.button.alt.wc-forward:hover,
a.button.add_to_cart_button.product_type_simple:hover,
.woocommerce button.single_add_to_cart_button.button.alt:hover {
    background-color: #999;
	box-shadow: none;
}

.woocommerce form .form-row .input-checkbox {
    float: left;
    margin-top: 5px;
}
p.form-row.woocommerce-mailchimp-opt-in {
    display: inline-block;
}
.woocommerce #payment .terms, .woocommerce-page #payment .terms {
    text-align: left;
    padding-left: 30px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
}

a.checkout-button.button.alt.wc-forward {
    width: 35%;
	float: right;
	white-space: normal;
}

.woocommerce .woocommerce-info {
    border-top-color: #feda00;
}

.woocommerce .woocommerce-info:before {
    color: #000;
}

.woocommerce table.shop_attributes td {
    font-style: normal;
}

.woocommerce table.shop_attributes th {
    font-weight: 600;
}
.validate-state {
    display: none;
}
p.product.woocommerce.add_to_cart_inline {
    border: none !important;
    width: 100%;
    clear: both;
    text-align: right;
}

a.added_to_cart.wc-forward {
    padding: .618em 1em;
    margin-top: 10px;
}

div#tab-description {
    display: block !important;
}

input#coupon_code {
    width: inherit !important;
}


/*Account Navigation */
nav.woocommerce-MyAccount-navigation ul {
    padding-left: 0;
}
li.woocommerce-MyAccount-navigation-link {
    display: inline-block;
}
nav.woocommerce-MyAccount-navigation a {
    padding: 5px 8px;
    display: inline-block;
    background-color: #999;
    margin: 5px 0;
    min-width: 150px;
}
/*--------------------------------------------------------------
## Kacheln
--------------------------------------------------------------*/
.kachel-wrapper {
    display: inline-block;
    width: 100%;
}

.kachel {
    width: 21%;
    float: left;
    margin-right: 2%;
    margin-left: 2%;
	margin-bottom: 60px;
	background-color: #FEDA00;
	-webkit-box-shadow: 5px 5px 8px #777;
    -moz-box-shadow: 5px 5px 8px #777;
    box-shadow: 5px 5px 8px #777;
}

.kachel:hover {
    opacity: .8;
}

.kachel-products {
	margin-bottom: 30px;
	height: 286px;
	overflow: hidden;
}

.kachel-products img {
    width: 100% !important;
}

.title-kachel {
    padding: 30px 5px;
    bottom: 100px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
    position: relative;
    background: rgba(254,218,0,.8);
    display: block;
    word-break: break-word;
}

h2.title-front-kachel {
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0px;
    margin-bottom: -60px;
    position: relative;
    bottom: 70px;
    background: rgba(254,218,0,.8);
    display: block;
}

p.text-front-kachel {
    padding: 0px 18px;
    font-weight: normal;
    margin-top: 0px;
	min-height: 65px;
}
/*--------------------------------------------------------------
## Tabellen
--------------------------------------------------------------*/
#tablepress-1 .column-3 {
    min-width: 100px;
}

#tablepress-1 .column-1 {
    font-weight: bold;
}
.tablepress td, .tablepress th {
    padding: 4px 8px !important;
}
.dreispalten td{
	width: 33.33%;
}
.vierspalten td{
	width: 25%;
}
.erstezeilefett tr:first-child {
    font-weight: bold;
}
.erstespaltefett td:first-child {
    font-weight: bold;
}


/*--------------------------------------------------------------
## Tabs
--------------------------------------------------------------*/
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0.5rem !important;
    background-color: #fff !important;
    box-shadow: 4px 5px 5px #aaa;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a,
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a {
	border-radius: 0px !important;
    background-color: #373536 !important;
    color: #ffffff !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background-color: #feda00 !important;
    color: #373536 !important;
}

.vc_tta-panel h2 {
    margin-top: 0;
}

/*--------------------------------------------------------------
## Login & Warenkorb
--------------------------------------------------------------*/
.mega-block-title {
    color: #eee !important;
}


.pagenav.sidebar_login_links, 
.pagenav.sidebar_login_links li {
    float: none !important;
}

.pagenav.sidebar_login_links li:hover > a, .pagenav.sidebar_login_links li.focus > a {
    background-color: transparent !important;
    color: #FEDA00;
}


a.cart-customlocation {
    float: right;
    margin-top: 7px;
    margin-right: 15px;
    background: url(images/shopping-cart.png) no-repeat center;
    width: 34px;
    background-size: contain;
    position: relative;
    display: block;
    height: 20px;
}

a.cart-customlocation span {
    position: absolute;
    top: -3px;
    left: 0;
    font-size: 10px;
    background: yellow;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    text-align: center;
    padding-top: 1px;
    padding-right: 1px;
}






/*--------------------------------------------------------------
# Cookie Banner
--------------------------------------------------------------*/
.pixelmate-general-notice-bottom {
    padding-left: 0;
}

.settings-checkbox #pixelmate-essential, .pixelmate-single-essential-Cookie {
    opacity: 1 !important;
}

.pix-toggle:checked {
    background: #feda00 !important;
}

#pixelmate-settings {
	border-radius: 0 !important;
}

.pixelmate-settings-btns {
    display: block;
    text-align: center;
}

.pixelmate-settings-btns .pixelmate-settings-save {
    border-radius: 0px !important;
    color: white !important;
    background: #feda00 !important;
	height: 36px !important;
    font-size: 16px !important;
}

.pixelmate-settings-btns .pixelmate-settings-reset {
	text-decoration: none !important;
	height: 36px !important;
    font-size: 16px !important;
}





/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/
@media screen and (max-width : 1281px)  {
	.site-content {max-width: 1000px;}
	.main-navigation a {padding: 3px 10px;}
	.site-branding { width: 25%;}
	.footer-text {margin-right: 25px;}
	.footer-tab {width: 98%;}
	.widget { padding-left: 10px !important;}
	.kachel-products { height: 200px;}
}

@media screen and (max-width : 970px)  {
	.home .news-wrapper {width: 100%; margin-right: 0;}
	.sidebar { width: 100%;text-align: center;min-height: 0;}
	h2.title-front-kachel { font-size: 20px;}
	#text_icl-3{border-bottom-right-radius: 0;}
	aside#text-7, aside#text-8 {display: none;}
	aside#text-8, #mc4wp_form_widget-2, #text_icl-3, #text_icl-4 {border-bottom-right-radius: 0;}
	.home aside#text-8, .home #sidebar-left {display: block;}
	.top-image-bg { margin-bottom: 0px;}
	#text-8 img { padding: 0 20px; max-width: 150px;}
	#text_icl-2, #text_icl-5 {display: none;}
	.content-area {width: 100% !important ;margin: 0;}
	p.text-front-kachel {padding: 0px 10px;min-height: 50px;}
	.site-header .search, #sidebar-left {display: none;}
	.kachel-products { max-height: initial;}
	.kachel-products img {width: 100%;}
	h1 { margin-top: 30px;}
	.main-navigation {display: none;}
	.toggle-nav, .mobile-language {display: block;}
	header#masthead { min-height: 50px;}
	.small .site-branding {bottom: 10px;}
	.top-image {height: 220px;}
	.site-branding {top: 5px;bottom: initial;background-position: top left;height: 45px;}
	header#masthead {background: rgba(256,256,256,0.9);}
	
	.footer-box { width: 100%;}
}

@media screen and (max-width : 800px)  {
	.title-kachel { padding: 10px 5px 15px; bottom: 65px; font-size: 16px; hyphens: auto;}
	.kachel-products { height: 160px;}
}
@media screen and (max-width : 700px)  {
	.kachel-front {width: 100% !important;margin: 0 0 20px 0; }
	.kachel-front h2 {width: 100%;margin: 0;bottom: 0;}
	.kachel-front img, .kachel-front p {display: none;}
	.kachel-products { width: 46%; height: 260px;}
	
	
	.pixelmate-general-allow-bottom { margin: 10px;}
	.pixelmate-banner-notice-bottom h3, .pixelmate-banner-content-bottom { text-align: center;}
	.pixelmate-general-deny-bottom { display: block; width: 100%;}
}

@media screen and (max-width : 500px)  {
	.site-branding {width: 50%;}
	.news-thumbnail {width: 100%;}
	.kachel-products { height: 160px; width: 46%;}
	.nf-field-container {width: 100%;margin: 0;}
}