.accessibility-modal-footer .accessibility-footer-wrapper {
	display: none !important;
}

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    box-sizing: border-box;
}

#redim-cookiehint {
	font-family: verdana;
}

.cook-sprach {
    margin-top: -30px !important;
}

.cookiehead {
    margin-top: 20px;
}

.cook-sprach a, #cookiehintinfo a {
    color: #0d223b !important;
}

#cookiehintsubmit, #cookiehintsubmitno {
    background: #197f0f !important;
}

.cook-sprach a,
#cookiehintinfo a {
	color: #c29c2c !important;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	hyphens: auto;
}

h1 {
	line-height: 19px;
	padding-top: 25px;
	padding-bottom: 20px;
	color: #8e4c1a;
	font-weight: normal;
	font-size: 24px;
}

hr {
	border-top: 4px dotted #dacab3;
}

ul {
	padding-left: 20px;
}

body.site  {
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 22px;
	max-width: 100%;
	overflow-x: hidden  !important;
	color: #484848;
}

body.site::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/allgemein/pergament.jpg");
	background-size: cover;
	background-position: center;
	z-index: -1;
}

html,
body {
    overflow-x: hidden;
}

.holder {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
}

.header {
	padding-top: 160px;
	width: 100%;
	height: 100vh;
	max-height: 300px;
	background-image: url("/images/allgemein/hg-berg-oben.png");
	background-position-x: center;
	position: relative;
  	z-index: 1;
}


.navi-oben {
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 2;
}

/* Zustand NACH dem Scrollen */
.navi-oben.scrolled {
	background-color: rgba(233, 212, 183, 0.7);
	backdrop-filter: blur(3px);
	height: 80px;
}

.header-links {
	width: 100%;
}

.logo-oben {
	font-family: "Fondamento", cursive;
	font-size: clamp(16px, 7vw, 70px);
	padding: 0 0 0 10px;
}

.logo-oben .moduletable > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.logo-oben a {
	text-decoration: none;
	color: #484848;
}

.logo-oben img {
	vertical-align: baseline;
}

.hauptmenu {
	padding: 0;
	width: 100%;
	position: absolute;
	top: 20px;
	left: 0;
	text-align: right;
	padding-right: 18px;
}

.dj-mobile-open-btn.active .dj-mobile-open-icon, 
.dj-megamenu-select-light .dj-mobile-open-btn:focus, 
.dj-megamenu-select-light:hover .dj-mobile-open-btn,
.dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover,
.dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus,
.dj-megamenu-accordion-light .dj-mobile-open-btn:hover,
.dj-megamenu-accordion-light .dj-mobile-open-btn:focus {
	background: url(/images/allgemein/hg-menu.png) !important;
}

.hauptmenu .dj-megamenu-offcanvas-light .dj-mobile-open-btn {
	background: url(/images/allgemein/hg-menu.png);
	color: #fff !important;
}

.hauptmenu .dj-mobile-open-btn.active .dj-mobile-open-icon,
.hauptmenu .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover {
	background: url(/images/allgemein/hg-menu.png);
	color: #fff !important;
}

.dj-offcanvas-light .dj-offcanvas-top {
	background: #70603c !important;
}

.dj-offcanvas-light {
	background: #706454fa !important;
	width: 100% !important;
}

ul.dj-mobile-light li.dj-mobileitem > a  {
	font-size: 30px !important;
	background: none !important;
	color: #fff !important;
	text-align: center;
	border-top: 3px dotted #e4e4e440 !important;
}

ul.dj-mobile-light li.dj-mobileitem:hover > a, 
ul.dj-mobile-light li.dj-mobileitem.active > a {
	background: #fbb9004f !important;
}

.dj-offcanvas-top,
.dj-offcanvas-light .dj-offcanvas-close-btn  {
	outline:none !important; /* damit der blaue Rahmen beim iphone und mobligeraeten nicht erscheint */
}

.dj-megamenu-offcanvas-light .dj-mobile-open-btn, 
.dj-megamenu-accordion-light .dj-mobile-open-btn {
	border-radius: 0px !important;
	outline:none !important; /* damit der blaue Rahmen beim iphone und mobligeraeten nicht erscheint */
}

.sprachwahl {
	width: auto;
	position: absolute;
	top: 24px;
	left: 25px;
	z-index: 10;
	font-size: 30px;
	font-weight: bold;
}

.sprachwahl a {
	color: #484848;
}

.wechselbilder {
	width: 100%;
	height: auto;
	position: relative;
	margin: -40px 0 0 0;
	z-index: 0;
}

.djslider-plafoetsch .slide-desc {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	bottom: 66% !important;
}

.slide-desc-bg-plafoetsch {
	background: none;
}

.slide-desc-text-plafoetsch .slide-title {
	font-style: normal;
	font-weight: 400;
	font-size: clamp(16px, 4vw, 40px);
	text-transform: none;
	line-height: normal;
	text-align: center;
}

.slide-desc-text-plafoetsch .slide-text {
	text-align: center;
	font-size: clamp(16px, 4vw, 40px);
}

.oeffnungszeiten {
	display: flex;
	position: absolute;
	top: 70px;
	right: -4px;
	flex-wrap: wrap;
	flex-direction: column;
	-webkit-transform: rotate(9deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(9deg);    /* Firefox */
	-ms-transform: rotate(9deg);     /* IE 9 */
	transform: rotate(9deg);         /* Standard */
	-webkit-box-shadow:0px 0px 20px 10px #988967 ;
	-moz-box-shadow:0px 0px 20px 10px #988967 ;
	box-shadow:0px 0px 20px 10px #988967 ;
	padding: 10px 15px;
	z-index: 2;
	font-size: 20px;
	background-color: rgba(229, 229, 229, 0.7);
	backdrop-filter: blur(3px);
	text-align: center;
}

.content {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	margin-top: 30px;
}

.page-content {
	overflow-x: hidden !important;
	line-height: 30px;
}

.hauptbereich {
	width: 100%;
	margin: 0 auto;
}

.hauptbereich a {
	color: #7b5e11;
	text-decoration: none;
}

.hauptbereich a:hover {
	color: #c29725;
}

.page-header h1 {
	text-align: center;
	font-size: 37px;
	line-height: 50px;
	font-weight: bold;
	padding: 100px 20px 0px 20px;
	hyphens: none;
	font-weight: 400;
	font-style: normal;
  }

.symbole-oben {
	font-size: 24px;
}

.footer {
	min-height: 80px;
	margin: 0 auto;
	color: white;
  	position: relative;
    background: url(/images/allgemein/hg-footer.png);
}

.anschrift {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 20px;
	margin-top: 50px;
	border-top-width: 3px;
	border-top-style: dotted;
	border-top-color: rgb(196, 169, 138);
}


.anschrift a {
	color: #7b5e11;
	text-decoration: none;
}

.anschrift a:hover {
	color: #c29725;
}

.menu-unten {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 34px;
	text-shadow: 0px 0px 5px black;
	font-size: 17px;
}

.menu-unten ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

.menu-unten li {
	list-style: none;
	margin: 0 10px;
}

.menu-unten a {
	color: white;
	text-decoration: none;
}

.geiger {
	margin: 8px auto;
	text-align: center;
	padding: 20px 0 31px 0;
	border-top: dotted 3px antiquewhite;
}

.geiger, .geiger a:link, .geiger a:visited {
	color: #806c6c;
	text-decoration: none;
}

.sppb-addon-timeline .title {
	font-size: 110% !important;
}

.sppb-addon-timeline .details {
	font-size: 90% !important;
}

.sppb-addon-timeline .sppb-image-round {
	width: 100%;
	height: auto;
}

.area_container57  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-bottom: 100px;
}

.subitem-anfrageblockA, .subitem-anfrageblockB, .subitem-anfrageblockC {
    border: solid 1px #e3e3e3;
    border-radius: 0px;
    width: 46%;
    margin: 0 1%;
    margin-bottom: 20px;
	padding: 10px;
	box-shadow: 3px 3px 6px #ececec;
}

.subitem-anfrageblockC {
    width: 98%;
    margin: auto;
}

.subitem-anfrageblockC #sendebutton {
	width: 50%;
	float: right;
	background: #b89a6ed1 !important;
	color: white !important;
	text-transform: uppercase;
	font-size: inherit;
}

.nui.form .field > label, .nui.form .fields > label {
	font-weight: 500 !important;
	margin: 10px 0 -7px 0px;
}

.nui.form input, .nui.form textarea, .nui.form select  {
	border: solid 1px #d5d5d5 !important;
	border-radius: 0px !important;
	font-size: 1.7vh;
	font-size: clamp(16px, 1rem, 18px);
	width: 100% !important;
}

div.ersatzterminblock {
	margin: 20px 0;
}

.nui.grid.stackable.horizontal.spaced.columnx1.ersatzterminblock {
	display: flex !important;
	flex-direction: row;
	justify-content: space-between;
}

.nui.form select {
	padding: 11px 6px;
}

.subitem-anfrageblockC  .field.holder /* privacyfeld */ {
	margin: 0;
	float: left;
	max-width: 130px;
}

.subitem-anfrageblockC   p /* privacyfeld */ {
	margin: 0 0 30px 0;
}

.subitem-anfrageblockC .errormsg {
	display: none;
}

.schattenbox ul {
	margin-top: 10px;
  }

.schattenbox li {
	text-align: left;
}

:focus-visible { /* sp pagebuilder video */
	outline: none !important;
}

.logos-unten {
	width: 100%;
	text-align: center;
	padding: 20px 0 0 0;
}

.logos-unten p {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.logos-unten img {
	max-height: 70px;
	width: auto;
	margin: 0 10px 20px 10px;
}

.sociallogo {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 10px;
}

.sociallogo img {
	width: 50px;
	height: auto;
	display: block;
	margin: 0 10px;
}

.woistwas .timeline-panel {
	width: 94% !important;
	box-shadow: 1px 12px 33px 0 rgba(0, 0, 0, 0.15);
}

.woistwas .sppb-addon-timeline-wrapper::before,
.woistwas .timeline-badge::after  {
	background-color: #e7d7bf !important;
}
			
.woistwas .timeline-badge::before {
	background-color: #b68960 !important;
	border: 3px solid #e7d7bf !important;
}


img.speasyimagegallery-image {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 90vh;
}

.speasyimagegallery-row.clearfix {
	margin-top: 100px;
}