@charset "UTF-8";
/* CSS Document */

@import "font-awesome.min.css";
@import "fonts.css";

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

html { line-height: 1.15; -webkit-text-size-adjust: 100%; }  
body { margin: 0; }  
h1 { font-size: 2em; margin: 0.67em 0; }  
hr { box-sizing: content-box; height: 0; overflow: visible; }  
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }  
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  
b, strong { font-weight: bold;}
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }  
small { font-size: 80%; }  
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }  
sup { top: -0.5em; }  
img { border-style: none; }  
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  
button, input { overflow: visible; }  
button, select { text-transform: none; }  
button, [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 { border-style: none; padding: 0; }  
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }  
fieldset { padding: 0.35em 0.75em 0.625em; }  
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  
progress { vertical-align: baseline; }  
textarea { overflow: auto; }  
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }  
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }  
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }  
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }  
details { display: block; }  
summary { display: list-item; }
template { display: none; }  
[hidden] { display: none; }

/* /normalize */
  
html, body {
	background-color: #ffffff;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color:#051638;
	line-height: 160%;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,
.blog-posts .wp-block-latest-posts__post-title,
.searchresults_list li a {
	/* font-family: "Bebas", Arial, Helvetica, sans-serif;
	font-weight: 400; */
	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
	font-weight: 700;
  	font-style: normal;
	line-height: 125%;
	margin:0 0 0.5em;	
}

h1, .h1 {
	font-size:2em;
}

h2, .h2,
.h1 h2 {
	font-size:1.75em;
}

h1 strong,
h2 strong {
	font-weight:bold;
}

h3, .h3, .searchresults_list li a {
	font-size:1.5em;
}

section h3 {
	margin-top:2rem;
}

.has-medium-font-size {
	line-height: 150%;
}

.slick-next:hover, .slick-prev:hover {
    color: #fff !important;
}

/*

#header .headercontent .inner.grid,
#header .headercontent .grid {
	height: auto;
	display: grid;
  	grid-template-columns: 66% 34%;
	align-items: center;
}

.headercontent .grid .heroimage {
	width: 100%;
	justify-self: right;
}

.headercontent .grid .herotext {
	color:#7f320c;
	font-size: 1.3em;
	padding: 15px 0;
}


.headercontent .grid .herotext .h2,
.headercontent .grid .herotext p {
	margin: 0.4em 0;
}
*/

.blog-posts ul.wp-block-latest-posts {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 25px;
}

.blog-posts ul.wp-block-latest-posts li,
.searchresults_list li {
	border:1px solid #ccc;
	padding: 15px 15px 5px;
	box-sizing: border-box;
	background-color: #fff;
}
.blog-posts ul.wp-block-latest-posts li {
	margin: 0 !important;
}

.blog-posts ul.wp-block-latest-posts .wp-block-latest-posts__post-title {
	font-size:1.5em;
	margin:.5rem 0 0.25rem 0;
	display: block;
}

.blog-posts ul.wp-block-latest-posts .wp-block-latest-posts__featured-image img {
	display: block;
}

.entry {
	word-wrap:break-word;
	hyphens: auto;
	overflow: hidden;	
}

.entry.grid {
	display: grid;
  	grid-template-columns: 66% 34%;
	align-items: top;
}

.entry .sitecontent ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 25px;
	display: block;
}

.entry .maincontent {
	margin-bottom: 2rem;
}

.entry .maincontent .datepill {
	margin-bottom: 1rem;
}

.entry .sitecontent .article > li {
	display: block;
	padding: 20px 20px 10px 20px;
	background-color: #EBEEF2;
	margin-bottom: 15px;
	border-radius: 10px 10px 10px 0;
}

.entry .sitecontent .article > li h2 {
	margin-top: 0;
	font-size: 1.6em;
}

.entry .sitecontent ul ul {
	margin-left: 0;
	margin-top: 0;
}

.entry .sitecontent .wp-block-latest-posts img {
	width: 75px;
	height: auto;
}

a {
	text-decoration:none;
}

p, ul, .wp-block-buttons {
	margin:0 0 1em 0;
}

.inner, .headerbox, .wp-block-group__inner-container, .wp-block-cover__inner-container {
	padding:0 20px;
	max-width:1400px;
	margin:auto;
	position: relative;
}

.wp-block-group__inner-container, .wp-block-cover__inner-container {
	padding-top:50px;
	padding-bottom:35px;
}

.sitecontent .wp-block-group__inner-container {
	padding:0;
}

#header {
	position: relative;
	z-index: 98;
	min-height: 150px;
}

.home #header {
	min-height: 10px;
}

#header .inner {
	height:40px;
	z-index: 99;
	position: relative;
}

.headerbox {
	margin-top:35px;
	padding:20px;
}

.headerbox h1 {
	color:#fff;
}
.headerbox h2{
	color:#051638;
}

.headerbox img {
	width:100%;
	position: absolute;
	bottom: -100px
}
.headerbox a.bttn {
	background-color:#051638;
	color:#fff;
}
.headerbox a.bttn:hover {
	background-color:#fff;
	color:#051638;
}

.logo img {
	height:100%;
	width: auto;
}

.logo {
	display: inline-block;
	height:100%;
	vertical-align: middle;
}

.logo em {
	position: absolute;
	font-size: .7em;
	margin-top:-8px;
}

.topicons {
	float:right;
	margin-top: 4px;
	position: relative;
	z-index: 20;
}

.topicons .tip {
	display: none;
	padding: 10px 15px;
	position: absolute;
	top:0;
	right: 0;
	background-color: #fff;
	margin-top: 30px;
	border: #051638 solid 1px;
	border-radius: 5px;
	white-space: nowrap;
}

.topicons i {
	font-size: 28px;
	cursor: pointer;
}

.home:not(.sticky) .topicons i:hover, .home:not(.sticky) .topicons .open i {
	color:#fff;
}
.home:not(.sticky) .topicons .langswitch li a:hover {
	background-color:#fff;
}

.topicons .clickicon.open .tip {
	display:block;
}

.topicons .clickicon,
.topicons .mail,
.topicons .langswitch {
	margin:0 0 0 8px;
	display:inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0;
	line-height: 1;
}

.topicons .langswitch li {
	margin:0;
	display:inline-block;
}

.topicons .langswitch li a {
	margin:1px 0 0 0;
	display:inline-block;
	width: 24px;
	height: 24px;
	border-radius: 4px;
	text-align: center;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	font-size:14px;
}

.topbttn {
	width: auto;
	float: right;
	margin-left: 15px;
}

.home .topbttn.wp-block-button a:hover {
	background-color: #fff;
	color:inherit;
}

body .topicons .wp-block-search__input {
	margin-bottom: 0;
	padding: 0;
}

body .topicons .wp-block-search__input:focus {
	outline: none;
}

.navibar {
	/*
	border-top: 1px solid #7f320c;
	border-bottom: 1px solid #7f320c;
	*/
	padding: 15px 0 15px 0;
	background-color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	position: relative;
}

.navibar .edge {
	background-color: #fff;
	clip-path: polygon(0 0, 100% 0, 100% 10%, 0% 100%);
	position: absolute;
	width: 100%;
	height:10px;
	bottom:-9px;
	z-index: 97;
}

.navi {
	/* font-family: "Bebas", Arial, Helvetica, sans-serif;
	font-weight: 400; */
	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
	font-weight: 700;
  	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3em;
}

.navi ul,
.searchresults_list {
	padding:0;
	margin:0;
	list-style: none;
}

.navi ul ul {
	padding:10px;
	width:240px;
	position:absolute;
	left:0px;
	display:none;
	z-index: 12;
	background-color: #fff;
}

.navi ul ul ul {
	margin-left:90px;
	margin-top:-30px;
}


.navi ul li {
	display: inline-block;
	position:relative;
	margin-left:20px;
}

.navi ul li a {
	display: inline-block;
	text-decoration: none;
	box-sizing: border-box;
	position:relative;
	padding:5px 3px 3px 3px;
}

.navi ul > li:hover > ul {
	display:block;
}

.navi ul > ul > li:hover > ul {
	display:block;
}

.navi ul li li {
	margin: 0;
	display: block;
	font-size: .86em;
}

.navi ul li li a {
	display: block;
	padding:3px 3px 0 3px;
}


.navi ul li.menu-item-has-children > a:after {
	display: inline-block;
	content: "\f078";
	font-family:'FontAwesome';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: -3px 0 0 5px;
	font-size: 18px;
	vertical-align: middle;
}

.navi ul li a:hover,
.navi ul li.current-menu-parent a,
.navi ul li.current-menu-item a,
.navi ul li.current-page-ancestor a {
	opacity: 0.8;
}

.navi ul li.current-menu-parent ul a:after,
.navi ul li.current-menu-item ul a:after,
.naviv li.current-page-ancestor ul a:after {
	display: none;
}

.sticky .navibar {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 101;
}

.sticky #header {
	margin-top: 70px;
}

#content {
	position: relative;
	z-index: 10;
	margin-bottom: 15px;
}

.heroimage {
	text-align: right;
}

.heroimage img {
	height:auto;
	width:100%;
	display: block;
}

.herotext h2 {
	margin:3px 0;
}
.heroimage figcaption p {
	margin-top:0;
}

.heroimage figcaption:before {
	display: block;
	color: #b73a07;
	position: absolute;
	top: 50%;
	right: -22px;
	font-size: 34px;
	content: "\f04b";
	font-family:'FontAwesome';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top:-24px;
}

.breadcrumb {
	border-bottom: #999 solid 1px;
	font-size: 0.76em;
	padding:0 80px 10px 0;
	margin-top:15px;
	text-transform:uppercase;
	display:inline-block;
	position: relative;
	z-index: 99;
}


.breadcrumb .fa {
	margin:0 5px;
}

.whitetext h1, .whitetext h2, .whitetext h3, .whitetext {
	color:#fff !important;
}

.textright {
	text-align:right;
}

#intro, .intro {
	font-size:1.25em;
}

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

.row .col {
	float:left;
}

.row .col .inner {
	padding: 20px;
}

.row.two .col {
	width: 50%;
}

.row .col img {
	width: 100%;
	height:auto;
	display: block;
}
.row::after {
	content: " ";
	clear: both;
	display: block;
}

.row .col h3,
.row .col h2 {
	margin-top: 0;
}

/*
.zitat {
	font-family: "Times New Roman", serif;
	font-size: 1.15em;
	font-style: italic;
}
*/

.zitat::before {
	font-family: "Times New Roman", serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4em;
	content:"„";
	display: inline-block;
	vertical-align: super;
	color:#999;
}

.zitat::after {
	font-family: "Times New Roman", serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4em;
	content:"“";
	display: inline-block;
	line-height: 1;
	vertical-align: top;
	color:#999;
	margin-bottom: -2em;
}

.wp-block-button a,
form input[type=submit],
.frm_button_submit {
	/* font-family: "Bebas", Arial, Helvetica, sans-serif;
	font-weight: 400; */
	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
	font-weight: 700;
  	font-style: normal;
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
	border:0 !important;
	border-radius: 5px;
	text-align: center;
	min-width: 100px;
	cursor:pointer;
	line-height:1.2;
	font-size: 1.15em;
	transition: all 1s;
}

.frm_style_formidable-stil.with_frm_style .frm_submit button {
	font-size: 16px !important;
}

.wp-block-button a:hover,
form input[type=submit]:hover,
.frm_button_submit:hover {
	background-color: #051638;
	color: #fff;
}
/*
.wp-block-button a:before,
.frm_button_submit:before {
	content:"\f061";
	font-family:'FontAwesome';
	font-size:inherit;
	display:block;
	cursor:pointer;
	margin:0 0 0 10px;
	float:right;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.frm_button_submit:before {
	margin:2px 0 0 10px;
}

a.bttn.back:before {
	content:"\f060";
	margin:0 10px 0 0;
	float:left;
}
*/

.linklist a {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 24px;
	background: rgba(255,255,255,0.15);
	margin: 8px 5px 0 0;
}

#back2top {
	z-index: 99;
	bottom: 60px;
	position: fixed;
	right: 20px;
	font-size: 34px;
	opacity: .7;
	cursor: pointer;
	display: none;
}

#back2top:hover {
	opacity: .9;
}

.sticky #back2top {
	display: block;
}

.wpcf7-form.sent p {
	display:none;
}

.wpcf7-form {
	margin-top: 0.5em;
}

form .hotelinfo {
	display:none;
}
form .hotelinfo.show {
	display:block;
}

form p.left {
	float:left;
	width:48%;
}

form p.right {
	float:right;
	width:48%;
}

.clear {
	clear:both;
}

form label, form .spam, form .label {
	margin:5px 0;
	display:inline-block;
	width:100%;
}
form label.big, form .label.big {
	margin-top:15px;
}
form .radiolabel, form .dsgvo {
	margin:15px 0;
	display:block;
}

form .wpcf7-list-item {
	margin:5px 15px 5px 0;
}

form .captcha-image label {
	width:auto;
}

form .spam .name {
	margin-top:10px;
}

form label .name, 
form .label .name, 
form .spam .name {
	width:33%;
	display:inline-block;
	vertical-align:top;
	padding:3px 12px 3px 0;
	box-sizing: border-box;
}

form label.big .name,
form .label.big .name,
form label.big .wpcf7-form-control-wrap,
form .label.big .wpcf7-form-control-wrap,
form .dsgvo .wpcf7-form-control-wrap{
	width:auto;
	display:block;
}

form label .wpcf7-form-control-wrap,
form .label .wpcf7-form-control-wrap {
	width:67%;
	display:inline-block;
}

form .dsgvo .wpcf7-form-control-wrap {
	width:100%;
}

form input[type=text],
form input[type=email],
form input[type=date],
form input[type=tel],
form select,
form textarea {
	width:100%;
	padding:6px;
	box-sizing: border-box;
	border:1px solid #051638;
}

form textarea {
	height:150px;
}

form .spam input[type=text] {
	width:50px;
}

form input[type=submit] {
	float:right;
	border:none;
}

.dsgvo span.wpcf7-list-item {
    margin: 0;
}
.dsgvo {
	font-size:0.86em;
}

.newsletter {
	font-weight:600;
}

.clovercut img {
	border-radius: 50% 50% 50% 0;
}

.clovercut .alignleft img {
	border-radius: 50% 50% 0 50%;
}

.pincut img {
	border-radius: 50%;
}

.numicon {
	display:inline-block;
	padding:10px;
	width:1.5rem;
	height:1.5rem;
	border:solid 1px #fff;
	text-align:center;
	font-size:1.5rem;
	line-height:1.35rem;
	border-radius:50%;
	margin:1rem 0 -1rem 0;
}

.hide {
	display:none;
}

.mt-0 {
	margin-top:0;
}

.pins {
	text-align:center;
	font-size:3.5rem;
}

.factbox > .wp-block-column {
	background:rgba(255,255,255,0.5);
	padding:15px;
	margin:15px 0;
}

.factbox > .wp-block-column .wp-block-image img {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.factbox > .wp-block-column:hover .wp-block-image img {
	scale: 1.2;
}

.batch {
	width:200px;
	height:200px;
	border-radius: 50%;
	background-color: #444;
	color: #fff;
	text-align: center;
	padding: 20px;
	margin: 25px auto;
	display: grid;
}

.batch .wp-block-group__inner-container,
.batch .wp-block-cover__inner-container {
	padding: 0;
}

.batch h3 {
	color: #fff;
	font-size:3em;
	margin: 0;
}

#footer {
	min-height:80px;
	clear: both;
	font-size:0.86em;
	background-color: #4f5257;
	position:relative;
	color:#fff;
}

#footer a,
#footer h3 {
	color:#fff;
}

#footer .edge {
	background-color: #4f5257;
	clip-path: polygon(0 90%, 100% 0, 100% 100%, 0% 100%);
	position: absolute;
	width: 100%;
	height:10px;
	top:-9px;
	z-index: 97;
}

#footer .col-2 {
	float:right;
	width:49.9%;
	box-sizing: border-box;
}

#footer .col-3 {
	float:left;
	width:33.3%;
	box-sizing: border-box;
	padding-right:50px;
}
#footer .col-3:last-child,
#footer .col-2:last-child {
	padding-right:0px;
}


#footer .inner {
	padding:35px 20px;
}


#footer ul.menu {
	list-style: none;
	padding:0;
}

#footer ul.menu ul {
	list-style: none;
	padding:0 0 0 15px;
}

#footer ul.menu li {
	display:block;
	margin: 0.5em 0;
}

#footer ul.menu li a {
	display: block;
	text-decoration:none;
	text-transform:uppercase;
	color: #fff;
}

#footer .menu-footer {
	float: right;
}

#footer .menu-footer ul.menu li {
	display:inline-block;
	margin: 0 0.5em;
}

#footer .menu-footer ul {
	margin-bottom: 0;
}

/*
#footer ul.menu li a:before {
	content:"\f054";
	font-family:'FontAwesome';
	font-size:inherit;
	display:block;
	cursor:pointer;
	margin:1px 5px 0 0;
	float:left;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/

.copy {
	clear:both;
	font-size: 0.8em;
	color:#ccc;
}
#footer .copy .inner {
	border-top:#ccc solid 1px ;
	padding:25px 20px;
}


.cl {
	clear:both;
	overflow: hidden;
	height:0;
}

.iconlist {
	padding:0;
	list-style:none;
}

.iconlist li { 
	padding-left:30px;
}

.iconlist li:before {
	content:"\f058";
	font-family:'FontAwesome';
	font-size:21px;
	margin-left:-25px;
	float:left;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.1em;
}


.joblist {
	text-align:center;
}

.joblist li {
	display:inline-block;
	padding-left:30px;
}

.joblist li a:before {
	content:"\f054";
	font-family:'FontAwesome';
	margin:5px 0 0 -15px;
	float:left;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.1em;
}

/*
.iconlist.inline li { 
	display: inline-block;
	margin: 0 0.4em 0.5em 0;
}
*/

.sitecontent .wp-block-latest-posts li {
	border-top:1px solid #fff;
	padding-top:10px;
	clear: left;
}

img.alignleft {
	float:left;
	margin-right:1em;
}

img.alignright {
	float:right;
	margin-left:1em;
}

.datepill,
.blog-posts .wp-block-latest-posts__post-date {
	background-color:#666;
	padding:2px 12px;
	display: inline-block;
	color:#fff;
	border-radius: 16px;
	font-size: 0.86rem;
}

.textbox {
	padding:1px 1em 1em 1em;
}

.white {
	background-color:#fff;
}

.entry ul li {
	margin-bottom:0.5em;
}

.entry ul ul {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.image-box .wpb_wrapper {
	background-color:#fff;
	margin-bottom:35px;
}

.image-box .wpb_text_column {
	float:left;
	width:50%;
	margin-bottom: 0;
}

.image-box.center-image .wpb_text_column {
	float:none;
	width:100%;
	margin-bottom: 0;
}

.image-box.center-image .wpb_content_element {
	margin-bottom:0;
}

.image-box .wpb_text_column .wpb_wrapper {
	margin:1em;
}


body .wp-block-search__button {
	display: none;
}

body .wp-block-search__input {
	border: none;
	border-radius: 8px;
	margin-bottom: 1em;
}

.colorbox {
	padding:10px 25px;
    border-radius: 10px 10px 0;
	background-color: rgba(212, 192, 174, 0.4);
	margin: 1em 0;
} 

.colorbox h2:first-child {
	margin-top: 0.3em;
} 

.sitecontent .wp-block-latest-posts li {
	padding-left:85px;
	line-height: 1.3;
}

.sitecontent .wp-block-latest-posts.wp-block-latest-posts__list li::after {
	content: " ";
	clear: both;
	display: block;
}

.sitecontent .wp-block-latest-posts .wp-block-latest-posts__featured-image {
	margin-left: -85px;
	margin-right: 0;
	float: left;
}

.sitecontent .wp-block-latest-posts .wp-block-latest-posts__post-date {
	font-size: .76em;
	margin-top: 5px;
}

/* overwrites */

.entry .wp-block-columns {
	margin-bottom: 0;

}

.has-background .wp-block-button a:hover {
	background-color: #fff;
	color:#051638;
}

/* home */

.home:not(.sticky) .logo {
	display: none;
}

/*
.home .topicons {
	float: none;
	z-index: 999;
	position: absolute;
	top: 0;
	left:55px;
}

.home .topicons .clickicon {
	margin-left: 0;
	margin-right: 8px;
}

.home .topicons .tip {
	right: auto;
	left: 0;
}
*/

.home .cloverbox .is-layout-flex {
	flex-direction: row-reverse;
}

.home .cloverbox .is-layout-flex .is-layout-flex {
	flex-direction: row;
}

/*
.home.sticky .navibar {
	position: static;
}

.home.sticky #header {
	margin-top: 0;
}
*/

@media only screen and (min-width: 1151px) {

	.home:not(.sticky) .navi ul li {
		margin-left: 0;
	}

	.home:not(.sticky) .navi  {
		margin-top: 40px;
	}

	.home:not(.sticky) .navi ul li a {
		color:#fff;
	}

	.home:not(.sticky) .navi ul ul {
		background-color: transparent;
	}

	.home:not(.sticky) .navi ul li {
		display: block;
	}

	.home:not(.sticky) .navi ul > li:hover > ul,
	.home:not(.sticky) .navi ul li.menu-item-has-children > a:after {
		display:none;
	}
	
	.home .cloverboxtext {
		padding-top: 200px;
	}

	.home .cloverbox::before {
		content: "";
		display: block;
		width: 100%;
		height: 260px;
		position: absolute;
		left: 0;
		top: 0;
		clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
	}
}

@media only screen and (max-width: 1150px) {

	.heroimage .inner {
		height:auto;
	}

	.navi {
		padding-top: 6px;
		float: left;
		margin-right: 10px;
		cursor: pointer;
	}
	
	.navi .menu-header {
		position: relative;
	}
	
	.navi .menu-header:before {
		content:"\f0c9";
		font-family:'FontAwesome';
		font-size:28px;
		display:block;
		cursor:pointer;
		margin:0;
		float:right;
		width:28px;
		height:28px;
		line-height:1;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.open .navi .menu-header:before {
		content:"\f00d";
	}
	
	.navi .menu {
	   	transition: left .25s ease-in-out;
	   	-moz-transition: left .25s ease-in-out;
	   	-webkit-transition: left .25s ease-in-out;
		overflow:hidden;
		position:absolute;
		top:52px;
		left:-300px;
		padding: 10px 20px;
		background-color: #fff;
	}
	
	.open .navi .menu {
		left:-20px;
	}
	
	.navi ul li, 
	.navi ul li a {
		display: block;
		height:auto;
		margin:0;
		border:0;
		text-align:left;
	}
	
	.navi ul li {
		border-bottom: #ccc solid 1px;
	}

	.navi ul li:last-child {
		border-bottom: none;
	}
	
	.navi ul li {
		width:240px;
		padding: 10px 0;
	}

	.navi ul ul li {
		border-bottom: none;
		padding: 0;
	}
	
	.navi ul li ul { 
		display:block;
		padding: 0;		
		width: auto;
		position: static;
		margin-left: 0;
		left: 0;
	}
	
	.navi ul ul li a {
		padding: 0 0 3px 20px;
	}

	.blog-posts ul.wp-block-latest-posts {
		grid-template-columns: 1fr 1fr 1fr;
	}

}

@media only screen and (max-width: 782px) {

	.contact span {
		display:inline-block;
		margin-left:5px;
	}
	
	#footer .col-3 {
		width: 49.9%;
	}
	
	.headerbox img {
		position:static;
		margin-bottom:-100px;
	}

	.entry.grid {
		display: block;
	}

	.entry .sitecontent ul {
		margin: 10px 0 0 0;
	}
	
	.entry .sitecontent .article > li {
		border-radius: 10px;
	}

	.inner, .headerbox {
		padding:0 15px;
	}

	.navibar {
		padding:10px 0 15px 0;
	}
	
	.textright, form label .name, form .spam .name, .dsgvo {
		text-align:left;
	}

	#header .headercontent .inner.grid,
	#header .headercontent .grid {
		grid-template-columns: 100%;
		grid-template-rows: auto;
		padding: 0;
	}
	
	.headercontent .grid .heroimage {
		width: 100%;
		height: auto;
		justify-self: center;
		grid-column-start: 1;
		grid-row-start: 1;
	}

	.headercontent .grid .heroimage img {
		width: 100%;
		height: auto;
	}

	.headercontent .grid .herotext {
		padding: 15px;
	}

	.wp-block-columns {
		gap: 0 !important;
	}

	.home .cloverbox::before {
		content: "";
		display: block;
		width: 100%;
		height: 300px;
		position: absolute;
		left: 0;
		top: 0;
		clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
	}

	.blog-posts ul.wp-block-latest-posts {
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}

}

@media only screen and (max-width: 480px) {
	
	.navi {
		padding-top: 5px;
	}

	#header .inner {
		height:40px;
	}
	
	.navi .menu {
		top:40px;
	}

	#footer .col-3,
	#footer .col-2 {
		width: auto;
		float: none;
		padding-right:0px;
	}

	.topbttn {
		display: none;
	}

	.blog-posts ul.wp-block-latest-posts {
		grid-template-columns: 1fr;
	}

	#footer .menu-footer {
		float: none;
	}
}