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

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

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

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

/* protest-riot-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Protest Riot';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/protest-riot-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/work-sans-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

/* work-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/work-sans-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* amatic-sc-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/amatic-sc-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
	--spacing:20px;	
}
body { font-family: 'Jost';margin:0;padding:0;background-color:#fffbf3;



}
body p { margin-top:0px;margin-bottom:var(--spacing);color: #686d5d; }

h1,h2,h3,h4,h5 { font-family: 'Amatic SC';font-size:30px;letter-spacing: 1px; }

.button { position:relative;color:#fff;padding:15px 20px;border:0px;outline:0;cursor:pointer;background-color:#9e474e;position:relative;letter-spacing:1px;font-size:14px;transition:all .1s ease-in-out;transform:scale(1);text-decoration:none;margin-top:20px;cursor:pointer;  }
.button::after { content:" ";background-color:rgba(0,0,0,0.1);position:absolute;bottom:0;left:0;top:0;width:0%;transition:all .5s ease-in-out; }
.button:hover::after { width:100%; }
.button:hover { transform:scale(1.05); }



section[name='welcome'] { display:flex;flex-wrap:wrap;align-items:stretch; }
section[name='welcome'] .left { width:50%;display: flex;flex-wrap:wrap;justify-content: flex-end;background:url(images/bg.png) center bottom no-repeat transparent;background-size:100% auto; }
section[name='welcome'] .right { width:50%;position:relative;background:url(images/background.jpg) center center no-repeat transparent;background-size:cover; }
section[name='welcome'] .teaser { width:calc(1300px * 0.5);box-sizing:border-box;padding:var(--spacing);padding-right:50px;position:relative; }
section[name='welcome'] .teaser h1 { font-family: 'Amatic SC';font-size: 46px;margin-bottom:0px; }
section[name='welcome'] .teaser h2 {font-family: 'Amatic SC';font-weight:100;margin-top:0px; }
section[name='welcome'] .teaser h3 { font-family: 'Jost';display:inline;margin:0;font-weight:bold; }
section[name='welcome'] .logo { width:200px;background:url(images/m.svg) center center no-repeat  #9e474e;position:absolute;left:-30px;transform:translateX(-100%) translateY(-50%);top:50%;background-size: 75%; }
section[name='welcome'] .logo::after { content:" ";position:relative;display:block;padding-bottom:150%; }
section[name='welcome'] .logo a { position:absolute;left:0;top:0;bottom:0;right:0;border:0;cursor:pointer;z-index:1; }
@media screen and (max-width: 1760px) {	
	section[name="welcome"] .teaser { width:100%;padding-left:260px; }
	section[name='welcome'] .logo { transform:translateX(0%) translateY(-50%);left:30px; }
}
@media screen and (max-width: 1100px) {	
	section[name="welcome"] .teaser { width:100%;padding:50px; padding-left:260px; }
	section[name='welcome'] .left,
	section[name='welcome'] .right { width:100%; }
	section[name='welcome'] .right::after { display:block;content:" ";position:relative;padding-bottom:40%; }
}
@media screen and (max-width: 700px) {	
	section[name="welcome"] .teaser { padding:var(--spacing);  }
	section[name='welcome'] .logo { height:60px;left:0px;position: relative;transform: translateX(0) translateY(0);top: 0;margin: 0 -20px;width: auto;margin-top:-20px;background-size:auto 60% ; }
	section[name='welcome'] .logo::after { display:none; }
}

section[name='highlights'] { max-width:1300px;margin:0 auto;padding-top:50px; }
section[name='highlights'] > div { margin:0 -10px;display:flex;flex-wrap:wrap;align-items:stretch; }
section[name='highlights'] .elem { padding-bottom:calc(100px - var(--spacing));width:calc(100% / 3);box-sizing:border-box;padding:0 10px;display:flex;flex-wrap:wrap;align-items:stretch; }
section[name='highlights'] .elem .bg { background-color:rgba(0,0,0,0.05); }
section[name='highlights'] .image {  }
section[name='highlights'] .txt { padding: 0px var(--spacing);padding-top:50px;padding-bottom:50px; }
section[name='highlights'] h4 { color: #9e474e;margin-top: 0px;margin-bottom:var(--spacing);font-size: 30px;font-family: 'Amatic SC'; }
section[name='highlights'] .image { postition:relative; }
section[name='highlights'] .image::after { content:" ";display:block;padding-bottom:58%;background-color:rgba(0,0,0,0.1); }
section[name='highlights'] .image.two { background:url(images/IMG_4440.jpg) center center no-repeat transparent;background-size:cover;  }
section[name='highlights'] .image.one { background:url(images/IMG_4095.jpg) center center no-repeat transparent;background-size:cover;  }
section[name='highlights'] .image.three { background:url(images/IMG_3923.jpg) center center no-repeat transparent;background-size:cover;  }
@media screen and (max-width: 1300px) {	
	section[name='highlights'] { margin:0 20px; }
}
@media screen and (max-width: 700px) {	
section[name='highlights'] .elem { width:100%; }

}



section[name='ueberDieFerienwohnung'] { padding-top:100px;padding-bottom:0px;color:#686d5d; }
section[name='ueberDieFerienwohnung'] .content { max-width:1300px;margin:0 auto; }
section[name='ueberDieFerienwohnung'] .content p { column-count:3;position:relative; }
section[name='ueberDieFerienwohnung'] .content h1 { text-align:center;color:#333b27;margin-top:0px;font-family: 'Amatic SC';font-size: 46px;margin-bottom: 0px;position:relative;padding-bottom:30px;margin-bottom:50px; }
section[name='ueberDieFerienwohnung'] .content h1::after { opacity: 0.2;content:" ";position:absolute;bottom:0px;height:2px;background-color:#333b27;max-width:900px;left:50%;transform:translateX(-50%);width:100%; }
section[name='ueberDieFerienwohnung'] .content h1::before { content:" ";width:60px;height:60px;background:url(images/sonne_small.svg) center center no-repeat #fffbf3;background-size:60%;position:absolute;left:50%;transform:translateX(-50%) translateY(50%);bottom:0px;z-index:1; } 
section[name='ueberDieFerienwohnung'] .grundriss { max-width: 600px;margin: 0 auto;width: 100%;   overflow: hidden;display: inline-block;}
section[name='ueberDieFerienwohnung'] .grundriss::after { content: " ";display: block;position: relative;padding-bottom: 57%;background: url(images/Grundriss.jpg) top center no-repeat transparent;background-size: 83% auto;transform: translateY(58px) rotate(-16deg);opacity: 0.6;}
section[name='ueberDieFerienwohnung'] .aligner { text-align:center;position:relative;margin-bottom: -6px; }
section[name='ueberDieFerienwohnung'] .aligner a { position:absolute;left:50%;top:65%;transform:translateY(-50%);z-index:2;white-space: nowrap; }
@media screen and (max-width: 1300px) {	
	section[name='ueberDieFerienwohnung'] { margin:0 20px; }
}
@media screen and (max-width: 800px) {	
	section[name='ueberDieFerienwohnung'] .content p { column-count:2; }
	section[name='ueberDieFerienwohnung'] .aligner a { transform:translateY(-50%) translateX(-50%);}
}
@media screen and (max-width: 500px) {	
section[name='ueberDieFerienwohnung'] .content p { column-count:1; }
}

section[name='GoettingenErleben'] { color:#686d5d;padding-top:0px;padding-bottom:100px;}
section[name='GoettingenErleben'] .contentWrap { position:relative;background:url(images/Leinetal_von_Göttingen_bis_Niedernjesa.jpg) center center no-repeat transparent;background-size:cover; }
section[name='GoettingenErleben'] .contentWrap::after { content:"Foto: Michael Gäbler";position:absolute;right:20px;bottom:20px;font-size:12px;background-color:rgba(0,0,0,0.2);padding:5px;border-radius:3px;color:#fff; }
section[name='GoettingenErleben'] .content h2 { color: #9e474e;margin-top: 0px;margin-bottom:var(--spacing);font-size: 30px;font-family: 'Amatic SC'; }
section[name='GoettingenErleben'] .content { max-width:calc(1300px * 0.5);text-align:left;box-sizing:border-box;margin-left:calc((100% - 1300px) * 0.5);padding-top:50px;}
section[name='GoettingenErleben'] .content p {padding-bottom:200px;color:#fff; }
section[name='GoettingenErleben'] .rows h5 { margin-top: 0px;margin-bottom:var(--spacing);font-size: 30px;font-family: 'Amatic SC';color: #333b27; }
section[name='GoettingenErleben'] .rows { flex-wrap:wrap;max-width:1300px;display:flex;margin:0 auto; padding-top:50px;}
section[name='GoettingenErleben'] .rows > div { width:25%;box-sizing:border-box;padding: 0px 10px; }
section[name='GoettingenErleben'] .rows ul { margin:0;padding:0;list-style:none;padding-bottom:20px;}
section[name='GoettingenErleben'] .rows ul li a { color:#9e474e;text-decoration:none; }
section[name='GoettingenErleben'] .content h4 { font-size: 30px;font-family: 'Amatic SC';margin-bottom:20px; }

@media screen and (max-width: 1300px) {	
	section[name="GoettingenErleben"] .rows { margin:0 10px;}
	section[name='GoettingenErleben'] .content { max-width:50%;margin-left:20px;}
}
@media screen and (max-width: 1000px) {	
	section[name='GoettingenErleben'] .rows > div { width:50%; }
}
@media screen and (max-width: 900px) {	
	section[name='GoettingenErleben'] .content { max-width:100%;margin:0 20px;}
}
@media screen and (max-width: 500px) {	
	section[name='GoettingenErleben'] .rows > div { width:100%; }
}

section[name='preise'] { display:flex;flex-wrap:wrap;align-items:stretch;background-color:#e2dccc;color: #686d5d; }
section[name='preise'] .left { width:50%;display:flex;align-items:flex-end;justify-content: end;align-items:stretch; }
section[name='preise'] .left > div { width:calc(1300px * 0.5);box-sizing:border-box;padding:50px;padding-left:0px;  }
section[name='preise'] .left h2 { color: #9e474e;margin-top: 0px;margin-bottom:var(--spacing);font-size: 30px;font-family: 'Amatic SC'; }
section[name='preise'] .right { display:flex;align-items:stretch;flex-wrap:wrap;width:50%; }
section[name='preise'] .right > div { width:50%;height:50%; }
section[name='preise'] .right > div:nth-child(1) { background:url(images/IMG_4476.jpg) center center no-repeat transparent;background-size:cover;  }
section[name='preise'] .right > div:nth-child(2) { background:url(images/IMG_4410.jpg) center center no-repeat transparent;background-size:cover;  }
section[name='preise'] .right > div:nth-child(3) { background:url(images/IMG_4420.jpg) center center no-repeat transparent;background-size:cover;  }
section[name='preise'] .right > div:nth-child(4) { background:url(images/IMG_4031.jpg) center center no-repeat transparent;background-size:cover;  }
@media screen and (max-width: 1300px) {	
	section[name="preise"] .left > div { padding:50px 20px; }
}
@media screen and (max-width: 1000px) {	
	section[name='preise'] .left { width:100%; }
	section[name='preise'] .right { width:100%; }
	section[name="preise"] .left > div { width:100%; }
	section[name="preise"] .right > div::after { content:" ";display:block;padding-bottom:50%;position:relative; }
}
@media screen and (max-width: 500px) {	
	section[name="preise"] { display:block; }
	section[name='preise'] .right > div { width:100%; }
}


section[name='rechtliches'] .content { color: #686d5d; max-width:1300px;margin:0 auto;padding:50px 20px;box-sizing:border-box; }
section[name='rechtliches'] .content h1 { font-family: 'Amatic SC';font-size:30px;margin-top:0px; }
section[name='rechtliches'] .content h1 { color: #333b27; }
section[name='rechtliches'] .content h2 { color: #9e474e; }

section[name='kontakt'] { background-color:#686d5d;color:#fcf5e3;padding-top:50px;padding-bottom:50px;background:url(images/bg.png) right  bottom no-repeat #686d5d;background-size:auto 100% ; }
section[name='kontakt'] .content { max-width:800px;margin:0 auto;text-align:center;padding:0 20px;box-sizing:border-box; }
section[name='kontakt'] .content h2 { font-family: 'Amatic SC';font-size:30px;margin-top:0px; }
section[name='kontakt'] .content p { color:#fcf5e3; }
section[name='footer'] { background-color:#2b3027;color:#686d5d; }
section[name='footer'] .content { padding:20px;max-width:800px;margin:0 auto;text-align:center; }
section[name='footer'] .content a { text-decoration:none;color:#686d5d;padding:0 20px; }


.price-list {background-color:rgba(0,0,0,0.05);padding:20px;margin-bottom:20px;}
.price-list h4 { margin-top:0px; }
.price-list ul {list-style:none;margin:0;padding:0px; }