/*!
Theme Name: Bergisch Media
Theme URI: http://underscores.me/
Author: wuppermark
Author URI: https://bevime.de
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tenzintravel
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.

Tenzin Travel 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/
*/
/*--------------------------------------------------------------
>>> paddLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/* poppins-700 - latin */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap");
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("https://www.bevime.de/wp-content/fonts/poppins-v19-latin-700.woff2") format("woff2"), url("https://www.bevime.de/wp-content/fonts/poppins-v19-latin-700.woff") format("woff");
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""), url("https://www.bevime.de/wp-content/fonts/source-sans-pro-v19-latin-300.woff2") format("woff2"), url("https://www.bevime.de/wp-content/fonts/source-sans-pro-v19-latin-300.woff") format("woff");
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(""), url("https://www.bevime.de/wp-content/fonts/source-sans-pro-v19-latin-600.woff2") format("woff2"), url("https://www.bevime.de/wp-content/fonts/source-sans-pro-v19-latin-600.woff") format("woff");
}
/**
 * 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%;
  box-sizing: border-box;
  scroll-padding-top: 3rem;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0 auto;
  background: white;
  max-width: 1920px;
  background: #F5F5F5;
}
body#home-body {
  background: #CBDFFA;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2rem;
  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;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

/**
 * 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: paddle;
  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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #090c08;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #090c08;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

p {
  margin-bottom: 1.5em;
  color: #090c08;
  letter-spacing: 0.01rem;
  word-spacing: 0.04rem;
  font-weight: 300;
}
p.wp-block-tag-cloud {
  color: #114B5F;
}
p.wp-block-tag-cloud a {
  border-bottom: 1px solid #114B5F;
}
p.wp-block-tag-cloud a:hover {
  border-bottom: none;
}

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
--------------------------------------------------------------*/
/* 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;
  scroll-behavior: smooth;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  width: 20rem;
}

ul,
ol {
  margin: 0 0 2em 0em;
  max-width: 100%;
}

ul {
  list-style: disc;
}

ul#inhalt {
  margin-left: -2.7rem;
  display: flex;
  word-break: keep-all;
  flex-wrap: wrap;
}

ul#inhalt li {
  list-style: none;
  margin-left: 0 !important;
  padding: 0.25rem;
  margin-top: 0;
}
ul#inhalt li a {
  padding: 0.75rem 1.25rem;
  border-radius: 100px;
  text-decoration: none;
  transition: 250ms ease-in-out;
  display: flex;
  background-color: #D99D29;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  font-weight: bold;
}
ul#inhalt li a:hover {
  opacity: 0.8;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

figure {
  margin: 1em 0;
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: none;
  border-radius: 0px 5px 5px 0px;
  background: #D99D29;
  color: white;
  font-size: 1rem;
  padding: 0.25rem 1rem;
  margin-left: -0.2rem;
  transition: 250ms ease-in-out;
}
button.wpcf7-submit,
input[type=button].wpcf7-submit,
input[type=reset].wpcf7-submit,
input[type=submit].wpcf7-submit {
  padding: 1rem 1.5rem;
  border-radius: 500px;
  border: none;
  margin-left: 0;
  font-weight: 700;
  transition: 250ms ease-in-out;
  background-color: #D99D29;
  color: white;
  font-weight: bold;
}
button.wpcf7-submit:hover,
input[type=button].wpcf7-submit:hover,
input[type=reset].wpcf7-submit:hover,
input[type=submit].wpcf7-submit:hover {
  opacity: 0.8;
  cursor: pointer;
  border: none !important;
}
button.wpcf7-submit:disabled:hover,
input[type=button].wpcf7-submit:disabled:hover,
input[type=reset].wpcf7-submit:disabled:hover,
input[type=submit].wpcf7-submit:disabled:hover {
  cursor: not-allowed;
  opacity: 0.25;
}
@media only screen and (max-width: 620px) {
  button.wpcf7-submit,
  input[type=button].wpcf7-submit,
  input[type=reset].wpcf7-submit,
  input[type=submit].wpcf7-submit {
    width: 100%;
  }
}
button.tnp-submit,
input[type=button].tnp-submit,
input[type=reset].tnp-submit,
input[type=submit].tnp-submit {
  background: #D99D29;
}
button.tnp-submit:hover,
input[type=button].tnp-submit:hover,
input[type=reset].tnp-submit:hover,
input[type=submit].tnp-submit:hover {
  opacity: 0.8;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  opacity: 0.8;
  color: white;
  cursor: pointer;
}

nav .search-form {
  margin-left: 10rem;
}
@media only screen and (max-width: 1279px) {
  nav .search-form {
    margin-left: 5rem;
  }
}
@media only screen and (max-width: 1024px) {
  nav .search-form {
    display: flex;
    padding-bottom: 1rem;
    margin-left: 1.5rem;
  }
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border: none;
}

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 {
  -webkit-appearance: none;
  border: 1px solid white;
  font-size: 1rem;
  color: #080B0C;
  border-radius: 5px 0px 0px 5px;
  padding: 4px;
  width: 10rem;
  text-indent: 4px;
}
input[type=text].wpcf7-text,
input[type=email].wpcf7-text,
input[type=url].wpcf7-text,
input[type=password].wpcf7-text,
input[type=search].wpcf7-text,
input[type=number].wpcf7-text,
input[type=tel].wpcf7-text,
input[type=range].wpcf7-text,
input[type=date].wpcf7-text,
input[type=month].wpcf7-text,
input[type=week].wpcf7-text,
input[type=time].wpcf7-text,
input[type=datetime].wpcf7-text,
input[type=datetime-local].wpcf7-text,
input[type=color].wpcf7-text,
textarea.wpcf7-text {
  max-width: 100%;
  width: 20rem;
  border-radius: 5px;
  border: 2px solid #f2f2f2;
  background-color: #f2f2f2;
  position: relative;
  font-weight: bold;
}
input[type=text].wpcf7-textarea,
input[type=email].wpcf7-textarea,
input[type=url].wpcf7-textarea,
input[type=password].wpcf7-textarea,
input[type=search].wpcf7-textarea,
input[type=number].wpcf7-textarea,
input[type=tel].wpcf7-textarea,
input[type=range].wpcf7-textarea,
input[type=date].wpcf7-textarea,
input[type=month].wpcf7-textarea,
input[type=week].wpcf7-textarea,
input[type=time].wpcf7-textarea,
input[type=datetime].wpcf7-textarea,
input[type=datetime-local].wpcf7-textarea,
input[type=color].wpcf7-textarea,
textarea.wpcf7-textarea {
  border: 2px solid #f2f2f2 !important;
  background-color: #f2f2f2 !important;
}
input[type=text]#newsletter,
input[type=email]#newsletter,
input[type=url]#newsletter,
input[type=password]#newsletter,
input[type=search]#newsletter,
input[type=number]#newsletter,
input[type=tel]#newsletter,
input[type=range]#newsletter,
input[type=date]#newsletter,
input[type=month]#newsletter,
input[type=week]#newsletter,
input[type=time]#newsletter,
input[type=datetime]#newsletter,
input[type=datetime-local]#newsletter,
input[type=color]#newsletter,
textarea#newsletter {
  width: 20rem;
}

form input.wpcf7-form-control {
  border: 2px solid #f2f2f2;
}

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;
  border: 2px solid rgba(0, 0, 0, 0.25);
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}
textarea.wpcf7-textarea {
  border: 2px solid #f2f2f2 !important;
  background-color: #f2f2f2 !important;
  border-radius: 5px;
  font-weight: bold;
}
textarea.wpcf7-textarea:focus {
  border: 2px solid rgba(0, 0, 0, 0.25);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}*/
a:focus {
  outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  color: #080B0C;
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  .main-navigation {
    display: block;
    max-width: 100%;
  }
}

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

.main-navigation ul ul {
  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 {
  left: 100%;
}

.main-navigation ul ul a {
  width: 200px;
}

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

.main-navigation li {
  float: left;
  position: relative;
  font-weight: bold;
  transition: 250ms ease-in-out;
  margin-top: -1.8rem;
}
@media only screen and (max-width: 1024px) {
  .main-navigation li {
    margin-top: 0;
  }
}
@media only screen and (max-width: 960px) {
  .main-navigation li {
    float: none;
  }
}

.menu-menu-1-container {
  height: 100%;
  vertical-align: center;
}

.sub-menu li {
  left: 0;
}

.main-navigation .current-menu-item a {
  color: white;
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .main-navigation .current-menu-item a {
    color: #080B0C;
  }
}

.main-navigation a {
  display: block;
  text-decoration: none;
  color: white;
  padding: 0.3rem 1.5rem;
  z-index: 1000;
  position: relative;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1024px) {
  .main-navigation a {
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    color: #080B0C;
  }
}

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

@media screen and (min-width: 961px) {
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation, .site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  visibility: hidden;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
  visibility: hidden;
}

/*--------------------------------------------------------------
# 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: 14px;
  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. */
#content[paddindex="-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: paddle;
  paddle-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 1.5em;
}

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

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

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

.content-container {
  width: 90%;
  max-width: 180ch;
  margin: 0 auto;
  padding-top: 1rem;
  margin-bottom: 5rem;
  position: relative;
}
.content-container#full {
  display: block;
}
.content-container .entry-content#page {
  width: 180ch !important;
  max-width: 90%;
  margin: auto;
}
.content-container .entry-content#single {
  width: 180ch;
  max-width: 90%;
  margin: auto;
}
@media screen and (max-width: 860px) {
  .content-container .entry-content#single {
    width: 100%;
  }
}
.content-container .entry-content#single p {
  font-size: 16px;
  line-height: 200%;
}
@media screen and (max-width: 860px) {
  .content-container .entry-content#single p {
    font-size: 16px;
  }
}
.content-container .entry-content#single img {
  max-width: 100%;
}
@media screen and (max-width: 860px) {
  .content-container .entry-content#single img {
    border-radius: 5px;
  }
}
.content-container .entry-content#single h2, .content-container .entry-content#single h3 {
  padding-top: 3rem;
  text-align: left;
  font-size: 2rem;
}
.content-container .entry-content#single h2:first-of-type, .content-container .entry-content#single h3:first-of-type {
  padding-top: 0;
  margin-top: 0;
}
.content-container .entry-content#single ul {
  padding-inline-start: 20px;
  margin-bottom: 1rem;
}
.content-container .entry-content#single ul li {
  font-size: 18px;
  padding-top: 1rem;
  line-height: 200%;
}
@media screen and (max-width: 860px) {
  .content-container .entry-content#single ul li {
    font-size: 16px;
  }
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5rem 0 0;
  word-spacing: 1.5px;
  position: relative;
}
.page-content p,
.entry-content p,
.entry-summary p {
  color: #080B0C;
  font-size: 16px;
  line-height: 1.7;
}
@media only screen and (max-width: 600px) {
  .page-content p,
  .entry-content p,
  .entry-summary p {
    font-size: 16px;
  }
}
.page-content.category-content,
.entry-content.category-content,
.entry-summary.category-content {
  margin-top: -1rem;
  color: white;
  padding-bottom: 1rem;
}
.page-content .search-form,
.entry-content .search-form,
.entry-summary .search-form {
  text-align: center;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 1024px) {
  .page-content,
  .entry-content,
  .entry-summary {
    max-width: 100%;
  }
}
.page-content h2, .page-content h3, .page-content h4,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4 {
  margin-top: 3.5rem;
  font-size: 26px;
  word-wrap: break-word;
  width: 70%;
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-content h2, .page-content h3, .page-content h4,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-summary h2,
  .entry-summary h3,
  .entry-summary h4 {
    width: 100%;
  }
}
.page-content ul,
.entry-content ul,
.entry-summary ul {
  width: 85ch;
  font-size: 16px;
  max-width: 100%;
}
.page-content ul li,
.entry-content ul li,
.entry-summary ul li {
  margin-top: 1.5rem;
  font-size: 16px;
  margin-left: -0.5rem;
  max-width: 100%;
  line-height: 2;
}
@media only screen and (max-width: 600px) {
  .page-content ul li,
  .entry-content ul li,
  .entry-summary ul li {
    font-size: 16px;
  }
}
.page-content ul li a,
.entry-content ul li a,
.entry-summary ul li a {
  color: #D99D29;
  text-decoration: none;
  font-weight: bold;
}
.page-content ul li a:hover,
.entry-content ul li a:hover,
.entry-summary ul li a:hover {
  opacity: 0.8;
}
.page-content p a,
.entry-content p a,
.entry-summary p a {
  color: inherit;
  border-bottom: 1px solid #364652;
  text-decoration: none;
}
.page-content p a:hover,
.entry-content p a:hover,
.entry-summary p a:hover {
  border-bottom: none;
}

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

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

.bypostauthor {
  display: block;
}

p.comment-form-comment {
  display: block;
}

p.logged-in-as a {
  color: #080B0C;
  text-decoration: none;
  border-bottom: 1px solid #080B0C;
}
p.logged-in-as a:hover {
  border-bottom: none;
}

form#commentform {
  display: block;
}

.comments-area {
  width: 180ch;
  max-width: 90%;
  margin: 0 auto;
}
.comments-area textarea#comment {
  width: 50%;
  max-width: 90%;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.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;
}

.thumbnail-container {
  width: 100%;
  height: 25rem;
  position: relative;
}
.thumbnail-container::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 172, 237, 0.8);
  z-index: 2;
  top: 0;
}
.thumbnail-container .post-thumbnail {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1160px) {
  .thumbnail-container .post-thumbnail {
    width: 100%;
  }
}
.thumbnail-container .post-thumbnail img {
  height: 25rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 37.5em) {
  .thumbnail-container .post-thumbnail img {
    height: 25rem;
  }
}

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

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

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

.mtop3 {
  margin-top: 4rem !important;
  margin-bottom: -5rem !important;
}

.post-h1 {
  width: 180ch;
  max-width: 90%;
  margin: 0 auto;
  margin-top: -7rem;
  margin-bottom: 7rem;
}
@media only screen and (max-width: 1024px) {
  .post-h1 {
    margin-bottom: 3rem;
  }
}

h1.entry-title,
h2.entry-title {
  text-align: left;
  max-width: 90%;
  width: 32ch;
  position: relative;
  color: #080B0C;
}
h1.entry-title.fp,
h2.entry-title.fp {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  margin-top: 3rem;
}
h1.entry-title.single-title,
h2.entry-title.single-title {
  z-index: 10;
  color: white;
  position: absolute;
  bottom: 1rem;
  content: "";
}
@media only screen and (max-width: 1024px) {
  h1.entry-title,
  h2.entry-title {
    font-size: 1.75rem;
    max-width: 90%;
  }
}

.btn-box {
  width: 100%;
  margin-top: 3rem;
  padding-bottom: 2rem;
}
.btn-box a {
  background: #D99D29;
  padding: 1rem 1.5rem;
  border-radius: 3px;
  color: white;
  text-decoration: none;
  font-family: "Source Sans Pro", sans-serif;
  word-spacing: 1px;
  letter-spacing: 0.02rem;
  transition: 0.25s ease-in-out;
  font-weight: 700;
  font-size: 16px;
  filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.12));
}
.btn-box a:hover {
  opacity: 0.8;
}

.entry-meta {
  text-align: left;
  font-size: 1rem;
  width: 180ch;
  max-width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  bottom: 2.5rem;
  color: white;
}
@media only screen and (max-width: 1024px) {
  .entry-meta {
    top: -2.5rem;
  }
}
.entry-meta span {
  font-size: 0.75rem;
}
.entry-meta span a {
  color: white;
  border-bottom: 1px solid white;
  text-decoration: none;
  font-size: 0.75rem;
}
.entry-meta span a:hover {
  border-bottom: none;
}

.site-header {
  background-color: white;
}

.site-branding {
  background-color: white;
  width: 180ch;
  max-width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 1160px) {
  .site-branding {
    width: 90%;
    text-align: center;
  }
}
.site-branding a img {
  height: 7.5rem;
  background: #DCEDFF;
}
@media only screen and (max-width: 800px) {
  .site-branding a img {
    height: 4.5rem;
    text-align: center;
  }
}

.related-box-container {
  margin-top: 2rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.related-box {
  max-width: 47.5%;
  text-align: center;
}
.related-box a {
  text-decoration: none;
}
.related-box a img {
  min-height: 172px;
  max-height: 172px;
  margin-bottom: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.related-box a h3 {
  margin-top: 0.5rem;
}

input.checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.row {
  display: flex;
}
.row .col {
  flex: 1;
}
.row .col:last-child {
  margin-left: 1em;
}

/* Accordion styles */
.tabs {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.tab {
  width: 100%;
  color: #080B0C;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: 250ms ease-in-out;
  border-radius: 5px;
  font-weight: bold;
  /* Icon */
}
.tab-label:hover {
  opacity: 0.8;
}
.tab-label::after {
  content: "\f105";
  font-family: "FontAwesome";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.25s;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #080B0C;
  background: white;
  transition: all 0.25s;
  font-size: 15px;
}
.tab-content a {
  color: #080B0C;
  text-decoration: none;
  border-bottom: 1px solid #080B0C;
}
.tab-content a:hover {
  border-bottom: none;
}
.tab-content p, .tab-content ul, .tab-content li, .tab-content img, .tab-content span, .tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5 {
  margin: 0;
  line-height: 2;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.tab-close:hover {
  opacity: 0.8;
}

input:checked + .tab-label {
  background: rgba(0, 0, 0, 0.05);
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
  margin-top: 0.35rem;
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

.index-text {
  margin: 0 auto;
  width: 100%;
}
.index-text .index-text-inner {
  padding-bottom: 3rem;
  margin: 0 auto;
  width: 70ch;
  max-width: 90%;
  color: #364652;
}
.index-text .index-text-inner h2 {
  margin-top: 3rem;
}
.index-text .index-text-inner p {
  margin-top: -1rem;
}
.index-text .index-text-inner a {
  color: #364652;
  text-decoration: none;
  border-bottom: 1px solid #364652;
}
.index-text .index-text-inner a:hover {
  border-bottom: none;
}

.darken-image {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
}

.wp-block-file .wp-block-file__button {
  padding-top: 2rem;
  border: 2px solid #00aced;
  border-radius: 10px;
}

.pdf-file {
  position: relative;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.pdf-file a {
  padding-top: 10rem;
  width: 15rem;
  display: block;
  padding-bottom: 0.5rem;
  max-width: 100%;
  color: #080B0C;
  background-image: url("http://bergischmedia.local/wp-content/uploads/2021/07/195px-PDF_file_icon.svg-3.png");
  background-repeat: no-repeat;
  text-align: center;
  background-size: 4.5rem;
  background-position: 50% 30%;
  border: 3px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  position: relative;
  text-decoration: none;
  transition: 450ms ease-in-out;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.pdf-file a:last-of-type {
  margin-right: 0;
}
.pdf-file a::after {
  height: 2.7rem;
  width: 100%;
  position: absolute;
  content: "";
  bottom: 0;
  background-color: white;
  left: 0;
  z-index: -1;
}
.pdf-file a:hover {
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
  border: 3px solid white;
}

.about-container {
  width: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 3rem;
  text-align: center;
  background-color: #f2f2f2;
  border-radius: 20px;
}
.about-container .about-text {
  width: 180ch;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  z-index: 2;
}
.about-container .about-text p {
  line-height: 2;
}
.about-container .about-text h2 {
  font-weight: 900;
}

.category-box {
  position: relative;
  top: 0;
  height: 100%;
  text-align: left;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  z-index: 1;
  /*.hero-image {
  	position: absolute;
  	top: -2rem;
  	right: 0;
  	width: 400px;
  	height: 100%;
  	background-image: url("");
  	background-repeat: no-repeat;
  	background-position: center;
  }*/
}
.category-box .shade-left {
  position: absolute;
  z-index: -1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.33) 10.6%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  height: 100%;
  width: 100%;
}
.category-box .category-box-inner {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 110ch;
  max-width: 90%;
  margin: 0 auto;
}
.category-box .category-box-inner .form-placeholder {
  height: 40px;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.category-box .category-box-inner h1 {
  padding-top: 10rem;
  margin-bottom: -1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-size: 2rem;
  width: 30ch;
  color: #fff;
  margin-left: 1rem;
  margin-top: 0;
}
@media only screen and (max-width: 600px) {
  .category-box .category-box-inner h1 {
    width: 90%;
  }
}
.category-box .category-box-inner p {
  color: white;
  width: 50ch;
  word-spacing: 1px;
  margin-left: 1rem;
  max-width: 90%;
  padding-bottom: 1rem;
}
.category-box .category-box-inner span {
  font-size: 1.75rem;
  font-family: "Poppins", sans-serif;
  word-spacing: 1px;
  letter-spacing: 1px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .category-box .category-box-inner span {
    width: 90%;
  }
}

.category-post-container {
  width: 180ch;
  max-width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  margin-top: 3rem;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding-top: 3rem;
}
@media only screen and (max-width: 1160px) {
  .category-post-container {
    max-width: 90%;
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .category-post-container {
    max-width: 90%;
  }
}

.category-post-box {
  margin-bottom: 2rem;
  position: relative;
  height: 14rem;
  transition: 250ms;
  overflow: hidden;
  border-radius: 5px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transition: 250ms ease-in-out;
}
@media only screen and (max-width: 1180px) {
  .category-post-box {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
.category-post-box img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.category-post-box:hover img {
  filter: contrast(75%);
  transform: scale(1.05);
}
@media only screen and (max-width: 1160px) {
  .category-post-box {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.category-post-box .shade-bottom {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.33) 27.6%, rgba(0, 0, 0, 0) 100%);
  height: 10rem;
  width: 100%;
  bottom: 0rem;
  border-radius: 5px;
}
.category-post-box .shade-bottom#homepage {
  background: rgba(0, 172, 237, 0.4);
  height: 100%;
}
.category-post-box img {
  min-width: 100%;
  min-height: 14rem;
  max-height: 14rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 250ms ease-in-out;
  overflow: hidden;
}
.category-post-box h2 {
  position: absolute;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  bottom: 0.5rem;
  color: #fff;
  left: 1.5rem;
  font-size: 20px;
  padding-right: 1rem;
}
.category-post-box h2 h2 {
  color: white;
  text-decoration: none;
}
.category-post-box h2 h2:hover {
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .category-post-box h2 {
    width: 80%;
    font-size: 18px;
    line-height: 110%;
  }
}
@media only screen and (max-width: 420px) {
  .category-post-box h2 {
    width: 90%;
    left: 1rem;
  }
}
.category-post-box p {
  position: absolute;
  width: 50ch;
  color: #fff;
  text-decoration: none;
  left: 3.1rem;
  top: 14rem;
}
@media only screen and (max-width: 600px) {
  .category-post-box p {
    width: 80%;
  }
}
@media only screen and (max-width: 420px) {
  .category-post-box p {
    width: 90%;
    left: 1.1rem;
    font-size: 0.75rem;
    top: 14.25rem;
  }
}
.category-post-box a {
  text-decoration: none;
}

.referenzen {
  width: 120ch;
  max-width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .referenzen {
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
}
.referenzen .ref-card {
  height: 10rem;
  background-color: white;
  overflow: hidden;
  transition: 450ms ease-in-out;
  margin-bottom: 0.5rem;
  border: 2px solid #f7f7f7;
  border-radius: 10px;
}
@media only screen and (max-width: 580px) {
  .referenzen .ref-card {
    height: 7.5rem;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 440px) {
  .referenzen .ref-card {
    height: 6.5rem;
  }
}
.referenzen .ref-card:hover {
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
  border: 2px solid white;
  position: relative;
  z-index: 5;
}
.referenzen .ref-card:hover img {
  filter: grayscale(0%);
}
.referenzen .ref-card img {
  padding-top: 0rem;
  padding-bottom: 0rem;
  position: relative;
  height: 100%;
  width: 100%;
  border: 10px solid white;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%);
  transition: 450ms ease-in-out;
}
@media only screen and (max-width: 1024px) {
  .referenzen .ref-card img {
    border: 5px solid white;
  }
}

.index-sub-outer {
  width: 100%;
  height: 100%;
  padding-top: 6rem;
  padding-bottom: 6rem;
  transition: 250ms ease-in-out;
  overflow: hidden;
  margin: 0 auto;
}
.index-sub-outer.white {
  background: #fff;
}
.index-sub-outer h1, .index-sub-outer h2, .index-sub-outer h4, .index-sub-outer h5, .index-sub-outer h6 {
  font-size: 2rem;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  word-spacing: 1px;
  color: #114B5F;
  margin-top: 0;
  line-height: 95%;
  padding-bottom: 4rem;
  width: 30ch;
  max-width: 90%;
}

.index-sub-container {
  margin-top: 1rem;
  width: 70ch;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: 250ms ease-in-out;
  overflow: hidden;
}
.index-sub-container.blogpage {
  margin: 0 auto;
  max-width: 90%;
  display: block;
}
@media only screen and (max-width: 1160px) {
  .index-sub-container {
    margin: 0 auto;
    max-width: 90%;
    display: block;
  }
}
.index-sub-container .index-sub-box {
  max-width: 45%;
  min-height: 172px;
  max-height: 172px;
  text-align: center;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  border-radius: 10px;
}
.index-sub-container .index-sub-box.blogpage {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
}
.index-sub-container .index-sub-box.blogpage a img {
  max-width: 200px;
}
@media only screen and (max-width: 1160px) {
  .index-sub-container .index-sub-box {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
  }
}
.index-sub-container .index-sub-box span.cat-links {
  position: absolute;
  left: 15px;
  bottom: 64px;
}
.index-sub-container .index-sub-box a {
  text-decoration: none;
}
.index-sub-container .index-sub-box a img {
  min-height: 172px;
  max-height: 172px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 250ms ease-in-out;
  overflow: hidden;
  border-radius: 10px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.index-sub-container .index-sub-box a img:hover {
  filter: contrast(75%);
  transform: scale(1.1);
  border-radius: 10px;
}
@media only screen and (max-width: 1160px) {
  .index-sub-container .index-sub-box a img {
    max-width: 200px;
  }
}
.index-sub-container .index-sub-box a h3 {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
}
@media only screen and (max-width: 1160px) {
  .index-sub-container .index-sub-box a h3 {
    text-align: left;
  }
}

.sub-menu-outer {
  width: 90%;
  max-width: 180ch;
  height: 100%;
  padding-top: 6rem;
  padding-bottom: 6rem;
  transition: 250ms ease-in-out;
  overflow: hidden;
  margin: 0 auto;
}
@media only screen and (max-width: 960px) {
  .sub-menu-outer {
    padding-bottom: 0rem;
  }
}
.sub-menu-outer#reiseziele {
  padding-bottom: 0;
  padding-top: 3rem;
}
.sub-menu-outer h1, .sub-menu-outer h2, .sub-menu-outer h4, .sub-menu-outer h5, .sub-menu-outer h6 {
  position: relative;
  font-size: 2rem;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  word-spacing: 1px;
  color: #fff;
  margin: 0;
  line-height: 95%;
  padding-bottom: 4rem;
  margin: 0 auto;
  text-align: center;
  width: 30ch;
  max-width: 90%;
}

.sub-menu-container {
  margin-top: 1rem;
  width: 180ch;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: 250ms ease-in-out;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1160px) {
  .sub-menu-container {
    margin: 0 auto;
    max-width: 90%;
    display: block;
    left: 0;
  }
}
.sub-menu-container .box-outer {
  margin-bottom: 1rem;
}
.sub-menu-container .sub-menu-box {
  min-width: 340px;
  max-width: 340px;
  text-align: center;
  position: relative;
  min-height: 160px;
  max-height: 160px;
  border-radius: 10px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media only screen and (max-width: 1160px) {
  .sub-menu-container .sub-menu-box {
    min-width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
}
@media only screen and (max-width: 680px) {
  .sub-menu-container .sub-menu-box {
    min-height: 120px;
    max-height: 120px;
  }
}
.sub-menu-container .sub-menu-box .shading {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 222;
  background: rgba(0, 172, 237, 0.8);
  overflow: hidden;
  transition: 250ms ease-in-out;
}
.sub-menu-container .sub-menu-box a:hover h3 {
  bottom: 15px;
}
.sub-menu-container .sub-menu-box a:hover img {
  transform: scale(1.1);
}
.sub-menu-container .sub-menu-box a:hover .shading {
  background: rgba(0, 172, 237, 0.6);
}
.sub-menu-container .sub-menu-box img {
  position: relative;
  min-height: 160px;
  max-height: 160px;
  margin-bottom: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 340px;
  max-width: 340px;
  transition: 250ms ease-in-out;
  overflow: hidden;
  border-radius: 10px;
  transition: 250ms ease-in-out;
  left: 0;
}
@media only screen and (max-width: 1160px) {
  .sub-menu-container .sub-menu-box img {
    min-width: 100%;
    max-width: 100%;
  }
}
.sub-menu-container .sub-menu-box h3 {
  z-index: 2226;
  position: absolute;
  margin-top: 0.5rem;
  text-align: left;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  word-spacing: 1px;
  color: #fff;
  margin-top: 0;
  line-height: 95%;
  transition: 250ms ease-in-out;
  bottom: 10px;
  left: 20px;
  padding-right: 20px;
}

.wp-block-image {
  font-size: 18px;
  max-width: 100%;
  border-radius: 10px;
  position: relative;
}
.wp-block-image figcaption {
  color: white;
  text-align: center;
  font-size: 0.8em;
  position: absolute;
  margin-top: 0;
  bottom: -0.9rem;
  width: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 70%, transparent);
  padding: 3em 0.77em 0.7em;
  overflow: auto;
  border-radius: 0 0 10px 10px;
}
.wp-block-image figcaption a {
  color: #080B0C;
  text-decoration: none;
  border-bottom: 1px solid #080B0C;
}
.wp-block-image figcaption a:hover {
  border-bottom: none;
}

ul li.blocks-gallery-item figure img {
  border-radius: 10px;
}

figcaption.blocks-gallery-item__caption {
  border-radius: 0 0 10px 10px;
}

figcaption.blocks-gallery-caption {
  color: white;
  text-align: center;
  margin-top: -6px;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #f7f7f7;
  border-radius: 0px 0px 5px 5px;
}
figcaption.blocks-gallery-caption a {
  color: #304C89;
  text-decoration: none;
  border-bottom: 1px solid #304C89;
}
figcaption.blocks-gallery-caption a:hover {
  border-bottom: none;
}

.pre-footer {
  margin: 0 auto;
  width: 100%;
}
.pre-footer#location {
  background-color: #fff;
}
.pre-footer .pre-footer-inner {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin: 0 auto;
  width: 180ch;
  max-width: 90%;
  color: #090c08;
}
.pre-footer .pre-footer-inner h3 {
  margin-top: 3rem;
  color: #090c08;
  font-family: "Source Sans Pro", sans-serif;
  word-spacing: 1px;
  letter-spacing: 1px;
  font-size: 1.1rem;
  line-height: 95%;
}
.pre-footer .pre-footer-inner p {
  margin-top: -0.5rem;
  color: #090c08;
}
.pre-footer .pre-footer-inner a {
  color: #090c08;
  text-decoration: none;
  border-bottom: 1px solid #090c08;
}
.pre-footer .pre-footer-inner a:hover {
  border-bottom: none;
}

.site-footer {
  background-color: #080B0C;
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.site-footer .site-info {
  padding-top: 1.25rem;
  margin: 0 auto;
  width: 180ch;
  max-width: 90%;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .site-footer .site-info {
    font-size: 14px;
    padding-right: 0;
  }
}
@media screen and (max-width: 860px) {
  .site-footer .site-info {
    display: block;
  }
}
.site-footer .site-info .element-1 {
  width: 33.3%;
  text-align: left;
  position: relative;
  color: white;
}
.site-footer .site-info .element-1 img {
  height: 2.5rem;
  margin-top: 1rem;
}
@media screen and (max-width: 860px) {
  .site-footer .site-info .element-1 {
    width: 100%;
    text-align: center;
  }
}
.site-footer .site-info .element-1 p {
  margin-bottom: 0.5rem;
  color: white;
  font-size: 15px;
}
.site-footer .site-info .element-1 h4 {
  position: absolute;
  top: -3.2rem;
  left: 0;
  font-size: 1.2rem;
  color: white;
}
@media screen and (max-width: 860px) {
  .site-footer .site-info .element-1 h4 {
    position: relative;
    top: 1.5rem;
  }
}
.site-footer .site-info .element-2 {
  width: 20%;
  text-align: left;
  margin-left: 5rem;
}
.site-footer .site-info .element-2 p {
  margin-bottom: 0.5rem;
  color: white;
}
.site-footer .site-info .element-2 ul {
  padding: 0;
}
.site-footer .site-info .element-2 ul li {
  list-style: none;
  color: white;
}
.site-footer .site-info .element-2 ul li a {
  font-weight: 300;
  line-height: 2rem;
  color: white;
  font-size: 15px;
}
.site-footer .site-info .element-2 ul li a:hover {
  border-bottom: 1px solid white;
}
@media screen and (max-width: 860px) {
  .site-footer .site-info .element-2 {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
    margin-left: 0;
  }
}
.site-footer .site-info .element-3 {
  position: relative;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 860px) {
  .site-footer .site-info .element-3 {
    width: 100%;
    text-align: center;
  }
}
.site-footer .site-info .element-3 ul {
  padding: 0;
}
.site-footer .site-info .element-3 ul li {
  list-style: none;
}
.site-footer .site-info .element-3 ul li a {
  font-weight: 300;
  line-height: 2rem;
  color: white;
}
.site-footer .site-info .element-3 ul li a:hover {
  border-bottom: 1px solid white !important;
}
.site-footer .site-info .element-3 p {
  margin-bottom: 0.5rem;
}
.site-footer .site-info .element-3 a {
  text-decoration: none;
  transition: 250ms ease-in-out;
  line-height: 2rem;
  font-weight: 300;
}
.site-footer .site-info .element-3 a:hover {
  color: white;
}
.site-footer .site-info a {
  color: white;
  text-decoration: none;
}
.site-footer .site-info a:hover {
  border-bottom: 1px solid white;
}

input.checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.row {
  display: flex;
}
.row .col {
  flex: 1;
}
.row .col:last-child {
  margin-left: 1em;
}

/* Accordion styles */
.padds {
  border-radius: 10px;
  overflow: hidden;
  width: 70ch;
  max-width: 100%;
  border: 3px solid #00aced;
}

.padd {
  width: 100%;
  color: white;
  overflow: hidden;
}
.padd-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #00aced;
  font-weight: bold;
  cursor: pointer;
  transition: 250ms ease-in-out;
  /* Icon */
}
.padd-label:hover {
  opacity: 0.8;
}
.padd-label::after {
  content: "\f105";
  font-family: "FontAwesome";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.25s;
}
.padd-content {
  max-height: 0;
  padding: 0 1em;
  color: #090c08;
  background: white;
  transition: all 0.25s;
}
.padd-content a {
  color: #080B0C;
  text-decoration: none;
  border-bottom: 1px solid #080B0C;
}
.padd-content a:hover {
  border-bottom: none;
}
.padd-content p, .padd-content ul, .padd-content li, .padd-content img, .padd-content span, .padd-content h1, .padd-content h2, .padd-content h3, .padd-content h4, .padd-content h5 {
  margin: 0;
}
.padd-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #00aced;
  cursor: pointer;
}
.padd-close:hover {
  opacity: 0.8;
}

input:checked + .padd-label {
  background: #00aced;
}
input:checked + .padd-label::after {
  transform: rotate(90deg);
  margin-top: 0.35rem;
}
input:checked ~ .padd-content {
  max-height: 100vh;
  padding: 1em;
}

.index-text {
  margin: 0 auto;
  width: 100%;
}
.index-text .index-text-inner {
  padding-bottom: 3rem;
  margin: 0 auto;
  width: 70ch;
  max-width: 90%;
  color: #364652;
}
.index-text .index-text-inner h2 {
  margin-top: 3rem;
}
.index-text .index-text-inner p {
  margin-top: -1rem;
}
.index-text .index-text-inner a {
  color: #364652;
  text-decoration: none;
  border-bottom: 1px solid #364652;
}
.index-text .index-text-inner a:hover {
  border-bottom: none;
}

@media screen and (max-width: 1024px) {
  .whitespace {
    padding-bottom: 48px;
  }
}

.header-nav {
  background-color: white;
  text-align: center;
  position: fixed;
  z-index: 999;
  width: 100%;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
}
.header-nav a img {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .header-nav a img {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .header-nav {
    height: 3rem;
  }
}

.nav-toggle {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/*.nav-toggle:focus ~ .nav-toggle-label {
  outline: 3px solid rgba(lightblue, .75);
}*/
.nav-toggle-label {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
}

.nav-toggle-label:hover {
  cursor: pointer;
}

.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after {
  display: block;
  background-color: #080B0C;
  height: 2px;
  width: 1.8rem;
  border-radius: 3px;
  position: relative;
  transition: all ease-in-out 200ms;
}

.nav-toggle-label span::before,
.nav-toggle-label span::after {
  content: "";
  position: absolute;
}

.nav-toggle-label span::before {
  bottom: 7px;
}

.nav-toggle-label span::after {
  top: 7px;
}

nav {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: white;
  width: 100%;
  transform: scale(1, 0);
  transform-origin: top;
  transition: transform 400ms ease-in-out;
  /*height: 1rem;*/
  padding-top: 1rem;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white;
  padding-bottom: 1rem;
}

.nav-toggle:checked ~ nav {
  transform: scale(1, 1);
}

.nav-toggle:checked ~ .nav-toggle-label span::before {
  opacity: 0;
}

.nav-toggle:checked ~ .nav-toggle-label span {
  transform: rotate(45deg);
}

.nav-toggle:checked ~ .nav-toggle-label span::after {
  transform: rotate(90deg) translateY(0.35px) translateX(-7px);
}

.nav-toggle:checked ~ nav a {
  opacity: 1;
  transition: opacity 250ms ease-in-out 250ms;
}

.logo {
  height: 3rem !important;
  display: block;
}
@media screen and (max-width: 1024px) {
  .logo {
    height: 2rem !important;
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .logo-black {
    height: 2rem;
  }
}

@media screen and (min-width: 1025px) {
  .nav-toggle-label {
    display: none;
  }
  .logo-black {
    display: none;
  }
  .header-nav {
    display: grid;
    grid-template-columns: 1fr auto minmax(162ch, 3fr) 1fr;
    position: relative;
    background-color: #080B0C;
  }
  .header-nav a {
    grid-column: 2/3;
  }
  nav {
    position: relative;
    text-align: left;
    transition: none;
    transform: scale(1, 1);
    background: none;
    top: initial;
    left: initial;
    grid-column: 3/4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 3rem;
    padding-top: 3rem;
    margin-left: 3rem;
    z-index: 500;
  }
  nav ul {
    margin-left: 2rem;
    display: flex;
    margin-top: 1.5rem;
    background-color: rgba(0, 0, 0, 0);
  }
  nav li {
    margin-bottom: 0;
  }
  nav a {
    opacity: 1;
    position: relative;
    color: #090c08;
    opacity: 0.5;
  }
  nav a:hover {
    opacity: 1;
  }
}
.wp-block-buttons {
  text-align: center;
}
.wp-block-buttons a.wp-block-button__link {
  background: #00aced;
  padding: 1rem 1.5rem;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-family: "Source Sans Pro", sans-serif;
  word-spacing: 1px;
  letter-spacing: 0.02rem;
  transition: 0.25s ease-in-out;
  border-radius: 5px;
  border-bottom: none;
}
.wp-block-buttons a.wp-block-button__link:hover {
  opacity: 0.8;
}

.wp-block-buttons .wp-block-button {
  margin-right: 0;
}

.search-title {
  background: #156985;
  margin-bottom: 3rem;
}
.search-title h1 {
  color: white;
  font-family: "Poppins", sans-serif;
  word-spacing: 1px;
  letter-spacing: 1px;
}

.newsletter-container {
  background-color: #156985;
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin: 0 auto;
  color: white;
}
.newsletter-container form {
  width: 70ch;
  max-width: 90%;
  margin: 0 auto;
}
.newsletter-container form p {
  color: #fff;
}
.newsletter-container form h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  word-spacing: 1px;
  color: #fff;
  margin-top: 0;
  line-height: 95%;
}
.newsletter-container form .tnp-field-privacy {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .newsletter-container form .tnp-field-privacy {
    font-size: 0.75rem;
  }
}

.newsletter-form {
  display: flex;
  width: 20rem;
  padding: 0;
}

a.privacy {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
}
a.privacy:hover {
  border-bottom: none;
}

.destinations-overview {
  margin: 0 auto;
  width: 80ch;
  max-width: 100%;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: 2rem;
}
.destinations-overview#fullwidth {
  width: 180ch;
}
@media only screen and (max-width: 1170px) {
  .destinations-overview#fullwidth {
    width: 80ch;
  }
}
.destinations-overview#inline {
  width: 180ch;
}
@media only screen and (max-width: 1024px) {
  .destinations-overview {
    display: block;
  }
}
.destinations-overview .dest-outer {
  margin-top: 1rem;
}
.destinations-overview .dest-outer#single {
  width: 70ch;
}
@media only screen and (max-width: 1024px) {
  .destinations-overview .dest-outer#single {
    width: 100%;
  }
}
.destinations-overview .dest-outer#single .destination-container {
  min-width: 100%;
  max-width: 100%;
}
.destinations-overview .destination-container {
  position: relative;
  min-width: 350px;
  max-width: 350px;
  min-height: 220px;
  max-height: 220px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media only screen and (max-width: 1024px) {
  .destinations-overview .destination-container {
    margin: 0 auto;
    min-width: 100%;
    max-width: 100%;
  }
}
.destinations-overview .destination-container:hover .shading {
  background: rgba(0, 172, 237, 0.6);
}
.destinations-overview .destination-container a:hover .destination-container-text {
  bottom: 15px;
}
.destinations-overview .destination-container a:hover img {
  transform: scale(1.1);
  overflow: hidden;
}
.destinations-overview .destination-container a:hover p {
  bottom: 10px;
}
.destinations-overview .destination-container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 220px;
  overflow: hidden;
  transition: 250ms ease-in-out;
}
.destinations-overview .destination-container p {
  color: #090c08;
  font-weight: 700;
  font-size: 1rem;
  position: absolute;
  right: 20px;
  bottom: 5px;
  z-index: 999;
  background-color: #F2C94C;
  padding: 0.25rem 0.5rem;
  border-radius: 5px;
  transition: 250ms ease-in-out;
  letter-spacing: 1px;
  word-spacing: 1px;
}
.destinations-overview .destination-container p#source {
  color: #fff;
  padding: 0;
  background: none;
  top: 10px;
  right: 20px;
  font-size: 0.75rem;
  word-spacing: 0;
}
.destinations-overview .destination-container .shading {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 222;
  background: rgba(0, 172, 237, 0.8);
  overflow: hidden;
  transition: 250ms ease-in-out;
}
.destinations-overview .destination-container .destination-container-text {
  position: absolute;
  z-index: 223;
  bottom: 10px;
  left: 20px;
  transition: 250ms ease-in-out;
  color: white;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .destinations-overview .destination-container .destination-container-text {
    max-width: 90%;
  }
}
.destinations-overview .destination-container .destination-container-text h3 {
  font-size: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 500;
  letter-spacing: 0.02rem;
  word-spacing: 1px;
  color: white;
  margin-top: 0;
  line-height: 125%;
}
.destinations-overview .destination-container .destination-container-text span {
  color: white;
  font-size: 0.9rem;
}

.notice-container {
  margin: 0 auto;
  width: 80ch;
  max-width: 90%;
  padding: 0.5rem 2rem;
  background: #f7f7f7;
  border-radius: 20px;
}

span.pflichtfeld {
  color: rgb(235, 87, 87);
}

span.wpcf7-not-valid-tip {
  color: rgb(235, 87, 87);
}

.wpcf7 .wpcf7-submit:disabled {
  opacity: 0.25;
}

.teaser {
  margin: 0 auto;
  height: 100%;
  width: 180ch;
  max-width: 90%;
  display: flex;
  background-color: #114B5F;
}
.teaser#white {
  background-color: #fff;
}
.teaser#single {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.teaser#single#top {
  margin-top: 0;
}
.teaser.top {
  margin-top: -2rem;
}
@media screen and (max-width: 1024px) {
  .teaser.reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 1024px) {
  .teaser {
    display: block;
  }
}
.teaser .teaser-text {
  width: 70ch;
  max-width: 90%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-right: 1rem;
}
.teaser .teaser-text#single {
  padding-bottom: 3rem;
  padding-top: 4.5rem;
  height: 100%;
}
.teaser .teaser-text.text-left {
  margin-right: 10%;
}
@media screen and (max-width: 1024px) {
  .teaser .teaser-text {
    margin: 0 auto;
    width: 70ch;
    max-width: 90%;
    padding-top: 2rem;
    padding-bottom: 3rem;
    padding-right: 0;
  }
}
.teaser .teaser-text p {
  margin-left: 7.5rem;
  font-weight: 300;
  padding-top: 1rem;
  word-spacing: 1px;
  color: white;
  font-family: "Source Sans Pro", sans-serif;
}
.teaser .teaser-text p#blue {
  color: #114B5F;
}
@media screen and (max-width: 1024px) {
  .teaser .teaser-text p {
    margin: 0 auto;
  }
}
.teaser .teaser-text p a {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
}
.teaser .teaser-text p a:hover {
  border-bottom: none;
}
.teaser .teaser-text h1,
.teaser .teaser-text h2,
.teaser .teaser-text h3,
.teaser .teaser-text h4,
.teaser .teaser-text h5 {
  margin-top: 0;
  margin-left: 7.5rem;
  margin-bottom: 0.5rem;
  font-family: "Poppins", sans-serif;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-size: 2rem;
  width: 28ch;
  color: white;
  margin-top: 0;
  line-height: 125%;
  display: flex;
}
.teaser .teaser-text h1#blue,
.teaser .teaser-text h2#blue,
.teaser .teaser-text h3#blue,
.teaser .teaser-text h4#blue,
.teaser .teaser-text h5#blue {
  color: #304C89;
}
.teaser .teaser-text h1 span.yellowdot,
.teaser .teaser-text h2 span.yellowdot,
.teaser .teaser-text h3 span.yellowdot,
.teaser .teaser-text h4 span.yellowdot,
.teaser .teaser-text h5 span.yellowdot {
  font-family: "Source Sans Pro", sans-serif;
  color: #F2C94C;
  font-size: inherit;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .teaser .teaser-text h1,
  .teaser .teaser-text h2,
  .teaser .teaser-text h3,
  .teaser .teaser-text h4,
  .teaser .teaser-text h5 {
    -webkit-hyphens: auto;
            hyphens: auto;
    margin-left: 0;
    margin: 0 auto;
    width: 100%;
  }
}
.teaser .teaser-text span {
  margin-left: 7.5rem;
  font-weight: 700;
  color: white;
  font-size: 1.2rem;
  display: block;
  font-family: "Source Sans Pro", sans-serif;
}
.teaser .teaser-text span#blue {
  color: #114B5F;
}
@media screen and (max-width: 1024px) {
  .teaser .teaser-text span {
    -webkit-hyphens: auto;
            hyphens: auto;
    margin-left: 0;
  }
}
.teaser .teaser-img {
  width: 45%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  .teaser .teaser-img {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
.teaser .teaser-img.right {
  clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  .teaser .teaser-img.right {
    display: flex;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
.teaser .teaser-img .post-thumbnail {
  height: 100%;
}
.teaser .teaser-img .post-thumbnail img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.teaser .teaser-img#hotel {
  background-image: url("https://images.unsplash.com/photo-1539007230583-ca7850c509e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1275&q=80");
}
@media screen and (max-width: 1024px) {
  .teaser .teaser-img {
    width: 100%;
    height: 300px;
  }
}

.author-box {
  margin: 0 auto;
  width: 35ch;
  max-width: 90%;
  position: absolute;
  background-color: white;
  border-radius: 10px;
  top: -9rem;
  right: 0;
  margin-bottom: 5rem;
  z-index: 5;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.075);
}
@media only screen and (max-width: 1179px) {
  .author-box {
    position: relative;
    top: 0;
    margin: 0;
    width: 80ch;
    max-width: 100%;
  }
}
.author-box p#author {
  font-size: 14px;
  color: #090c08;
  padding-bottom: 0;
  margin-bottom: -3rem;
  padding-top: 1.5rem;
  text-align: center;
}
.author-box h4 {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 800;
  padding-top: 1rem;
  color: #090c08;
  text-align: center;
  width: 100%;
}
.author-box p {
  padding-bottom: 1rem;
  padding-right: 1.5rem;
  margin-top: 0.5rem;
  color: #090c08;
  font-size: 1rem;
  text-align: center;
}
.author-box p a {
  color: #090c08;
  text-decoration: none;
  border-bottom: 1px solid #090c08;
}
.author-box p a:hover {
  border-bottom: none;
}
.author-box .btn-container {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 3rem;
  text-align: center;
}
.author-box .btn-container a.btn {
  color: white;
  background: #D99D29;
  padding: 1rem 1.5rem;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 500;
  letter-spacing: 0.02rem;
  margin: 0 auto;
  text-decoration: none;
  transition: 250ms ease-in-out;
  border-radius: 3px;
  font-weight: bold;
}
.author-box .btn-container a.btn:hover {
  background: #FF955C;
}
.author-box p, .author-box h4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.author-box img {
  position: relative;
  text-align: center;
  left: 50%;
  margin-top: 2rem;
  margin-bottom: -3.5rem;
  transform: translateX(-50%);
  height: 130px;
  width: 130px;
  border-radius: 100px;
}
@media only screen and (max-width: 600px) {
  .author-box img {
    display: none;
  }
}

.titlesection-container {
  width: 180ch;
  max-width: 90%;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 10;
  margin: 0 auto;
}
@media only screen and (max-width: 1365px) {
  .titlesection-container {
    display: block;
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 1110px) {
  .titlesection-container {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 1110px) {
  .titlesection-container {
    margin-bottom: 0rem;
  }
}
.titlesection-container#hero {
  margin-top: -8rem;
}
@media only screen and (max-width: 1365px) {
  .titlesection-container#hero {
    margin-top: -23rem;
  }
}
.titlesection-container#subpage {
  margin-top: 4rem;
}
@media only screen and (max-width: 1024px) {
  .titlesection-container#subpage {
    margin-top: 1rem;
  }
}
.titlesection-container .titlesection-title {
  width: 100%;
  background: #304C89;
}
.titlesection-container .titlesection-title h1, .titlesection-container .titlesection-title h2 {
  position: relative;
  z-index: 20;
  padding-top: 1rem;
  color: white;
  padding-left: 2rem;
  width: 30%;
  line-height: 110%;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
}
@media only screen and (max-width: 1365px) {
  .titlesection-container .titlesection-title h1, .titlesection-container .titlesection-title h2 {
    width: 60ch;
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
  }
}
.titlesection-container .titlesection-title p {
  position: relative;
  z-index: 21;
  color: white;
  padding-bottom: 1rem;
  padding-left: 2rem;
  width: 30%;
}
@media only screen and (max-width: 1365px) {
  .titlesection-container .titlesection-title p {
    width: 60ch;
    max-width: 90%;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 0.5rem;
  }
}
@media only screen and (max-width: 714px) {
  .titlesection-container .titlesection-title p {
    text-align: center;
  }
}
.titlesection-container::after {
  position: absolute;
  content: "";
  left: 29%;
  padding-right: 1rem;
  top: -2rem;
  padding-bottom: 20rem;
  transform: rotate(9deg);
  background: #304C89;
  padding-left: 5rem;
}
@media only screen and (max-width: 1365px) {
  .titlesection-container::after {
    display: none;
  }
}
.titlesection-container .titlesection-hotel {
  width: 65%;
  background: #304C89;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding-top: 0.75rem;
  padding-left: 3rem;
  padding-right: 1rem;
  overflow: Hidden;
}
.titlesection-container .titlesection-hotel#hotel {
  padding-top: 2.5rem;
}
@media only screen and (max-width: 1365px) {
  .titlesection-container .titlesection-hotel {
    width: 100%;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
  }
}

.homepage-header {
  width: 90%;
  max-width: 180ch;
  margin-top: 2.75rem;
  position: relative;
  display: grid;
  margin: auto;
  grid-template-columns: 1fr 1fr;
  padding-top: 4rem;
  padding-bottom: 4rem;
  gap: 2rem;
}
@media only screen and (max-width: 1024px) {
  .homepage-header {
    display: block;
    max-width: 90%;
  }
}
.homepage-header#landing {
  padding-bottom: 0 !important;
  bottom: -3rem;
  padding-top: 0 !important;
}
.homepage-header .header-img {
  background-image: url("https://images.unsplash.com/photo-1620577610365-86c411bad78d?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px 10px 10px 100px;
  filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.12));
  top: 2rem;
  height: 120%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .homepage-header .header-img {
    display: none;
  }
}
.homepage-header img.attachment-post-thumbnail {
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px 10px 10px 100px;
  filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.12));
  position: relative;
  z-index: 2;
  aspect-ratio: 1.5;
}
@media only screen and (max-width: 1024px) {
  .homepage-header img.attachment-post-thumbnail {
    display: none;
  }
}
.homepage-header .header-text {
  max-width: 100%;
}
.homepage-header .header-text h1 {
  text-align: left;
  font-family: "Source Sans Pro", sans-serif;
  color: white;
  font-size: 18px;
  padding-top: 0;
  letter-spacing: 0.02rem;
  word-spacing: 0.1rem;
  margin-bottom: 2rem;
  font-style: italic;
}
@media only screen and (max-width: 680px) {
  .homepage-header .header-text h1 {
    text-align: center;
    font-size: 0.8rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
  }
}
.homepage-header .header-text h3 {
  text-align: left;
  font-family: "Source Sans Pro", sans-serif;
  color: white;
  font-size: 18px;
  letter-spacing: 0.02rem;
  word-spacing: 0.1rem;
  margin-bottom: 2rem;
  font-style: italic;
}
@media only screen and (max-width: 680px) {
  .homepage-header .header-text h3 {
    text-align: center;
    font-size: 0.8rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
  }
}
.homepage-header .header-text#unterseite h1 {
  text-align: left;
  font-family: "Poppins", sans-serif;
  color: white;
  max-width: 100%;
  letter-spacing: 0.01rem;
  word-spacing: 0.1rem;
  font-size: 2.25rem;
  line-height: 120%;
  position: relative;
  z-index: 2;
  margin-block-end: 0px !important;
  top: 0rem;
  font-style: normal;
}
.homepage-header .header-text h2 {
  text-align: left;
  font-family: "Poppins", sans-serif;
  color: white;
  max-width: 100%;
  letter-spacing: 0.02rem;
  word-spacing: 0.1rem;
  font-size: 2.45rem;
  line-height: 125%;
  position: relative;
  font-weight: 900;
  z-index: 2;
  margin-block-end: 0px !important;
  top: -1rem;
}
@media only screen and (max-width: 680px) {
  .homepage-header .header-text h2 {
    padding-left: 0;
    margin: 0 auto;
    padding-top: 1rem;
    text-align: center;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 680px) {
  .homepage-header .header-text .btn-box {
    text-align: center;
  }
}
.homepage-header .header-text p.standard {
  color: white;
  position: relative;
  z-index: 2;
  max-width: 100%;
  line-height: 1.8;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 680px) {
  .homepage-header .header-text p.standard:first-of-type {
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-align: center;
  }
}
.homepage-header .header-text p.standard:last-child {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 680px) {
  .homepage-header .header-text p.standard:last-child {
    margin-bottom: 0.5rem;
    text-align: center;
  }
}
@media only screen and (max-width: 680px) {
  .homepage-header .header-text p.standard {
    padding-left: 0;
    margin: 0 auto;
  }
}

.hero-box {
  width: 180ch;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 3rem;
}

.wpcf7-list-item input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  border-radius: 100px;
  margin-left: 3px;
  margin-right: 5px;
}
.wpcf7-list-item input:hover {
  cursor: pointer;
}
.wpcf7-list-item input:checked {
  background-color: #D99D29;
}
.wpcf7-list-item input:checked::before {
  background: #D99D29;
  border-radius: 100%;
  border: 2px solid white;
  position: absolute;
  content: "";
  right: 1px;
  bottom: -1px;
  height: 16px;
  width: 16px;
  z-index: 2;
}
.wpcf7-list-item input::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #D99D29;
  background: white;
  z-index: 1;
}

p#marked {
  position: relative;
  padding-left: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  border-radius: 5px;
  color: #080B0C;
  line-height: 2;
}
p#marked::before {
  position: absolute;
  border-radius: 3px;
  left: 0;
  top: 0;
  height: 100%;
  content: "";
  background-color: #D99D29;
  width: 0.5rem;
}

p#marked-warning {
  position: relative;
  padding-left: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  border-radius: 10px;
  color: #080B0C;
}
p#marked-warning::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  content: "";
  background-color: rgb(235, 87, 87);
  width: 0.6rem;
  border-radius: 100px;
}

p#marked-location {
  position: relative;
  padding-left: 1.5rem;
  background-color: #f7f7f7;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 10px;
}
p#marked-location::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  content: "";
  background-color: #D99D29;
  width: 0.6rem;
  border-radius: 10px 0 0 10px;
}
p#marked-location::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  content: "1";
  color: blue;
  width: 1rem;
}

ul#features {
  padding-inline-start: 0;
  margin-block-end: 0;
  word-break: keep-all;
  margin-bottom: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  border-radius: 10px;
}
ul#features li {
  position: relative;
  display: block;
  padding-inline-start: 2.75rem;
  line-height: 1.25;
}
ul#features li::before {
  color: white;
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: bold;
  position: absolute;
  left: 0.85rem;
  top: 0.1rem;
  z-index: 3;
  font-size: 14px;
}
ul#features li::after {
  content: "";
  padding: 0.75rem;
  background-color: #D99D29;
  border-radius: 100%;
  position: absolute;
  left: 0.5rem;
  top: -0.15rem;
  z-index: 2;
}

.sub-picker {
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  word-break: keep-all;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
  border-radius: 5px;
  width: 60ch;
  max-width: 90%;
  justify-content: space-between;
}
.sub-picker a#picker {
  padding: 0.5rem 2rem;
  border-radius: 5px;
  color: #304C89;
  font-weight: bold;
  text-decoration: none;
  transition: 250ms ease-in-out;
  background-color: #D3E3F8;
  border: 2px solid white;
}
.sub-picker a#picker:hover {
  border: 2px solid #304C89;
}

.file-container {
  position: relative;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.file-container a.preview {
  width: 12rem;
  border: 2px solid rgba(0, 0, 0, 0.05);
  display: block;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  background: white;
  color: #080B0C;
  transition: 250ms ease-in-out;
  margin-bottom: 1.5rem;
  overflow: hidden;
  transition: 450ms ease-in-out;
  font-weight: bold;
}
@media only screen and (max-width: 414px) {
  .file-container a.preview {
    width: 100%;
  }
}
.file-container a.preview:last-of-type {
  margin-right: 0;
}
.file-container a.preview:hover {
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
  border: 2px solid white;
}
.file-container a.preview img {
  height: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  width: 100%;
  border-radius: 0;
  transition: 250ms ease-in-out;
}
.file-container a.preview img#pdf {
  width: 4.5rem;
  height: 4.5rem;
  padding-top: 0.5rem;
}
.file-container a.preview p {
  margin-top: 0.3rem;
  margin-bottom: 0.55rem;
  color: #080B0C;
  font-size: 1rem;
}

p#available {
  padding: 0.5rem 1rem;
  border-radius: 5px;
  background-color: #C4E9DB;
  color: #1EB286;
  display: block;
  width: 14rem;
  font-size: 14px;
  letter-spacing: 0px;
}
@media only screen and (max-width: 1210px) {
  p#available {
    width: 14rem;
  }
}

p#available-pt {
  padding: 0.5rem 1rem;
  border-radius: 5px;
  background-color: #e9e5c4;
  color: #080B0C;
  display: block;
  width: 14rem;
  font-size: 14px;
  letter-spacing: 0px;
}
@media only screen and (max-width: 1210px) {
  p#available-pt {
    width: 14rem;
  }
}

p#available-not {
  padding: 0.5rem 1rem;
  border-radius: 5px;
  background-color: #e9c4c4;
  color: #080B0C;
  display: block;
  width: 15.5rem;
  font-size: 14px;
  letter-spacing: 0px;
}
@media only screen and (max-width: 1210px) {
  p#available-not {
    width: 14rem;
  }
}

.wp-block-gallery#fullwidth ul {
  width: 100%;
}
.wp-block-gallery#fullwidth ul li.blocks-gallery-item {
  filter: saturate(0%);
  transition: 350ms ease-in-out;
}
.wp-block-gallery#fullwidth ul li.blocks-gallery-item:hover {
  filter: saturate(100%);
}

.the-offerings {
  width: 180ch;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  gap: 1rem;
  padding-top: 1rem;
}
.the-offerings .offer-card {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  width: 50%;
  position: relative;
}
.the-offerings .offer-card h3, .the-offerings .offer-card p, .the-offerings .offer-card ul, .the-offerings .offer-card li {
  margin-left: 1.5rem;
}
.the-offerings .offer-card li {
  margin-bottom: 0.75rem;
  width: 80%;
  max-width: 100%;
  list-style: none;
  list-style-position: inside;
}
.the-offerings .offer-card li::before {
  content: "\f00c";
  color: #00aced;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  margin-right: 1rem;
  list-style-position: outside;
}
.the-offerings .offer-card li:last-of-type {
  padding-bottom: 2rem;
}
.the-offerings .offer-card p#subtitle {
  font-size: 14px;
  margin-top: -1rem;
}
.the-offerings .offer-card ul {
  padding: 0;
}
.the-offerings .offer-card p#price {
  text-align: right;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  margin-block-end: 0 !important;
  line-height: 1;
  font-size: 1.2rem;
}
.the-offerings .offer-card p#price span#smallprint {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
}

.row-container {
  width: 100%;
  max-width: 100%;
  display: flex;
  margin-bottom: 6rem;
  margin-top: 6rem;
}
@media only screen and (max-width: 1024px) {
  .row-container#reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 1024px) {
  .row-container {
    display: block;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.row-container img {
  width: 50%;
  max-width: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 20px 50px 10px;
  position: relative;
  height: 20rem;
  filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.12));
}
@media only screen and (max-width: 1024px) {
  .row-container img {
    width: 100%;
    max-width: 100%;
    border-radius: 15px;
    height: 15rem;
  }
}
.row-container img#imgright {
  border-radius: 20px 10px 10px 50px;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .row-container img#imgright {
    width: 100%;
    max-width: 100%;
    border-radius: 15px;
    height: 15rem;
    right: 0;
  }
}
.row-container .text-container {
  max-width: 100%;
  padding-left: 5rem;
  width: 50%;
  position: relative;
  padding-bottom: 0;
}
.row-container .text-container h2 {
  margin-top: 1.5rem;
  width: 100%;
  font-weight: 900;
}
.row-container .text-container p:last-of-type {
  padding-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .row-container .text-container {
    width: 100%;
    margin: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
  .row-container .text-container h2 {
    width: 100%;
  }
}
.row-container .text-container#lefttext {
  padding-left: 0;
  padding-right: 5rem;
}
@media only screen and (max-width: 1024px) {
  .row-container .text-container#lefttext {
    padding: 0;
  }
}

.cruise-container {
  display: grid;
  max-width: 180ch;
  width: 90%;
  margin: auto;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.5rem;
}
@media screen and (max-width: 980px) {
  .cruise-container {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
.cruise-container a {
  border-radius: 10px;
  width: 100%;
  background-size: cover;
  color: white;
  transition: 250ms ease-in-out;
  position: relative;
  text-decoration: none;
  align-items: flex-end;
  filter: drop-shadow(0px 0px 40px rgba(0, 0, 0, 0.04));
}
.cruise-container a span#highlight {
  position: absolute;
  background-color: #D99D29;
  font-weight: bold;
  font-size: 12px;
  color: white;
  border-radius: 5px;
  right: 1rem;
  top: 1rem;
  z-index: 800;
  padding: 0.25rem 0.5rem;
  filter: drop-shadow(0px 5px 30px rgba(0, 0, 0, 0.15));
}
.cruise-container a img {
  height: 10rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 980px) {
  .cruise-container a img {
    height: 8rem;
  }
}
.cruise-container a::before {
  content: "";
  position: absolute;
  height: 10rem;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 250ms ease-in-out;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 980px) {
  .cruise-container a::before {
    height: 8rem;
  }
}
.cruise-container a:hover {
  cursor: pointer;
  transform: scale(1.01);
  filter: drop-shadow(0px 0px 40px rgba(0, 0, 0, 0.08));
}
.cruise-container a:hover::before {
  background-color: rgba(0, 0, 0, 0.2);
}
.cruise-container a:hover .text-container::after {
  right: 0.75rem;
}
.cruise-container a .text-container {
  position: relative;
  background-color: white;
  border-radius: 0 0 10px 10px;
  bottom: 0;
  text-align: left;
  margin: 0;
  width: 100%;
  margin-top: -1.5rem;
  padding-bottom: 0.5rem;
}
.cruise-container a .text-container::after {
  content: "\f178";
  bottom: 1rem;
  right: 1rem;
  position: absolute;
  z-index: 50;
  color: #D99D29;
  font-family: "FontAwesome";
  transition: 250ms ease-in-out;
}
.cruise-container a .text-container .details-grid {
  margin-left: 1rem;
  margin-bottom: 1rem;
  color: #202020;
  font-size: 15px;
  font-weight: normal;
}
@media screen and (max-width: 980px) {
  .cruise-container a .text-container .details-grid {
    margin-left: 0.75rem;
  }
}
.cruise-container a .text-container .details-grid .element {
  position: relative;
}
.cruise-container a .text-container .details-grid .element span {
  position: absolute;
  left: 38px;
  top: 45%;
  transform: translateY(-50%);
}
.cruise-container a .text-container .details-grid img {
  border-radius: 0;
}
.cruise-container a .text-container span.price {
  font-weight: bold;
  color: #202020;
  font-size: 18px;
  padding: 1rem 1rem;
  border-radius: 4px;
  position: relative;
  z-index: 99;
  bottom: 0.5rem;
}
.cruise-container a .text-container span.region {
  font-weight: bold;
  background-color: #00aced;
  color: white;
  font-size: 15px;
  padding: 0.5rem 0.5rem;
  border-radius: 4px;
  position: relative;
  z-index: 99;
  bottom: -0.5rem;
}
.cruise-container a h3 {
  color: #202020;
  font-size: 18px;
  position: relative;
  width: auto;
  padding-left: 1rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  z-index: 5;
  text-decoration: none;
  letter-spacing: 0.02rem;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  .cruise-container a h3 {
    font-size: 18px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.cruise-container a p {
  color: #202020;
  text-decoration: none;
  position: relative;
  bottom: 0.75rem;
  z-index: 5;
  width: 90%;
}

.background {
  background-color: #080B0C;
  margin-bottom: 12rem;
}
@media only screen and (max-width: 1024px) {
  .background {
    margin-bottom: 3rem;
  }
}

.modal {
  border-radius: 8px 5px 5px 8px;
  background-color: rgba(255, 255, 255, 0.65);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  width: 60ch;
  max-width: 100%;
  height: 5rem;
  position: relative;
  filter: drop-shadow(0px 5px 30px rgba(0, 0, 0, 0.15));
}
@media only screen and (max-width: 680px) {
  .modal {
    margin: 0 auto;
    margin-top: 3.5rem;
  }
}
.modal .btn-box {
  position: absolute;
  right: 1rem;
  top: 10%;
  transform: translateY(-50%);
  text-align: right;
}
@media only screen and (max-width: 680px) {
  .modal .btn-box {
    text-align: right !important;
  }
}
.modal .btn-box a.btn {
  filter: none !important;
}
.modal img {
  height: 80%;
  aspect-ratio: 1/1;
  max-height: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  position: relative;
  top: 10%;
  left: 0.5rem;
}
.modal #text-element {
  display: block;
  width: 50%;
  padding-left: 1.25rem;
}
.modal #text-element p {
  font-weight: bold;
  font-size: 18px;
  margin-top: 1.1rem;
}
@media only screen and (max-width: 680px) {
  .modal #text-element p {
    font-size: 16px;
    margin-top: 1.3rem;
  }
}
.modal #text-element span {
  font-size: 15px;
  font-style: italic;
  position: relative;
  top: -2.1rem;
}
@media only screen and (max-width: 680px) {
  .modal #text-element span {
    font-size: 13px;
    top: -2rem;
  }
}

.contact-form {
  background-color: white;
  border-radius: 30px 10px 10px 100px;
  filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.12));
  top: 2rem;
  position: relative;
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  height: 110%;
}
.contact-form a {
  color: #D99D29;
  font-weight: bold;
  text-decoration: none;
}
.contact-form a:hover {
  color: #202020;
}

.wp-block-image img {
  width: 100% !important;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.12));
}

.finalelement-outer {
  background-color: #f2f2f2;
}
.finalelement-outer .finalelement-inner {
  width: 90%;
  max-width: 180ch;
  margin: auto;
  display: flex;
}
.finalelement-outer .finalelement-inner p {
  font-size: 14px;
  font-weight: bold;
}
.finalelement-outer .finalelement-inner p a {
  text-decoration: none;
  font-weight: normal;
  padding: 1rem;
  color: #080B0C;
}
.finalelement-outer .finalelement-inner p a:hover {
  text-decoration: underline;
}

.full-width-banner {
  background-color: #f2f2f2;
  display: flex;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.full-width-banner .icon {
  background-color: #D99D29;
  height: 5rem;
  width: 5rem;
  min-width: 5rem;
  min-height: 5rem;
  margin-right: 2rem;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("https://worldfarer.de/wp-content/uploads/2023/12/support-agent.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 12px solid #D99D29;
  border-radius: 25px;
}
@media screen and (max-width: 680px) {
  .full-width-banner .icon {
    height: 4rem;
    width: 4rem;
    min-width: 4rem;
    min-height: 4rem;
    border-radius: 20px;
  }
}

.full-width-banner .text h3, .full-width-banner p {
  color: #080B0C;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 680px) {
  .full-width-banner .text h3, .full-width-banner p {
    font-size: 14px;
  }
}
.full-width-banner .text h3 a, .full-width-banner p a {
  color: #080B0C;
  font-weight: bold;
}

.full-width-banner .text h3 {
  margin-bottom: 0.25rem;
  font-size: 20px;
}

@media screen and (max-width: 680px) {
  .full-width-banner .text h3 {
    font-size: 18px;
  }
}
.full-width-banner .banner-container {
  display: flex;
  margin: 0 auto;
  max-width: 90%;
}

.center-text-container {
  text-align: center;
  margin-top: 10rem;
}
.center-text-container h2 {
  font-size: 2rem;
  text-transform: uppercase;
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
  font-weight: 900;
}
@media screen and (max-width: 680px) {
  .center-text-container h2 {
    font-size: 1.75rem;
  }
}
.center-text-container p {
  width: 100ch;
  max-width: 90%;
  margin: auto;
  padding-bottom: 1rem;
  margin-top: -0.75rem;
  line-height: 2;
}
.center-text-container p:last-of-type {
  margin-top: 1rem;
}

ul.home#content {
  justify-content: center !important;
  max-width: 90%;
  gap: 1rem;
}

ul.home#content li {
  padding-right: 0 !important;
}

@media screen and (max-width: 780px) {
  ul.home#content li a {
    font-size: 14px;
  }
}
ul#content {
  display: flex;
  word-break: keep-all;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 5rem !important;
  padding-inline-start: 0 !important;
}

ul#content li {
  list-style: none;
  margin-left: 0 !important;
  padding-right: 0.5rem;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  text-align: center;
}

ul#content li a {
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: 250ms ease-in-out;
  display: flex;
  color: #080B0C;
  border: 2px solid #f5f5f5;
  background-color: white;
  font-size: 1rem;
  border-radius: 50px;
  letter-spacing: 0.0075rem;
  font-weight: bold;
}

ul#content li a:hover {
  border: 2px solid black;
}

.wp-block-columns {
  margin-bottom: 3rem;
}
@media screen and (max-width: 781px) {
  .wp-block-columns#img-right {
    flex-direction: column-reverse !important;
  }
}

.contact-grid {
  display: grid;
  grid-template-columns: 0.25fr 1fr;
}
@media screen and (max-width: 1024px) {
  .contact-grid {
    width: 40ch;
    margin: 0 auto;
    display: flex;
    gap: 1rem;
  }
}
.contact-grid img.face {
  border-radius: 10px;
  height: 6rem;
  width: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  border: 3px solid white;
}
.contact-grid a {
  text-decoration: none;
  font-weight: bold;
}

.wpcf7 form.sent .wpcf7-response-output {
  background-color: #000000;
  padding: 1rem;
  border-radius: 7px;
  text-align: center;
  font-weight: Bold;
  color: white;
}

#content-grid {
  display: grid;
  grid-template-columns: 4fr 2fr;
  align-items: flex-start;
  height: auto;
  margin-top: -2rem;
}
@media (max-width: 680px) {
  #content-grid {
    grid-template-columns: 1fr;
  }
}

.grid-title {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: auto;
  margin-top: 1rem;
}
.grid-title h1 {
  font-weight: 900;
  letter-spacing: 0.02rem;
  word-spacing: 0.1rem;
  line-height: 125%;
}
.grid-title p {
  font-weight: bold;
  top: -2.5rem;
  position: relative;
}
.grid-title p:empty {
  display: none;
}
.grid-title p::before {
  content: "\f3c5";
  color: #D99D29;
  left: 0;
  top: 0;
  position: relative;
  font-size: 16px;
  padding-right: 0.35rem;
  font-family: "Font Awesome 6 Free";
}

.aside-container.grid-cta {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  position: relative;
  grid-auto-rows: max-content;
}
@media (max-width: 680px) {
  .aside-container.grid-cta {
    grid-column: 1;
    grid-row: 2;
  }
}
.aside-container.grid-cta h3.wp-block-heading {
  font-size: 1.25rem;
}

.grid-agent {
  grid-column: 2;
  grid-row: 2;
}

.grid-content {
  grid-column: 1;
  grid-row: 1;
  margin-top: 7rem;
  width: 90%;
}
@media (max-width: 680px) {
  .grid-content {
    grid-column: 1;
    grid-row: 1;
  }
}
.grid-content h2 {
  font-size: 22px;
}

.hero-container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 7.5rem;
  position: relative;
  gap: 1.5rem;
}
@media screen and (max-width: 860px) {
  .hero-container {
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 3rem;
  }
}

.hotel-gallery {
  border-radius: 15px;
  overflow: hidden;
  display: grid !important;
  height: 22rem;
  grid-template-columns: 4fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  width: 90%;
  max-width: 180ch;
  margin: auto;
  gap: 1rem;
  filter: drop-shadow(0px 40px 50px rgba(255, 255, 255, 0.2));
}
@media (max-width: 1024px) {
  .hotel-gallery {
    height: 14rem;
  }
}
@media (max-width: 680px) {
  .hotel-gallery {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.hotel-gallery#single {
  display: block !important;
}
.hotel-gallery#single .post-thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 22rem;
}
@media (max-width: 1024px) {
  .hotel-gallery#single .post-thumbnail img {
    height: 14rem;
  }
}
.hotel-gallery figure.wp-block-image {
  height: 100%;
  width: 100% !important;
}
.hotel-gallery.wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .hotel-gallery .wp-block-image figcaption {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  left: auto;
  background: none;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 10px;
  padding: 0.15rem 0.5rem;
  border-radius: 3px;
  z-index: 10;
  width: -moz-max-content !important;
  width: max-content !important;
}
.hotel-gallery figure.wp-block-image:first-of-type {
  grid-column: 1;
  grid-row: 1/span 2;
}
@media (max-width: 680px) {
  .hotel-gallery figure.wp-block-image:first-of-type {
    grid-column: 1/span 4;
    height: 8rem;
  }
}
@media (max-width: 680px) {
  .hotel-gallery figure.wp-block-image {
    height: 6rem;
  }
}
.hotel-gallery a.fancybox:hover {
  cursor: zoom-in;
}
.hotel-gallery .wp-block-image.size-large.wp-lightbox-container,
.hotel-gallery a.fancybox {
  width: 100% !important;
}
.hotel-gallery .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
  width: auto !important;
}
@media (min-width: 600px) {
  .hotel-gallery .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
    width: 100% !important;
  }
}
.hotel-gallery img {
  border-radius: 0;
  height: auto;
}

.btn-cta {
  background-color: white;
  display: block;
  grid-row: span 1;
  position: relative;
  background-color: #00aced;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.12));
  top: -4rem;
}
.btn-cta::after {
  content: "";
  width: 10px;
  background-color: #202020;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0 10px 10px 0;
  position: absolute;
}
@media screen and (max-width: 680px) {
  .btn-cta::after {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  .btn-cta {
    display: block;
    border-radius: 10px;
  }
}
.btn-cta .btn-cta-text {
  display: block;
  padding-left: 1.5rem;
  width: 90%;
  padding-bottom: 2rem;
}
@media screen and (max-width: 680px) {
  .btn-cta .btn-cta-text {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
  }
}
.btn-cta .btn-cta-text p#btn-price {
  font-size: 15px;
  font-style: italic;
  position: relative;
  line-height: 1.25;
  padding-top: 1rem;
}
.btn-cta .btn-cta-text p#btn-price span {
  font-size: 42px;
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: initial;
  position: relative;
  top: 0.1rem;
}
.btn-cta .btn-cta-text h3 {
  line-height: 1.5;
  margin-top: 1.5rem;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  width: 100%;
}
@media screen and (max-width: 680px) {
  .btn-cta .btn-cta-text h3 {
    padding-top: 0.25rem;
    text-align: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.btn-cta .btn-cta-text p {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 680px) {
  .btn-cta .btn-cta-text p {
    text-align: center;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-cta .btn-box {
  position: absolute;
  bottom: 2rem;
  left: 1.5rem;
  padding-bottom: 1rem !important;
}
@media screen and (max-width: 960px) {
  .btn-cta .btn-box {
    position: relative;
    padding-top: 4rem;
  }
}
@media screen and (max-width: 680px) {
  .btn-cta .btn-box {
    position: relative;
    margin-top: 1rem;
    text-align: center;
    right: 0;
    left: 0;
  }
}

.breadcrumbs {
  background-color: #080B0C;
  position: relative;
  z-index: 800;
  color: white;
}
.breadcrumbs .breadcrumbs-inner {
  width: 180ch;
  max-width: 90%;
  margin: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.breadcrumbs .breadcrumbs-inner span, .breadcrumbs .breadcrumbs-inner a {
  font-size: 14px;
  letter-spacing: 0.0075rem;
  color: white;
  text-decoration: none;
}
.breadcrumbs .breadcrumbs-inner a {
  font-weight: bold;
}
.breadcrumbs .breadcrumbs-inner a:hover {
  border-bottom: 1px solid white;
}

.contact-container input {
  width: 100% !important;
  max-width: 100% !important;
  border: initial;
  background-color: #f5f5f5;
}
.contact-container input.wpcf7-submit {
  width: auto !important;
  max-width: auto !important;
}
.contact-container.hotellier {
  padding: 1.5rem;
  border-radius: 15px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.06);
  margin-top: 4rem !important;
  margin-bottom: 2rem;
}
@media screen and (max-width: 680px) {
  .contact-container.hotellier {
    padding: 0;
    box-shadow: none;
  }
}
.contact-container.hotellier h2 {
  font-size: 1.75rem !important;
  padding-bottom: 1rem !important;
  margin-top: 1rem;
  font-weight: 900;
}

.contact-block {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 680px) {
  .contact-block.with-break {
    display: block;
  }
}
.contact-block.with-break .breakpoint {
  display: inline-flex;
}
.contact-block form input.wpcf7-form-control {
  border: 2px solid #f5f5f5 !important;
}

form .contact-container p {
  margin-bottom: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.no-shadow img {
  filter: none !important;
}

.multi2 {
  -moz-columns: 2;
       columns: 2;
}

.multi3 {
  -moz-columns: 3;
       columns: 3;
}

.entry-container-legal {
  max-width: 180ch;
  width: 90%;
  margin: 0 auto;
  display: flex;
}
@media screen and (max-width: 960px) {
  .entry-container-legal {
    display: block;
  }
}

.entry-content-legal {
  width: 70%;
  padding-right: 15%;
  word-wrap: break-word;
}
.entry-content-legal ul, .entry-content-legal li {
  max-width: 100%;
}
.entry-content-legal h1 {
  font-size: 20px;
  color: #D99D29;
  margin-top: 3rem;
  margin-bottom: -1rem;
}
.entry-content-legal a {
  font-weight: bold;
  color: #D99D29;
  text-decoration: none;
}
.entry-content-legal a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 960px) {
  .entry-content-legal {
    margin-right: 0;
    width: 100%;
  }
}

aside {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  position: relative;
  margin-right: 10%;
}
@media screen and (max-width: 960px) {
  aside {
    width: 100%;
    overflow-y: scroll;
  }
}
aside ul#secondary-menu {
  list-style: none;
  margin: 0;
  margin-block-start: 3rem;
  padding-left: 0.4rem;
}
@media screen and (max-width: 960px) {
  aside ul#secondary-menu {
    display: flex;
  }
}
aside ul#secondary-menu li {
  width: auto !important;
}
aside ul#secondary-menu li a {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 4rem;
  padding-left: 2rem;
  color: #202020;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.0075rem;
  transition: 250ms ease-in-out;
}
aside ul#secondary-menu li a:hover {
  background: white;
  color: #202020 !important;
}
aside ul#secondary-menu li a:visited {
  color: initial;
}
aside ul#secondary-menu li.current-menu-item {
  background: white;
  position: relative;
}
aside ul#secondary-menu li.current-menu-item a {
  color: #202020;
}
aside ul#secondary-menu li.current-menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.4rem;
  height: 100%;
  padding-right: 0.4rem;
  background-color: #D99D29;
}

.wc-block-components-chip .wc-block-components-chip__text {
  text-transform: uppercase;
  font-weight: bold;
}

a.wc-block-cart__submit-button {
  text-decoration: none;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  background-color: #D99D29;
  border-radius: 3px;
  font-weight: bold;
  color: white;
  width: -moz-max-content;
  width: max-content;
  transition: 250ms ease-in-out;
}
a.wc-block-cart__submit-button:hover {
  opacity: 0.8;
  transition: 250ms ease-in-out;
}

ul.wc-block-components-product-details li {
  margin-top: 0 !important;
}

a.wc-block-components-product-name {
  text-decoration: none;
  color: #202020;
  font-weight: bold;
}
a.wc-block-components-product-name:hover {
  text-decoration: underline;
}

span.wc-block-components-product-name {
  font-weight: bold;
}

button.wc-block-components-button {
  border-radius: 3px;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  transition: 250ms ease-in-out;
}

.wc-block-components-panel__content span,
ul, li {
  display: block;
  width: -moz-max-content;
  width: max-content;
}

td.woocommerce-table__product-name a {
  font-weight: bold;
  color: #202020;
  text-decoration: none;
}

h3.wc-bacs-bank-details-account-name {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
}

th.label {
  text-align: left !important;
  width: -moz-max-content;
  width: max-content;
}

.woocommerce div.product form.cart .variations select {
  padding-right: 1rem;
  max-width: auto;
  min-width: auto;
}

button.single_add_to_cart_button.alt {
  background-color: #D99D29 !important;
  padding: 1rem 1.25rem !important;
  border-radius: 0px !important;
  margin-left: -1rem;
  border-radius: 0 3px 3px 0 !important;
}

.related {
  margin: 0 auto;
}
.related ul.products {
  width: 100% !important;
  max-width: 100% !important;
}

ul.products {
  position: relative;
  gap: 1rem;
  margin: auto !important;
}
@media only screen and (max-width: 1024px) {
  ul.products {
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 920px) {
  ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 690px) {
  ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}
ul.products .star-rating {
  display: none;
}
ul.products li.product {
  width: auto !important;
  background-color: white;
  text-align: center;
  position: relative;
  border-radius: 10px;
}
ul.products li.product span.price {
  color: #202020 !important;
  font-weight: bold !important;
  font-size: 16px !important;
}
ul.products li.product span.woocommerce-Price-amount {
  font-size: 20px !important;
  position: relative;
  color: #202020;
}
ul.products li.product .woocommerce-loop-product__title {
  margin: auto !important;
  font-size: 16px !important;
  width: 100% !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
ul.products li.product .price-buy a.wp-element-button {
  display: none;
}
ul.products li.product.sale {
  border: 2px solid #202020;
}
ul.products li.product a {
  text-decoration: none;
  text-align: center;
}
ul.products li.product a.button {
  display: none;
}
ul.products li.product a.add_to_cart_button {
  display: none;
}
ul.products li.product a span.onsale {
  background-color: rgb(235, 87, 87);
  padding: 0.5rem 1rem;
  z-index: 4;
  position: relative;
  color: white;
  top: 5px;
}
ul.products li.product a img {
  margin: auto;
  padding-top: 2rem;
}
ul.products li.product a h2, ul.products li.product a h3 {
  font-size: 20px;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
@media only screen and (max-width: 1024px) {
  ul.products li.product a h2, ul.products li.product a h3 {
    font-size: 16px;
  }
}

.woocommerce div.product div.images img {
  height: 33rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}

.wc-block-components-totals-shipping .wc-block-components-totals-item strong {
  text-transform: capitalize !important;
}

.wc-block-components-product-metadata {
  width: 50ch !important;
}

h3.wc-block-components-product-name {
  font-size: 18px !important;
  width: 40ch;
}

.woocommerce-Tabs-panel {
  background-color: white;
}
.woocommerce-Tabs-panel p, .woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel h3 {
  width: 120ch;
  max-width: 90%;
}
.woocommerce-Tabs-panel h3 {
  padding-left: 1rem;
  font-size: 20rem;
}
.woocommerce-Tabs-panel h2 {
  margin-top: 0;
  padding-top: 3rem;
  padding-left: 1rem;
  font-size: 20px;
}
.woocommerce-Tabs-panel p {
  padding-left: 1rem;
}
.woocommerce-Tabs-panel p:last-of-type {
  padding-bottom: 3rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  background-color: #f5f5f5;
  color: #202020;
  display: inline-block;
  position: relative;
  z-index: 0;
  border-radius: 0px 0px 0 0;
  margin: 0 -5px;
  padding: 0 1em;
}

ul.tabs {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

.woocommerce ul.products li.product a img {
  width: 80%;
  margin: auto !important;
  padding-top: 0 !important;
}

.woocommerce div.product form.cart div.quantity {
  margin-right: 1rem;
  margin-top: 0.5rem;
}

.woocommerce-variation-add-to-cart {
  margin-top: 2rem;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
  font-size: 24px !important;
}

.entry-summary p.price,
span.woocommerce-Price-amount.amount:first-of-type {
  color: #202020 !important;
  font-weight: bold;
  font-size: 26px;
}

span.woocommerce-Price-amount.amount:last-of-type::after {
  display: none;
}

.tiered-pricing-block__price span {
  font-size: 18px !important;
}

.woocommerce-variation-price {
  display: none;
}

.reset_variations {
  color: #D99D29;
  font-weight: bold;
  text-decoration: none;
}
.reset_variations:hover {
  text-decoration: underline;
}

small.woocommerce-price-suffix span {
  font-size: 16px !important;
  position: relative;
  color: #202020;
  margin-left: 0.5rem;
}
small.woocommerce-price-suffix span .woocommerce-Price-currencySymbol {
  margin-left: -2px;
}

small.woocommerce-price-suffix {
  font-size: 16px !important;
  position: relative;
  color: #202020;
}
small.woocommerce-price-suffix .woocommerce-Price-currencySymbol {
  margin-left: -2px;
}

.tiered-pricing-block {
  background-color: white;
  border: none;
  margin-top: 1rem;
}
.tiered-pricing-block .tiered-pricing-block__price {
  opacity: 0.6;
}
.tiered-pricing-block.tiered-pricing--active {
  border: 2px solid #D99D29;
  color: #202020;
}
.tiered-pricing-block.tiered-pricing--active .tiered-pricing-block__price {
  opacity: 1;
}

a.add_to_cart_button {
  background-color: #D99D29 !important;
  padding: 1rem 1.25rem !important;
  border-radius: 3px !important;
  color: white !important;
}

form.cart input.qty {
  border: none !important;
  border-radius: 3px 0 0 3px !important;
  height: 100% !important;
  width: 5rem !important;
  text-align: center !important;
  margin-top: -8px;
  padding: 12px !important;
}

ul.products.columns-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100% !important;
}
ul.products.columns-4::before {
  display: none;
}

ul.products.columns-5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100% !important;
}
ul.products.columns-5::before {
  display: none;
}

.woocommerce ul.products li.product .button {
  margin-bottom: 1.5rem;
}

.woocommerce-message {
  border-top-color: #D99D29 !important;
  background-color: white;
}
.woocommerce-message::before {
  color: #D99D29 !important;
}

a.wc-forward {
  padding: 1rem 1.25rem !important;
  font-weight: bold !important;
  border-radius: 50px !important;
  color: white !important;
  background-color: #D99D29 !important;
}

.product_meta a {
  color: #D99D29;
  text-decoration: none;
  font-weight: bold;
}
.product_meta a:hover {
  text-decoration: underline;
}

.woocommerce-tabs ul.tabs {
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 10px 10px 0 0;
}
.woocommerce-tabs ul.tabs li a {
  color: black !important;
}

.woocommerce-Tabs-panel {
  border-radius: 0 10px 10px 10px;
}

.woocommerce-Tabs-panel h3 {
  padding-left: 1rem;
  font-size: 1.2rem;
}

.woocommerce-Tabs-panel ul#features {
  padding-left: 1rem;
}

p.woocommerce-thankyou-order-received {
  font-size: 1.5rem;
  font-weight: bold;
}

li.woocommerce-order-overview__total strong span.woocommerce-Price-amount {
  font-size: initial !important;
}

.woocommerce-table--order-details span.woocommerce-Price-amount {
  font-size: initial !important;
}

a.order-actions-button {
  background: #D99D29 !important;
  padding: 1rem 1.5rem !important;
  border-radius: 3px !important;
  color: white !important;
  text-decoration: none !important;
  font-family: "Source Sans Pro", sans-serif !important;
  word-spacing: 1px !important;
  letter-spacing: 0.02rem !important;
  transition: 0.25s ease-in-out !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
a.order-actions-button:hover {
  opacity: 0.8;
}

nav.woocommerce-MyAccount-navigation {
  padding-top: 0rem;
  margin-left: 0rem;
  float: none !important;
  width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  position: relative;
  margin-left: 0 !important;
}
nav.woocommerce-MyAccount-navigation ul li {
  background-color: white;
  margin-left: 0 !important;
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: white;
}
nav.woocommerce-MyAccount-navigation ul li a {
  display: inline-block;
  padding: 0.5em 0;
  font-weight: 700;
  color: black;
  text-decoration: none;
  opacity: 1;
}
nav.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
  border: none;
  background-color: #f5f5f5;
  color: #202020;
  display: inline-block;
  position: relative;
  z-index: 0;
  border-radius: 0px 0px 0 0;
  padding: 0 1em;
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  background-color: white;
  padding: 1.5rem;
  margin-top: 1rem;
  width: 100%;
}

form.woocommerce-form-login {
  width: 120ch;
  max-width: 100%;
  background-color: white;
  padding: 1.5rem;
  border-radius: 10px;
  border: none !important;
}

button.woocommerce-button {
  background: #D99D29 !important;
  padding: 1rem 1.5rem !important;
  border-radius: 100px !important;
  color: white !important;
  text-decoration: none !important;
  font-family: "Source Sans Pro", sans-serif !important;
  word-spacing: 1px !important;
  letter-spacing: 0.02rem !important;
  transition: 0.25s ease-in-out !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
button.woocommerce-button:hover {
  opacity: 0.8;
}

td.woocommerce-orders-table__cell a {
  background-color: white !important;
  color: black !important;
}
td.woocommerce-orders-table__cell a:hover {
  text-decoration: underline !important;
}
td.woocommerce-orders-table__cell span {
  font-size: 1rem !important;
}

.wc-block-components-order-summary-item__description {
  width: 40ch;
}

ol.flex-control-thumbs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
}

ol.flex-control-thumbs li {
  width: auto !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  height: auto;
  margin-top: 1rem;
}

.background.contacts {
  background-image: url("https://images.unsplash.com/photo-1524368535928-5b5e00ddc76b?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.background.contacts::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(8, 11, 12) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 2;
  top: 0;
  left: 0;
  content: "";
}
.background.contacts .homepage-header {
  position: relative;
  z-index: 3;
}

p.in-stock {
  color: #34B15C !important;
  font-weight: bold;
  position: relative;
  padding-left: 2rem;
}
p.in-stock::before {
  color: white;
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: bold;
  position: absolute;
  left: 0.35rem;
  top: 0.05rem;
  z-index: 3;
  font-size: 14px;
}
p.in-stock::after {
  content: "";
  padding: 0.75rem;
  background-color: #34B15C;
  border-radius: 100%;
  position: absolute;
  left: 0rem;
  top: 0rem;
  z-index: 2;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
  background-color: #f6f6f6;
  border-radius: 25px;
}

.woocommerce div.product div.images img {
  filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.12));
}/*# sourceMappingURL=style.css.map */