/* COLORS */
:root {
/* general */
  --black: rgba(0,0,0,1);
  --white: rgba(255,255,255,1);
  --bgnav: rgba(255,255,255,1);
  --fliess: rgba(77,92,97,1);
  --akzent: rgba(239,117,119,1);
  --akzentrans: rgba(239,117,119,.6);
  --bg: rgba(245,245,245,1);
  --bgfoot: rgba(32,32,32,1);
/* links */
  --hlink: rgba(119,119,119,1);
  --hlinkfoot: rgba(255,255,255,1);
  --hlinkhov: rgba(239,117,119,1);
  --btx: rgba(77,92,97,1);
/* scrolltop */
  --scrtop: rgba(0,0,0,.6);
  --scrtophov: rgba(0,0,0,1);
  --scrtopbd: rgba(0,0,0,.6);
  --scrtopbdhov: rgba(0,0,0,1);
  --scrtopbg: rgba(255,255,255,.6);
  --scrtopbghov: rgba(255,255,255,1);
/* owl */
  --owlnav: rgba(0,0,0,.4);
  --owlnavhov: rgba(0,0,0,1);
  --owldot: rgba(0,0,0,.4);
  --owldothov: rgba(0,0,0,1);
}

/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/raleway-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/raleway-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* FORMAT */
html {
    font-size: 62.5%;
}
body {
	margin: 0 auto;
	overflow-y:scroll;
	font-family: 'Raleway';
    font-size: 1.4rem;
	background:var(--bg);
	color:var(--fliess);
}
.ploader {
	width:100%;
	height:100%;
	position:absolute;
	z-index:5;
	background:var(--white);
}

/* --- FORMATE --- */

.site-title {
}
.logo .site-title img {
    max-width: 300px;
    padding-top: 30px;
    transition: all .2s ease-out;
}
.entry-title {
}
h1, .catlist {color: var(--akzent);font-weight: 500;padding-bottom: 20px;font-size: 1.8rem;text-transform: uppercase;letter-spacing: .1rem;}
.entry-content h2,header h2 {
    font-weight: 400;padding-bottom: 20px;font-size: 2rem;
}
header h2,.single header h1 { color: var(--akzent);padding-bottom: 5px;font-size: 2.4rem; }
.archive header h2 span.foerd { color: var(--fliess); }
.archive.category-5 header h2 { padding-top: 20px; }
.entry-content h3,header h3 {
    color: var(--akzent);font-weight: 400;padding-bottom: 20px;font-size: 1.8rem;
}
.archive header h3, .single header h3 {padding-bottom: 0;}
.archive .entry-content,.single .entry-content {padding-top: 20px;}
.entry-content ul,
.entry-content ol {
	overflow:hidden;
}
.entry-content ul li {
	text-indent:-0.79em;
	margin-left:5%;
}
.entry-content ul li:before {
	content:"\00bb\00a0";
}
ul.linie {
	list-style-type:none;
	list-style-image: url(../images/li_line.gif);
	padding-left:25px;
}
ul.bullet {
	list-style-type:none;
	list-style-image: url(../images/li_bullet.gif);
	padding-left:25px;
}
.entry-content ol li {
	list-style:decimal;
	margin-left:5%;
}
pre,
.entry-content p,
.entry-content ul {
    padding-bottom: 10px;
    line-height: 2rem;
}
pre {padding: 10px;}
strong {
}
.akzent {color: var(--akzent);}
hr {
	clear:both;
	border: 0;
	height: 1px;
	background: #000;
}
sup {
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
	position: relative;
	top: -0.5em;
}
.vcenter {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* --- show/hide next --- */
.hidenext {
	cursor:pointer;
	margin-bottom: 10px;
}
.showhide h3.widget-title,.togglenext h3.widget-title {
	cursor:pointer;
	padding-left: 25px;
	position: relative;
}
.hidenext p:before,
.showhide h3.widget-title:before,
.togglenext h3.widget-title:before {
    display: inline-block;
    content: "\003e";
    font-size: 100%;
    line-height: 2rem;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	margin-right: 5px;
}
.showhide h3.widget-title:before,
.togglenext h3.widget-title:before {
	position: absolute;
	left: 0;
	/*top: -2px;*/
}
.hidenext:hover, .hidenext:active {
}
.hidenext.aktiv {
}
.hidenext.aktiv:before,
.showhide h3.widget-title.aktiv:before,
.togglenext.aktiv h3.widget-title:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
.hidenext + .shownext,
.showhide h3.widget-title + .textwidget,
.togglediv > .panel-grid-cell {
	display:none;
}

/* --- LINKS --- */

a {
	color: var(--hlink);
	text-decoration: none;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
}
.archive .postwrapper > a {color: inherit;}
a:hover, a:active {
	color: var(--hlinkhov);
}
a[target="_blank"].noext:before {
	display: none;
}
.noext > a[target="_blank"]:before {
	display: none;
}
a.nolink {cursor:inherit;}
.mainav.foot .menu li a {
	color: var(--hlinkfoot);
}
.mainav.foot .menu li a:hover {
	color: var(--hlinkhov);
}
.menu li.current-menu-item > a,
.menu li.current_page_item > a,
.menu li.current-post-ancestor > a,
.menu li.current-page-ancestor > a,
.menu li.current-category-ancestor > a,
.menu li.current-menu-parent > a,
.menu li.current-post-parent > a {
	color: var(--hlinkhov);
}
/*.headroom *[id]:not(div):before {
	content: '';
	display: block;
	height: 100px;
	margin-top: -100px;
	visibility: hidden; 
}
*/
/* --- LAYOUT --- */

#seite {
}
#headwrap, #contwrap, #footwrap {
	width:100%;
}
#headwrap,
#footwrap {
}
#mainhead, #maincontent, #mainfoot {
	width: 980px;
	min-height: 100px;
	margin: 0 auto;
}
#mainfoot {
	min-height: auto;
}
.slide-img.owl-lazy {
	min-height:600px;
}
#maincontent {
	min-height:300px;
    padding-bottom: 100px;
}
.has-sidebar {
	display: flex;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
    justify-content: flex-start; /* flex-start, flex-end, center, space-between, space-around */
	-webkit-justify-content: flex-start;
    -ms-flex-pack: start; /* start, end, center, justify, distribute */
}
.has-sidebar .sidewrap,
.has-sidebar .wrap {
	flex: 0 1 auto; /* flex: 1 1 auto; */
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
}
.has-sidebar .sidewrap {
	width:25%;
}
.has-sidebar .wrap {
	width:75%;
}

/* masonry */
.mason.mcol-2 .post,
.mason.mcol-2 .product {
	width:50%;
}
.mason.mcol-3 .post,
.mason.mcol-3 .product {
	width:33.33333333%;
}
.mason.mcol-4 .post,
.mason.mcol-4 .product {
	width:25%;
}
.mason.mcol-5 .post,
.mason.mcol-5 .product {
	width:20%;
}
.mason.mcol-6 .post,
.mason.mcol-6 .product {
	width:16.66666667%;
}
.mason.mcol-7 .post,
.mason.mcol-7 .product {
	width:14.2857142857%;
}
.mason.mcol-8 .post,
.mason.mcol-8 .product {
	width:12.5%;
}

/* --- HEADER --- */

#mainhead {
    width: 1020px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.headroom--not-top #headwrap #mainhead,
.headroom--unpinned #headwrap #mainhead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.headroom #headwrap {
    background: var(--bg);
	position:fixed;
	z-index:2;
    will-change: transform;
    transition: transform .2s ease-out;
    -moz-transition: transform .2s ease-out;
    -webkit-transition: transform .2s ease-out;
}
.headroom  #headwrap + #contwrap {
	padding-top:250px;
}
.headroom--pinned #headwrap {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
}
.headroom--not-top #headwrap,
.headroom--unpinned #headwrap {
    transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
}
.headroom--not-top .logo .site-title img,
.headroom--unpinned .logo .site-title img {
    max-width: 200px;
}
.btmenu {
	display:none;
}

/* --- NAVIGATION --- */

.mainav.head {
    padding-top: 50px;
    transition: all .2s ease-out;
}
.headroom--not-top .mainav.head,
.headroom--unpinned .mainav.head {
    padding-top: 20px;
}
.mainav.head > ul,
.mainav.foot > ul{
	display: flex;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
    justify-content: flex-start; /* flex-start, flex-end, center, space-between, space-around */
	-webkit-justify-content: flex-start;
    -ms-flex-pack: start; /* start, end, center, justify, distribute */
}
.mainav.head > ul > li,
.mainav.foot > ul > li{
	flex: 0 1 auto; /* flex: 1 1 auto; */
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
}
.mainav.head > ul > li {
    padding: 0 15px;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-weight: 500;
}
.mainav.head > ul > li:first-of-type {
    padding: 0 15px 0 0;
}
.mainav.foot > ul > li {
    padding: 0 15px;
}
.mainav.foot > ul > li:last-of-type {
    padding: 0 0 0 15px;
}
.mainav li.menu-item-has-children {
	position:relative;
}
ul.sub-menu {
	display:none;
	position:absolute;
    padding-top: 10px;
    left: 0;
    background: var(--bg);
}
ul.sub-menu li {
    min-width: 180px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
ul.sub-menu li:first-of-type {
    padding-top: 10px;
    border-top: 3px solid var(--akzent);
}

/* --- CONTENT --- */

#maincontent {
}
.description {padding: 30px 0;border-bottom: 1px dotted var(--fliess);margin-bottom: 30px;}
.loadnext {
	display:none;
}
.postwrapper .post:after,
.postwrapper .page:after {
	display:block;
	content:"";
	clear:both;
}
.archive .postwrapper > a {display: block; position: relative;margin-bottom: 30px;padding: 20px 0;transition: all .2s ease-out;border-left: 0px solid transparent;border-radius: 5px;}
.archive .postwrapper > article {margin-bottom: 30px;padding: 20px 0;}
.archive.category-9 .postwrapper > a {margin-left: 20px;}
.archive .postwrapper > a:nth-of-type(even) {/*background: var(--white);*/}
.archive .postwrapper > a.rmlink header, .archive .postwrapper > a.rmlink .entry-content {width: 95%;}
.archive .postwrapper .more {position: absolute;right: 0;bottom: 0;height: 100%;display: flex;align-items: center;font-size: 4.8rem;color: var(--akzent);opacity: 1;transition: all .2s ease-out;}
.archive .postwrapper > a.rmlink:hover {padding-left: 20px;/*transform: translateX(20px);*/background: var(--white);border-left: 3px solid var(--akzent);border-radius: 0;}
.archive .postwrapper > a.rmlink:hover .more {opacity: 1;transform: translateX(-20px);}
.archive .postwrapper .wrap,.single .postwrapper .wrap {display: flex; justify-content: space-between;}
.archive .postwrapper .wrap .meta,.single .postwrapper .wrap .meta {width: 15%;}
.archive .postwrapper .wrap .teaser,.single .postwrapper .wrap .teaser {width: 80%;}
.foejahr {font-weight: 500;padding: 20px 0;margin-bottom: 20px;border-bottom: 1px dotted var(--fliess); font-size: 2.4rem;}

/* pagination */
.pagination {display: flex; justify-content: flex-start;align-items: center;padding-top: 30px;margin-top: 30px;border-top: 1px dotted var(--fliess);}
.pagination > * {display: block;margin-right: 5px;width: 35px;background: var(--akzent);text-align: center;padding: 9px 0;font-weight: 700;}
.pagination > .page-numbers {background: var(--akzentrans);}
.pagination > .page-numbers:hover {background: var(--akzent);color: var(--hlinkfoot);}
.pagination > .prev.page-numbers, .pagination > .next.page-numbers {background: none;}
.pagination > .prev.page-numbers:hover, .pagination > .next.page-numbers:hover {color: var(--akzent);}
.pagination > .current.page-numbers {background: var(--akzent);color: var(--hlinkfoot);}

.single .backlink {padding-top: 30px;margin-top: 30px;border-top: 1px dotted var(--fliess);}

/* iframe */
.post iframe,
.page iframe {
	max-width: 100%;
}

/* Images */
.post img,
.page img,
.product img,
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%;
	height: auto;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 15px;
}

/* Galerien */
.gallery {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch; /* flex-start, flex-end, center, stretch, baseline */
	-webkit-align-items:stretch;
	-ms-align-items:stretch; /* start, end, center, stretch, baseline */
	-ms-flex-align: stretch; /* start, end, center, stretch, baseline */
	justify-content: flex-start; /* flex-start, flex-end, center, space-between, space-around */
	-webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start; /* start, end, center, justify, distribute */
}
.gallery .gallery-item {
	flex: 0 1 auto; /* flex: 1 1 auto; */
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
}
.gallery .gallery-item .toscaption {
	display:none;
}
.gallery-columns-1 .gallery-item {
    margin: 0 auto;
}
.gallery-columns-2 .gallery-item {
    width: calc(100% / 2);
}
.gallery-columns-3 .gallery-item {
    width: calc(100% / 3);
}
.gallery-columns-4 .gallery-item {
    width: calc(100% / 4);
}
.gallery-columns-5 .gallery-item {
    width: calc(100% / 5);
}
.gallery-columns-6 .gallery-item {
    width: calc(100% / 6);
}
.gallery-columns-7 .gallery-item {
    width: calc(100% / 7);
}
.gallery-columns-8 .gallery-item {
    width: calc(100% / 8);
}
.gallery-columns-9 .gallery-item {
    width: calc(100% / 9);
}
.gallery-item img {
    margin: 0 auto;
}
.gallery-caption {
	text-align:center;
	font-size:80%;
}

/* owl */
.owl-theme .owl-nav {
	display:flex;
	align-items:center;
	justify-content:center;
}
.owl-theme .owl-nav [class*='owl-'] {
    font-size: inherit;
    margin:0;
	padding:0;
	border:none;
    border-radius: 0;
	background:none;
    min-width:30px;
	min-height:24px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
	background:none;
}
.owl-theme .owl-nav [class*='owl-'] span {
	transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
    color: var(--owlnav);
}
.owl-theme .owl-nav [class*='owl-'] span:hover {
	color: var(--owlnavhov);
}
.owl-theme .owl-dots {
	display: flex;
	justify-content: center;
}
.owl-theme .owl-nav .owl-prev span:before {
	content:'\276e';
}
.owl-theme .owl-nav .owl-next span:before {
	content:'\276f';
}
.owl-theme .owl-nav .owl-play span:before {
	content:'\25b6';
}
.owl-theme .owl-nav .owl-stop span:before {
	content:'\2759 \2759';
}
.owl-carousel .owl-nav button.owl-stop {
	display:none;
}
.owl-theme .owl-dots .owl-dot {
	width: 20px;
	height: 10px;
}
.owl-theme .owl-dots .owl-dot span {
	transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	width:5px;
	height:5px;
	margin:0 auto;
	background:var(--owldot);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	width: 7px;
	height: 7px;
	background:var(--owldothov);
}

/* --- FOOTER --- */

#mainfoot {
    font-size: 1.1rem;
    color: var(--white);
    padding: 20px 30px;
    background: var(--bgfoot);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
footer .copyright {
    display: flex;
    align-items: center;
}
footer .copyright img {
    max-width: 30px;
    margin-right: 10px;
}
#footer-widget-area {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	-webkit-align-items:stretch;
	-ms-align-items:stretch;
	-ms-flex-align: stretch;
}
#mainfoot .fcol-1 .widget-area {
}
#mainfoot .fcol-2 .widget-area {
	width:50%;
}
#mainfoot .fcol-3 .widget-area {
	width:33.33333333%;
}
#mainfoot .fcol-4 .widget-area {
	width:25%;
}

/* scrolltop */
.scrolltop {
    width: 0;
    height: 40px;
    position: fixed;
    bottom: 10px;
    right: -10%;
    right: 3.5%;
	cursor:pointer;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	overflow:hidden;
}
.scrolltop span,
.scrolltop i {
	display:inline-block;
	text-align:center;
    width: 40px;
    height: 40px;
    line-height: 40px;
	color:var(--scrtop);
	border-top:1px dotted var(--scrtopbd);
	background:var(--scrtopbg);
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
}
.scrolltop .scrtop:before {
	display:block;
	font-family:"Times New Roman", Times, serif;
	font-family: Arial, Helvetica, sans-serif;
	content:'\203A';
	font-size:28px;
	transform:rotate(-90deg) translateY(-2px);
	-webkit-transform:rotate(-90deg) translateY(-2px);
	-moz-transform:rotate(-90deg) translateY(-2px);
}
.scrolltop span:hover,
.scrolltop i:hover {
	color:var(--scrtophov);
	border-top:1px solid var(--scrtopbdhov);
	background:var(--scrtopbghov);
}
.scrolltop.aktiv {
    width: 40px;
}
.scrolltop.aktiv.bot {
    position: absolute;
	bottom:auto;
	margin-top:-40px;
}

/* --- SONSTIGES --- */

img[loading="lazy"],
iframe[loading="lazy"] {
	opacity:.4;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
}
img[loading="lazy"].in-view,
iframe[loading="lazy"].in-view {
	opacity:1;
}
.klar {
	clear:both;
	height:0;
	overflow:hidden;
}
.px20 {
	height:20px;
}