/*!
Theme Name: Trikoterie
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.1.6
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: trikoterie
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Trikoterie is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/******************************************/
/******************************************/
/******************************************/
/* MOBILE FIRST, MEDIA QUERIES FOR DESKTOP*/
/******************************************/
/******************************************/
/******************************************/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

body:not(.logged-in) .hidden {
  display: none;
}

body.logged-in .hidden {
  background: rgba(244, 213, 212, .5);
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #000;
  font-family: "Karmilla", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    "Helvetica Neue", sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

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

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

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

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

.textwidget ul, .textwidget ol {
  margin: 0 0 1.5em 0em;
  padding-left: 1.25rem;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover,
a:focus,
a:active {
  color: #000;
}

a:focus {
  outline: thin dotted;
}

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


a.btn {
  display: inline-block;
  background: #000;
  color: #fff;
  border-radius: 0;
  font-size: 18px;
  padding: 0px 35px;
  border: none;
  line-height: 40px;
  cursor: pointer;
  text-decoration: none;
}

a.btn:hover, a.btn:active {
  color: #fff !important;
  text-decoration: underline;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

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

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

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

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

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.cart-link-mobile {
  padding: 22px 10px 10px 0px !important;
  margin-right: 15px;
  width: 48px;
}

.mobilecartcount {
  padding-top: 25px;
  padding-left: 4px;
}

.menu-toggle .hamburger-icon-x {
  display: none;
}

.main-navigation.toggled .hamburger-icon-x {
  display: block;
}

.main-navigation.toggled .hamburger-icon {
  display: none;
}


.admin-bar .menu-top-container {
  top: 125px;
}

.menu-top-container {
  background: #fff;
  position: absolute;
  left: 0;
  box-shadow: #000 0 2px 4px;
  z-index: 9999;
  width: 100%;
  top: 80px;
  margin: 0 !important;
}

.menu-top-container a {
  display: block;
}

.menu-top-container a:hover {
  background: #000;
  color: #fff;
}

/*CART ICON*/

li.cart-icon-neu {
  max-width: 100px;
}

img.cart-neu {
  height: auto;
  max-width: 100%;
  width: 16px;
  padding-bottom: 0.2em;
  margin-bottom: auto;
  margin-top: auto;
}

.menu-top-container .cart a {
  padding: 20px 0px 40px 20px;
  display: flex;
  margin-top: 0.1em;
}

.cart-brackets {
  font-size: 15px;
  padding-left: 2px;
}

li.cart-icon-neu cart menu-item menu-item-type-post_type menu-item-object-page {
  background: url("./images/cartAsset-1.svg") !important;
  background-size: 15px;
}

@media screen and (min-width: 37.5em) {
  .language-chooser {
    display: none;
  }

  .menu-toggle {
    display: none;
  }

  .menu-top-container {
    background: none;
    position: static;
    box-shadow: none;
  }

  .main-navigation ul {
    display: flex;
    padding: 10px 0px 10px 10px;
  }

  .menu-top-container a:hover {
    background: none;
    color: #000;
  }

  ul.sub-menu {
    display: block;
    background: #fff;
  }

  ul.sub-menu a {
    display: block;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

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

.post,
.page {
  margin: 0 0 1.5em;
}

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

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

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

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

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0;
  overflow: hidden;
}

.widget select {
  max-width: 100%;
}

/* 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 logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* 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;
  display: grid;
  grid-gap: 1.5em;
}

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

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.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;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

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

/*
Custom
*/

@font-face {
  font-family: "Icons";
  src: url("./fonts/open-iconic.eot");
  src: url("./fonts/open-iconic.eot?#iconic-sm") format("embedded-opentype"),
    url("../fonts/open-iconic.woff") format("woff"),
    url("../fonts/open-iconic.ttf") format("truetype"),
    url("../fonts/open-iconic.otf") format("opentype"),
    url("../fonts/open-iconic.svg#iconic-sm") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Karmilla";
  src: url("./fonts/karmilla/karmilla-regular.eot");
  src: url("./fonts/karmilla/karmilla-regular.eot?#iefix") format("embedded-opentype"),
    url("./fonts/karmilla/karmilla-regular.woff2") format("woff2"),
    url("./fonts/karmilla/karmilla-regular.woff") format("woff"),
    url("./fonts/karmilla/karmilla-regular.ttf") format("truetype"),
    url("./fonts/karmilla/karmilla-regular.svg#Karmilla") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Karmilla Bold";
  src: url("./fonts/karmilla/karmilla-bold.eot");
  src: url("./fonts/karmilla/karmilla-bold.eot?#iefix") format("embedded-opentype"),
    url("./fonts/karmilla/karmilla-bold.woff2") format("woff2"),
    url("./fonts/karmilla/karmilla-bold.woff") format("woff"),
    url("./fonts/karmilla/karmilla-bold.ttf") format("truetype"),
    url("./fonts/karmilla/karmilla-bold.svg#Karmilla") format("svg");
  font-weight: bold;
  font-style: bold;
  font-display: swap;
}

html,
body,
.grid-container {
  height: 100%;
  margin: 0;
}

.outline {
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-transform: uppercase;
}

.menu-toggle {
  padding: 10px 0px 10px 10px;
  background: #fff;
  border: 0;
}

.header-container {
  display: grid;
  padding: 0px 20px 0px 10px;
  grid-template-columns: 20% 80%;
}

.site-header {
  border-bottom: 3px solid #000;
  height: 80px;
  position: fixed;
  top: 0;
  background: rgba(255, 255, 255, 1);
  width: 100%;
  z-index: 9999;
}

.admin-bar .site-header {
  top: 30px;
}

/* LOGO */
.site-title a {
  text-indent: -9999px;
  background: url("./images/trikoterie-logo.png") no-repeat 0 100%;
  width: 200px;
  height: 40px;
  display: block;
}

.main-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

.main-navigation li a {
  padding: 20px;
  color: #000;
  font-family: "Karmilla Bold";
}

.page-container {
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  margin-left: 20px;
  margin-right: 20px;
}

.woocommerce div.product {
  display: block;
}

.woocommerce div.product div.summary {
  margin-left: 20px;
  margin-bottom: 0;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  border-bottom: 3px solid #000;
}

.woocommerce div.product .product_title {
  float: left;
  margin: 10px 10px 0 0;
  padding: 0;
}

.woocommerce img,
.woocommerce-page img {
  height: auto;
  max-width: 100%;
  object-fit: cover;
  object-position: 10% 50%;
}



/* IN DEN WARENKORB BUTTON*/
.woocommerce div.product form.cart .button {
  background: #000;
  border-radius: 0;
  padding: 15px;
}

button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
  opacity: 1 !important;
}

/* SIZE dropdown button */

/*remove system arrow*/
select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
select::-ms-expand {
  display: none;
}

/*add arrow*/
.woocommerce div.product form.cart .variations select,
.woocommerce .quantity .qty {
  border-radius: 0;
  border: 1px solid #000;
  background: url("./images/arrow-down.svg") no-repeat right #fff;
  background-position-x: 95% !important;
  background-size: 15px !important;
}

.woocommerce div.product form.cart .variations select {
  width: 100%;
}

select#pa_groesse {
  cursor: pointer;
}

.woocommerce div.product form.cart .reset_variations {
  visibility: hidden !important;
}

.woocommerce div.product form.cart .variations {
  margin-bottom: 1em;
}

/* remove "Vorrätig (kann nachbestellt werden)"*/
.woocommerce-variation.single_variation {
  display: none !important;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  line-height: 0;
  padding-top: 1em;
}

.single-product .home-icon-heading {
  display: none !important;
}

.single-product .home-icon {
  width: 25%;
  padding: 0 .25rem;
  float: left;
  margin-bottom: 0!important;
}

.single-product div.product form.cart .variations th.label {
  display: none;
}

div#wc-stripe-payment-request-wrapper{
  padding-top: 0!important;
}

div#wc-stripe-payment-request-button{
  display: none!important;
}

p#wc-stripe-payment-request-button-separator{
  display: none!important;
}

/* MOBILE SECTIONS HOMEPAGE EFREN

.mobile-trikots {
  background: url("/wp-content/themes/trikoterie-theme/images/cover.jpg")
    no-repeat;
  background-size: contain;
}

.mobile-routen {
  background: url("/wp-content/themes/trikoterie-theme/images/route.png")
    no-repeat;
  background-size: contain;
}

.mobile-products {
  background: url("/wp-content/themes/trikoterie-theme/images/products.png")
    no-repeat;
  background-size: contain;
}

.mobile-section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 260px;
  text-align: center;
  color: #fff;
}

.mobile-section h4 a {
  color: #fff;
  text-decoration: none;
  font-size: 35px;
  text-transform: uppercase;
}
*/

/* SECTIONS HOMEPAGE */

.Section-2 {
  grid-area: Section-2;
  display: none !important;
}

.Section-3 {
  padding: 2rem;
  align-content: center;
}

.Section-3 .custom-html-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


.home-icon-heading {
  width: 100%;
  margin-top: 0;
  margin-bottom: 1.5rem;
  text-align: center;
}

.home-icon {
  width: 50%;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}

.home-icon svg {
  display: block;
  max-width: 70%;
  margin: 0 auto;
}

.home-icon span {
  display: inline-block;
  line-height: 1.25;
  margin-top: 1rem;
}

.Section-4 {
  grid-area: Section-4;
  display: none !important;
  /* display: flex !important; */
  flex-direction: column;
}

.Section-5 {
  grid-area: Section-5;
  display: none !important;
}

.Section-7,
.Section-9 {
  display: none !important;
}

.Section-8 {
  grid-area: Section-8;
  display: none !important;
}

.Section-6 {
  grid-area: Section-6;
  display: none !important;
}

.Section-10 {
  grid-area: Section-10;
  display: none !important;
}

.Section-11 {
  grid-area: Section-11;
  display: none !important;
}

/* FOOTER (SECTION 2,3,4, ARE NOT SHOWN ON MOBILE)*/
.Footer-2,
.Footer-3,
.Footer-4,
.Footer-5 {
  /* display: none !important; */
  text-align: center;
}

.footer-contact, .impressum-mobile {
  text-align: center;
}




/* ABOUT */
.about-container {
  background: #000;
  display: grid;
  grid-template-columns: repeat(auto);
  grid-auto-rows: minmax(min-content, max-content);
  gap: 3px 3px;
  grid-template-areas:
    "About-1"
    "About-2"
    "About-4"
    "About-3"
    "About-5"
    "About-6"
    "About-8"
    "About-7"
    "About-9"
    "About-10";
}

/* LANDING */

.landing-container {
  background: #000;
  display: block;
  grid-template-columns: repeat(auto);
  grid-auto-rows: minmax(min-content, max-content);
  gap: 3px 3px;
  grid-template-areas:
    "Landing-1"
    "Landing-2"
    "Landing-4"
    "Landing-3";
}

/* CUSTOM-DESIGN */
.custom-design-container {
  background: #000;
  display: grid;
  grid-template-columns: repeat(auto);
  grid-auto-rows: minmax(min-content, max-content);
  gap: 3px 3px;
  grid-template-areas:
    "Custom-1"
    "Custom-2"
    "Custom-4"
    "Custom-3"
    "Custom-5"
    "Custom-6"
    "Custom-8"
    "Custom-7"
    "Custom-9"
    "Custom-10";
}

.shop-container {
  /* display: none !important; */
}

/*********************************************/
/********** MEDIA QUERY FOR DESKTOP **********/
/*********************************************/

.section.Section-1 {
  border-bottom: 3px solid #000 !important;
}



/* PRODUCT DETAIL PAGE */
/* ABOUT TRIKOTERIE SECTION */

.product-about {
  display: grid;
  background: #000;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  gap: 3px 3px;
  grid-template-areas: "About-Header"
    "About-Image""About-Text";
}

.product-about-title {
  margin-top: 3px;
  text-align: center;
  grid-area: About-Header;

}

.product-about-title h3 {
  font-weight: normal;
  font-size: 36px;
  margin: 10px;
  padding: 20px;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-transform: uppercase;
}

.product-about-showroom {
  grid-area: About-Image;
}

.product-about-trikoterie {
  padding: 30px;
  grid-area: About-Text;
}

.product-about-trikoterie section {
  margin-bottom: 1rem;
}

@media (min-width: 720px) {

  .product-about {
    display: grid;
    background: #000;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas: "About-Header About-Header"
      "About-Image About-Text";
  }

}


@media (min-width: 720px) {
  .page-container {
    margin-top: 78px !important;
  }

  /* HOMEPAGE */
  .Section-2 {
    grid-area: Section-2;
    display: flex !important;
  }

  .Section-4 {
    grid-area: Section-4;
    display: flex !important;
  }

  .Section-5 {
    grid-area: Section-5;
    display: flex !important;
  }

  .Section-7,
  .Section-9 {
    display: flex !important;
  }

  .Section-8 {
    grid-area: Section-8;
    display: flex !important;
  }

  .Section-6 {
    display: block !important;
  }

  .Section-10 {
    grid-area: Section-10;
    display: flex !important;
  }

  .Section-11 {
    grid-area: Section-11;
    display: flex !important;
  }

  .section.Section-1,
  .section.Section-2,
  .section.Section-3 {
    border-bottom: 0 !important;
  }

  /* SHOP */
  .category-product img {
    border-top: none !important;
  }

  .widget_featured_product_widget img {
    border-top: none !important;
  }

  /* HIDE ADDITIONAL SECTIONS THAT ARE EXCLUSIVELY FOR MOBILE */
  .mobile-added {
    display: none;
  }

  .widget-title {
    font-size: 36px !important;
    line-height: 36px;
    margin: 50px 30px 20px 30px !important;
    text-transform: uppercase;
    font-weight: normal;

    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    text-transform: uppercase;
  }

  /* CHECKOUT PAGE */

  /*checkout margin bug bottom*/
  article#post-5 {
    margin: 0;
  }

  .product-remove a {
    padding-left: 30px !important;
  }

  /*style checkout button*/
  a.checkout-button.button.alt.wc-forward {
    background-color: #000;
    border-radius: 0;
  }

  /*style button top*/
  a.button.wc-forward {
    border-radius: 0;
    background-color: #000;
    color: #fff;
  }

  /*area below item list*/
  td.actions {
    padding: 9px 32px 9px 32px !important;
  }

  /*style box coupon code*/
  input#coupon_code {
    border-radius: 0;
    min-width: 150px;
    border-color: #000;
    border-width: 2px;
  }

  /*style apply coupon button*/
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit {
    border-radius: 0;
    color: #fff;
    background-color: #000;
    min-height: 39px;
  }

  /*remove item cross on hover*/
  .woocommerce a.remove:hover {
    color: #000 !important;
    background: none;
  }

  /*STYLE "your cart is currently empty*/
  .woocommerce-message,
  .woocommerce-error,
  .woocommerce-info {
    border: none;
    background: none;
  }

  p.cart-empty.woocommerce-info {
    padding: 30px 0px 0px;
    font-size: 18px;
  }

  /*REMOVE icon before "your cart is currently empty*/
  .woocommerce-info::before {
    color: transparent;
  }

  .fa-icon a {
    padding: 20px 10px !important;
    display: block;
  }

  .product-remove a {
    padding-left: 20px !important;
  }

  .woocommerce a.button:disabled,
  .woocommerce a.button.disabled,
  .woocommerce a.button:disabled[disabled],
  .woocommerce button.button:disabled,
  .woocommerce button.button.disabled,
  .woocommerce button.button:disabled[disabled],
  .woocommerce input.button:disabled,
  .woocommerce input.button.disabled,
  .woocommerce input.button:disabled[disabled],
  .woocommerce #respond input#submit:disabled,
  .woocommerce #respond input#submit.disabled,
  .woocommerce #respond input#submit:disabled[disabled] {
    color: #fff;
  }

  /****** end checkout ****/

  .product .entry-summary .button {
    /* width: 400px !important; */
  }

  .woocommerce div.product form.cart .variations td,
  .woocommerce div.product form.cart .variations th {
    padding-bottom: 1em;
  }

  .admin-bar .menu-top-container {
    top: 20px;
  }

  /*PRODUCT DETAIL PAGE*/

  span.onsale {
    display: none;
  }

  .woocommerce div.product form.cart .variations select,
  .woocommerce .quantity .qty {
    -webkit-appearance: none;
    background-position-x: 368px;
  }

  .featured-images-1,
  .featured-images-2 {
    border-bottom: 0 !important;
  }

  .featured-images-2 {
    margin-right: 3px !important;
  }

  .woocommerce div.product {
    display: grid;
  }

  .product.type-product {
    display: grid;
    background: #000;
    grid-template-columns: 50% 50%;
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas:
      "Product-Gallery Product-Details"
      "Product-Featured-Images-1 Product-Featured-Images-2"
      "Artist Artist";
  }

  .woocommerce div.product div.images {
    margin-bottom: 2em;
  }

  .woocommerce div.product {
    margin-bottom: 0;
  }

  .wpgs--with-images {
    border-bottom: 0;
  }

  .woocommerce div.product div.images {
    margin: 0;
  }

  .menu-top-container {
    z-index: 1;
    left: auto;
    width: initial;
  }

  .menu-top-container a {
    padding: 5px 15px;
  }

  .header-container,
  .page-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
  }

  .Artist-Details {
    grid-area: Artist-Details;
    padding: 30px 100px 40px 50px;
  }



  /* HOME PAGE SECTION DISTRIBUTION */
  .home-container {
    display: grid;
    background: #000;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas:
      "Section-1 Section-1 Section-6"
      "Section-2 Section-3 Section-6"
      "Section-4 Section-5 Section-6"
      "Section-7 Section-8 Section-8"
      "Section-9 Section-10 Section-11";
  }

  .products-container {
    margin-top: -3px;
    background: #000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
  }

  /* ABOUT PAGE SECTION DISTRIBUTION */
  .about-container {
    background: #000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas:
      "About-1 About-2 About-2"
      "About-3 About-4 About-4"
      "About-5 About-6 About-6"
      "About-7 About-8 About-8"
      "About-9 About-10 About-10";
  }

  /* LANDING PAGE SECTION DISTRIBUTION */
  .landing-container {
    background: #000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas:
      "Landing-1 Landing-2 Landing-2"
      "Landing-3 Landing-4 Landing-4";
  }

  /* CUSTOM DESIGN PAGE SECTION DISTRIBUTION */
  .custom-design-container {
    background: #000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas:
      "Custom-1 Custom-2 Custom-2"
      "Custom-3 Custom-4 Custom-4"
      "Custom-5 Custom-6 Custom-6"
      "Custom-7 Custom-8 Custom-8"
      "Custom-9 Custom-10 Custom-10";
  }


  /*ROUTES*/
  .routes-container {
    background: #000;
    /* border-top: 3px solid #000;*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    gap: 3px 3px;
    grid-template-areas: ". . .";
  }

  /* SHOP PAGE SECTION DISTRIBUTION */
  .shop-container {
    background: #000;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas:
      "Shop-1 Shop-2 Shop-2"
      "Shop-3 Shop-4 Shop-5";
  }

  /* SHOW ON DESKTOP, HIDDEN FOR MOBILE */
  .Footer-2,
  .Footer-3,
  .Footer-4,
  .Footer-5 {
    display: block !important;
    text-align: left;
  }

  .footer-contact, .impressum-mobile {
    text-align: left;
  }

  .footer-bar {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px !important;
  }

  .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    background: #000;
    display: grid;
    grid-template-columns: 2fr 3fr 1fr;
    grid-template-rows: 1fr;
    gap: 3px 3px;
    grid-template-areas:
      "Footer-1 Footer-2 Footer-3"
      "Footer-1 Footer-5 Footer-4";
  }

  /* ARTIST*/
  .artist-container {
    margin-right: 3px !important;
    border-bottom: 3px solid #000;
    display: grid;
    background: #000;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas:
      "Artist-Header Artist-Header"
      "Artist-Image Artist-Details";
  }

  .artist-container2 {
    margin-right: 3px !important;
    display: grid;
    background: #000;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    gap: 3px 3px;
    grid-template-areas: "Artist-Image2";
  }

  .section {
    border-bottom: 0 !important;
  }

}

/*MOBILE FIRST AGAIN*/
.section {
  background: #fff;
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  position: relative;
  border-bottom: 3px solid #000;
}

.section-title {
  background: #000;
  color: #fff !important;
  font-size: 18px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-transform: uppercase;
}

/************************************************/
/* ADDITIONAL CATEGORY SECTIONS MOBILE HOMEPAGE */
/************************************************/

/************************************************/
/* END: ADDITIONAL CATEGORY SECTIONS MOBILE HOMEPAGE */
/************************************************/

.section-title {
  background: #000;
  color: #fff !important;
  font-size: 18px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-transform: uppercase;
}

.tall {
  height: calc(280vh);
}

.Section-1 {
  grid-area: Section-1;
}

.Section-2 {
  grid-area: Section-2;
}

.Section-3 {
  grid-area: Section-3;
}

.Section-4 {
  grid-area: Section-4;
}

.Section-5 {
  grid-area: Section-5;
}

.Section-6 {
  grid-area: Section-6;
}

.Section-7 {
  grid-area: Section-7;
}

.Section-8 {
  grid-area: Section-8;
}

.Section-9 {
  grid-area: Section-9;
}

.Section-10 {
  grid-area: Section-10;
}

.Section-11 {
  grid-area: Section-11;
}

.Footer-1 {
  grid-area: Footer-1;
}

.Footer-2 {
  grid-area: Footer-2;
}

.Footer-3 {
  grid-area: Footer-3;
}

.Footer-4 {
  grid-area: Footer-4;
}

.Footer-5 {
  grid-area: Footer-5;
}

.Section-6 {
  grid-row: 1 / span 3;
}

.Section-7,
.Section-9 {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* HOME PAGE "ABOUT" HEADLINE FONT WEIGHT TO 900*/
.widget_text strong {
  font-weight: 900;
}

.home #page .footer-container,
.footer-container {
  background: #000;
  border-top: 3px solid #000 !important;
  border-left: 3px solid #000 !important;
  border-right: 3px solid #000 !important;
  border-bottom: none;
}

.home .footer-container {
  border-left: none !important;
  border-right: none !important;
}

.footer-bar {
  height: 35px;
  background: #000;
}

.footer-bar img {
  width: 30px;
  display: block;
  margin: 0 auto;
}

.widget-title {
  font-family: "Karmilla";
  font-size: 18px;
  text-align: center;
  margin: 20px;
}

#text-11,
#text-12 {
  padding: 55px;
}

.widget_media_image img {
  display: block;
}

.widget_text strong {
  margin-bottom: 20px;
  display: block;
  font-size: 12px;
}

/* SHOPPABLE IMAGES */

div.mabel-siwc-img-wrapper {
  display: block !important;
}

span.mb-siwc-tag:hover {
  background: rgba(255, 255, 255, 0.8) !important;
}

span.mb-siwc-tag {
  background: rgba(255, 255, 255, 0.6) !important;
}

.siwc-inner-text {
  font-family: "Karmilla";
}

.mb-siwc-popup h1 {
  font-size: 18px;
  padding-bottom: 20px;
  padding-top: 10px;
}

.mb-siwc-popup a {
  font-size: 18px;
  padding: 10px;
}

/**
* About page
*/

.About-1 {
  grid-area: About-1;
}

.About-2 {
  grid-area: About-2;
}

.About-3 {
  grid-area: About-3;
}

.About-4 {
  grid-area: About-4;
}

.About-5 {
  grid-area: About-5;
}

.About-6 {
  grid-area: About-6;
}

.About-7 {
  grid-area: About-7;
}

.About-8 {
  grid-area: About-8;
}

.About-9 {
  grid-area: About-9;
}

.About-10 {
  grid-area: About-10;
}

.about-content {
  padding: 35px 35px;
}

.about-content h3 {
  font-size: 12px;
  margin: 0px;
  margin-bottom: 20px;
}

.about-content p {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 18px;
}

/**
* Landing page
*/

.Landing-1 {
  grid-area: Landing-1;
}

.Landing-2 {
  grid-area: Landing-2;
}

.Landing-3 {
  grid-area: Landing-3;
}

.Landing-4 {
  grid-area: Landing-4;
}

.landing-content {
  padding: 25px 25px;
}

.landing-content h3 {
  font-size: 12px;
  margin: 0px;
  margin-bottom: 20px;
}

.landing-content p {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 18px;
}

/**
* Custom Design page
*/

.Custom-1 {
  grid-area: Custom-1;
}

.Custom-2 {
  grid-area: Custom-2;
}

.Custom-3 {
  grid-area: Custom-3;
}

.Custom-4 {
  grid-area: Custom-4;
}

.Custom-5 {
  grid-area: Custom-5;
}

.Custom-6 {
  grid-area: Custom-6;
}

.Custom-7 {
  grid-area: Custom-7;
}

.Custom-8 {
  grid-area: Custom-8;
}

.Custom-9 {
  grid-area: Custom-9;
}

.Custom-10 {
  grid-area: Custom-10;
}

.custom-design-content {
  padding: 35px 35px;
  overflow: hidden;
}

.custom-design-content h3 {
  font-size: 12px;
  margin: 0px;
  margin-bottom: 20px;
}

.custom-design-content p {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 18px;
}

/**
* Routes
*/

.routes-header {
  padding: 20px 100px;
  font-size: 18px;
  text-align: center;
}

.route-item {
  position: relative;
}

.route-item img {
  border-top: 3px solid #000 !important;
  border-bottom: 3px solid #000 !important;
}

.route-name {
  position: absolute;
  top: 10px !important;
  left: 10px !important;
  padding: 0px;
  width: 100%;
  text-align: left;
}

.route-title {
  font-size: 36px;
  line-height: 50px;
  font-weight: normal;
}

.route-name a {
  color: #fff;
  text-decoration: none;
  font-size: 36px;
  line-height: 55px;
  text-transform: uppercase;
}

.route-details {
  padding: 20px 20px 0 20px;
}

.route-item-container {
  display: grid;
  background: #000;
  grid-template-columns: 1fr 1fr;
  /*grid-template-rows: 1fr 1fr 1fr;*/
  gap: 3px 3px;
  grid-template-areas:
    "Route-Summary Route-Map"
    "Route-Summary Route-Chart"
    "Route-Gallery Route-Description";
}

.grid {
  background: #fff;
}

.Route-Map {
  grid-area: Route-Map;
  background: #e2e2e2;
}

.Route-Chart {
  grid-area: Route-Chart;
}

.Route-Gallery {
  grid-area: Route-Gallery;
  line-height: 0 !important;
}

.Route-Description {
  grid-area: Route-Description;
  padding: 4.5em !important;
}

.Route-Summary {
  grid-area: Route-Summary;
  padding: 10px 10px;
}

.route-item-header {
  padding: 20px;
}

.route-metrics {
  font-size: 18px;
}

/** Products ****/
/**
.Category {
  grid-area: 1 / 1 / 2 / 4;
}
.Category-Product-1 {
  grid-area: 2 / 1 / 3 / 2;
}
.Category-Product-2 {
  grid-area: 2 / 2 / 3 / 3;
}
.Category-Product-3 {
  grid-area: 2 / 3 / 3 / 4;
}
.Category-Product-4 {
  grid-area: 3 / 1 / 4 / 2;
}
.Category-Product-5 {
  grid-area: 3 / 2 / 4 / 3;
}
.Category-Product-6 {
  grid-area: 3 / 3 / 4 / 4;
}
**/
.Category-Header {
  grid-area: 1 / 1 / 2 / 4;
  text-align: center;
  padding: 40px;
  font-size: 36px;
  color: black;
  border-top: 3px solid #000;
}

.category-product img {
  display: block;
  border-top: 3px solid #000;
}

.widget_featured_product_widget img {
  border-top: 3px solid #000;
}

.accessories {
  border-top: 3px solid #000;
}

.product-details {
  margin: 15px 20px;
  text-align: center;
}

.product-name {
  font-size: 18px;
}

.product-name a {
  text-decoration: none;
  color: #000;
}

.product-price {
  font-size: 12px;
  margin-left: 5px;
  color: #000;
}

.hamburger-icon, .hamburger-icon-x {
  width: 36px;
  height: 36px;
  margin-top: 0 !important;
  padding: 2px;
}

.Shop-1 {
  grid-area: Shop-1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Shop-2 {
  grid-area: Shop-2;
}

.Shop-3 {
  grid-area: Shop-3;
}

.Shop-4 {
  grid-area: Shop-4;
}

.Shop-5 {
  grid-area: Shop-5;
}

.Shop-1 h3 {
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: normal;
  padding: 30px;
  text-align: center;
  line-height: 40px;
}

.woocommerce .products ul,
.woocommerce ul.products {
  margin: 0;
}

/* ANIMATIONS HOMEPAGE */
.scroll {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 18px;
  width: 100%;
  text-align: center;
}

.black-banner {
  background: #000;
  color: #fff;
}

.white-banner {
  background: #fff;
  color: #000;
}

.Section-1 .black-banner.scroll {
  position: relative;
}

.scroll .text {
  font-weight: 900;
  font-size: 1.6em;
  text-transform: uppercase;
  animation: animate 1s linear infinite;
  will-change: transform;
  white-space: nowrap;
}

.scroll .text:nth-child(2) {
  animation: animate2 20s -10s linear infinite;
}

@keyframes animate {
  50% {
    opacity: 0;
  }
}

.text5 {
  transform: rotate(5deg) translate(-200px, 250px);
}

/* END: ANIMATIONS HOMEPAGE */

.wpgs-nav {
  display: none;
}

.product .entry-summary {
  font-size: 85%;
}

.product .entry-summary ul {
  margin: 0;
  padding: 0;
}

.product .entry-summary ul li {
  list-style-type: none;
}

.product .entry-summary ul li:before {
  content: "- ";
}

.product .entry-summary a {
  color: #000;
}

.product .entry-summary td.label {
  display: none;
}

.product .entry-summary td.value select {
  padding: 10px;
}

.product .entry-summary .quantity {
  display: none !important;
}

.woocommerce div.product div.images {
  margin-bottom: 0em;
}

/* ARROWS SLIDER PRODUCT DETAIL PAGE */
.flaticon-back {
  background: url("images/arrow.svg") no-repeat 50% !important;
  width: 50px;
  height: 50px;
  transform: rotate(180deg);
  margin-left: 30px;
}

.flaticon-right-arrow.slick-disabled,
.flaticon-back.slick-disabled {
  background: url("images/arrow-disabled.svg") no-repeat 50% !important;
}

.flaticon-right-arrow {
  background: url("images/arrow.svg") no-repeat 50% !important;
  width: 50px;
  height: 50px;
  margin-right: 30px;
}

.flaticon-back:before,
.flaticon-right-arrow:before {
  content: none !important;
}

/* END: ARROWS SLIDER PRODUCT DETAIL PAGE */

/***************************************/
/************ ARTIST SECTION ***********/
/***************************************/

/* Artist containers */
.Artist-Header {
  grid-area: Artist-Header;
  text-align: center;
}

.Artist-Header h3 {
  font-weight: normal;
  font-size: 36px;
  margin: 10px;
  padding: 20px;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-transform: uppercase;
}

.Artist-Image {
  grid-area: Artist-Image;
  display: flex;
}

.Artist-Image2 {
  grid-area: Artist-Image;
  display: flex;
}

.Artist-Details {
  grid-area: Artist-Details;
  padding: 30px;
}

.Artist-Video {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: span 2;
}

@media only screen and (max-width: 719px) {
  .Artist-Video {
    border-top: 3px solid black;
  }
}

figure.presto-block-video {
  margin: 0 !important;
}


/* Artist content */

/* Artist Name Headline */
.artist-label {
  font-size: 12px;
  padding-left: 0 !important;
}

/* Artist Name Profession Insta Info */
.Artist-Details h4,
.Artist-Details h4.artist-name {
  font-size: 18px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 10px;
}

.Artist-Details a {
  color: #000;
  font-weight: normal;
}

/* Questions */
.Artist-Details h3 {
  font-size: 12px;
  margin: 0;
}

/* Answers */
.Artist-Details p {
  font-size: 12px;
  font-weight: normal;
  padding-left: 80px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.Artist-Details p {
  padding-left: 20px;
}

/***************************************/
/********* END: ARTIST SECTION *********/
/***************************************/

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  width: initial;
  margin: 0 3px 0 0;
  padding: 30px;
  overflow: hidden;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  width: 100%;
}

.wpgs {
  grid-area: Product-Gallery;
}

.summary {
  grid-area: Product-Details;
  background: #fff;
}

.featured-images-1 {
  grid-area: Product-Featured-Images-1;
  display: flex;
  border-bottom: 3px solid #000;
}

.featured-description-1 {
  background: #fff;
  grid-area: Product-Featured-Images-1;
  display: block;
  padding: 30px;
  border-top: 3px solid #000;
}

@media screen and (min-width: 720px) {
  .featured-description-1 {
    border-top: none;
  }
}

.product-faqs h3 {
  margin-bottom: .5rem;
}

.product-faqs h6 {
  font-weight: 800;
  margin-top: .5rem;
  margin-bottom: .25rem;
}

.product-faqs p {
  margin-top: 0;
  margin-bottom: 1rem;
}


.featured-images-2 {
  grid-area: Product-Featured-Images-2;
  display: flex;
  border-bottom: 3px solid #000;
}

.Artist {
  grid-area: Artist;
}

.Artist2 {
  grid-area: Artist2;
}


@media only screen and (max-width: 719px) {
  .Artist2 {
    border-top: 3px solid black;
  }
}

.artist-container {
  margin-right: 0;
}

.artist-container2 {
  margin-right: 0;
}

.featured-images-2 {
  margin-right: 0;
}

.widget_featured_product_widget img {
  display: block;
  margin: 0 auto;
}

.footer-section .widget {
  padding: 26px;
}

.footer-section .widget strong {
  margin-bottom: 0;
  margin-top: 30px;
}

.search-menu,
.search-menu:hover {
  display: block;
  text-indent: -9999px;
  background: url("images/search.svg") no-repeat 50% !important;
  cursor: pointer;
}

.product .entry-summary .button {
  width: 100%;
  padding: 15px;
}

.search-field {
  display: none;
}

.fa-shopping-cart {
  font-size: 25px;
}

.menu-top-container .cart a {
  padding: 20px 0px 20px 20px !important;
}

h1.entry-title {
  margin: 0;
  padding: 10px 30px;
}

a:active,
a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

/**** Julia ****/

a.custom-logo-link {
  padding-top: 20px;
}

a.custom-logo-link img {
  max-width: 200px;
}

.woocommerce-notices-wrapper {
  display: none !important;
}

a.outline,
a.outline:hover {
  text-decoration: none;
}

/**********************************/
/************ CHECKOUT ************/
/**********************************/

/*checkout page margin bug bottom*/
article#post-5 {
  margin: 0;
}

/*product photo checkout*/
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img,
#add_payment_method table.cart img {
  width: 170px;
}

/*product photo container checkout*/
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail,
#add_payment_method table.cart .product-thumbnail {
  max-width: 130px;
}

/*checkout font size*/
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-checkout table.cart th,
.woocommerce-checkout table.cart td,
#add_payment_method table.cart th,
#add_payment_method table.cart td {
  font-size: 18px;
}

/*checkout spalte "name"*/
td.product-name {
  padding-right: 40px !important;
}

th.product-subtotal {
  text-align: center;
  padding-right: 30px !important;
}

td.product-subtotal {
  text-align: center;
}

th.product-quantity {
  text-align: right;
  padding-right: 20px !important;
}

td.product-quantity {
  text-align: right;
}

small.includes_tax {
  padding-left: 20px;
}

/**********************************/
/********** END: CHECKOUT *********/
/**********************************/

a.checkout-button.button.alt.wc-forward {
  background-color: #000;
  border-radius: 0;
}

.product_meta {
  display: none;
}

.woocommerce table.shop_table {
  border-radius: 0;
}

button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
  /* font-size: 18px; */
  font-size: 22px;
}

button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
  background-color: #000;
  cursor: unset;
  opacity: 0.1;
}

/**** end julia ****/

/***********************************/
/************COOKIE*****************/
/***********************************/
#cookie-law-info-bar {
  border-top: 3px solid #000;
}

#cookie-law-info-bar span {
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}

#cookie_action_close_header {
  background: #000 !important;
}

/***********************************/
/*********END: COOKIE***************/
/***********************************/

.woocommerce div.product span.price,
.woocommerce div.product p.price {
  margin: 20px;
}

del .woocommerce-Price-amount {
  color: grey;
  text-decoration: line-through;
  padding: 0px 2px;
}

.woocommerce-product-details__short-description p:first-child {
  font-size: 18px;
}

.woocommerce-product-details__short-description h3 {
  font-size: 12px;
}

button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
button.single_add_to_cart_button.button.alt {
  font-size: 18px;
}

.page-container {
  margin-top: 64px;
}

/*REMOVE THUMBNAILS PRODUCT DETAIL PAGE*/
.jck-wt-all-images-wrap {
  display: none !important;
}

.jck-wt-all-images-wrap.jck-wt-reset.jck-wt-all-images-wrap--thumbnails-below {
  display: none;
}

/* Route filter */
.route-filter-cover {
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.translated-ltr .route-filter-cover h4 {
  padding-left: 50px;
}

.route-filter-cover h4 {
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  padding-left: 25px;
}

.region_rr {
  padding: 0;
  margin: 0;
  height: 21px;
  letter-spacing: 0.75px;
  font-size: 15px;
  text-transform: uppercase;
}

.route-filter-wrapp {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.route-filter-field {
  min-width: 23%;
  position: relative;
  padding: 10px;
}

.route-filter-field.route-filter-distance,
.route-filter-field.route-filter-elevation {
  padding: 10px 18px 10px 15px;
}

.route-filter-field select {
  width: 100%;
  padding: 4px 9px;
  border: 2px solid #000;
  -moz-appearance: auto;
  -webkit-appearance: auto;
  appearance: auto;
  font-size: 14px;
  margin-top: 2px;
  border-radius: 0 !important;
}

.route-filter-field>label {
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 0 !important;
}

#slider-distance,
#slider-elevation,
#slider-distance-max,
#slider-elevation-max {
  background: #e9e9e9;
  height: 3px;
  border: 0;
  top: 15px;
}

#slider-distance .ui-slider-handle,
#slider-elevation .ui-slider-handle,
#slider-distance-max .ui-slider-handle,
#slider-elevation-max .ui-slider-handle {
  width: 8px;
  background: #000;
  border-radius: 0px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  top: -13px;
  border: 0px;
  margin-left: -1px;
}

#slider-distance label,
#slider-elevation label,
#slider-distance-max label,
#slider-elevation-max label {
  position: absolute;
  margin-top: 20px;
  text-align: left;
  font-size: 14px;
}

#slider-distance label.pipe,
#slider-elevation label.pipe,
#slider-distance-max label.pipe,
#slider-elevation-max label.pipe {
  top: 0;
  text-align: center;
  float: left;
  font-size: 12px;
}

/* #slider-elevation label:last-child,
#slider-elevation-max label:last-child {
    left: calc(100% - 33px) !important;
} */
#slider-distance label:nth-child(2),
#slider-elevation label:nth-child(2),
#slider-distance-max label:nth-child(2),
#slider-elevation-max label:nth-child(2) {
  margin-left: 0;
}

.route-filter-footer {
  text-align: right;
  margin-top: 50px;
  max-width: 970px;
  margin-right: 50px !important;
}

.route-filter-footer input[type="submit"] {
  font-size: 13px;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  padding: 9px 20px;
  line-height: 1;
  border-radius: 0;
}

.route-filter-footer input[type="submit"]:hover,
.route-filter-footer input[type="submit"]:focus {
  text-decoration: none;
  box-shadow: none;
}

/**
 * Hide tooltip on map
 * Changes 13-03-2021
 **/
.route-details .tooltip {
  display: none;
}

.route-elevation {
  margin-top: 30px;
}

.single .Route-extra-links {
  border-top: 3px solid #000;
  text-align: center;
  border-bottom: 0 !important;
  padding: 20px;
}

.single .Route-extra-links p {
  margin-bottom: 50px;
}

.single .Route-extra-links a {
  width: 300px;
  background: #000;
  color: #fff;
  padding: 5px;
  display: inline-block;
  text-decoration: none;
}

.Route-extra-link-wrap {
  margin-bottom: 20px;
}

.single .Route-extra-links .Route-gpx-text {
  float: left;
  background: #fff;
  color: #000;
  padding: 0 5px;
}

.elevation-control.elevation .background {
  max-height: 500px;
}

.elevation-detached .elevation-summary {
  display: none;
}

label#distance_handle,
label#elevation_handle,
label#distance_handle_max,
label#elevation_handle_max {
  padding: 0 2px;
  top: -50px !important;
  background: #fff;
  z-index: 9;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
}

#slider-distance .ui-state-hover,
#slider-distance .ui-state-focus,
#slider-distance .ui-state-active {
  border-radius: 0;
}

p.disclaimer-routes {
  border-top: 3px solid #000 !important;
}

.home .Section-9 {
  border-bottom: none !important;
}

.home .footer-bar {
  margin: 0 20px;
}

#slider-distance label.pipe,
#slider-elevation label.pipe {
  font-size: 0;
}

label#distance_handle+label.pipe,
label#elevation_handle+label.pipe {
  font-size: 12px !important;
}

#slider-distance label.pipe:last-child {
  font-size: 12px;
  margin-left: -35px;
}

#slider-elevation label.pipe:last-child {
  font-size: 12px;
  margin-left: -40px;
}

#slider-distance label.pipe:last-child:before {
  left: 35px;
}

#slider-elevation label.pipe:last-child:before {
  left: 40px;
}

.region-title {
  letter-spacing: 1.25px;
  padding: 0;
  margin: 0;
  height: 32px;
  font-size: 18px;
}

label#distance_handle,
#elevation_handle {
  padding-left: 14px !important;
}

#slider-distance label.pipe:before,
#slider-elevation label.pipe:before {
  position: absolute;
  height: 16px;
  border-left: 2px solid #000;
  content: "";
  left: 0;
  bottom: 19px;
  top: -26px;
}

#slider-distance.ui-slider .ui-slider-range,
#slider-elevation.ui-slider .ui-slider-range {
  border-radius: 0;
}

#slider-distance .ui-widget-header,
#slider-elevation .ui-widget-header {
  background: #000;
}

.elevation-control.elevation.blackwhite-theme .axis line,
.elevation-control.elevation.blackwhite-theme .axis path {
  stroke: #000 !important;
}

.elevation-control.elevation.blackwhite-theme path.altitude {
  stroke: #000 !important;
  fill: #ccc !important;
}

.elevation-control.elevation.blackwhite-theme .background {
  background: #fff !important;
}

@media only screen and (max-width: 991px) {
  .route-filter-field {
    min-width: 45%;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 724px) {
  .route-filter-field {
    min-width: 99%;
  }

  .route-filter-field.route-filter-distance,
  .route-filter-field.route-filter-elevation {
    margin-bottom: 60px;
  }

  .routes-header {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home #page .footer-container {
    border-top: none !important;
  }
}

/*Date: 24--4-2021 for scroll bar css*/
.elevation-control.elevation .background {
  touch-action: auto !important;
}

.frm-fluent-form .ff_upload_btn.ff-btn {
  background: #000 !important;
  width: 100%;
}

.fluentform .ff-btn {
  border-radius: 0 !important;
  font-size: 18px !important;
  padding: 0px 35px !important;
  border: none !important;
  line-height: 40px !important;
}

.fluentform .ff-btn:hover {
  text-decoration: underline !important;
}

.gpx_section .ff-el-input--label.asterisk-right label {
  position: absolute;
  z-index: 99;
  background: #fff;
  padding: 3px 7px;
  height: 30px;
  top: 29px;
  left: 2px;
}

.ko_button {
  background: #000;
  color: #fff;
  width: 100%;
  display: block;
  border-radius: 4px;
  padding: 6px;
  text-decoration: none;
  font-size: 16px;
}

.ko_button:hover {
  outline: 0;
  text-decoration: none;
  opacity: 0.8;
  color: #fff;
}

.fluentform .gpx_section .ff-el-input--label {
  position: static !important;
}

.fluentform .ff_upload_btn.ff-btn {
  padding: 6px 20px 5px !important;
}

.last_bild {
  padding-top: 20px;
}

.last_bild .ff-el-form-bottom {
  margin-bottom: 0;
}

.last_bild .ff-el-input--label label {
  margin-bottom: 0;
}

.last_bild .ff-el-group {
  margin-bottom: 10px;
}

.last_bild .alle_text {
  color: #727272;
}

.last_bild_form {
  padding-bottom: 70px;
}

form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit {
  border-radius: 0 !important;
}

.gpx_section .ff-el-group {
  position: relative;
}

.ff-el-group.top_heading p {
  font-size: 34px;
  margin: 10px;
  font-weight: 700;
}

#fluentform_1 .ff-t-cell {
  vertical-align: middle !important;
}

.top_heading h6.sub_head {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 10px;
}

.ff-el-group.upload_img {
  height: 150px;
  border: 2px solid #000;
  border-radius: 4px;
  text-align: left !important;
}

.frm-fluent-form .upload_img .ff_upload_btn.ff-btn {
  background: transparent !important;
  width: 100%;
  color: #ccc !important;
  text-align: left;
}

.tri_button {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  margin-top: 30px;
}

.fluentform .ff-el-form-control {
  color: #838383 !important;
  border: 2px solid #000 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
}


.ff-el-group.upload_img {
  border-radius: 0 !important;
}

form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit {
  text-transform: uppercase;
  padding: 12px 10px;
}

.link_field {
  background: #000;
  color: #fff;
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.link_field::-webkit-input-placeholder {
  color: #fff !important;
  font-size: 12px !important;
}

.link_field::-moz-placeholder {
  color: #fff !important;
  font-size: 12px !important;
}

.link_field:-ms-input-placeholder {
  color: #fff !important;
  font-size: 12px !important;
}

.link_field:-moz-placeholder {
  color: #fff !important;
  font-size: 12px !important;
}

.link_field_grid label {
  color: #ccc;
  font-size: 14px;
  font-weight: 400 !important;
  text-align: left !important;
  display: block !important;
  margin-bottom: 10px !important;
}

#ff_1_description {
  height: 150px;
}

.alle_text {
  margin: 0;
  line-height: 18px;
  text-align: left;
  color: #ccc;
  font-size: 14px;
}

.route-details {
  border-bottom: 3px solid #000;
}

.border_top::before {
  position: absolute;
  content: "";
  width: 63%;
  height: 3px;
  background: #000;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#route_mobile {
  display: none;
}

.sub_head {
  margin-bottom: 0;
}

.form_mobile {
  display: none;
}

.Route-extra-link-wrap a {
  width: 300px;
  background: #000;
  color: #fff;
  padding: 5px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

.Route-extra-link-wrap a span {
  float: left;
  background: #fff;
  color: #000;
  padding: 0 5px;
}

.outline.route-title {
  margin-top: 0;
}

#ff_1_country-list,
#ff_4_country-list {
  background-image: url("https://www.trikoterie.at/wp-content/uploads/2021/05/drop_arrow.png");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position-x: 98%;
  background-position-y: 10px;
  height: 34px;
}

/* .ff-el-group.upload_img {
	background-image: url("https://www.trikoterie.at/wp-content/uploads/2021/05/plus.png");
	background-repeat: no-repeat;
	background-size: 27px;
	background-position-x: 100%;
	background-position-y: 0px;
} */

.line_h_0 {
  line-height: 0;
}

svg .legend {
  display: none;
}

.Route-Gallery img {
  height: auto;
}

.page-container.rt_bar {
  margin-top: 0 !important;
  background: #000;
  padding-top: 15px;
  margin-bottom: 0;
  text-align: center;
  padding-bottom: 15px;
  color: #fff;
  text-align: center;
}

.page-container.rt_bar a {
  color: #fff;
  font-size: 35px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .form_mobile {
    display: block;
  }

  .desktop-form {
    display: none;
  }

  .mobile_lebel_box .ff-el-input--label.ff-el-is-required.asterisk-right {
    position: relative;
    width: 100%;
  }

  .mobile_lebel_box .ff-el-input--label.ff-el-is-required.asterisk-right label {
    position: absolute;
    top: 18px;
    z-index: 9999;
    background: #fff;
    left: 4px;
  }

  #route_mobile {
    display: block !important;
  }

  #route_desktop {
    display: none !important;
  }

  .post-type-archive-routes svg .legend {
    display: none;
  }

  .routes-header h1,
  .routes-header h2 {
    font-size: 22px;
  }
}

@media (max-width: 484px) {
  .top_bo_mo {
    border-top: 3px solid #000;
  }

  .line_h_0,
  .Route-Gallery {
    line-height: 0;
  }

  #mar_single_route_map,
  #mar_single_route_map2 {
    height: 300px;
  }

  .route-item-container {
    display: block;
  }

  .single .Route-extra-links a {
    width: 100%;
  }

  .home .footer-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .footer-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .route-title {
    font-size: 30px;
  }

  .Route-extra-link-wrap a {
    width: 100%;
  }
}

.frm-fluent-form .ff_upload_btn.ff-btn {
  margin-bottom: 14px;
  font-size: 12px;
  height: 34px;
}

/*Date 04-30-2021*/
.route-name h2.entry-title {
  margin: 0;
}

.route-filter-distance>label,
.route-filter-elevation>label {
  margin-left: -2px;
}

.Route-Chart.elevation-detached .elevation,
#fluentform_1 .last_bild .ff-t-column-2 .ff-el-input--content,
#fluentform_4 .ff-t-container .upload_img .ff-el-input--content {
  position: relative;
}

.Route-Chart.elevation-detached svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

#route_desktop .elevation-detached .elevation {
  padding-top: 0px;
  height: 100%;
}

.desktop-form .fluentform .last_bild_form {
  padding-bottom: 10px;
}

.home .footer-bar {
  margin: auto;
}

#fluentform_1 .last_bild .ff-t-column-2 .ff-el-input--content:after,
#fluentform_4 .ff-t-container .upload_img .ff-el-input--content:after {
  content: "+";
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  width: 43px;
  height: 30px;
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 1;
  z-index: -1;
}

/*media query*/
@media (max-width: 767px) {
  #route_mobile .Route-Summary {
    padding: 4.5em 1em;
  }

  #route_mobile .Route-Summary .route-title {
    font-size: 65px;
  }

  #route_mobile .Route-Chart.elevation-detached .elevation {
    height: 300px;
    padding: 0;
  }

  #route_mobile .Route-Map.grid#mar_single_route_map2,
  .Route-Chart.elevation-detached svg {
    height: 300px;
  }

  #route_mobile .grid.line_h_0 {
    border-top: 3px solid #000;
  }

  .route-filter-cover h4 {
    padding-left: 13px;
  }
}

@media (max-width: 355px) {
  #route_mobile .Route-Summary .route-title {
    font-size: 54px;
  }
}

@media (max-width: 720px) {

  .footer-container,
  .footer-bar {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .route-filter-footer {
    margin-right: 15px !important;
  }

  .page-container.rt_bar a {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .route-filter-cover .route-filter-footer {
    margin-right: 0 !important;
    display: flex;
    justify-content: flex-end;
  }

  .route-filter-cover .route-filter-footer input[type="submit"] {
    margin-right: 5px;
  }

  .translated-ltr .route-filter-cover .route-filter-footer input[type="submit"] {
    margin-right: 39px;
  }
}