/* @override 

	https://ferienhaus-herk.at/templates/fh-deutschlandsberg/css/user.css?* */






/* yanone-kaffeesatz-300 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/yanone-kaffeesatz-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v24-latin-300.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}
/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: bold;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}
/* yanone-kaffeesatz-500 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: bold;
  font-weight: 500;
  src: url('../fonts/yanone-kaffeesatz-v24-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v24-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v24-latin-500.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


html, body {
	font: 1.0em/1.4em "Open Sans", sans-serif;
	color: #000;
	font-weight: 400;
}

body {
	display: block;
	position: relative;
}

.container-component>*+*, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child {
	padding-top: 0;
	margin-top: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
	border-top: 2px solid rgba(144, 168, 69, 0.50);
	padding: 6px 10px 6px 0;
	vertical-align: top; 
}
table>tbody {
	border-bottom: 2px solid rgba(144, 168, 69, 0.50);
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Yanone Kaffeesatz';
	font-weight: regular;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-bottom: 15px;
	color: #3d712e;
	font-weight: 500;
}
h1 {
	font-size: 5em;
}
	
h2 {
	font-size: 5em;
}
h3 {
	font-size: 4em;
}

h4 {
	font: 1.3em "Open Sans", sans-serif;
	font-weight: bold;
	color: #000;
	opacity: 0.75;
}

a {
	color: #3E712F;
}
a:focus, a:hover {
	color: #000;
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0 0 20px;
}
ol, ul, p {
	padding-bottom: 15px;
}
ul li {
	list-style: disc;
}
.btn {
	border: none;
	border: 0px solid #DDDDDD;
	border-radius: 0px;
	padding: 3px 25px;
	margin: 0;
	font-weight: bold;
	color: #fff;
	background-color: #2e9062;
}
.btn:hover {
	background-color: silver;
	text-decoration: none;
}
.btn .icon-chevron-right {
	display: none; visibility: hidden;
}

.site-grid {
	grid-gap: 0;
	padding-right: 0px;
	padding-left: 0px;
}
#main {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;

}

.container {
	max-width: 1000px!important;
	margin-right: auto;
	margin-left: auto;
}

.container-topbar a {
	color: #fff!important;
}

@media (max-width: 990px) {
	html, body {
		font: 0.95em/1.4em "Open Sans", sans-serif;
		color: #000;
		font-weight: 400;
	}
}


@media (max-width: 767px) {
	html, body {
		font: 1em/1.4em "Open Sans", sans-serif;
		color: #000;
		font-weight: 400;
	}
}
@media (max-width: 410px) { 
	h1 {
		font-size: 3.5em;
	}
		
	h2 {
		font-size: 3em;
	}
	h3 {
		font-size: 2.5em;
	}
}


/* Header - Navigation */
header.header {
	background-color: rgba(61, 113, 46, 1);
	height: 50px;
	z-index: 100;
}
.header ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.container-below-top a, .container-topbar a {
	color: #2e9062;
}
.grid-child.brand {
	padding: 0;
	text-align: center;
	flex-grow: 0;
	flex-shrink: 0;
}
.grid-child.brand img {
	height: 80px;
	width: auto;
}

.grid-child.container-nav {
	margin: 0;
	padding-bottom: 0;
	padding-top: 0;
	flex-grow: 2;
	flex-shrink: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.container-topbar {
	font-size: 14px;
	line-height: 1.4em;
}
.container-topbar .container .navgrid{
	display: flex;
	justify-content: flex-end;
	padding: 0;
}
.container-topbar .mod-custom {
	padding: 5px 10px;
}
.container-topbar p {
	padding: 0;
	margin: 0;
}
@media (max-width: 1200px) { 

}

@media (max-width: 767px) { 
	header.header {
		background-color: rgba(61, 113, 46);
		z-index: 100;
	}
	.container-topbar .container .navgrid {
		flex-direction: row-reverse;
	}
	.grid-child.container-nav {
		padding-left: 6px;
		justify-content: flex-start;
		align-content: flex-start;
	}
}

/* Banner */

.banner {
	padding-top: 0px;
	padding-bottom: 0px;
}
.banner  .mod-custom {
  width: 100%;
  position: relative;
  padding-top: 29%;
	background-position: center top;
	background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 103% auto;
  opacity: 1;
}

.banner .start .mod-custom {
	padding-top: 47%;
	background-position: center top;
	 background-size: 104% auto;
}
	
.banner .mod-custom p {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner .start .mod-custom p {
	background-color: transparent;
	align-items: flex-start;
	padding-top: 70px;

}
.banner .mod-custom p img {
	max-width: 350px;
	max-height: auto;
	padding: 5px;
	opacity: 0.9;
}
@media (max-width: 1200px) { 
	.banner  .mod-custom { 
		background-size: 105% auto;
	}
	.banner .mod-custom p img {
		max-width: auto;
		padding: 5px;
		
	}
}
@media (max-width: 767px) { 
	.banner .mod-custom {
	  width: 100%;
	  padding-top: 60%;
	  background-size: 220% auto;
	}
	.banner .start .mod-custom {
	  width: 100%;
	  padding-top: 80%;
	  background-size: 220% auto;
	}
	.banner .mod-custom p img {
		max-width: 250px;
		padding: 5px;
		height: auto;
	}
	.banner .start .mod-custom p {
		padding-top: 0;
	}
	.banner .start .mod-custom p img {
		max-width: 250px;
		padding: 5px;
		height: auto;
	}
}

/* Content */
.page-header {
	text-align: center;
	padding-bottom: 30px;
}
.blog > .page-header:first-of-type,
.item-page > .page-header:first-of-type {
	text-align: center;
	padding-bottom: 36px;
	width: 100%;
	
}
.page-header h1 {
	font-size: 4.5em;
	text-align: center;
	display: inline-block;
	padding: 0 5px;
	text-align: ;
}

.blog-item h2.item-title {
	font-size: 3em;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: center;
}
.blog-item h2.item-title a {
	color: #000;
	text-decoration: none;
}

.blog-items {
	margin-bottom: 0;
	padding-bottom: 0;
	grid-gap: 0px;
	padding-top: 70px;
	display: grid;
	grid-gap: 2em;
	align-self: stretch;
	
	
}
.blog-items .blog-item {
	margin-bottom: 0 !important;
	padding-bottom: 50px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-self: stretch;
	align-self: stretch;
	align-items: center;
}
.blog-items .blog-item:nth-child(odd) {
	flex-direction: row-reverse;
}
.blog-item .item-content {
	padding: 0px 0;
	flex-grow: 1;
}
.blog-item .item-image {
	display: block;
	margin: 0;
	padding: 0 30px 0 0;
	width: 50%;
	flex-grow: 0;
	flex-shrink: 0;
}
.blog-items .blog-item:nth-child(odd) .item-image {
	padding-right: 0;
	padding-left: 30px;
}
.item-page, .blog {
	background-color: #fff;
	padding: 60px 10px 30px;
}
.item-page h3 {
	font-size: 3em;
}
.umgebung .category-desc {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.umgebung .blog-items {
	padding-top: 0;
}
.umgebung .blog-items .blog-item {
	flex-direction: column;
	align-content: stretch;
	align-items: stretch;
	padding-bottom: 0;
}
.umgebung .category-desc {
	text-align: center;
	padding-bottom: 50px;
}
.umgebung .blog-item .item-image {
	width: 100%;
	padding: 0!important;
}
.umgebung .page-header {
	margin-bottom: 0;
	padding-bottom: 0;
}
.umgebung .page-header h2 {
	font-size: 3em;
	color: #fff;
	background-color: #3d712e;
	padding-top: 10px;
	padding-bottom: 10px;
}
.umgebung .item-content {
	background-color: rgba(61, 113, 46, 0.15);
	flex-grow: 2;
}
.umgebung .item-content p {
	padding: 20px;
}
ul.content-list, ul.content-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.content-list {
	padding-left: 20px;
	padding-bottom: 20px;
}
ul.content-list li {
	padding-left: 30px;
	font-weight: bold;
}
ul.content-list li a {
	text-decoration: none;
}
ul.content-list li:before {
	content: "»";
	color: #3d712e;
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block;
	margin-left: -24px;
	width: 20px;
}
.container-topbar #mod-custom114 {
	padding: 0!important;
	margin: 0!important;
}


@media (max-width: 767px) { 
	.blog > .page-header:first-of-type,
.item-page > .page-header:first-of-type {
		padding-bottom: 20px;
	}
	.page-header h1 {
		font-size: 2.5em;
		}
	.item-page h3 {
		font-size: 2em;
	}
	.item-page {
		padding: 40px 15px 15px;
	}
	.blog-items .blog-item, .blog-items .blog-item:nth-child(odd) {
		flex-direction: column;
	}
	.blog-item .item-image, .blog-items .blog-item:nth-child(odd) .item-image {
		width: 100%;
		padding: 0 0 10px;
	}
}

/* Startseite */

.startlinks {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2em;
	padding-bottom: 50px;
	padding-top: 0px;
}
.startlinks div {
	text-align: center;
}
.startlinks div a {
	font: 2.5em 'Yanone Kaffeesatz';
	background-color: #3d712e;
	display: block;
	color: #fff;
	text-decoration: none;
}
.startlinks div a:hover {
	background-color: #2e5622;
}
.startlinks div a span {
	display: block;
	padding: 10px;
}

.moduletable.einleitung {
	background-color: #eff3ee;
	position: relative;
	margin: 0px -9999rem 0 !important;
	padding-right: 9999rem !important;
	padding-left: 9999rem !important;
	clear: both;
	width: auto;
}
.moduletable.einleitung .mod-custom {
	max-width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 40px;
	line-height: 1.4em;
	font-size: 1.2em;
	color: #2e5622;
}
.moduletable.einleitung strong {
	color: #3d712e;
	font-size: 1.1em;
}
.einleitung .facebooklink {
	padding-top: 20px;
}
.einleitung .facebooklink a {
	display: grid;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	grid-template-columns: 40px auto;
	grid-gap: 1em;
	font-size: 0.8em;align-items: center;
	background-color: #fff;
	padding: 8px 10px;
	line-height: 1.4em;
	text-decoration: none;
	border-radius: 30px;
}
.einleitung .facebooklink img {
	width: 40px;
}
@media (max-width: 767px) { 
	.moduletable.einleitung  .mod-custom {
	padding: 20px 10px 10px;
	font-size: 1.1em;
	}
}

/* Inhaltselemente */

.buchung iframe {
	border: 4px solid #e7ece4;
	border-top: 0;
	padding-top: 30px;
}
.box {
	padding-top: 0;
	padding-bottom: 0px;
}
.weit {
	position: relative;
	margin: 0 -9999rem 20px !important;
	padding: 20px 9999rem !important;
	clear: both;
}

.bild-links, .bild-rechts {
	font-size: 11px;
	line-height: 120%;
	width: auto;
	width: 45%;
}
.bild-links {
	clear: both;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.bild-rechts {
	clear: both;
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}

.elemente ul, .elemente ul li {
	
	list-style: none;
	padding: 0;
	margin: 0;
}
.elemente ul {
	padding-bottom: 20px;

}
.elemente ul li ul {
	padding-top: 10px;
	display: block;
	padding-bottom: 10px;
}
.elemente ul li ul li {
	padding-bottom: 2px;
}
.elemente ul li {
	padding-left: 30px;
	padding-bottom: 5px;
}
.elemente ul li:before {
	content: "•";
	display: block;
	margin-left: -23px;
	margin-bottom: 0;
	margin-top: 0;
	width: 20px;
	color: #3d712e;
	line-height: 0;
	padding-top: 0;
	position: relative;
	top: 12px;
	font-size: 2em;
}
.elemente {
	display: grid;
	margin: 40px auto;
	max-width: 1320px;
	padding: 0px 0;
	grid-template-columns: 1fr 1fr 1fr;
}

.elemente .element {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.elemente .element .abstand {
	padding: 30px 20px 10px 30px;
	width: 100%;
}
.elemente .element.bild .abstand {
	padding: 0;
	margin: 0;
	line-height: 0;
}
.bildtext .element.bild {
	width: 40%;
}
.bildtext .element.text {
	width: 60%;
}

.bild1 {
	grid-column: 1 / 3;
	grid-row: 2 / 4;
}
.bild2 {
	grid-column: 3 /4 ;
	grid-row: 3 / 4;
}
.bild3 {
	grid-column: 4 / 5;
	grid-row: 3 / 4;
}

.elemente .textbox {
	background-color: #fff;
	grid-column: 3 / 5;
	grid-row: 1 / 3;
}

.spruch {
	font: 2.3em/1.3em 'Yanone Kaffeesatz';
	width: 100%;
	position: relative;
	background-color: rgba(61, 113, 46);
	color: #fff;
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
.elemente .spruch .abstand {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 40px;
	text-align: center;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.einleitung.ferienhaus {
	font-size: 1.1em;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.ferienhaus .textbox1 {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	background-color: #3d712e;
	color: #fff;
}
.ferienhaus .textbox2 {
	grid-column: 2 / 4;
	grid-row: 2 / 4;
	background-color: #e7ece4;

}
.ferienhaus .textbox3 {
	grid-column: 1 / 3;
	grid-row: 4 / 6;
	background-color: #d2decf;

}
.ferienhaus .essbares {
	grid-column: 2 / 5;
	grid-row: 6 / 7;
	text-align: center;
	background-color: #e7ece4;
	color: #3d712e;
	font-size: 1.1em;
	line-height: 1.4em;
}
.ferienhaus .textbox4 {
	grid-column: 1 / 5;
	grid-row: 7 / 8;
	text-align: center;
	background-color: #3d712e;
	color: #fff;
}
.ferienhaus .auflistung .abstand {
	max-width: 640px;
}
.ferienhaus .textbox4 .abstand {
	margin-right: auto;
	margin-left: auto;
	max-width: 800px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.ferienhaus .bild1 {
	grid-column: 2 / 4;
	grid-row: 1 / 2;
}
.ferienhaus .bild2 {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
.ferienhaus .bild3 {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}
.ferienhaus .bild4 {
	grid-column: 3 / 4;
	grid-row: 4 / 5;
}
.ferienhaus .bild5 {
	grid-column: 3 / 4;
	grid-row: 5 / 6;
}
.ferienhaus .bild6 {
	grid-column: 1 / 2;
	grid-row: 6 / 7;
}
.ferienhaus ul li {
	padding-right: 0px;
	padding-bottom: 20px;
}
.ferienhaus ul li:nth-child(2n - 2) {
	padding-left: 60px;
}

.elemente.plan {
	grid-template-columns: 1fr 1fr;
	background-color: #e7ece4;
	grid-gap: 1em;
	padding: 30px;
	margin-top: -40px;
	margin-bottom: 0;
}
.elemente.plan .bild .abstand {
	
}
.elemente.plan h3 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 0;
	font-size: 3em;
}
.preise .elemente {
	margin-bottom: 0;
}
.preise .textbox {
	grid-column: 1 / 3;
	grid-row: 1 / 3;	
}
.preise .textbox .abstand {
	max-width: 650px;
}
.preise .spruch {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}
.preise .bild1 {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
}
.preise .bild2 {
	grid-column: 4 /5 ;
	grid-row: 2 / 3;
}
.box.buchung iframe {
	width: 100%;
	height: 900px;
}
.kontakt h3 {
	font-size: 3em;
}

.kontakt .spruch2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	font: 0.95em/1.4em "Open Sans", sans-serif;
	background-color: #3d712e;
	color: #000;
	color: #fff;
}
.kontakt .spruch2 h3 {
	color: #fff;
}
.ausstattung .textbox, .preise .textbox {
	background-color: #e7ece4;
}
.kontakt .spruch1 {
	background-color: #C4D4C0;
	grid-column: 3 / 5;
	grid-row: 1 / 2;
	font: 0.95em/1.4em "Open Sans", sans-serif;
	color: #000;
}
.kontakt .spruch1 .abstand,
.kontakt .spruch2 .abstand  {
	flex-direction: column;
}
.kontakt .facebooklink img {
	width: 35px;
	padding-top: 20px;
}
.kontakt .karte {
	grid-column: 1 /5;
	grid-row: 3 / 4;
}
.kontakt .rahmen {
	font-weight: bold;
}

@media (max-width: 767px) { 
	.startlinks {
		display: block;
		padding-bottom: 20px;
		padding-top: 10px;
	}
	.elemente {
		display: grid;
		margin-left: auto;
		margin-right: auto;
		max-width: 960px;
		padding: 0px 0;
		grid-template-columns: 1fr 1fr;
	}
	.elemente .textbox {
			grid-column: 1 / 3;
			grid-row: 2 / 3;
	}
	.elemente .textbox .abstand {
		padding-left: 20px;
	}
	.spruch {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.bild1, .freizeit .bild1, .ausstattung .bild1 {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
	}
	.bild2, 	.freizeit .bild3 {
		grid-column: 1 /2 ;
		grid-row: 1 / 2;
	}

	.bild3, .freizeit .bild4, .ausstattung .bild2, .ausstattung .bild3, .preise .bild1, .preise .bild2, .preise .spruch, .kontakt .spruch3, .kontakt .spruch2 {
		grid-column: unset;
		grid-row: unset;
	}
	.ferienhaus .elemente {
		grid-template-columns: 1fr 1fr;
	}
	
	.ferienhaus .textbox1 {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		background-color: #3d712e;
		color: #fff;
	}
	.ferienhaus .textbox2 {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
		background-color: #e7ece4;
	
	}
	.ferienhaus .textbox3 {
		grid-column: 1 / 3;
		grid-row: 5 / 6;
		background-color: #d2decf;
	
	}
	.ferienhaus .essbares {
		grid-row: 8 / 9;
	}
	.ferienhaus .textbox4 {
		grid-column: 1 / 3;
		grid-row: 10 / 11;
		text-align: center;
		background-color: #3d712e;
		color: #fff;
	}
	.ferienhaus .textbox4 .abstand {
		margin-right: auto;
		margin-left: auto;
		max-width: 800px;
	}
	
	.ferienhaus .bild1 {
		grid-column: 1 / 3;
		grid-row: 2 / 3;
	}
	.ferienhaus .bild2 {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}
	.ferienhaus .bild3 {
		grid-column: 2 / 3;
		grid-row: 4 / 5;
	}
	.ferienhaus .bild4 {
		grid-column: 1 / 2;
		grid-row: 7 / 8;
	}
	.ferienhaus .bild5 {
		grid-column: 2 / 3;
		grid-row: 7 / 8;
	}
	.ferienhaus .bild6 {
		grid-column: 1 / 3;
		grid-row: 9 / 10;
	}
	.elemente.plan {
		padding: 20px 10px;
	}
	
	.preise .spruch {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		font-size: 2em;
	}

	.preise .bild1 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
	.preise .textbox {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
	.kontakt .elemente {
		display: block;
	}
	.kontakt .spruch2, .kontakt .spruch {
		grid-column: unset;
		grid-row: unset;
	}

}

.bottom .moduletable {
	padding: 20px;
	text-align: center;
}

/* Footer */

footer.footer {
	background-color: #3E712F;
	color: #fff;
	margin-top: 0;
}
.footer1, .footer2 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer a {
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
	color: #fff;
}
.footer2 {
	background-color: #2e5622;
	
}
.footer ul, .footer ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer .moduletable {
	padding: 15px 15px 5px;
}


.footer1 .custom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
}

.footer2 .container {
	padding-top: 0px;
	padding-bottom: 0px;
}
.footer2 .container, .footer2 ul.nav {
	display: flex;
	flex-direction: row;
	align-content: center;
}
.footer2 .container {
	justify-content: space-between;
}

.footer ul.nav {
	text-align: center;
	width: 100%;
	justify-content: center;
}
.footer ul.nav li {
	padding: 5px 10px;
	display: inline-block;
}



.back-to-top-link {
	position: fixed;
	bottom: 20px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	right: 20px;
	border-color: #abc27d;
	color: #3d712e;
	font-size: 1.15em;
	line-height: 1em;
}
.back-to-top-link:focus, .back-to-top-link:hover {
	background-color: #3d712e;
}
@media (max-width: 767px) {
	.back-to-top-link {
		font-size: 1.1em;
	}
}


#basecamp-tabelle td {
    border-right: 2px solid black; /* Fügt einen schwarzen Strich zwischen den Zellen hinzu */
}