/**
 * --------------
 * Basis-CMS [ci]
 * --------------
 * 
 * CSS-Datei
 * css/style.css
 * 
 * 
 * Thomas Römer
 * Last Edited: 07 Sep 2023 04:48PM
 * 
 * Description:
 * Zentrale CSS-Datei
 * 
 * GreenKitchen
 * 
 */

@import url("_bootstrap-xxl.min.css");
@import url("_fonts.css");
@import url("_materialdesignicons.min.css");



/*_____________________________________________
 |                                            |
 |  GENERAL                                   |
 |____________________________________________|
*/

:root {
	--gk_dunkelgruen: #116452;
	--gk_gruen: #A2C400; /*Logo*/
	--gk_mittelgruen: #D9E59E;
	--gk_mittelgruen: #DCE9A3;
	--gk_hellgruen: #ECF2D1;

	--gk_grau: #646567; /*Logo*/
	--gk_dunkelgrau: #212222;
	--gk_braungrau: #726958;
	--gk_mittelgrau: #D9D5CE;
	--gk_hellgrau: #E9E6E4;

	--gk_rot: #AA0008;
	--gk_dunkelrot: #880A25;
}

html {
	font-size: 16px;
}

body {
	font-family: "Nexa", "Arial", sans-serif;
	line-height: 1.9;
	background: #fff;
	color: var(--gk_dunkelgrau);
	font-weight: 400;
}

@media (min-width: 992px) {
	body {
		font-size: 1rem;
	}
}

strong {
	font-weight: 500;
}

em {
	font-style: italic;
}

a {
	transition: all 0.3s;
	text-decoration: underline;
	color: var(--gk_dunkelgruen);
}

a:hover,
a:active,
a:focus {
	color: var(--gk_dunkelgruen);
	text-decoration: underline;
	outline: none;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	margin-bottom: .8em;
	margin-top: 1.5em;
	font-weight: 300;
	line-height: 1.3;
	text-transform: uppercase;
	color: var(--gk_dunkelgruen);
}

h1, .h1 { font-size: 2.2rem; font-weight: 200;}
h2, .h2 { font-size: 1.6rem; }
h3, .h3 { font-size: 1.4rem; }
h4, .h4 { font-size: 1.2rem; }
h5, .h5 { font-size: 1.1rem; }
h6, .h6 { font-size: 1rem; }

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
	margin-top: -0.3em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
	margin-bottom: 0;
}

/*h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	text-decoration: none;
}*/

ul {
	list-style-type: square;
	padding-left: 25px;
}

li {
	margin-bottom: 0.5em;
}

p:last-child,
ul:last-child,
li:last-child {
	margin-bottom: 0;
}

p + .clearfix:last-child {
	margin-top: -1rem;
}

li + .clearfix:last-child {
	margin-top: -0.5rem;
}

hr {
	border-top: 1px solid var(--gk_gruen);
	margin: 1rem 0;
}

small,
.small {
	font-size: 80%;
	font-weight: inherit;
}

.big {
	font-size: 120%;
}

.tiny {
	font-size: 70%;
	font-weight: 400;
}

@media (max-width: 767.98px) {
	.text-cols {
		column-count: 1 !important;
	}
}

@media (min-width: 768px) {
	.auto-cols {
		column-count: 2;
		column-gap: 40px;
	}
}

@media (min-width: 1199px) {
	.auto-cols {
		column-count: 3;
		column-gap: 40px;
	}
}


/* groß/klein */

.gross1 {
	color: var(--gk_dunkelgruen);
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.4;
	text-transform: none;
}

.gross2 {
	color: var(--gk_dunkelgrau);
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.4;
	text-transform: none;
}

.gross3 {
	color: var(--gk_dunkelgruen);
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.4;
	text-transform: uppercase;
}

.gross3 a {
	text-decoration: none;
}

.gross3 a:hover,
.gross3 a:active,
.gross3 a:focus {
	text-decoration: underline;
}

@media (min-width: 992px) {
	.gross1,
	.gross2 {
		font-size: 2rem;
		line-height: 1.4;
	}
}

@media (min-width: 1200px) {
	.gross3 {
		font-size: 1.5rem;
	}
}

.small-absolute {
	font-size: 0.8rem;
	font-weight: inherit;
}

/* "mehr"-Link */

a .mehr,
.mehr a {
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
	color: var(--gk_dunkelgrau);
}

a:hover .mehr,
a:active .mehr,
a:focus .mehr,
.mehr a:hover,
.mehr a:active,
.mehr a:focus {
	color: var(--gk_dunkelgruen);
}

a .mehr svg,
.mehr a svg {
	fill: var(--gk_dunkelgrau);
	width: 20px;
	height: auto;
	margin-top: -3px;
	transition: all 0.3s;
}

a:hover .mehr svg,
a:active .mehr svg,
a:focus .mehr svg,
.mehr a:hover svg,
.mehr a:active svg,
.mehr a:focus svg {
	fill: var(--gk_dunkelgruen);
}

/* List  */

ul.gk-list {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

ul.gk-list li {
	background-image: url('../images/icon_blatt.svg');
	background-position: left 5px;
	background-repeat: no-repeat;
	background-size: 30px;
	padding-left: 2.8em;
}

@media (min-width: 768px) {
	ul.gk-list li {
		background-size: 33px;
		padding-left: 3em;
	}
}

@media (max-width: 575.98px) {
	.randlos-xs:not(.col):not(.col-12) {
		margin-right: -10px;
		margin-left: -10px;
	}

	.col.randlos-xs > .cbl,
	.col-12.randlos-xs > .cbl {
		margin-right: -10px;
		margin-left: -10px;
	}

	.randlos-xs > .row {
		margin-right: 0;
		margin-left: 0;
	}
}






/*_____________________________________________
 |                                            |
 |  FARBEN                                  |
 |____________________________________________|
*/

.logogruen {
	color: var(--gk_gruen);
}

.dunkelgruen {
	color: var(--gk_dunkelgruen);
}

.bg-hellgruen {
	background-color: var(--gk_hellgruen);
}



/*_____________________________________________
 |                                            |
 |  PAGE STRUCTURE                            |
 |____________________________________________|
*/



/*---------------------------------------------
 *	Mobile menu
 *---------------------------------------------
 */

body > .mmenu-dark {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
	background: rgba(255, 255, 255, 0.5);
}

body > nav.mmenu {
	display: none;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 100001;
	font-weight: bold;
	overflow: hidden;
}

body > nav.mmenu .container {
	overflow: hidden;
}

body > nav.mmenu > div {
	background: var(--gk_dunkelgruen);
}

body > nav.mmenu ul {
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

body > nav.mmenu .container > ul {
	overflow: auto;
	margin: 0 -15px;
}

body > nav.mmenu ul > li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #3d8139;
}

body > nav.mmenu ul > li:last-child {
	border-bottom: none;
}

body > nav.mmenu ul > li > .link-wrap {
	display: table;
	width: 100%;
}

body > nav.mmenu ul > li > .link-wrap > .open-sub {
	display: table-cell;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	height: 36px;
	cursor: pointer;
	color: #fff;
}

body > nav.mmenu ul > li > .link-wrap > .open-sub svg {
	fill: #fff;
	width: 40px;
	height: 40px;
}

body > nav.mmenu a {
	color: #fff;
}

body > nav.mmenu > .container > ul > li > .link-wrap > a {
	text-transform: uppercase;
}

body > nav.mmenu ul > li > .link-wrap > a {
	display: table-cell;
	font-size: .9rem;
	text-decoration: none;
	height: 36px;
	padding: 15px 25px;
	vertical-align: middle;
}

body > nav.mmenu ul > li > .link-wrap > a.small {
	font-size: .85em;
	padding: 10px 25px;
}

body > nav.mmenu ul > li > .link-wrap > a span {
	transition: all 0.3s;
}

body > nav.mmenu ul > li > .link-wrap > a:hover,
body > nav.mmenu ul > li > .link-wrap > a:active,
body > nav.mmenu ul > li > .link-wrap > a:focus,
body > nav.mmenu ul > li > .link-wrap > .open-sub:hover {
	background: var(--gk_gruen);
}

body > nav.mmenu ul > li.bm-has-sub.opened > .link-wrap > a:hover,
body > nav.mmenu ul > li.bm-has-sub.opened > .link-wrap > a:active,
body > nav.mmenu ul > li.bm-has-sub.opened > .link-wrap > a:focus {
	color: var(--gk_dunkelgruen);
}

body > nav.mmenu ul > li > .link-wrap > a:hover span,
body > nav.mmenu ul > li > .link-wrap > a:active span,
body > nav.mmenu ul > li > .link-wrap > a:focus span {
	color: #fff;
}

body > nav.mmenu ul > li.active,
body > nav.mmenu ul > li.active > .link-wrap > a,
body > nav.mmenu ul > li.active > .link-wrap > a span {
	background: var(--gk_gruen);
	color: var(--gk_dunkelgruen);
}


/* 2. Ebene */
body > nav.mmenu ul ul {
	display: none;
	padding-bottom: 10px;
}

body > nav.mmenu ul li.opened {
	background: var(--gk_gruen);
}

body > nav.mmenu ul li.opened > ul {
	display: block;
	background: var(--gk_gruen);
}

body > nav.mmenu ul ul > li {
	border: none;
}

body > nav.mmenu ul ul > li > .link-wrap > a {
	line-height: 1.2;
	font-size: .85rem;
}

body > nav.mmenu ul ul > li > .link-wrap > a:hover,
body > nav.mmenu ul ul > li > .link-wrap > a:active,
body > nav.mmenu ul ul > li > .link-wrap > a:focus {
	color: var(--gk_dunkelgruen);
}

@media (max-width: 991.98px) {
	body.freeze {
		overflow: hidden;
	}
}

/*@media (min-width: 992px) {*/
@media (min-width: 1200px) {
	body > nav.mmenu,
	body > .mmenu-dark {
		display: none !important;
	}
}



/*---------------------------------------------
 *	Header
 *---------------------------------------------
 */

header {
	position: relative;
	position: fixed;
	width: 100%;
	/*max-width: 1920px;
	margin: 0 auto;*/
	z-index: 10;
}

/*@media (min-width: 1920.01px) {
	header {
		left: calc(50% - 960px);
	}
}*/

header #topbar {
	background: var(--gk_mittelgrau);
	background: var(--gk_hellgruen);
	position: relative;
	z-index: 2;
	color: var(--gk_braungrau);
}

header #topbar .toplinks {
	font-size: 0.8rem;
	font-weight: 500;
	font-style: italic;
	text-align: center;
}

header #topbar .toplinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

header #topbar .toplinks ul li {
	margin: 0;
}

header #topbar .toplinks ul li a {
	display: inline-block;
	margin: 10px 25px;
	height: 25px;
	color: var(--gk_braungrau);
	background-position: left center;
	background-size: auto 23px;
	background-repeat: no-repeat;
	text-decoration: none;
}

header #topbar .toplinks ul li a:hover,
header #topbar .toplinks ul li a:active,
header #topbar .toplinks ul li a:focus {
	color: var(--gk_dunkelgruen);
}

header #topbar .toplinks ul li.link-versand a {
	background-image: url("data:image/svg+xml,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 404.71 459.33'%3E%3Cpath d='M384.67 410.3c-31.37-103.62-84.54-273-93.68-286.36l-.5-.72c-7-10.12-16.09-20.24-36.68-12.11-8.3 3.28-13 9.32-14.46 18.45a42.55 42.55 0 0 0 .52 15 10 10 0 1 1-19.37 5c-3.81-14.67-3.3-45.47 26-57 37.13-14.66 54.73 11 60.51 19.39l.46.67c2.51 3.63 9.18 13.28 53.82 154.47 21.86 69.14 42.35 136.79 42.55 137.47a10 10 0 1 1-19.14 5.79Zm238.39-19a10 10 0 0 0-12.58-6.46l-161.63 52a10 10 0 1 0 6.12 19l161.63-52a10 10 0 0 0 6.46-12.49ZM342.65 115.48a10 10 0 0 1 6.53-12.54L456.91 69a10 10 0 0 1 12.54 6.53l33.34 105.84L545.25 168a10 10 0 0 1 12.54 6.53l53.93 171.21a10 10 0 0 1-6.53 12.54l-159.85 50.36a10 10 0 0 1-12.54-6.53L378.86 230.9a10 10 0 0 1-.34-1.55Zm199.07 74.6-140.78 44.35 47.92 152.13 140.78-44.34ZM364.73 119l30.33 96.3 88.65-27.92-30.33-96.3Zm76.06 356.22a52.64 52.64 0 1 1-52.64-52.64 52.7 52.7 0 0 1 52.64 52.65Zm-20 0a32.64 32.64 0 1 0-32.64 32.64 32.68 32.68 0 0 0 32.64-32.63Z' transform='translate(-218.83 -68.54)' style='fill:%23726958'/%3E%3C/svg%3E");
	padding-left: 31px;
}

header #topbar .toplinks ul li.link-versand a:hover,
header #topbar .toplinks ul li.link-versand a:active,
header #topbar .toplinks ul li.link-versand a:focus {
	background-image: url("data:image/svg+xml,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 404.71 459.33'%3E%3Cpath d='M384.67 410.3c-31.37-103.62-84.54-273-93.68-286.36l-.5-.72c-7-10.12-16.09-20.24-36.68-12.11-8.3 3.28-13 9.32-14.46 18.45a42.55 42.55 0 0 0 .52 15 10 10 0 1 1-19.37 5c-3.81-14.67-3.3-45.47 26-57 37.13-14.66 54.73 11 60.51 19.39l.46.67c2.51 3.63 9.18 13.28 53.82 154.47 21.86 69.14 42.35 136.79 42.55 137.47a10 10 0 1 1-19.14 5.79Zm238.39-19a10 10 0 0 0-12.58-6.46l-161.63 52a10 10 0 1 0 6.12 19l161.63-52a10 10 0 0 0 6.46-12.49ZM342.65 115.48a10 10 0 0 1 6.53-12.54L456.91 69a10 10 0 0 1 12.54 6.53l33.34 105.84L545.25 168a10 10 0 0 1 12.54 6.53l53.93 171.21a10 10 0 0 1-6.53 12.54l-159.85 50.36a10 10 0 0 1-12.54-6.53L378.86 230.9a10 10 0 0 1-.34-1.55Zm199.07 74.6-140.78 44.35 47.92 152.13 140.78-44.34ZM364.73 119l30.33 96.3 88.65-27.92-30.33-96.3Zm76.06 356.22a52.64 52.64 0 1 1-52.64-52.64 52.7 52.7 0 0 1 52.64 52.65Zm-20 0a32.64 32.64 0 1 0-32.64 32.64 32.68 32.68 0 0 0 32.64-32.63Z' transform='translate(-218.83 -68.54)' style='fill:%23116452'/%3E%3C/svg%3E");
}


header #topbar .toplinks ul li.link-qualitaet a {
	background-image: url("data:image/svg+xml,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 317.43 459.56'%3E%3Cpath d='M406.17 97.6a98.68 98.68 0 1 0 98.68 98.68 98.8 98.8 0 0 0-98.68-98.68Zm0 177.37a78.68 78.68 0 1 1 78.68-78.68A78.77 78.77 0 0 1 406.17 275Zm142.08-50.65c6.22-3.15 16.64-8.43 16.64-28 0-19.09-9-25.58-15.61-30.31-4-2.86-6.38-4.59-7.87-9.32-1.33-4.23-.43-5.71 2-9.68 3.43-5.68 9.17-15.19.21-30.13-8.52-14.2-18.35-14.92-25.53-15.44-4.87-.36-8.08-.59-12.84-5-4.36-4.06-4.45-6.3-4.63-10.76-.35-8.48-1.88-17.44-16-25.63-13.78-8-21.25-5.42-28.3-1.83-3.55 1.81-6.12 3.11-14.32.84-6.82-1.89-7.41-3.37-8.59-6.34-3.68-9.23-9.51-15-27.18-15s-23.5 5.72-27.18 15c-1.18 3-1.77 4.45-8.6 6.34-8.2 2.27-10.77 1-14.32-.84C349 54.56 341.56 52 327.77 60c-14.13 8.18-15.66 17.15-16 25.63-.19 4.46-.28 6.7-4.63 10.76-4.76 4.44-8 4.68-12.84 5-7.18.52-17 1.24-25.53 15.44-9 14.93-3.22 24.45.21 30.13 2.4 4 3.29 5.45 2 9.68-1.49 4.73-3.89 6.45-7.87 9.32-6.59 4.74-15.61 11.23-15.61 30.31 0 19.61 10.42 24.89 16.64 28 4.12 2.09 5.23 2.65 6.09 6.55 1.19 5.35-.25 8.91-2.25 13.84-3.05 7.54-7.23 17.85 2.2 31.55 9.22 13.38 19.79 13.25 26.8 13.17 5.06-.06 6.79 0 9.5 2.69l.07.07-50.72 165.41a10 10 0 0 0 12.06 12.61l59.31-15.29 41.8 39.66a10 10 0 0 0 16.42-4.26l18-57.32 25.41 58.31a10 10 0 0 0 16.66 2.63l38-42.89 56.07 14.47a10 10 0 0 0 12-12.88l-49.31-146c.1-1.19.17-2.32.22-3.38.3-5.53.58-8.32 3.45-11.13 2.71-2.64 4.44-2.75 9.5-2.69 7 .08 17.58.2 26.8-13.17 9.44-13.69 5.26-24 2.2-31.55-2-4.93-3.44-8.48-2.25-13.84.83-3.83 1.96-4.42 6.08-6.51ZM371.17 469l-34.23-32.45a10 10 0 0 0-9.37-2.43l-47.38 12.21 37.34-121.8a31.35 31.35 0 0 0 7.22 5.46c12.65 7.11 24.61 4.06 33.35 1.83 6.33-1.62 10.42-2.55 13.81-1.29a24.32 24.32 0 0 1 2.11 3.86c3.58 7.45 9.56 19.91 32.17 19.91h1.08Zm111.39-38.87a10 10 0 0 0-10 3.06L441 468.9l-28.34-65 18.28-58.12c3.78-3.75 5.85-8 7.44-11.35a24.27 24.27 0 0 1 2.11-3.86c3.39-1.26 7.47-.33 13.81 1.29 8.74 2.23 20.7 5.28 33.35-1.83.4-.23.79-.46 1.17-.69l37.9 112.2Zm56.65-223.65c-5.11 2.59-13.66 6.92-16.58 20-2.54 11.43.8 19.67 3.23 25.69 2.51 6.2 3.19 7.87-.14 12.69-3.17 4.6-4.65 4.58-10.1 4.52-5.95-.07-14.94-.17-23.7 8.38-8.58 8.37-9.08 17.6-9.45 24.34s-.58 8.12-4.68 10.42c-5.4 3-10.34 2-18.6-.11-7.78-2-16.59-4.23-26.17-.48-7.5 2.94-10.51 9.2-12.71 13.78-2.82 5.88-4.11 8.56-14.14 8.56s-11.32-2.68-14.14-8.56c-2.2-4.57-5.21-10.84-12.71-13.78a29.58 29.58 0 0 0-10.93-2c-5.42 0-10.52 1.3-15.24 2.5-8.26 2.11-13.2 3.15-18.6.11-4.1-2.3-4.32-3.79-4.68-10.42s-.88-16-9.45-24.34c-8.76-8.55-17.75-8.45-23.7-8.38-5.47.06-6.93.08-10.1-4.52-3.32-4.82-2.65-6.49-.14-12.69 2.44-6 5.77-14.25 3.23-25.69-2.92-13.12-11.47-17.46-16.58-20-4.59-2.32-5.68-2.88-5.68-10.2 0-8.84 2.13-10.37 7.29-14.08 5-3.58 11.79-8.48 15.27-19.56 4-12.84-.94-21.09-3.92-26-2.62-4.33-3-4.89-.18-9.5 3.18-5.3 4.46-5.39 9.84-5.78 6-.44 15.11-1.1 25-10.36 10.35-9.66 10.72-18.63 11-24.56.19-4.67.24-5.78 6-9.15 5.52-3.19 6-2.94 9.21-1.31 6.6 3.36 14.25 6.3 28.72 2.3 15.12-4.18 19.2-11.59 21.84-18.21.2-.49.45-1.12.63-1.51.68-.26 2.79-.84 8-.84s7.29.59 8 .84c.18.39.44 1 .63 1.51 2.64 6.61 6.72 14 21.84 18.21 14.48 4 22.13 1.06 28.72-2.3 3.2-1.63 3.7-1.88 9.21 1.31 5.81 3.36 5.86 4.47 6 9.15.25 5.93.62 14.9 11 24.56 9.92 9.25 19 9.92 25 10.36 5.38.39 6.66.49 9.84 5.78 2.77 4.61 2.43 5.17-.18 9.5-3 4.93-8 13.18-3.92 26 3.48 11.08 10.3 16 15.27 19.56 5.15 3.71 7.29 5.24 7.29 14.08.04 7.3-1.05 7.86-5.64 10.18Z' transform='translate(-247.46 -37.71)' style='fill:%23726958'/%3E%3C/svg%3E");
	padding-left: 25px;
}

header #topbar .toplinks ul li.link-qualitaet a:hover,
header #topbar .toplinks ul li.link-qualitaet a:active,
header #topbar .toplinks ul li.link-qualitaet a:focus {
	background-image: url("data:image/svg+xml,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 317.43 459.56'%3E%3Cpath d='M406.17 97.6a98.68 98.68 0 1 0 98.68 98.68 98.8 98.8 0 0 0-98.68-98.68Zm0 177.37a78.68 78.68 0 1 1 78.68-78.68A78.77 78.77 0 0 1 406.17 275Zm142.08-50.65c6.22-3.15 16.64-8.43 16.64-28 0-19.09-9-25.58-15.61-30.31-4-2.86-6.38-4.59-7.87-9.32-1.33-4.23-.43-5.71 2-9.68 3.43-5.68 9.17-15.19.21-30.13-8.52-14.2-18.35-14.92-25.53-15.44-4.87-.36-8.08-.59-12.84-5-4.36-4.06-4.45-6.3-4.63-10.76-.35-8.48-1.88-17.44-16-25.63-13.78-8-21.25-5.42-28.3-1.83-3.55 1.81-6.12 3.11-14.32.84-6.82-1.89-7.41-3.37-8.59-6.34-3.68-9.23-9.51-15-27.18-15s-23.5 5.72-27.18 15c-1.18 3-1.77 4.45-8.6 6.34-8.2 2.27-10.77 1-14.32-.84C349 54.56 341.56 52 327.77 60c-14.13 8.18-15.66 17.15-16 25.63-.19 4.46-.28 6.7-4.63 10.76-4.76 4.44-8 4.68-12.84 5-7.18.52-17 1.24-25.53 15.44-9 14.93-3.22 24.45.21 30.13 2.4 4 3.29 5.45 2 9.68-1.49 4.73-3.89 6.45-7.87 9.32-6.59 4.74-15.61 11.23-15.61 30.31 0 19.61 10.42 24.89 16.64 28 4.12 2.09 5.23 2.65 6.09 6.55 1.19 5.35-.25 8.91-2.25 13.84-3.05 7.54-7.23 17.85 2.2 31.55 9.22 13.38 19.79 13.25 26.8 13.17 5.06-.06 6.79 0 9.5 2.69l.07.07-50.72 165.41a10 10 0 0 0 12.06 12.61l59.31-15.29 41.8 39.66a10 10 0 0 0 16.42-4.26l18-57.32 25.41 58.31a10 10 0 0 0 16.66 2.63l38-42.89 56.07 14.47a10 10 0 0 0 12-12.88l-49.31-146c.1-1.19.17-2.32.22-3.38.3-5.53.58-8.32 3.45-11.13 2.71-2.64 4.44-2.75 9.5-2.69 7 .08 17.58.2 26.8-13.17 9.44-13.69 5.26-24 2.2-31.55-2-4.93-3.44-8.48-2.25-13.84.83-3.83 1.96-4.42 6.08-6.51ZM371.17 469l-34.23-32.45a10 10 0 0 0-9.37-2.43l-47.38 12.21 37.34-121.8a31.35 31.35 0 0 0 7.22 5.46c12.65 7.11 24.61 4.06 33.35 1.83 6.33-1.62 10.42-2.55 13.81-1.29a24.32 24.32 0 0 1 2.11 3.86c3.58 7.45 9.56 19.91 32.17 19.91h1.08Zm111.39-38.87a10 10 0 0 0-10 3.06L441 468.9l-28.34-65 18.28-58.12c3.78-3.75 5.85-8 7.44-11.35a24.27 24.27 0 0 1 2.11-3.86c3.39-1.26 7.47-.33 13.81 1.29 8.74 2.23 20.7 5.28 33.35-1.83.4-.23.79-.46 1.17-.69l37.9 112.2Zm56.65-223.65c-5.11 2.59-13.66 6.92-16.58 20-2.54 11.43.8 19.67 3.23 25.69 2.51 6.2 3.19 7.87-.14 12.69-3.17 4.6-4.65 4.58-10.1 4.52-5.95-.07-14.94-.17-23.7 8.38-8.58 8.37-9.08 17.6-9.45 24.34s-.58 8.12-4.68 10.42c-5.4 3-10.34 2-18.6-.11-7.78-2-16.59-4.23-26.17-.48-7.5 2.94-10.51 9.2-12.71 13.78-2.82 5.88-4.11 8.56-14.14 8.56s-11.32-2.68-14.14-8.56c-2.2-4.57-5.21-10.84-12.71-13.78a29.58 29.58 0 0 0-10.93-2c-5.42 0-10.52 1.3-15.24 2.5-8.26 2.11-13.2 3.15-18.6.11-4.1-2.3-4.32-3.79-4.68-10.42s-.88-16-9.45-24.34c-8.76-8.55-17.75-8.45-23.7-8.38-5.47.06-6.93.08-10.1-4.52-3.32-4.82-2.65-6.49-.14-12.69 2.44-6 5.77-14.25 3.23-25.69-2.92-13.12-11.47-17.46-16.58-20-4.59-2.32-5.68-2.88-5.68-10.2 0-8.84 2.13-10.37 7.29-14.08 5-3.58 11.79-8.48 15.27-19.56 4-12.84-.94-21.09-3.92-26-2.62-4.33-3-4.89-.18-9.5 3.18-5.3 4.46-5.39 9.84-5.78 6-.44 15.11-1.1 25-10.36 10.35-9.66 10.72-18.63 11-24.56.19-4.67.24-5.78 6-9.15 5.52-3.19 6-2.94 9.21-1.31 6.6 3.36 14.25 6.3 28.72 2.3 15.12-4.18 19.2-11.59 21.84-18.21.2-.49.45-1.12.63-1.51.68-.26 2.79-.84 8-.84s7.29.59 8 .84c.18.39.44 1 .63 1.51 2.64 6.61 6.72 14 21.84 18.21 14.48 4 22.13 1.06 28.72-2.3 3.2-1.63 3.7-1.88 9.21 1.31 5.81 3.36 5.86 4.47 6 9.15.25 5.93.62 14.9 11 24.56 9.92 9.25 19 9.92 25 10.36 5.38.39 6.66.49 9.84 5.78 2.77 4.61 2.43 5.17-.18 9.5-3 4.93-8 13.18-3.92 26 3.48 11.08 10.3 16 15.27 19.56 5.15 3.71 7.29 5.24 7.29 14.08.04 7.3-1.05 7.86-5.64 10.18Z' transform='translate(-247.46 -37.71)' style='fill:%23116452'/%3E%3C/svg%3E");
}

header #topbar .toplinks ul li.link-shop a {
	background-image: url("data:image/svg+xml,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 454.59 408.31'%3E%3Cpath d='M556.38 289.17 607.23 130a10 10 0 0 0-9.53-13H228.59c-1.94-9.43-3.74-16.68-5.29-20.71-13-33.92-60.15-24.92-62.14-24.52a10 10 0 0 0 3.92 19.61c.32-.06 32.6-6 39.55 12.09 1.6 4.16 3.62 13 5.87 24.91q.07.48.18 1c7.4 39.46 17.27 111.1 23.32 157.72 0 .14 0 .28.05.41 1.22 9.38 2.28 17.74 3.14 24.6a55.13 55.13 0 0 0 6.21 23.37c5.88 11.28 18.48 25.52 45.1 29.27a9.92 9.92 0 0 0 1.39.1H553a10 10 0 0 0 0-20H290.63c-32.53-4.92-33.44-30.38-33.44-33.21a10.05 10.05 0 0 0-.08-1.42c-.3-2.44-.92-7.33-1.77-14h291.52a10 10 0 0 0 9.52-7.05Zm-303.63-13c-5-38-13.17-98.15-20.39-139.13H584l-44.44 139.09Zm39.86 108a47.29 47.29 0 1 0 47.29 47.29 47.34 47.34 0 0 0-47.28-47.34Zm0 74.58a27.29 27.29 0 1 1 27.29-27.29 27.32 27.32 0 0 1-27.28 27.24Zm202.57-74.58a47.29 47.29 0 1 0 47.29 47.29 47.34 47.34 0 0 0-47.28-47.34Zm0 74.58a27.29 27.29 0 1 1 27.29-27.29 27.32 27.32 0 0 1-27.28 27.24Z' transform='translate(-153.12 -70.4)' style='fill:%23726958'/%3E%3C/svg%3E");
	padding-left: 38px;
}

header #topbar .toplinks ul li.link-shop a:hover,
header #topbar .toplinks ul li.link-shop a:active,
header #topbar .toplinks ul li.link-shop a:focus {
	background-image: url("data:image/svg+xml,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 454.59 408.31'%3E%3Cpath d='M556.38 289.17 607.23 130a10 10 0 0 0-9.53-13H228.59c-1.94-9.43-3.74-16.68-5.29-20.71-13-33.92-60.15-24.92-62.14-24.52a10 10 0 0 0 3.92 19.61c.32-.06 32.6-6 39.55 12.09 1.6 4.16 3.62 13 5.87 24.91q.07.48.18 1c7.4 39.46 17.27 111.1 23.32 157.72 0 .14 0 .28.05.41 1.22 9.38 2.28 17.74 3.14 24.6a55.13 55.13 0 0 0 6.21 23.37c5.88 11.28 18.48 25.52 45.1 29.27a9.92 9.92 0 0 0 1.39.1H553a10 10 0 0 0 0-20H290.63c-32.53-4.92-33.44-30.38-33.44-33.21a10.05 10.05 0 0 0-.08-1.42c-.3-2.44-.92-7.33-1.77-14h291.52a10 10 0 0 0 9.52-7.05Zm-303.63-13c-5-38-13.17-98.15-20.39-139.13H584l-44.44 139.09Zm39.86 108a47.29 47.29 0 1 0 47.29 47.29 47.34 47.34 0 0 0-47.28-47.34Zm0 74.58a27.29 27.29 0 1 1 27.29-27.29 27.32 27.32 0 0 1-27.28 27.24Zm202.57-74.58a47.29 47.29 0 1 0 47.29 47.29 47.34 47.34 0 0 0-47.28-47.34Zm0 74.58a27.29 27.29 0 1 1 27.29-27.29 27.32 27.32 0 0 1-27.28 27.24Z' transform='translate(-153.12 -70.4)' style='fill:%23116452'/%3E%3C/svg%3E");
}

header #menubar {
	background: #fff;
	border-bottom: 3px solid #006552;
	-webkit-box-shadow: 0px 0px 27px 5px rgba(0, 0, 0, 0.35); 
	box-shadow: 0px 0px 27px 5px rgba(0, 0, 0, 0.35);
}

header #menu-switch svg {
	width: 46px;
	height: 46px;
	transition: all 0.2s;
	fill: var(--gk_grau);
	cursor: pointer;
	opacity: 1 !important;
}

header #menu-switch svg:hover,
header #menu-switch svg:active,
header #menu-switch svg:focus {
	fill: var(--gk_dunkelgruen);
}

header #menubar .logo {
	display: block;
	width: 80%;
	padding: 15px 0 25px 0;
	padding: 0;
	margin: 0 auto;
}

header #menubar .logo > img {
	width: 100%;
}

@media (max-width: 575.98px) {
	header #menu-switch svg {
		width: 36px;
		height: 36px;
	}

	header #menubar .logo {
		width: 100%;
	}
}

@media (min-width: 768px) {
	header #menubar .logo {
		width: 65%;
	}
}

/*@media (min-width: 992px) {*/
@media (min-width: 1200px) {
	header #menubar .logo {
		width: 100%;
		margin: 0;
	}

	header #menubar nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		display: flex;
		justify-content: space-between;
		gap: 35px;
	}

	header #menubar nav ul li {
		position: relative;
		margin: 0;
		display: flex;
		flex-grow: 1;
	}

	header #menubar nav ul li.homelink {
		display: none;
	}

	header #menubar nav ul li a {
		position: relative;
		display: flex;
		color: var(--gk_grau);
		white-space: nowrap;
		justify-content: center;
		align-items: center;
		flex-grow: 1;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.9rem;
		line-height: 1;
		padding-top: 5px;
	}

	header #menubar nav ul li a span {
		transition: all 0.3s;
	}

	header #menubar nav > ul > li:hover > a,
	header #menubar nav > ul > li > a:hover,
	header #menubar nav > ul > li > a:active,
	header #menubar nav > ul > li > a:focus,
	header #menubar nav > ul > li > a:hover span,
	header #menubar nav > ul > li > a:active span,
	header #menubar nav > ul > li > a:focus span {
		color: var(--gk_dunkelgruen);
		text-decoration: none;
	}

	header #menubar nav > ul > li:focus-within > a { /* focus-within defined separately, because IE doesn't know it */
		color: var(--gk_dunkelgruen);
	}

	header #menubar nav > ul > li.active > a,
	header #menubar nav > ul > li.subactive > a {
		color: var(--gk_dunkelgruen);
	}

	/* Level 2 */
	header #menubar nav ul ul {
		max-height: 0;
		z-index: 40;
		position: absolute;
		left: 0;
		width: 100%;
		list-style: none;
		padding: 0;
		display: block;
		overflow: hidden;
		transition: max-height .5s;
		top: 79px;
	}

	header #menubar nav ul > li:hover > ul {
		transition: max-height 1s;
		max-height: 499px;
	}

	header #menubar nav ul > li:focus-within > ul { /* focus-within defined separately, because IE doesn't know it */
		transition: max-height 1s;
		max-height: 499px;
	}

	header #menubar nav ul ul li {
		margin: 0;
	}

	header #menubar nav ul ul li > a {
		display: block;
		font-size: 0.8em;
		width: 100%;
		background: var(--gk_dunkelgruen);
		color: #fff;
		text-transform: none;
		padding: 15px 25px;
		text-align: center;
	}

	header #menubar nav ul ul li:hover > a,
	header #menubar nav ul ul li > a:hover,
	header #menubar nav ul ul li > a:active,
	header #menubar nav ul ul li > a:focus {
		background: var(--gk_gruen);
		text-decoration: none;
	}

	header #menubar nav ul ul li.active > a,
	header #menubar nav ul ul li.subactive > a {
		background: var(--gk_gruen);
		color: var(--gk_dunkelgruen);
	}
}

@media (min-width: 1200px) {
	header #menubar {
		height: 87px;
	}

	/* Level 2 */
	header #menubar nav ul ul {
		top: 87px;
	}
}

@media (min-width: 1400px) {
	header #topbar .toplinks {
		font-size: 0.85rem;
	}

	header #topbar .toplinks ul li a {
		background-size: auto 25px;
	}

	header #topbar .toplinks ul li.link-versand a {
		padding-left: 33px;
	}

	header #topbar .toplinks ul li.link-qualitaet a {
		padding-left: 27px;
	}

	header #topbar .toplinks ul li.link-shop a {
		padding-left: 40px;
	}

	header #menubar {
		height: 98px;
	}

	header #menubar .logo {
		padding: 18px 0 28px 0;
		padding: 0px 0 0px 0;
	}

	header #menubar nav ul li a {
		font-size: 1rem;
	}

	/* Level 2 */
	header #menubar nav ul ul {
		top: 98px;
	}

	header #menubar nav ul ul li > a {
		font-size: 0.85em;
	}
}



/*---------------------------------------------
 *	Content Section
 *---------------------------------------------
 */

section#content {
	/*max-width: 1920px;
	margin: 0 auto;*/
	outline: none;
	min-height: 450px;
	padding-top: 137px;
}

@media (min-width: 768px) {
	section#content {
		padding-top: 143px;
	}
}

@media (min-width: 992px) {
	section#content {
		padding-top: 120px;
	}
}

@media (min-width: 1200px) {
	section#content {
		padding-top: 128px;
	}
}

@media (min-width: 1400px) {
	section#content {
		padding-top: 143px;
	}
}

body.datenschutz h1 {
	hyphens: auto;
}


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

/*footer {
	max-width: 1920px;
	margin: 0 auto;
}*/

footer #footermenu {
	background: var(--gk_mittelgruen);
	padding: 40px 0;
}

footer #footermenu img.pot-logo {
	display: block;
	width: 90px;
	margin: 0 auto 30px auto;
}

footer #footermenu nav ul {
	list-style: none;
	padding: 0;
	justify-content: center;
	font-size: .9rem;
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}

footer #footermenu nav ul li {
	color: var(--gk_braungrau);
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

footer #footermenu nav ul li a {
	color: var(--gk_braungrau);
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
}

footer #footermenu nav ul li a:hover,
footer #footermenu nav ul li a:active,
footer #footermenu nav ul li a:focus {
	text-decoration: underline;
}

/* Level 2 */
footer #footermenu nav ul ul {
	display: block;
	margin: 0;
}

footer #footermenu nav ul li li {
	margin: 20px 0;
}

footer #footermenu nav ul li li:last-child {
	margin-bottom: 0;
}

footer #footermenu nav ul li a {
	/*color: var(--gk_dunkelgrau);*/
}

footer #bottombar {
	color: #fff;
	background: var(--gk_gruen);
	padding: 25px 0;
	font-size: .85rem;
}

footer #bottombar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

footer #bottombar ul li {
	margin: 0;
}

footer #bottombar ul li + li::before {
	content: '\00a0\00a0·\00a0\00a0';
}

footer #bottombar a {
	color: #fff;
	text-decoration: none;
}

footer #bottombar a:hover,
footer #bottombar a:active,
footer #bottombar a:focus {
	text-decoration: underline;
}

footer #bottombar .trusted img {
	width: auto;
	height: 50px;
}

footer #bottombar .social-icons img {
	width: auto;
	height: 40px;
}

footer #bottombar .social-icons a + a {
	margin-left: 10px;
}

@media (min-width: 992px) {
	footer #footermenu {
		padding: 50px 0;
	}

	footer #footermenu img.pot-logo {
		width: 100px;
		margin: 0 auto 50px auto;
	}

	footer #footermenu nav ul {
		font-size: 1rem;
	}

	footer #bottombar {
		padding: 25px 0;
		font-size: 1rem;
	}
	
	footer #bottombar ul {
		justify-content: flex-start;
	}
}



/*_____________________________________________
 |                                            |
 |  PANELS/BOXEN                              |
 |____________________________________________|
*/





/*_____________________________________________
 |                                            |
 |  FORMULARE/BUTTONS                         |
 |____________________________________________|
*/

.btn {
	text-decoration: none;
	border: none;
	text-transform: uppercase;
	padding: 15px;
}

.btn-primary {
	border-radius: 4px;
	background-color: var(--gk_gruen);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background-color: var(--gk_dunkelgruen) !important;
	text-decoration: none !important;
}

.btn-secondary,
.btn-outline-secondary {
	border-radius: 0;
	background-color: var(--gk_mittelgruen);
	border: 2px solid var(--gk_gruen);
	color: var(--gk_dunkelgrau);
	font-weight: bold;
}

.btn-secondary-red {
	border-radius: 0;
	background-color: var(--gk_rot);
	border: 2px solid #fff;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}

.btn-outline-secondary {
	background-color: #fff;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus {
	background-color: #a1a2a2 !important;
	border: 2px solid var(--gk_mittelgruen) !important;
	color: var(--gk_mittelgruen) !important;
	text-decoration: none !important;
}

.btn-secondary-red:hover,
.btn-secondary-red:active,
.btn-secondary-red:focus {
	background-color: var(--gk_dunkelrot) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.custom-select {
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='11' viewBox='0 0 19 11'%3E%3Cpath d='m0 1.061 9.417 9.417 9.417-9.417L17.773 0 9.417 8.356 1.061 0 0 1.061Z' style='fill:%23A2C400'/%3E%3C/svg%3E") right 1rem center/25px 25px no-repeat;
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  padding-right: calc(.75em + 4.3125rem) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='11' viewBox='0 0 19 11'%3E%3Cpath d='m0 1.061 9.417 9.417 9.417-9.417L17.773 0 9.417 8.356 1.061 0 0 1.061Z' style='fill:%23A2C400'/%3E%3C/svg%3E") right 1rem center/25px 25px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 3rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
}

form label {
	position: relative;
	color: var(--gk_grau);
	width: 100%;
	margin: 0;
}

form input[type="text"],
form input[type="email"],
form textarea.form-control,
form select.custom-select {
	border: 1px solid var(--gk_gruen);
	border-radius: 0;
	color: var(--gk_dunkelgruen);
	font-size: 1.1rem;
	font-weight: 500;
	padding: 0px 10px 10px 10px;
	height: calc(1em + 2px + 40px);
	box-shadow: none !important;
}

form textarea.form-control {
	padding: 10px 10px 20px 10px;
	height: auto;
}

#form form textarea.form-control {
	height: 210px;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form textarea.form-control:focus,
form select.custom-select:focus {
	border: 1px solid var(--gk_dunkelgruen);
}

form label span {
	position: absolute;
	line-height: 1;
	left: 12px;
	bottom: 8px;
	background: #fff;
	font-size: .9rem;
	cursor: text;
}

form label span span {
	position: relative;
	line-height: 1;
	left: 0;
	bottom: 0;
	background: #fff;
	cursor: text;
}

form input[type="text"]:focus + span,
form input[type="email"]:focus + span,
form input[type="text"]:not(:placeholder-shown) + span,
form input[type="email"]:not(:placeholder-shown) + span,
form textarea:focus + span,
form textarea:not(:placeholder-shown) + span,
form select.custom-select:focus + span,
form select.custom-select.belegt + span {
	transition: transform 0.3s;
	transform-origin: top left;
	transform: translate(0px, 5px) scale(0.8);
	opacity: .7;
}

.custom-checkbox .custom-control-label::before {
	border-radius: 0;
}

.custom-control-label::before {
	background-color: transparent;
	border: 2px solid var(--gk_grau) !important;
	box-shadow: none !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--gk_grau);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23D9D5CE' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: var(--gk_grau);
	opacity: .5;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23D9D5CE' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.bottom-links a {
	color: var(--gk_grau);
}




/*_____________________________________________
 |                                            |
 |  ALERTS                                    |
 |____________________________________________|
*/

.alert,
.alert p {
	line-height: 1.3;
}

.alert-success {
	background: var(--gk_gruen);
	border: none;
}

.alert-info {
	background: var(--gk_dunkelgruen);
	border: none;
}

.alert-danger {
	background: #dc3545;
	border: none;
}

.alert-success,
.alert-info,
.alert-danger,
.alert-success p,
.info p,
.alert-danger p {
	color: #fff !important;
}



/*_____________________________________________
 |                                            |
 |  ANHÄNGE                                   |
 |____________________________________________|
*/

div.att-bilder,
div.att-videos,
div.att-downloads,
div.att-links {
	margin: 30px 0;
}

@media (min-width: 992px) {
	div.att-bilder,
	div.att-videos,
	div.att-downloads,
	div.att-links {
		margin: 50px 0;
	}
}



/*_____________________________________________
 |                                            |
 |  GALERIE                                    |
 |____________________________________________|
*/

ul.gallery {
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

ul.gallery.blog-galerie,
ul.gallery.person-galerie,
ul.gallery.termin-galerie {
	margin: 30px 0;
}

ul.gallery::before,
ul.gallery::after {
	display: block;
	clear: both;
	content: "";
}

ul.gallery li {
	width: calc((100% - 15px) / 2);
	margin-right: 15px;
	margin-bottom: 15px;
}

ul.gallery li img {
	width: 100%;
}

@media (max-width: 767.98px) {
	ul.gallery li:nth-child(2n) {
		margin-right: 0;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	ul.gallery li {
		width: calc((100% - 30px) / 3);
	}

	ul.gallery li:nth-child(3n) {
		margin-right: 0;
	}
}

@media (min-width: 992px) {
	ul.gallery li {
		width: calc((100% - 45px) / 4);
	}

	ul.gallery li:nth-child(4n) {
		margin-right: 0;
	}
}



/*_____________________________________________
 |                                            |
 |  VIDEOS                                    |
 |____________________________________________|
*/

.video-container,
.video-placeholder {
    position: relative;
    padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	background-color: #000;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0 none;
}

.video-laden {
	background: rgba(0, 0, 0, 0.5);
}

.video-laden > div {
	background: var(--gk_gruen);
	padding: 10px 15px;
	border-radius: 0.5rem;
	max-width: 80%;
}



/*_____________________________________________
 |                                            |
 |  DOWNLOADS                                 |
 |____________________________________________|
*/


ul.filelist {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
	font-size: 1rem;
	width: 100%;
}

ul.filelist::before,
ul.filelist::after {
	display: block;
	clear: both;
	content: "";
}

ul.filelist li {
	width: 100%;
	margin: 0 0 5px 0;
}

ul.filelist li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
	border: 1px solid transparent;
	background: var(--gk_hellgruen);
	text-decoration: none;
}

ul.filelist li a span.title {
	flex-grow: 1;
	margin-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
}

ul.filelist li a:hover,
ul.filelist li a:active,
ul.filelist li a:focus {
	text-decoration: none;
}

ul.filelist li a > span.icon {
	margin-right: 5px;
	margin-left: -5px;
	margin-top: -5px;
	align-self: flex-start;
}

ul.filelist li a > span.icon svg.icon {
	width: 24px;
	height: 24px;
	fill: var(--gk_dunkelgruen);
	margin-right: 3px;
}

ul.filelist li a > span.filesize {
	font-size: 0.8rem;
	color: var(--gk_grau);
}



/*_____________________________________________
 |                                            |
 |  LINKS                                     |
 |____________________________________________|
*/


ul.linklist {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
	font-size: 1rem;
	width: 100%;
}

ul.linklist::before,
ul.linklist::after {
	display: block;
	clear: both;
	content: "";
}

ul.linklist li {
	width: 100%;
	margin: 0 0 5px 0;
}

ul.linklist li a {
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
	text-decoration: none;
	background: var(--gk_hellgruen);
	border: 1px solid transparent;
}

ul.linklist li a span.image {
	width: 100px;
	margin-left: 15px;
	flex-shrink: 0;
	order: 2;
}

ul.linklist li a span.image img {
	width: 100%;
}

ul.linklist li a > span:last-child {
	order: 1;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

ul.linklist li a span.title {
	margin-right: 10px;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.3;
	text-transform: uppercase;
}

ul.linklist li a span.description {
	font-size: 1rem;
	color: #666;
	padding-top: 7px;
	line-height: 1.5;
}

ul.linklist li a:hover,
ul.linklist li a:active,
ul.linklist li a:focus {
	text-decoration: none;
}

ul.linklist li a:hover span.description,
ul.linklist li a:active span.description,
ul.linklist li a:focus span.description {
	color: var(--gk_dunkelgruen);
}

ul.linklist li a span.title svg.icon {
	width: 21px;
	height: 21px;
	margin-top: -4px;
	fill: var(--gk_dunkelgruen);
	margin-right: 3px;
}

@media (min-width: 576px) {
	ul.linklist li a span.image {
		width: 150px;
	}
}

@media (min-width: 992px) {
	ul.linklist li a {
		padding: 15px 20px;
	}

	ul.linklist li a span.image {
		width: 200px;
	}
}


/*_____________________________________________
 |                                            |
 |  BILDER                                    |
 |____________________________________________|
*/

figure {
	display: inline-table;
	max-width: 100%;
	text-align: right;
	padding: 0;
	margin: 0;
}

.figure-wrap figure {
	margin: 0;
}

.text-center figure {
	text-align: center;
}

.text-left figure {
	text-align: left;
}

.figure-wrap.klein,
.video-attachment.klein {
	max-width: 300px;
	width: 25%;
}

.figure-wrap.normal,
.video-attachment.normal {
	max-width: 500px;
	width: 40%;
}

.figure-wrap.gross,
.video-attachment.gross {
	max-width: 720px;
	width: 60%;
}

.figure-wrap.maximal,
.video-attachment.maximal {
	max-width: 100%;
	width: 100%;
}

.figure-wrap.bild-links {
	float: left;
	margin: 0 30px 30px 0;
	text-align: left;
}

.figure-wrap.bild-rechts {
	float: right;
	margin: 0 0 30px 30px;
	text-align: right;
}

.figure-wrap figure {
	width: auto !important;
	max-width: 100%;
}

@media (max-width: 575.98px) {
	.figure-wrap,
	.figure-wrap.bild-links,
	.figure-wrap.bild-rechts {
		float: none;
		width: 100%;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
	}

	figure {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	figure.klein,
	.video-attachment.klein {
		max-width: 200px;
	}

	.figure-wrap.normal,
	.figure-wrap.gross {
		float: none;
		width: 100%;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
	}

	figure.normal,
	figure.gross,
	.video-attachment.normal,
	.video-attachment.gross {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
	}

	.figure-wrap figure.normal,
	.figure-wrap figure.gross {
		width: auto !important;
		max-width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	figure.normal,
	.video-attachment.normal {
		max-width: 350px;
	}

	.figure-wrap.gross {
		float: none;
		width: 100%;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
	}

	figure.gross,
	.video-attachment.gross {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
	}

	.figure-wrap figure.gross {
		width: auto !important;
		max-width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	figure.normal,
	.video-attachment.normal {
		max-width: 400px;
	}

	figure.gross,
	.video-attachment.gross {
		max-width: 600px;
	}
}

figure img {
	max-width: 100%;
}

figcaption,
div.caption {
	font-size: .8rem;
	line-height: 1.4;
	padding-top: 3px;
	font-style: italic;
	text-align: left;
	color: #999;
}

figcaption {
	display: table-caption;
	caption-side: bottom;
}

.gallery div.caption {
	padding-bottom: 7px;
}

figcaption svg.icon,
div.caption svg.icon {
	width: 16px;
	height: 16px;
	margin-top: -2px;
}

@media (min-width: 576px) {
	.img-fluid-sm { max-width: 100% !important; height: auto !important; }
	.img-nonfluid-sm { max-width: none !important; height: auto !important; }
}

@media (min-width: 768px) {
	.img-fluid-md { max-width: 100% !important; height: auto !important; }
	.img-nonfluid-md { max-width: none !important; height: auto !important; }
}

@media (min-width: 992px) {
	.img-fluid-lg { max-width: 100% !important; height: auto !important; }
	.img-nonfluid-lg { max-width: none !important; height: auto !important; }
}

@media (min-width: 1200px) {
	.img-fluid-xl { max-width: 100% !important; height: auto !important; }
	.img-nonfluid-xl { max-width: none !important; height: auto !important; }
}

@media (min-width: 1400px) {
	.img-fluid-xxl { max-width: 100% !important; height: auto !important; }
	.img-nonfluid-xxl {max-width: none !important; height: auto !important; }
}



/*_____________________________________________
 |                                            |
 |  COOKIE-INFO                               |
 |____________________________________________|
*/

#cookie-info {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 100000;
	overflow: auto;
}

#cookie-info > div {
	background-color: #fff;
	padding: 20px;
	width: calc(100% - 20px);
	margin: 10px;
	box-shadow: 0 0 50px #000;
	text-align: left;
	color: #000;
}

#cookie-info h2 {
	font-size: 2.2rem;
	font-weight: 200;
	margin-top: 0;
	margin-bottom: .5em;
}

#cookie-info p {
	line-height: 1.4;
}

#cookie-info .panel {
	background: var(--gk_mittelgrau);
	padding: 10px 15px;
	margin: 30px 0 20px 0;
}

#cookie-info label {
	font-weight: 500;
	font-size: 0.85rem;
	color: var(--gk_grau);
	text-transform: uppercase;
}

#cookie-info input.btn {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 0.8rem;
}

/*#cookie-info .custom-checkbox .custom-control-label::before {
	border-radius: 0;
}

#cookie-info .custom-control-label::before {
	background-color: transparent;
	border: 2px solid var(--gk_grau);
	box-shadow: none !important;
}

#cookie-info .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--gk_grau);
}

#cookie-info .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23D9D5CE' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

#cookie-info .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: var(--gk_grau);
	opacity: .5;
}

#cookie-info .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23D9D5CE' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}*/

#cookie-info .bottom-links a {
	color: var(--gk_grau);
}

@media (min-width: 576px) {
	#cookie-info > div {
		background-image: url('../images/cookie.jpg');
		background-position: right -40px top -40px;
		background-repeat: no-repeat;
		background-size: 350px;
	}

	#cookie-info h2 {
		width: 70%;
	}

	#cookie-info p {
		width: 70%;
	}
}

@media (min-width: 768px) {
	#cookie-info {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#cookie-info > div {
		padding: 50px 30px;
		width: 75%;
	}

	#cookie-info h2,
	#cookie-info p {
		width: auto;
		padding-right: 140px;
	}
}

@media (min-width: 992px) {
	#cookie-info > div {
		max-width: 730px;
	}

	#cookie-info p {
		padding-right: 140px;
	}
}



/*_____________________________________________
 |                                            |
 |  PAGINATION                                |
 |____________________________________________|
*/

ul.pagination li > * {
	padding: .35rem 1rem .35rem 1rem;
	margin-right: 3px;
	font-size: 1rem;
	transition: all 0.2s;
}

ul.pagination li > a {
	text-decoration: none;
	color: var(--gk_dunkelgrau);
}

ul.pagination li > a:hover,
ul.pagination li > a:active,
ul.pagination li > a:focus {
	background: var(--gk_dunkelgruen) !important;
	border: 1px solid var(--gk_dunkelgruen) !important;
	color: #fff;
}

ul.pagination li.active > * {
	background: var(--gk_gruen) !important;
	border: 1px solid var(--gk_gruen) !important;
	color: #fff !important;
}




/*_____________________________________________
 |                                            |
 |  TABS                                      |
 |____________________________________________|
*/

.nav-tabs {
	border-bottom: 1px solid var(--gk_gruen);
	margin-bottom: 20px;
}

.nav-tabs .nav-item {
	margin-bottom: 0;
}

.nav-tabs .nav-link {
	position: relative;
	text-decoration: none;
	font-weight: normal;
	font-size: 1rem;
	padding: 0 0 0.5em 0;
	text-align: center;
	margin-right: 20px;
	color: var(--gk_grau);
	background: transparent !important;
	border-bottom: 3px solid transparent;
}

.nav-tabs .nav-item:last-child .nav-link {
	margin-right: 0;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-color: transparent;
    font-weight: bold;
    border-bottom: 3px solid var(--gk_gruen);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:active,
.nav-tabs .nav-link:focus {
	border-color: transparent;
	color: var(--gk_dunkelgruen);
}

.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:active,
.nav-tabs .nav-link.active:focus {
	border-bottom: 3px solid var(--gk_gruen);
}

.nav-tabs .nav-link.active::after {
	position: absolute;
	display: block;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--gk_gruen);
    margin-left: -1px;
    margin-top: 3px;
}

.tab-content {
	padding-bottom: 30px;
	border-bottom: 1px solid var(--gk_gruen);
}

@media (min-width: 992px) {
	.nav-tabs .nav-link {
		font-size: 1.1rem;
		margin-right: 50px;
	}	

	.tab-pane#topf16 {
		background-image: url('../inhalt/bilder/topf-16.jpg');
		background-repeat: no-repeat;
		background-size: auto calc(100% - 150px);
		background-position: left 55px;
	}

	.tab-pane#topf16 .big-list {
		height: 550px;
	}
}

@media (min-width: 1200px) {
	.tab-pane#topf16 {
		background-size: auto calc(100% - 80px);
		background-position: left 30px;
	}
}




/*_____________________________________________
 |                                            |
 |  INHALTS-BLOCKS                            |
 |____________________________________________|
*/

/* cbl_blog */

.cbl_blog .blog-tags-box {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--gk_dunkelgruen);
}

.cbl_blog .blog-tags-box h2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.cbl_blog .blog-tags-box h2 svg.icon {
	fill: var(--gk_dunkelgruen);
	width: 36px;
	height: 36px;
}

.cbl_blog .blog-tags-box ul.blog-tags {
	overflow: hidden;
	height: 0;
}

.cbl_blog .blog-tags-box:not(.open) h2 {
	margin: 0;
}

.cbl_blog .blog-tags-box.open h2 svg.icon {
	transform: rotate(180deg);
}

.cbl_blog .blog-tags-box.open ul.blog-tags {
	height: auto;
}

.cbl_blog .blog-row:after {
	content: '';
	display: block;
	width: 100%;
	margin: 40px 10px;
	border-bottom: 1px solid var(--gk_mittelgrau);
}

.cbl_blog .blog-row .title_img {
	display: inline-table;
	margin-bottom: 20px;
	text-align: right;
}

.cbl_blog .blog-row .title_img img {
	max-width: 100%;
	height: auto;
}

article.news figure {
	margin-bottom: 40px;
}

.cbl_blog .blog-row .blog-item h2 {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.cbl_blog .blog-row .blog-item h2 > a {
	text-decoration: none;
}

.cbl_blog .blog-row .blog-item h2 svg.icon {
	width: 28px;
	height: 28px;
	flex-basis: 28px;
	flex-shrink: 0;
	fill: var(--gk_dunkelgruen);
}

.cbl_blog .blog-row .details,
article.news .details {
	display: flex;
	flex-wrap: wrap;
	color: var(--gk_grau);
	color: #aaa;
	font-size: 0.8rem;
	gap: 20px;
}

.cbl_blog .blog-row .details a,
article.news .details a {
	color: #aaa;
	text-decoration: none;
}

.cbl_blog .blog-row .details a:hover,
.cbl_blog .blog-row .details a:active,
.cbl_blog .blog-row .details a:focus,
article.news .details a:hover,
article.news .details a:active,
article.news .details a:focus {
	text-decoration: underline;
}

.cbl_blog .blog-row .details svg.icon,
article.news .details svg.icon {
	fill: var(--gk_grau);
	fill: #aaa;
	margin: -3px 6px 0 0;
	width: 16px;
	height: 16px;
}

.cbl_blog .liste .loading {
	width: 100%;
	text-align: center;
	margin: -10px 0;
}

article .blog-tags {
	margin-top: 30px;
}

article a.blog-tag {
	position: relative;
	display: inline-block;
	text-decoration: none;
	background-color: var(--gk_grau);
	color: #fff;
	font-size: 0.75rem;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px 8px 5px 5px;
	line-height: 1;
	margin-left: 11px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
}

article a.blog-tag::before {
	border-top: 11px solid transparent;
	border-right: 10px solid var(--gk_grau);
	border-bottom: 11px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	top: 0;
	left: -10px;
	width: 0;
	transition: 0.3s;
}

article a.blog-tag:hover,
article a.blog-tag:active,
article a.blog-tag:focus {
	background-color: var(--gk_dunkelgruen);
}

article a.blog-tag:hover::before,
article a.blog-tag:active::before,
article a.blog-tag:focus::before {
	border-right: 10px solid var(--gk_dunkelgruen);
}

@media (min-width: 768px) {
	.cbl_blog .blog-row:first-child {
		margin-top: 25px;
	}
}

@media (min-width: 992px) {
	.cbl_blog .blog-row:first-child {
		margin-top: 40px;
	}

	.cbl_blog .blog-row .title_img {
		margin: 0;
	}

	article .blog-tags {
		margin-top: 50px;
	}

	article.news figure,
	article.news figcaption {
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.cbl_blog .blog-row .details,
	article.news .details {
		margin-top: 2rem;
	}

	article.news figure,
	article.news figcaption {
		padding-left: 30px;
	}
}


body.blog-eintrag #kommentare {
	margin-top: 50px;
}

body.blog-eintrag #kommentare h2 {
	font-size: 1.5rem;
}

body.blog-eintrag #kommentare #kommentar_baum {
	margin-bottom: 30px;
}

body.blog-eintrag #kommentare ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

body.blog-eintrag #kommentare ul ul {
	border-left: 2px solid var(--gk_hellgrau);
	padding-left: 10px;
}

body.blog-eintrag #kommentare ul ul ul ul ul {
	margin-left: -12px; /* padding-left von "ul ul" + 2px border */
}

body.blog-eintrag #kommentare li > .kommentar {
	background: rgba(233, 230, 228, 0.4);
	margin-bottom: 10px;
	font-size: .9rem;
}

body.blog-eintrag #kommentare li > .kommentar.inhaber {
	background: var(--gk_hellgrau);
}

body.blog-eintrag #kommentare .kommentar-info {
	display: flex;
}

body.blog-eintrag #kommentare .kommentar-info img {
	width: 60px;
	height: 60px;
	flex-basis: 60px;
	flex-shrink: 0;
}

body.blog-eintrag #kommentare .kommentar-info2 {
	width: 100%;
	padding: 10px;
}

body.blog-eintrag #kommentare .kommentar-datum {
	font-size: .75rem;
	color: var(--gk_grau);
}

body.blog-eintrag #kommentare .kommentar-verfasser {
	font-weight: 600;
}

body.blog-eintrag #kommentare .kommentar-inhalt {
	padding: 10px 10px 20px 70px;
}

body.blog-eintrag #kommentare .kommentar-inhalt .antwort_auf {
	font-size: 0.7rem;
	margin-bottom: 10px;
}

body.blog-eintrag #kommentare .kommentar-inhalt .antwort_auf a {
	/*text-decoration: none;*/
}

body.blog-eintrag #kommentare .kommentar-inhalt .antwort_auf a:hover,
body.blog-eintrag #kommentare .kommentar-inhalt .antwort_auf a:active
body.blog-eintrag #kommentare .kommentar-inhalt .antwort_auf a:focus {
	text-decoration: underline;
}

body.blog-eintrag #kommentare .kommentar-inhalt .antwort_auf svg.icon {
	fill: var(--gk_dunkelgruen);
	transform: rotate(90deg);
	width: 14px;
	height: 14px;
	margin-right: 3px;
	margin-top: -3px;
}

body.blog-eintrag #kommentare .kommentar-inhalt2 {
	padding: 0 10px 10px 70px;
	text-align: right;
	line-height: 1;
}

body.blog-eintrag #kommentare .kommentar-inhalt2 a.btn {
	font-size: 0.75rem;
	border-radius: 0;
	padding: 3px 10px;
	border: 1px solid var(--gk_mittelgrau);
	color: var(--gk_grau);
}

body.blog-eintrag #kommentare .kommentar-inhalt2 a.btn:hover,
body.blog-eintrag #kommentare .kommentar-inhalt2 a.btn:active,
body.blog-eintrag #kommentare .kommentar-inhalt2 a.btn:focus {
	border: 1px solid var(--gk_grau);
	background-color: var(--gk_grau);
	color: #fff;
}

@media (min-width: 768px) {
	body.blog-eintrag #kommentare ul ul {
		padding-left: 15px;
	}

	body.blog-eintrag #kommentare ul ul ul ul ul {
		margin-left: -17px; /* padding-left von "ul ul" + 2px border */
	}

	body.blog-eintrag #kommentare li > .kommentar {
		font-size: 1rem;
	}

	body.blog-eintrag #kommentare .kommentar-info img {
		width: 70px;
		height: 70px;
		flex-basis: 70px;
	}

	body.blog-eintrag #kommentare .kommentar-info2 {
		width: 100%;
		padding: 10px 20px 10px 20px;
	}

	body.blog-eintrag #kommentare .kommentar-inhalt {
		padding: 10px 20px 20px 90px;
	}

	body.blog-eintrag #kommentare .kommentar-inhalt2 {
		padding: 0 10px 10px 90px;
	}
}

body.blog-eintrag #kommentare #kommentar_hinterlassen h2 {
	font-size: 1.5rem;
	margin-top: 0;
}

body.blog-eintrag #kommentare form {
	background: var(--gk_hellgruen);
	padding: 20px;
	margin-bottom: 15px;
	color: var(--gk_grau);
}

body.blog-eintrag #kommentare form .form-antwort-auf {
	font-size: 1rem;
}

body.blog-eintrag #kommentare form .form-group {
	margin-bottom: 0.5rem;
}

body.blog-eintrag #kommentare form label {
	font-size: .9rem;
}

body.blog-eintrag #kommentare form textarea {
	height: 150px;
	resize: none;
}

body.blog-eintrag #kommentare form .kommentar-form-info,
body.blog-eintrag #kommentare form .kommentar-form-info label {
	font-size: .8rem;
	font-weight: normal;
}


/* cbl_blog + cbl_tags */

.cbl_blog ul.blog-tags,
.cbl_tags ul.blog-tags {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.cbl_blog ul.blog-tags li,
.cbl_tags ul.blog-tags li {
	margin: 0;
	line-height: 1.4;
	border-radius: 3px;
}

.cbl_blog ul.blog-tags a.blog-tag,
.cbl_tags ul.blog-tags a.blog-tag {
	font-size: 0.8rem;
	text-decoration: none;
	padding: 2px 6px;
	border-radius: 3px;
	border: 1px solid var(--gk_mittelgrau);
	color: var(--gk_grau);
	display: flex;
	align-items: center;
}

.cbl_blog ul.blog-tags a.blog-tag:hover,
.cbl_blog ul.blog-tags a.blog-tag:active,
.cbl_blog ul.blog-tags a.blog-tag:focus,
.cbl_blog ul.blog-tags li.aktiv a.blog-tag,
.cbl_tags ul.blog-tags a.blog-tag:hover,
.cbl_tags ul.blog-tags a.blog-tag:active,
.cbl_tags ul.blog-tags a.blog-tag:focus,
.cbl_tags ul.blog-tags li.aktiv a.blog-tag {
	background: var(--gk_grau);
	border: 1px solid var(--gk_grau);
	color: #fff;
}

.cbl_blog ul.blog-tags svg.icon.close,
.cbl_tags ul.blog-tags svg.icon.close {
	fill: #fff;
	opacity: 1;
	width: 16px;
	height: 16px;
	margin-left: 5px;
}


/* cbl_kontaktformular */
#capt_img img {
	max-width: 100%;
}



/*_____________________________________________
 |                                            |
 |  SPEZIAL                                   |
 |____________________________________________|
*/


/* Slick slider */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 35px);
    display: block;
    width: 35px;
    height: 70px;
    padding: 0;
    color: transparent;
    border: none;
    outline: none;
    transition: background-color .3s;
	background-position: center;
	background-color: var(--gk_gruen);
	background-repeat: no-repeat;
	background-size: contain;
}

.slick-prev {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z' style='fill:%23ffffff' /%3E%3C/svg%3E");
    left: 0;
    z-index: 3;
}

.slick-next {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' style='fill:%23ffffff' /%3E%3C/svg%3E");
    right: 0;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: var(--gk_dunkelgruen);
}

.slick-dots {
	position: absolute;
	bottom: 15px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 0;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
}

.slick-dots li button {
	box-sizing: content-box;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	color: transparent;
	border-radius: 50%;
	outline: none;
	background: #a1a2a2;
	border: none;
}

.slick-dots li.slick-active button {
	background: #a1a2a2;
	border: 3px solid var(--gk_gruen);
}




/* Big Banner */

.big-banner {
	display: block;
	margin: 0 auto;
}

.big-banner .sl-slide {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.big-banner .sl-slide > div.sl-inner {
	padding-bottom: 106%;
}

.big-banner .sl-slide > *:not(.sl-inner) {
	position: absolute;
}

.big-banner .sl-slide > .btn-wrap {
	width: 100%;
	text-align: center;
	bottom: 50px;
}

@media (max-width: 575.98px) {
	.big-banner .sl-slide .btn {
		font-size: 0.9rem;
		padding: 10px 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.big-banner .sl-slide .btn {
		font-size: 0.9rem;
		padding: 10px 15px;
	}
}

@media (min-width: 992px) {
	.big-banner .sl-slide > div.sl-inner {
		padding-bottom: 40%;
	}
}

@media (min-width: 1400px) {
	.big-banner .sl-slide > div.sl-inner {
		padding-bottom: 31.5%;
	}
}



/* Big List  */

ul.big-list {
	list-style: none;
	margin: 0 0 1.5rem 0;
	padding: 0;
}

ul.big-list li {
	background-image: url('../images/icon_blatt.svg');
	background-position: left 8px;
	background-repeat: no-repeat;
	background-size: 30px;
	font-size: 1.25rem;
	line-height: 1.6;
	font-weight: 300;
	text-transform: uppercase;
	padding-left: 2.2em;
}

@media (min-width: 768px) {
	ul.big-list li {
		background-position: left 10px;
		background-size: 33px;
		font-size: 1.3rem;
		padding-left: 2.2em;
	}
}


/* Topfset Image */

.img-topfset {
	background-position: center -20px;
	background-repeat: no-repeat;
	background-size: 130%;
	padding-top: 90%;
}

@media (min-width: 576px) {
	.img-topfset {
		background-position: center -30px;
		background-size: 680px;
		padding-top: 470px;
	}
}

@media (min-width: 768px) {
	.img-topfset {
		background-position: center top;
		background-size: 680px;
		padding-top: 500px;
	}
}

@media (min-width: 992px) {
	.img-topfset {
		background-position: -120px 70px;
		background-size: auto 500px;
		padding-top: 580px;
	}
}

@media (min-width: 1200px) {
	.img-topfset {
		background-position: -90px top;
		background-size: auto 560px;
		padding-top: 550px;
	}
}

@media (min-width: 1400px) {
	.img-topfset {
		background-position: left top;
		background-size: auto 570px;
		padding-top: 560px;
		padding-left: 100px;
	}
}


/* Homepage: Blog */

#hp-blog {
	display: none;
}

#hp-blog a,
#hp-blog-slide a {
	text-decoration: none;
	display: block;
}

#hp-blog img,
#hp-blog-slide img {
	width: 100%;
}

#hp-blog-slide h3 {
	font-size: 1.3rem;
	margin: 40px 0 20px 0;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

#hp-blog-slide h3 svg.icon {
	width: 24px;
	height: 24px;
	flex-basis: 24px;
	flex-shrink: 0;
	fill: var(--gk_dunkelgruen);
}

#hp-blog p,
#hp-blog-slide p {
	color: var(--gk_dunkelgrau);
	line-height: 1.5;
}

#hp-blog a:hover p,
#hp-blog a:active p,
#hp-blog a:focus p,
#hp-blog-slide a:hover p,
#hp-blog-slide a:active p,
#hp-blog-slide a:focus p {
	color: var(--gk_dunkelgruen);
}

#hp-blog a:hover img,
#hp-blog a:active img,
#hp-blog a:focus img,
#hp-blog-slide a:hover img,
#hp-blog-slide a:active img,
#hp-blog-slide a:focus img {
	object-fit: contain;
	object-position: ;
}

#hp-blog .sl-slide footer,
#hp-blog-slide .sl-slide footer {
	margin-top: 15px;
}

#hp-blog .slick-prev,
#hp-blog .slick-next {
    top: 100px;
}

#hp-blog-slide .kommentare,
#hp-blog .kommentare {
	font-size: .8rem;
	color: var(--gk_grau);
}

#hp-blog-slide .kommentare svg.icon,
#hp-blog .kommentare svg.icon {
	fill: var(--gk_grau);
	width: 14px;
	height: 14px;
	margin-right: 3px;
}

/*@media (max-width: 991.98px) {
	.hp-blog .col {
		padding: 0;
	}
}*/

@media (min-width: 576px) {
	#hp-blog-slide .slick-prev,
	#hp-blog-slide .slick-next {
		top: 121px;
	}
}

@media (min-width: 768px) {
	#hp-blog-slide .slick-prev,
	#hp-blog-slide .slick-next {
		top: 175px;
	}

	#hp-blog-slide p.mehr {
		margin-bottom: 0;
	}
}

@media (min-width: 992px) {
	#hp-blog-slide {
		display: none;
	}

	#hp-blog {
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}

	#hp-blog .sl-slide {
		flex-grow: 1;
		flex-basis: 100%;
	}

	#hp-blog picture:after {
		display: block;
		margin: -20px auto 0 auto;
		content: '';
		width: 80%;
		height: 20px;
		background: black;
		-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
	}

	#hp-blog h3 {
		font-size: 1.1rem;
		margin: 30px 0 20px 0;
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}

	#hp-blog h3 svg.icon {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
		flex-shrink: 0;
		fill: var(--gk_dunkelgruen);
	}
}


/* Kasserolle */

@media (min-width: 992px) {
	img.kasserolle {
		height: 300px;
		object-fit: cover;
		object-position:0 50%;
	}
}


/* YPFL: Deckel */

.box-kochen {
	padding-bottom: 220px;
}

.ypfl-deckel {
	position: absolute;
	z-index: 3;
	object-position: 100% 0;
	object-fit: cover;
	left: 0;
	width: 80%;
	height: 250px;
	margin-top: -190px;
}

@media (min-width: 576px) {
	.box-kochen {
		padding-bottom: 200px;
	}

	.ypfl-deckel {
		object-fit: contain;
		left: calc(50% - 400px);
		width: 500px;
		height: 300px;
		margin-top: -190px;
	}
}

@media (min-width: 768px) {
	.box-kochen {
		padding-bottom: 260px;
	}

	.ypfl-deckel {
		left: calc(50% - 500px);
		width: 550px;
		height: 300px;
		margin-top: -240px;
	}
}

@media (min-width: 992px) {
	.box-kochen {
		padding-bottom: 0;
	}

	.ypfl-deckel {
		left: calc(50% - 620px);
		width: 350px;
		height: 160px;
		margin-top: -85px;
	}
}

@media (min-width: 1200px) {
	.ypfl-deckel {
		left: calc(50% - 750px);
		width: 400px;
		height: 240px;
		margin-top: -140px;
	}
}

@media (min-width: 1400px) {
	.ypfl-deckel {
		left: calc(50% - 870px);
		width: 470px;
		height: 250px;
		margin-top: -155px;
	}
}

@media (min-width: 1740px) {
	.ypfl-deckel {
		left: calc(50% - 900px);
		width: 500px;
		height: 300px;
		object-fit: contain;
		margin-top: -150px;
	}
}