/******************************************************************
Theme Name: Barth & Co
Theme URI: https://www.barth1873.de/
Description: Individuelles Theme für Barth & Co
Author: Nicoletta Arps
Author URI: http://www.wp-spezialist.de
Version: 1.1
Licence: Custom
Licence URI: -
Text Domain: wpspezialist
******************************************************************/


/*!
 * Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */



*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

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

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

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

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */

body
{
	font-size:13px;
	line-height:18px;
	color:#000000;
	font-family:'Lucida Grande', Lucida, Verdana, sans-serif;
}

h1, h2, h3
{
	margin:0;
}

h1
{
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

h2
{
	font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;

}

h3
{
	font-size:15px;
	line-height:20px;
}

a
{
	color: #000;
	text-decoration:underline;
}

a:hover
{
	color: #000;
}

p
{
	margin-bottom:8px;
}
.page-template-ohne_bild p
{
	margin-bottom:15px;
}


/* Header */
#inner-header
{
	padding:45px 0;
}

#menu-location-mobile_menu
{
	display:none;
}

.menu a
{
	color: #999;
}

.menu a:hover,
.menu .current-page-ancestor a,
.menu .current-menu-item a
{
	color: #000000;
}

.single-produkt .menu-item-123 a
{
	color: #000000;
}

ul.menu{
	margin:0;
	padding:0;
}
ul.menu#mainmenu{
	display: flex!important;
	justify-content: space-between;
}
#header_menu li,
#mainmenu li
{
	display:inline-block;
	list-style-type:none;
}

#header_menu li a,
#mainmenu li a
{
	text-decoration: none;
	padding-right: 5px;
	display: block;
	letter-spacing: 0.2ex;
}

#header_menu li.wpml-ls-item
{
	float:right;
}

#header_menu a
{
	font-size:10px;
}

#mainmenu li a
{
	text-transform:uppercase;
	margin-right:5px;
	font-size:12px;
}



#header_menu
{
	border-bottom:1px solid #d7d7d7;
	padding:10px 0 5px 0;
}

#menu_opener
{
	background: url(img/mobilemenu.png) no-repeat 0 0;
	width:30px;
	height:27px;
	float:left;
	display:none;
}

.custom-logo-link
{
	float:right;
	display:block;
	margin-right: 100px;
}

/* Content */

#main
{
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	padding:25px 0;
	margin-bottom:35px;
	position:relative;
}

.page-template-ohne_bild_mit_schatten #main
{
	border-bottom:0;
}

#content
{

	position: relative;
	height:700px;
	z-index:500;
}

.pageimg
{
	position:absolute;
	top:25px;
	left:0;
}

.produkt-template-parkett_xpress #content
{
	height:750px;
}

.produkt-template-parkett_xpress2 #content
{
	height:775px;
}


.page-template-startseite #content
{
	height: 650px;
}

.post-content
{
	float:right;
	margin:30px;
	width:350px;
	background:#FFFFFF;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	-khtml-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	padding:20px 20px 5px 20px;
	z-index:1000;

}

.page-template-startseite .post-content
{
	font-size:12px;
	line-height:20px;
}

.page-template-scroll .post-content
{
	width: 450px;
	padding: 20px;
	height: 600px;
	overflow: scroll;
	background:rgba(255, 255, 255, .85);
}

.page-template-scroll_full_with .post-content
{
	width: 94%;
	padding: 20px;
	height: 635px;
	overflow: scroll;
	background:rgba(255, 255, 255, .85);
}

.page-template-ohne_bild .post-content
{
	width: 100%;
	position: static;
	box-shadow: 0;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
}

.page-template-ohne_bild_mit_schatten .post-content
{
	width: 100%;
	position: static;
	height:660px;
	padding-top:0;
}

.page-template-ohne_bild_mit_schatten .post-content h1
{
	display:none;
}

.single-produkt .post-content
{
	padding: 15px 10px 5px 15px;
}


.post-content ul{
	margin:0 0 15px 0;
	padding:0;
}

.post-content li
{
	list-style-type:none;
}

.post-content li:before
{
	content:"- ";
}

.single-produkt .post-content li:before
 {
	content:'';
 }

.single-produkt .post-content li
{
	list-style-type:disc;
	margin-left:15px;
}

.single-produkt .wp-block-columns
{
	margin-bottom:0;
}

.post-content .wp-block-media-text>figure>img
{
	width:auto;
}

.post-content .wp-block-image {
	margin-bottom:0;
}

.wp-block-image img
{
	height: auto;
}

.wp-block-separator
{
	margin-bottom: 6px;
	border-top: 1px dashed silver;
	border-bottom: 0;
}

/* fancybox */
.fancybox-slide .fancycontent
{
	max-width:450px !important;
}

.fancybox-slide .fancycontent h2
{
	margin-bottom:25px;
}
.fancycontent
{
	display:none;
}

.lightbox_bild_links
{
float: left;
display: block;
margin: 0 20px 20px 0;
}

/* Slider */

#main .cycloneslider-template-standard {
	position: absolute;
	width: 100%;
	height: auto;
	z-index:100;
}



.cycloneslider-prev,
.cycloneslider-next
{
	display:none !important;
}

#main .cycloneslider .cycloneslider-caption-title
{
	padding-bottom: 12px;
	padding-top: 12px;
	font-size: 13px;
	color: #fff;
	margin: 0;
}

.cycloneslider-caption-description
{
	display:none;
}

#content .cycloneslider .cycloneslider-caption {
	opacity: 0;
}
#content .cycloneslider .cycle-slide-active .cycloneslider-caption {
	opacity: 0.7;
	transition: opacity 300ms ease-in 2s;
}

/* Kacheln */
.page-template-kacheln #content,
.produkt-template-kacheln #content
{
	height:auto;
}
.page-template-kacheln .post-content,
.produkt-template-kacheln .post-content {
	position: static;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	padding: 0;
	float:none;
	margin:0;
}
.kachelnav .kachel
{
padding-left:6px;
	padding-right:6px;
	margin-bottom:12px;
}

.kachel_inner
{
	position: relative;
}

.kachel_img
{
	width:100%;
	max-width:100%;
	height:auto;
}

.kachellinks
{
	position: absolute;
	top: 10px;
	right: 15px;
	width: 55%;
}

.kachel a
{
	text-decoration: none;
	font-size: 13px;
	display: block;
	padding: 4px;
	text-align: center;
	background: rgba(255,255,255,.7);
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	-khtml-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);

	font-weight: bold;

}

.kachel a.make_bold
{
	font-weight: normal;
	font-size:11px;
}

.kachel a.make_bold span
{
	font-weight: bold;
	display:block;
	font-size:13px;
}

.kachel a:hover
{
	background: rgba(255,255,255,1);
}

.kachel a.second_link,
.kachel a.third_link
{
	font-size: 11px;
	display:none;
	font-weight:normal;
}

.kachel:hover a.second_link,
.kachel:hover a.third_link
{
	display:block;
}

.kachel a.second_link,
.kachel a.third_link
{
	margin-top:3px;
}

.back_button
{
	text-decoration:none;
	position:absolute;
	bottom:-15px;
	right:0;
}


/* PDF */
.pdf
{
	background:url(img/pdf.png) no-repeat 0 0;
	padding-left:25px;
	margin-bottom:5px;
}

.ansprech
{
	margin-left:20px;
	margin-bottom: 5px;
}

.name
{
	display:block;
	border-top: 1px dashed silver;
	font-weight:bold;
	padding-top:3px;
}


/* Anfrage */
.page-template-anfrage #content
{
/*	height:414px;
	background-size: contain;

	*/
}
/* Konatktformular */

.wpcf7
{
	margin-top:20px;
}

.wpcf7 input,
.wpcf7 textarea
{
	width:100%;
	max-width:100%;
	border:1px solid grey;
}

.wpcf7 .wpcf7-acceptance input,
.wpcf7 .wpcf7-submit
{
	width:auto;
}

.wpcf7-submit
{
margin:0 auto;
	display: block;
}

.wpcf7-submit:hover
{
	background:#d5d5d5;
}

label
{
	margin-bottom:0;
}

.wpcf7,
.captcha_text
{
	font-size:11px;
	line-height:13px;
	margin-bottom:0;
}

.wpcf7 span.wpcf7-list-item
{
	margin-left:0;
}

.wpcf7-dynamictext
{
	display:none;
}


.contactform_p
{
	margin-bottom:5px;
}


.main-template-23 .contactform_p,
.page-template-mit_bild_mit_schatten .contactform_p
{
	margin-bottom:10px;
	font-size:12px;
}

.main-template-23 label,
.page-template-mit_bild_mit_schatten label
{
	font-size: 12px;
	margin-bottom: 4px;
}

.main-template-23 input,
.main-template-23 textarea,
.page-template-mit_bild_mit_schatten .wpcf7 input,
.page-template-mit_bild_mit_schatten .wpcf7 textarea
{
	max-width:365px;
	padding: 5px;
	border-radius: 4px;
	border: 1px solid #b5b5b5;
	background:rgba(255,255,255,.8);
}

.main-template-23 .wpcf7 textarea,
.page-template-mit_bild_mit_schatten .wpcf7 textarea
{
	height:94px;
}

.main-template-23 .wpcf7-mathcaptcha,
.page-template-mit_bild_mit_schatten .wpcf7-mathcaptcha
{
	display:block;
	margin-top:3px;
}


.main-template-23 input.wpcf7-submit,
.page-template-mit_bild_mit_schatten input.wpcf7-submit
{
	margin: 15px 0 0 0;
	background:rgb(77 45 6);
	color:#FFFFFF;
	padding: 5px 15px;
}

.main-template-23 .wpcf7-submit:hover,
.page-template-mit_bild_mit_schatten .wpcf7-submit:hover
{

	background:rgb(113 70 18);

}

.main-template-23 .wpcf7,
.page-template-mit_bild_mit_schatten .wpcf7, .captcha_text
{
	font-size:12px;
}

.main-template-23 .rueckruf_p,
.page-template-mit_bild_mit_schatten .rueckruf_p
{
	margin-bottom:20px;
	margin-top:-3px;
}

.main-template-23 .pageimg,
.page-template-mit_bild_mit_schatten .pageimg
{
	border-radius:4px;
}

.main-template-23 .post-content,
.page-template-mit_bild_mit_schatten .post-content
{
	width: 34%;
	background:rgba(255,255,255,.8);
	border-radius:4px;
}
/*!     ########## Custom Fonts 2023 Start ##########    !*/
@font-face {
    font-family: 'Officina Serif Bold';
    src: url('fonts/OfficinaSerifBold/OfficinaSerifStd-Bold.eot');
    src: url('fonts/OfficinaSerifBold/OfficinaSerifStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OfficinaSerifBold/OfficinaSerifStd-Bold.woff2') format('woff2'),
        url('fonts/OfficinaSerifBold/OfficinaSerifStd-Bold.woff') format('woff'),
        url('fonts/OfficinaSerifBold/OfficinaSerifStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Officina Serif';
    src: url('fonts/OfficinaSerifStd-Book/OfficinaSerifStd-Book.eot');
    src: url('fonts/OfficinaSerifStd-Book/OfficinaSerifStd-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/OfficinaSerifStd-Book/OfficinaSerifStd-Book.woff2') format('woff2'),
        url('fonts/OfficinaSerifStd-Book/OfficinaSerifStd-Book.woff') format('woff'),
        url('fonts/OfficinaSerifStd-Book/OfficinaSerifStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CorporateS-Light';
    src: url('fonts/CorporateS-Light/CorporateS-Ligh.eot');
    src: url('fonts/CorporateS-Light/CorporateS-Ligh.eot?#iefix') format('embedded-opentype'),
        url('fonts/CorporateS-Light/CorporateS-Ligh.woff2') format('woff2'),
        url('fonts/CorporateS-Light/CorporateS-Ligh.woff') format('woff'),
        url('fonts/CorporateS-Light/CorporateS-Ligh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*!     ########## Custom Fonts 2023 End ##########    !*/

/* ################    Main Content 2023 Headlines Start   ################ */
.main-template-23 h1,
.main-template-23 h2,
.main-template-23 h3,
.main-template-23 h4,
.main-template-23 h5,
.main-template-23 h6,
.main-template-23 h7{
    font-family: 'Officina Serif Bold';
}
.main-template-23 h1{
	font-size: 45px;
	margin: 30px 0;
}
.main-template-23 h1 sub{
	font-size: 17px;
    font-family: 'CorporateS-Light';
	bottom: 0!important;
}
.main-template-23 h2{
	font-size: 24px;
}
.main-template-23{
    font-family: 'CorporateS-Light';
	font-size: 17px!important;
	line-height: 24px;
}
.main-template-23 ul{
	padding: 0 30px 0 15px!important;
}
.main-template-23 ul li{
	margin-top: 5px;
}
.officina-font{
    font-family: 'Officina Serif';
}
/* ################    Main Content 2023 Headlines End    ################ */

/* ################    Main Content 2023 Karriere    ################ */

.main-template-23{
	border: none!important;
}
.main-background-image{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: none!important;
}
.main-template-23 :where(.wp-block-columns.is-layout-flex) {
    gap: 12px;
}
.main-template-23 .wp-block-column{
    padding: 0;
	margin: 0;
}
.main-template-23 .wp-block-column.has-white-background-color,
.main-template-23 .post-content-23 {
    padding: 20px 20px 5px 20px;
    background: #FFFFFF;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -khtml-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    padding: 20px 20px 5px 20px;
    z-index: 1000;
}
.main-background-image a.back{
	margin-top: 40px;
	display: inline-block;
    background: #FFFFFF;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -khtml-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    padding: 5px;
    z-index: 1000;
} 
.main-template-23 #content{
	height: auto!important;
	min-height: 700px;
}
.main-template-23 .kachel{
	width: 100%!important;
	min-width: 100%!important;
	padding: 0!important;
	margin: 15px 0!important;
	
}
.main-template-23 input, .main-template-23 textarea{
	max-width: 100%!important;
}
.main-template-23 input[type="checkbox"]{
	width: auto!important;
	
}
/* Media Breakpoints */
@media (max-width: 980px)
{
.page-template-mit_bild_mit_schatten .post-content
{
	width: 100%;
}
}

/* Akkordeon */
.mitarbeiter span,
.mitarbeiterhead span
{
display:inline-block;
	width:25%
}

.mitarbeiter
{
	margin-bottom:2px;
	padding-left:15px;
}

.mitarbeiter:hover
{
	background-color: #e4dfd7;
}

.wp-block-pb-accordion-item
{
	border-bottom: 1px dashed silver;
	margin-bottom:10px;
	padding-bottom:5px;
}

.wp-block-pb-accordion-item:last-child
{
	border-bottom: 0;
}

.c-accordion__title
{
	font-weight:bold;
	text-decoration:none;
	background:url(img/down.png) no-repeat 0 6px;
	padding-left:15px;
	background-size:7px;
	font-size:14px;
}

.is-open .c-accordion__title
{
	background:url(img/up.png) no-repeat 0 6px;
	background-size:7px;
}

.c-accordion__title:after
{
	content:"" !important;
}

.getout
{
	display:none;
}

.page-template-default .c-accordion__title
{
font-size:12px;
	text-decoration:underline;
	cursor: pointer;
}

.page-template-default .wp-block-pb-accordion-item
{
	border-bottom:0;
	margin:0;
	padding:0;
}

.page-template-default .c-accordion__content
{
	padding-left:15px;
}

.c-accordion__content .name {
	border-top: 0;
	font-weight: normal;
}

.c-accordion__content h4
{
	font-weight:normal;
	margin-bottom:0;
}

.page-template-ohne_bild_mit_schatten .wp-block-pb-accordion-item
{
	margin-left:35px;
}




/* Produkte */
.produktanfragelink,
.barth_button
{
	display:block;
	background-color: #4b2c06;
	padding: 5px 20px 5px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

.produktanfragelink
{
	margin-bottom:5px;
}

.produktanfragelink:hover,
.barth_button:hover
{
	color:#FFFFFF;
	background-color: #693b07;
	text-decoration:none;
}

.postid-73 .produktanfragelink
{
	display:none;
}

.back
{
	display:block;
	text-decoration:none;
	margin-top:3px;
}

.na_gallery img.smallimg
{
	max-width:90%;
	margin:0 1%;
	height:auto;
}

.na_gallery
{
	height:70px;
	overflow:hidden;
}

.na_gallery a
{
	display:inline-block;
	float:left;
	max-width:33%
}

/* Cookie Banner  */
.wpcc-container{
	opacity:1
}
.wpcc-transparency-5{
	opacity:.95
}
.wpcc-transparency-10{opacity:.9}
.wpcc-transparency-15{opacity:.85}
.wpcc-transparency-20{opacity:.8}
.wpcc-transparency-25{opacity:.75}
.wpcc-container{
	border-style:solid;
	border-width:0;
	box-sizing:border-box;
	display:flex;
	flex-wrap:nowrap;
	font-family:inherit;
	font-size:16px;
	line-height:1.5em;
	-webkit-transition:opacity 1s ease;
	-moz-transition:opacity 1s ease;
	-ms-transition:opacity 1s ease;
	-o-transition:opacity 1s ease;
	overflow:hidden;
	position:fixed;
	transition:opacity 1s ease;
	z-index:9999
}

@media print{
	.wpcc-container{display:none}
	.wpcc-pushdown-wrap{
		max-height:0;
		overflow:hidden;
		-webkit-transition:max-height 1s;
		-moz-transition:max-height 1s;
		-ms-transition:max-height 1s;
		-o-transition:max-height 1s;
		transition:max-height 1s
	}
}

.wpcc-pushdown{
	margin:0!important;
	position:static
}
.wpcc-invisible{
	opacity:0
}


.wpcc-border-thin{
	border-width:1px
}
.wpcc-border-normal{
	border-width:3px
}
.wpcc-border-thick{
	border-width:5px
}
.wpcc-float{
	flex-direction:column;
	max-width:22em;
	padding:1.5em
}
.wpcc-float.wpcc-padding-small{
	padding:1em
}
.wpcc-float.wpcc-padding-large{
	padding:2em
}
.wpcc-banner{
	flex-direction:row;
	margin:1em;
	padding:1em
}
.wpcc-banner.wpcc-padding-small{
	padding:.5em .5em .5em 1em
}
.wpcc-banner.wpcc-padding-large{
	padding:1.5em
}
.wpcc-banner.wpcc-margin-none{
	margin:0
}
.wpcc-banner.wpcc-margin-small{
	margin:.5em
}
.wpcc-banner.wpcc-margin-large{
	margin:1.5em
}
.wpcc-padding-none{
	padding:0
}
.wpcc-padding-none.wpcc-float .wpcc-message{
	margin:1em
}
.wpcc-padding-none.wpcc-banner .wpcc-message{
	margin:.8em 1em
}
.wpcc-padding-none.wpcc-banner .wpcc-btn{
	height:100%;padding:.9em 1.5em
}
.wpcc-btn,
.wpcc-privacy{
	cursor:pointer
}
.wpcc-privacy{
	display:inline-block;
	opacity:.85;
	text-decoration:underline
}
.wpcc-privacy:hover{
	opacity:1
}
.wpcc-privacy:active,
.wpcc-privacy:visited{
	color:initial
}
.wpcc-btn{
	display: block;
	font-size: .8em;
	font-weight: 700;
	padding: .2em .6em;
	text-align: center;
	white-space: nowrap;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	text-decoration: none;
	-o-transition: background-color .2s ease;
}

.wpcc-btn:hover
{
	text-decoration: none
}

.wpcc-top
{
	top: 1em
}

.wpcc-top.wpcc-margin-none
{
	top: 0
}

.wpcc-top.wpcc-margin-small
{
	top: .5em
}

.wpcc-top.wpcc-margin-large
{
	top: 1.5em
}

.wpcc-left
{
	left: 1em
}

.wpcc-left.wpcc-margin-none
{
	left: 0
}

.wpcc-left.wpcc-margin-small
{
	left: .5em
}

.wpcc-left.wpcc-margin-large
{
	left: 1.5em
}

.wpcc-right
{
	right: 1em
}

.wpcc-right.wpcc-margin-none
{
	right: 0
}

.wpcc-right.wpcc-margin-small
{
	right: .5em
}

.wpcc-right.wpcc-margin-large
{
	right: 1.5em
}

.wpcc-bottom
{
	bottom: 1em
}

.wpcc-bottom.wpcc-margin-none
{
	bottom: 0
}

.wpcc-bottom.wpcc-margin-small
{
	bottom: .5em
}

.wpcc-bottom.wpcc-margin-large
{
	bottom: 1.5em
}

.wpcc-float .wpcc-message
{
	display: block;
	margin-bottom: 1em
}

.wpcc-banner
{
	align-items: center
}

.wpcc-banner.wpcc-top
{
	left: 0;
	right: 0;
	top: 0
}

.wpcc-banner.wpcc-bottom
{
	left: 0;
	right: 0;
	bottom: 0
}

.wpcc-banner .wpcc-message
{
	display: block;
	flex: 1 1 auto;
	margin-right: 1em;
	max-width: 100%;
	font-size:13px;
}

.wpcc-float .wpcc-compliance
{
	flex: 1 0 auto
}

.wpcc-corners-small
{
	border-radius: 5px
}

.wpcc-corners-normal
{
	border-radius: 7px
}

.wpcc-corners-large
{
	border-radius: 10px
}

.wpcc-corners-round .wpcc-btn
{
	border-radius: 4px
}

.wpcc-corners-round.wpcc-margin-none, .wpcc-corners-round.wpcc-padding-none .wpcc-btn
{
	border-radius: 0
}

.wpcc-corners-round.wpcc-margin-none
{
	border-radius: 0
}



@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape)
{
	.wpcc-top
	{
		top: 0 !important
	}

	.wpcc-bottom
	{
		bottom: 0 !important
	}

	.wpcc-banner, .wpcc-float, .wpcc-left, .wpcc-right
	{
		left: 0 !important;
		margin: 0 !important;
		right: 0 !important
	}

	.wpcc-banner
	{
		align-items: unset;
		flex-direction: column
	}

	.wpcc-corners-round
	{
		border-radius: 0 !important
	}

	.wpcc-float
	{
		max-width: none
	}

	.wpcc-message
	{
		margin-bottom: 1em
	}

	.wpcc-banner.wpcc-padding-small
	{
		padding: .5em
	}

	.wpcc-padding-small .wpcc-message
	{
		margin-bottom: .5em
	}
}



.banner_inner
{
	max-width:600px;
	margin:0 auto;

}

.wpcc-message
{
	float:left;
}

.wpcc-compliance
{
	float:right;
}
/* Responsive */

.container {
	max-width: 1010px;
	margin: 0 auto;
}

/************ News Page Styles ************/

.news-page .sticky-top{
	position: sticky;
	top: 0!important;
	transition:ease .5s all;
}
.news-page .sticky-top.scrolled{
	padding-top: 0!important;
	padding-bottom: 0!important;
}
html{
	scroll-behavior: smooth;
}
.news-page .mw-100{
	max-width: 100%;
	height: auto;
}
.news-logo{
	margin: 0 auto;
}
.news-page .wp-block-image.size-full img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
.news-footer #header_menu{
	border-bottom: none!important;
	padding: 10px 15px 30px;
	justify-content: center;
	align-items: center;
	text-align: center;
	display: block!important;
}
/************ END News Page Styles ************/



@media (max-width: 980px) {
	.container {
		max-width: 650px;
	}

	.overview-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr))!important;
	}
	.mitarbeiter span,
	.mitarbeiterhead span
	{
		display:inline-block;
		width:25%
	}

	#content
	{
		height:auto;
	}

	.pageimg
	{
		position:static;
		width:100%;
		max-width:100%;
		height:auto;
	}

	.post-content
	{
		position:static;
		width:100%;
		height:auto;
		box-shadow:none;
		right:0;
		margin:0;
		float:none;
		padding: 0;
	}

	#content
	{
		margin-top:20px;
	}

	.custom-logo-link {

		 margin-right: 0;
	}
	.custom-logo-link img
	{
		width:100%;
		max-width:100%;
		height:auto;
	}


	#mainmenu li a {
		margin-right: 0;
	}

	#main .cycloneslider-template-standard {
		position: static;

	}

	.produkt-template-parkett_xpress #content,
	.produkt-template-parkett_xpress2 #content,
	.page-template-startseite #content
	{
		height:auto;
	}

	.single-produkt .post-content {
		padding:0;
	}


	.page-template-ohne_bild_mit_schatten .wp-block-pb-accordion-item
	{
		margin-left:0;
	}


}

@media (max-width: 767px) {
	.container {
		max-width: 100%;
	}
/* Old
	.kachel_inner
	{
		max-width:325px;
	}
*/
	#menu_opener
	{
		display:block;
		margin-top:-20px;
	}

	.overview-grid{
		grid-template-columns:repeat(1, minmax(0, 1fr))!important;
	}


	#content,
	.page-template-startseite .post-content
	{
		font-size:17px;
		line-height:25px;
	}

	#mainmenu,
	#header_menu
	{
		display:none;
	}

	.custom-logo-link
	{
	float:none;
	}

	.custom-logo-link img {
		width: auto;

	}

	#inner-header {
		padding: 15px 0;
	}

	h1
	{
		font-size:26px;
	}
	
	.mitarbeiter span, .mitarbeiterhead span {
	    display: block;
	    width: 80%;
	font-size:14px;
	
	}
.employee_mobil
{
	margin-bottom:20px;
}
	.headline_mitarbeiter
	{
		display:none;
	}


}

@media (max-width: 576px)
{



}

/* Kachelnavi grid */

.kachelnav {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
	padding: 0 10px;
	justify-content: center;
	align-items: center;
}

/* Standardmäßig (Mobile): 1 Spalte */
.kachelnav > .kachel {
  flex: 1 1 100%;
}
.kachel a{
	padding: 15px;
}
/* Tablet (ab 768px): 2 Spalten */
@media (min-width: 768px) {
.kachelnav {
  gap: 0!important;
}
  .kachelnav > .kachel {
    flex: 1 1 calc(50%);
	  max-width: calc(50%);
  }
.kachel a{
	padding: 4px;
}
}

/* Desktop (ab 1024px): 3 Spalten */
@media (min-width: 992px) {
  .kachelnav > .kachel {
    flex: 1 1 calc(33.333%)!important;
	  max-width: calc(33.333%);
  }
}