@charset "utf-8";
/* CSS Document Insular */

/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/open-sans-v17-latin-300.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v17-latin-300.woff2') format('woff2'), url('fonts/open-sans-v17-latin-300.woff') format('woff'), url('fonts/open-sans-v17-latin-300.ttf') format('truetype'), url('fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg');
}
/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/open-sans-v17-latin-regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), url('fonts/open-sans-v17-latin-regular.woff') format('woff'), url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
}
/* open-sans-600 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/open-sans-v17-latin-600.eot');
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v17-latin-600.woff2') format('woff2'), url('fonts/open-sans-v17-latin-600.woff') format('woff'), url('fonts/open-sans-v17-latin-600.ttf') format('truetype'), url('fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg');
}
/* open-sans-700 - latin
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/open-sans-v17-latin-700.eot'); 
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'),  url('fonts/open-sans-v17-latin-700.woff2') format('woff2'),  url('fonts/open-sans-v17-latin-700.woff') format('woff'), url('fonts/open-sans-v17-latin-700.ttf') format('truetype'),  url('fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); 
}
*/
/*
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('fonts/open-sans-v17-latin-800.eot'); 
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v17-latin-800.woff2') format('woff2'),  url('fonts/open-sans-v17-latin-800.woff') format('woff'),  url('fonts/open-sans-v17-latin-800.ttf') format('truetype'),  url('fonts/open-sans-v17-latin-800.svg#OpenSans') format('svg'); 
}
*/
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
/*scroll-behavior: auto; Geht leider nicht passt nicht zum layout*/
}
}

html {
  scroll-behavior: smooth;
}
section {scroll-margin-top: 100px;}
body {
	font-family: 'Open Sans', Arial, sans-serif;
	background:#fff;
	font-weight:400;
	color:#000;
	padding:0;
	margin:0;
	font-size:1rem;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}
body#imprint-body {background:#dfdcd6}
h1, h2, h3, h4 {
	font-size:2.0625rem;
	font-weight:300;
	line-height: 1.18;
	color:#010101;
	margin:3.125rem auto 1.25rem;
	max-width:46.25rem;
	padding:0;
}
#pudelsand h2 {max-width:26.25rem;}
#ferien-domizil-25 h2 {max-width:30.25rem;}

#instagram a:hover {opacity:0.5}
p a {color:inherit}
p a:hover  {opacity:0.5}
#imprint {
	background:#dfdcd6
}
#imprint h1 {
	font-size:1.875rem;
}
#imprint h2 {
	font-size:1.625rem;
}
#imprint h3 {
	font-size:1.4375rem;
}
#imprint h4 {
	font-size:1.25rem;
}
#imprint a {
	color:#000;
}
#imprint a:hover {
	opacity:0.5
}
#imprint ul {
	list-style-type: circle;
	margin:0 auto;
	max-width:25rem;
	padding:0 2.5rem;
	font-size:0.9375rem;
	font-weight:300;
	line-height: 1.47
}
#imprint ul li {
	text-align:left;
}
p strong {
	font-weight:600
}
span.h3 {
	padding:0;
	margin:0;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.47
}
/*navigation*/
 #menu {
	position:fixed;
    z-index: 3999;
	top:0;
	width:100%;
	background:#dfdcd6
}
#menu .inner {
	padding:0.625rem 1.875rem;
}
#menu .inner ul {
	display: flex;
	justify-content: space-between;
	max-width:81.25rem;
	margin:0 auto;
}
#menu .inner li a {
	text-transform:uppercase;
	text-decoration:none;
	font-size:1.125rem;
	font-weight:300;
	color:#1b1a1a;
}
#menu .inner li.active a, #menu .inner li a:hover {
	opacity:0.5;
}
#menu-bar {
	background:#dfdcd6;
	position:fixed;
	top:-6.9375rem;
	left:0;
	width:100%;
	z-index:4000;
	transition: top 0.4s ease-in-out;
	box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
	display:none
}
#menu-bar a:hover {
	opacity:0.5
}
#menu-bar a:focus {
	opacity:1
}
#menu-bar.open {
	top:0;
}
#menu-bar .inner {
	padding:0.375rem 0.75rem;
	
}
#menu-opener {
	position:fixed;
	z-index:4001;
	right:1.875rem;
	top:2.4375rem;
	font-size:0.9375rem;
	display:none
}
#menu-burger {
	font-size: 3.125em; /*50 */
	width: 1em;
	height: 0.75em;
	position:relative;
	
	cursor: pointer;
}
#menu-burger span {
	display: block;
	position: absolute;
	height: 0.150em;
	width: 100%;
	background:#000;
	border-radius: 0.150em;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#menu-burger span:nth-child(1) {
	top: 0;
}
#menu-burger span:nth-child(2), #menu-burger span:nth-child(3) {
	top: 0.300em;
}
#menu-burger span:nth-child(4) {
	top: 0.600em;
}
#menu-burger.open span:nth-child(1) {
	top: 0.300em;
	width: 0%;
	left: 50%;
}
#menu-burger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu-burger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#menu-burger.open span:nth-child(4) {
	top: 0.300em;
	width: 0%;
	left: 50%;
}
section:focus {
	outline: none;
	outline-width:0;
}
section p, section#imprint p, section.job ul, .job-contact-options ul li {
	font-size:0.9375rem;
	font-weight:300;
	margin:1.25rem auto;
	line-height: 1.47;
	max-width:46.25rem;
}
section.start p {
	font-size:1.125rem;
	line-height: 1.67;
}
section.start p, section.start h1 {
	max-width:67.5rem;
}
section {
	text-align:center;
}
section#gutscheine {padding-top:4.375rem;}
#gutscheine-buchen {padding-top:1.875rem;}
section .inner {
	margin:5.625rem 1.875rem;
}
section#insular-jobs {margin:0 0 5.625rem;}
section#insular-jobs .inner {margin:5.625rem 1.875rem 0;}

section.start .inner {
	padding:5.625rem 1.875rem 0;
	margin:0
}
section#kontakt .inner {
	border-top:0.0625rem solid #979797;
	padding-top:4.375rem;
	margin-bottom:0
}
section#else .inner,  section#newsletter .inner, section#instagram .inner , section.job .inner, section#job-formular-section .inner , section#presse-formular-section .inner{
	border-top:0.0625rem solid #979797;
	padding-top:4.375rem;
}
section#newsletter .inner {border-bottom:0.0625rem solid #979797;padding-bottom:4.375rem;margin-bottom:2.375rem}


section .image-area {
	background:#e7e7e7;
	height:0;
	padding-bottom:36.6%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

section#bg-jobs .image-area {	
	padding-bottom:37.8%;	
}


#bg-vier-haeuser {
	background-image: url(../img/4H-2560.jpg);
}
#bg-ferien-domizil-25 {
	background-image: url(../img/FD25-2560.jpg);
}

#bg-pudelsand {
	background-image: url(../img/IA-2560.jpg);
}
#bg-inselhouse {
	background-image: url(../img/Inselhouse-2560.jpg);
}
#bg-jobs {
	background-image: url(../img/Jobs-2560.jpg);
}

#bg-freywind {
	background-image: url(../img/Freywind-2560.jpg);
}

section h1 {
	display:none;
}
section.start h1, section h1.show {
	margin:1.875rem auto 1.875rem;
	display:block;
}
section.start p:first-child {
	padding-top:0.625rem
}
ul {
	list-style-type: none;
}
ul.jump-links {
	list-style-type: none;
	font-size:1.125rem
}
ul.jump-links2 {margin-top:1.125rem}
ul.jump-links li {
	display:inline-block;
	margin:0 1.25rem;
	font-weight:300
}
ul.jump-links li:first-child {
	margin-left:0
}
ul.jump-links li:last-child {
	margin-right:0
}
ul.jump-links a {
	color:#000;
}
ul.jump-links a:hover {
	opacity:0.5
}
address {
	font-style: normal;
	width:16.25rem;
	margin:0 auto 3.75rem;
}
address#main-address {
	margin-top:6.25rem
}
address a {
	text-decoration:none;
	color:#000
}
address a:hover {
	opacity:0.5
}
address p {
	margin:0 auto 1.25rem
}
ul#addresses {
	padding-top:3.75rem;
	display:block;
}
ul#addresses li {
	display:inline-block;
	margin:0 4.375rem
}
/*ul#addresses li:first-child {
	margin-left:0
}
ul#addresses li:last-child {
	margin-right:0
}
*/
footer .inner {
	background: #dfdcd6;
	padding:6.25rem 1.875rem 5rem;
	text-align:center
}
footer a {
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
	font-weight:300;
	font-size:1.125rem
}
footer a:hover {
	opacity:0.5
}
footer ul li {
	margin-bottom:0.625rem
}
/* logos */
#logo-insular {
	width:186px;
	height:288;
	margin:0;
	
}
#menu-logo {width:4rem;
	height:6.188rem;
	margin:0;	
	display:block
	}
#logo-insular-helper {
	margin:2.5rem auto 3.125em
}
#logo-insular-footer {
	width:152px;
	height:235px;
	margin-bottom:3.75rem;
}

#logo-pudelsand {
	width:9.188rem;
	height:4.813rem
}
#logo-inselhouse {
	width:210px;
	height:33px
}
#logo-freywind {
	width:184px;
	height:44px
}

#logo-fd25 {
	width:8.4375rem;
	height:7.0625rem
}
#logo-vier-haeuser {
	width:5.5rem;
	height:7.4375rem
}
span.dot {
	width:0.4375rem;
	height:0.4375rem;
	background:#000;
	display:block;
	border-radius:50%;
	padding:0;
	margin:0 auto;
}
.btn {
	font-family: 'Open Sans';
	font-size: 1rem;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing: 0.0187rem;
	color:#000;
	text-decoration:none;
	line-height:2.375rem;
	display:block;
	margin:0 auto;
	box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.16);
	background: #d4d8d8;
	max-width:18.75rem;
	min-width:200px;
	border:none;
	outline:none
}
.btn:hover {
	background:#dfdcd6
}


#job-formular-hide, #presse-formular-hide {position:relative;overflow:hidden;top:0}
#after-submit {position: absolute;top:0;width:100%;display:none}
#after-submit.show {display:block}

#job-formular-hide #inner-hide, #presse-formular-hide #inner-hide {position: relative;top:0;}
#inner-hide.hide {left:-10000px}

#job-formular, #presse-formular {padding:0;margin:0}

/* newsletter */

#newsletter-success-message {display:none;margin-top: 5rem;
    font-weight: 400;}
	#newsletter-success-message strong {font-weight: 600;}

input[type=text], input[type=tel], input[type=email], input[type=number], textarea, select {
	background:#ffffff;
	box-shadow: inset 2px 2px 4px 0 #3f4d57;    
	border:none;   
    border-radius: 0;
    -webkit-appearance: none;    
}

select:invalid,
select option[value=""], select.error option[value=""] {
  color: #666 !important;
}


input.error, select.error  {
	background:#efeae0;
	box-shadow: inset 2px 2px 4px 0 #3f4d57;
	color:#000;
	font-weight: 400;
}
input[type=text], input[type=tel], input[type=email], input[type=number], textarea, select {
	border: none;
	outline:none;
	line-height:2em;
	height:2em;
	font-size: 1em;
	padding:0 0.5em;
	color:#000;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:300;
	width:100%;
	box-sizing: border-box;
}
input[type=text]:focus, textarea:focus, select:focus {
	/*box-shadow: -1px 0 0 1px #39454d, 0 -1px 0 1px #39454d, 1px 0 0 1px #39454d, inset 1px 1px 4px 0 rgba(0, 0, 0, 0.5);*/
box-shadow: inset 0px 0px 0px 2px #6D6D6D, inset 2px 2px 4px 0 #3f4d57;
 
}
input#form-number   {
	text-align:center;
	max-width:5.000em;
	margin:0 1.875em
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}
textarea {
	line-height:1.5em;
	padding:0.50em 0.5em;
	min-height:10em
}
button {
	cursor: pointer
}
::-webkit-input-placeholder {
 color: #666;
}

:-moz-placeholder { /* Firefox 18- */
 color: #666;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #666;
}

:-ms-input-placeholder {
 color: #666;
}
placeholder {
	color: #666;
}
.error::-webkit-input-placeholder {
 color:#666;
}
 .error:-moz-placeholder { /* Firefox 18- */
 color:#666;
}
 .error::-moz-placeholder {  /* Firefox 19+ */
 color:#666;
}
 .error:-ms-input-placeholder {
 color:#666;
}
form {
	padding:0;
	margin:0 1.875em;
	box-sizing: border-box;
}
form ol {
	list-style-type: none;
}
form#job-formular ol {
position: relative;
    top: -0.75rem;
}
form a {color:inherit}
form a:hover {}
form ol li {
	margin:0 auto;
	margin-top:40px;
	max-width:650px;
	box-sizing: border-box;
	position:relative;
}
form ol li input, form ol li textarea , form ol li select {
	position:relative;
	z-index:2
}
form ol li label {
	width:100%;
	display:block;
	color:#79878F;
	position:absolute;
	z-index:1;
	font-size:0.875em;
	line-height:1em;
	text-align:left;
	top:0em;
	left:0;
	transition: top 0.15s ease 0s;
}

#mc-embedded-subscribe-form label, #job-formular label, #presse-formular label {
	color:#79878F}
form ol li.hasvalue label {
	top:-1.5em;
}



form ol li label.alwaysshow, form ol li.hasvalue label.alwaysshow {
	position:relative;
	transition:none;
	color: #000 !important;
	font-size:1.250em; /*20px;*/
	top:0;
	font-weight:300;
	text-align:center;
	margin-bottom:1em
}



#mc-embedded-subscribe-form, #job-formular, #presse-formular {
	margin:0 auto;
	padding:0;
	position:relative;
}
#mc-embedded-subscribe-form ol li, #job-formular ol li, #presse-formular ol li {
	max-width:600px;
}
.newsletter-hide {
	display:none
}
.error-message {
	text-align:left;
	font-size:12px;
	padding:8px 10px;
	font-weight:600;
	color:#FFFFFF;
	position: relative;
	background:#79878F;
	z-index:20;
}
.error-message:after {
	bottom: 100%;
	left: 14px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color:rgba(0, 0, 0, 0);
	border-bottom-color:#79878F;
	border-width: 7px;
	margin-left: -7px;
}


.gdpr_block .error-message, #booking_gdpr_block .error-message {
	text-align:left;
	font-size:11px;
	padding:4px 0 0 35px;
	font-weight:600;
	color:#c02f4e;
	position: relative;
	background:transparent;
	z-index:20;
}
.gdpr_block .error-message:after, #booking_gdpr_block .error-message:after {
	display:none
}

.gdpr_block, #booking_gdpr_block {text-align:left;margin:10px auto 40px;position:relative}
#booking_gdpr_block {max-width:650px;}
.gdpr_block {max-width:600px}
.gdpr_block label, #booking_gdpr_block label {padding:0 0 0 35px;display:block;font-size:11px}
.gdpr_block input[type=checkbox], #booking_gdpr_block input[type=checkbox]{position:absolute;left:10px;top:5px;transform: scale(1.5);}

.mc-status {
	margin: 0;
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}


.jobs-menu ul {
list-style-type:none !important}
.jobs-menu ul li {margin:0 20px 16px;display:inline-block}

.job ul.list  {	
	/*max-width:400px;*/
	width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    width: fit-content;
	text-align:left;
	list-style-type: disc;
	margin:0 auto;
	padding:0;
	
}
.job ul.list li {margin-bottom:0.125rem}

#jobs .job:first-child .inner {padding-top:0;border:none}

/*.job ul.list {padding:0;margin:0 auto;}
.job ul.list li {
	text-align: center;
	list-style-position: inside;
	list-style-type: disc;
}

.job ul.list li span {position:relative;left:-0.25em}
*/
.job h3, .job-contact-options h3, .jobs-menu h3 {font-size:1.250rem; line-height:1.5rem !important;font-weight:600;margin-top:1.25rem}
.job-contact-options h3, .jobs-menu h3 {margin:2.75rem auto 1rem !important;line-height:1rem}
.job h4 {font-size:1rem;font-weight:600}
#vri-container-12580 {text-align:left;margin:2em auto 0;max-width:1000px}
html body .vsc-item-hotels .vsc-hotel-location {display:none !important}
.job-contact-options {}
.job-contact-options ul {display:flex;
justify-content: space-around;
list-style-type:none !important}
.job-contact-options ul li {width:180px}
.job-contact-options ul li span {width:40px;height:40px;margin:0 auto 0;padding-bottom:10px;display:block}
.job-contact-options ul li span.job-mail svg {margin-top:5px}
.job-contact-options ul li span.job-tel svg {margin-top:0px}
.job-contact-options ul li span.job-form svg {margin-top:0px}
.job-contact-options {max-width:600px;margin:0 auto}

.job-contact-options ul li strong {font-weight:300;}
.job-contact-options ul li em {
	text-decoration:underline;
	font-style: normal;
}
.job-contact-options ul li a {
	color:#000;text-decoration:none;display:block
}
.jobs-menu a {color:#000;display:block} 
.job-contact-options ul li a svg,
.job-contact-options ul li a em, .jobs-menu a  {transition:0.3s}
.job-contact-options ul li a:hover svg,
.job-contact-options ul li a:hover em, .jobs-menu a:hover  {opacity:0.5}

#badge-gutscheine {
    margin: 0px auto;
}

#badge-gutscheine {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #e8c775;
    display: block;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 1em 0px;
    object-fit: cover;
    transition: all 0.1s ease-in-out 0s;
}

#badge-gutscheine:hover {
    transform: rotate(5deg);
}

#badge-gutscheine:active {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 1em 0px;
}

#badge-gutscheine img {
    width: 150px;
    height: 150px;
}


 @media screen and (max-width:120rem) {
#bg-vier-haeuser {
	background-image: url(../img/4H-1920.jpg);
}
#bg-ferien-domizil-25 {
	background-image: url(../img/FD25-1920.jpg);
}
#bg-pudelsand {
	background-image: url(../img/IA-1920.jpg);
}
#bg-inselhouse {
	background-image: url(../img/Inselhouse-1920.jpg);
}
#bg-jobs {
	background-image: url(../img/Jobs-1920.jpg);
}
#bg-freywind {
	background-image: url(../img/Freywind-1920.jpg);
}
}
 @media screen and (max-width:105rem) {
#bg-vier-haeuser {
	background-image: url(../img/4H-1680.jpg);
}
#bg-ferien-domizil-25 {
	background-image: url(../img/FD25-1680.jpg);
}
#bg-pudelsand {
	background-image: url(../img/IA-1680.jpg);
}
#bg-inselhouse {
	background-image: url(../img/Inselhouse-1680.jpg);
}
#bg-jobs {
	background-image: url(../img/Jobs-1680.jpg);
}
#bg-freywind {
	background-image: url(../img/Freywind-1680.jpg);
}
}
 @media screen and (max-width:75rem) {
ul#addresses li {
	margin:0 3.125rem
}
#bg-vier-haeuser {
	background-image: url(../img/4H-1200.jpg);
}
#bg-ferien-domizil-25 {
	background-image: url(../img/FD25-1200.jpg);
}
#bg-pudelsand {
	background-image: url(../img/IA-1200.jpg);
}
#bg-inselhouse {
	background-image: url(../img/Inselhouse-1200.jpg);
}
#bg-jobs {
	background-image: url(../img/Jobs-1200.jpg);
}
#bg-freywind {
	background-image: url(../img/Freywind-1200.jpg);
}
}
 @media screen and (max-width:64rem) {
section .image-area, section#bg-jobs .image-area  {
	padding-bottom:66.6%;
}
#bg-vier-haeuser {
	background-image: url(../img/4H-1024.jpg);
}
#bg-ferien-domizil-25 {
	background-image: url(../img/FD25-1024.jpg);
}
#bg-pudelsand {
	background-image: url(../img/IA-1024.jpg);
}
#bg-inselhouse {
	background-image: url(../img/Inselhouse-1024.jpg);
}
#bg-jobs {
	background-image: url(../img/Jobs-1024.jpg);
}
#bg-freywind {
	background-image: url(../img/Freywind-1024.jpg);
}
}
 @media screen and (max-width:67.5rem) {
ul#addresses li {
	margin:0 1.5625rem
}
}
@media screen and (max-width:61.875rem) {
#menu-bar, #menu-opener {
	display:block
}
#menu {
	top:-545px;
	transition: top 0.7s ease-in-out;
}
#menu.open {
	top:6.9375rem
}
#menu .inner ul {
	display: block;
}
#menu .inner li:first-child {
	display:none
}
#menu .inner li a {
	display:block;
	box-shadow: inset 0 -0.0625rem 0 0 #c7cbcd;
	line-height:1.875rem;
	padding:1.875rem;
	
	line-height:1.5rem;
	padding:1.5rem;
	
	background:#eae8e5;
	text-align:center
}
#menu .inner {
	padding:0
}
#menu .inner li.active a {
	background:#eae8e5;
	opacity:1;
}
#menu .inner li a:hover {
	background:#fff !important;
	opacity:1 !important
}
ul#addresses li {
	margin:0
}
}
@media screen and (max-width:54.375rem) {
ul#addresses li {
	display:block;
}
address#main-address {
	margin-top:3.75rem
}
address p:last-child {
	line-height: 2.33;
}
ul#addresses {
	padding-top:0;
}
ul.jump-links li {
	display:block;
	margin:0 0 0.3125rem;
}

ul.jump-links2 {margin-top:0}


}


 @media screen and (max-width:2498px) {
 
 ul#addresses {margin:0 auto;max-width:1210px}
 }



 @media screen and (max-width:1700px) {
 
 ul#addresses {margin:0 auto;max-width:900px}
 }
 
  @media screen and (max-width:1000px) {
 
 ul#addresses {max-width:400px}
 }

 @media screen and (max-width:48rem) {
#bg-vier-haeuser {
	background-image: url(../img/4H-768.jpg);
}
#bg-ferien-domizil-25 {
	background-image: url(../img/FD25-768.jpg);
}
#bg-pudelsand {
	background-image: url(../img/IA-768.jpg);
}
#bg-inselhouse {
	background-image: url(../img/Inselhouse-768.jpg);
}
#bg-jobs {
	background-image: url(../img/Jobs-768.jpg);
}
#bg-freywind {
	background-image: url(../img/Freywind-768.jpg);
}


}

 @media screen and (max-width:38rem) {

.job-contact-options ul {display:block}
.job-contact-options ul li {display:inline-block}
}


 @media screen and (max-width:30rem) {
#logo-insular {
	width:121px;
	height:187px;
	
}

#logo-insular-helper {
	margin:1.875rem auto 2.5rem;
}
#bg-vier-haeuser {
	background-image: url(../img/4H-480.jpg);
}
#bg-ferien-domizil-25 {
	background-image: url(../img/FD25-480.jpg);
}
#bg-pudelsand {
	background-image: url(../img/IA-480.jpg);
}
#bg-inselhouse {
	background-image: url(../img/Inselhouse-480.jpg);
}

#bg-jobs {
	background-image: url(../img/Jobs-480.jpg);
}

#bg-freywind {
	background-image: url(../img/Freywind-480.jpg);
}

h2, h1 {font-size:1.75rem}


#logo-else {width:262px;height:70px}


}


section#presse-formular-section h5 {font-size:1rem;text-align:left;padding:0;margin:1rem auto 0.5rem;max-width:600px;font-weight:300}
