/* Relative CSS-Pfade zu Bildern und Schriften auf absolute Pfade geändert, damit sie auch auf der Subdomain https://buchen.insel-poel.de funktionieren. */

html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}

body {margin: 0}

article, aside, footer, header, nav, section {display: block}

h1 {font-size: 2em;margin: .67em 0}

figcaption, figure, main {display: block}

figure {margin: 1em 40px}

hr {box-sizing: content-box;height: 0;overflow: visible}

pre {font-family: monospace, monospace;font-size: 1em}

a {background-color: transparent;-webkit-text-decoration-skip: objects}

abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted}

b, strong {font-weight: inherit;font-weight: bolder}

code, kbd, samp {font-family: monospace, monospace;font-size: 1em}

dfn {font-style: italic}

mark {background-color: #ff0;color: #000}

small {font-size: 80%}

sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}

sub {bottom: -.25em}

sup {top: -.5em}

audio, video {display: inline-block}

audio:not([controls]) {display: none;height: 0}

img {border-style: none}

svg:not(:root) {overflow: hidden}

button, input, optgroup, select, textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0}

button, input {overflow: visible}

button, select {text-transform: none}

button, html [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: .35em .75em .625em}

legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal}

progress {display: inline-block;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-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none}

::-webkit-file-upload-button {-webkit-appearance: button;font: inherit}

details, menu {display: block}

summary {display: list-item}

canvas {display: inline-block}

template {display: none}

[hidden] {display: none}

@font-face {
    font-family: 'icons';
    font-weight: normal;
    font-style: normal;
    src: url('https://www.insel-poel.de/fonts/icons.woff2') format('woff2'), url('https://www.insel-poel.de/fonts/icons.woff') format('woff');
}

/* eb-garamond-regular - latin */
@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400;
    src: local('EB Garamond'), local('EBGaramond'),
    url('https://www.insel-poel.de/fonts/eb-garamond-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://www.insel-poel.de/fonts/eb-garamond-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pt-sans-regular - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'),
    url('https://www.insel-poel.de/fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://www.insel-poel.de/fonts/pt-sans-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pt-sans-700 - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'),
    url('https://www.insel-poel.de/fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://www.insel-poel.de/fonts/pt-sans-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body,
html {
    height: 100%;
}

body {
    font-family: "Myriad Pro", "PT Sans", Arial, Tahoma, Helvetica, sans-serif;
    line-height: 1.5;
}

* {
    box-sizing: border-box;
}

a {
    transition: color .3s ease, background .3s ease;
}

.desktop { display: none; }

.mobil { display: inline; }

.nowrap { white-space: nowrap; }

hr {
    height: 1px;
    border: 0;
    background: rgb(206, 206, 206);
    margin: 40px 0;
}

hr.larger {
    height: 3px;
}

th {
    text-align: left;
}

.btn {
    border-radius: 15px;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    color: rgb(255, 255, 255);
    padding: 6px 16px;
    font-size: 16px;
    border: 0;
}

a.btn { text-decoration: none; }

.btn-orange { background: linear-gradient(to bottom, rgba(249, 178, 0, 1) 0%, rgba(238, 127, 0, 1) 100%); }

.btn-blue { background: rgb(0, 68, 138); }

.btn-green { background: rgb(10, 139, 48); }

.btn-yellow { background: rgb(249, 178, 0); color: rgb(7, 138, 188); }

.btn-red { background: rgb(170, 49, 49); }

.btn-cyan { background: rgb(0, 152, 176); }

.btn-orange:hover { background: linear-gradient(to bottom, rgba(238, 127, 0, 1) 0%, rgba(249, 178, 0, 1) 100%); }

.icon::before {
    font-family: "icons", sans-serif;
    position: relative;
    font-size: 1em;
    line-height: 1;
    transform: rotate(0.001deg);
}

.icon-lg { font-size: 1.33333333em; }

.icon-2x { font-size: 2em; }

.icon-3x { font-size: 3em; }

.icon-4x { font-size: 4em; }

.icon-5x { font-size: 5em; }

.icon-fw { display: inline-block; width: 16px; text-align: center; }

.icon-menu::before { content: '\F0C9'; }

.icon-home::before { content: '\E803'; }

.icon-search::before { content: '\E802'; }

.icon-calendar::before { content: '\E800'; }

.icon-envelope::before { content: '\E804'; }

.icon-angle-double-down::before { content: '\F103'; }

.icon-marker::before { content: '\E808'; }

.icon-star::before { content: '\E801'; }

.icon-facebook::before { content: '\F308'; }

.icon-g-plus::before { content: '\F0D4'; }

.icon-whatsapp::before { content: '\F232'; }

.icon-plane::before { content: '\E805'; }

.icon-car::before { content: '\F1B9'; }

.icon-bus::before { content: '\F207'; }

.icon-ship::before { content: '\F21A'; }

.icon-train::before { content: '\F238'; }

.icon-pdf::before { content: '\F1C1'; }


/* Styling fuer placeholder-Attribute */
::-webkit-input-placeholder { font-style: italic; }

/* Webkit */
::-moz-placeholder { font-style: italic; }

/* FF18+ */
:-ms-input-placeholder { font-style: italic; }

/* IE10+ */
:-moz-placeholder { font-style: italic; }

/* FF18- */

#navigation::before {
    content: '';
    position: absolute;
    z-index: 25;
    left: 50%;
    display: inline-block;
    width: 127px;
    height: 46px;
    background: url(https://www.insel-poel.de/bilder/insel-poel-logo.png);
    transform: translate(-50%, -5px);
}

/* ### START: Allgmeine Regeln fuer Navigation ### */
.nav-mobil,
.nav-haupt,
.nav-top,
.nav-mobil ul,
.nav-haupt ul,
.nav-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgb(255, 255, 255);
}

.nav-mobil a,
.nav-haupt a,
.nav-top a {
    text-decoration: none;
    display: block;
}

.nav-haupt > li.active:not(.nav-top) {
    background: #f9b200;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

.nav-haupt,
.nav-suche {
    position: absolute;
    left: -100%;
    z-index: 1;
    width: 100%;
    transition: left 1s ease;
}

.nav-haupt .submenu {
    display: none;
}

.nav-haupt > li.active .submenu {
    display: block;
    background: rgb(255, 255, 255);
    margin: 10px -10px -10px -10px;
    padding: 0 20px 20px 20px;
    z-index: 20;
}

.nav-haupt .submenu > li > span {
    display: inline-block;
    margin: 20px 0 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .6);
    color: rgba(0, 0, 0, .6);
    font-size: 18px;
}

.submenu > li > ul li a {
    color: rgba(0, 0, 0, .6);
    font-weight: 400;
    padding: 5px 0;
}

.submenu > li > ul li.active a,
.submenu > li > ul li a:hover {
    color: #f9b200;
}

/* ### ENDE: Allgemeine Regeln fuer Navigation ### */

/* ### START: Regeln fuer Navigation 1. Ebene ### */
.nav-mobil {
    background: rgb(73, 77, 81);
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 14px;
}

.nav-mobil li {
    position: relative;
}

.nav-mobil li > a,
.nav-mobil li > span {
    padding: 10px 0;
    color: #ffffff;
    cursor: pointer;
    display: block;
}

.nav-mobil li:nth-child(2)::before {
    position: absolute;
    top: 9px;
    content: '|';
    color: rgba(255, 255, 255, .6);
}

.nav-mobil li:nth-child(2)::before { left: 0; }

.nav-mobil li:nth-child(2)::after { right: 0; }

/* ### ENDE: Regeln fuer Navigation in 1. Ebene ### */

/* ### START: Regeln fuer Haupt-Navigation in 2. Ebene aufgeklappt ### */
.nav-suche.open,
.nav-haupt.open {
    left: 0;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
    z-index: 20;
}

.nav-haupt {
    background: rgb(96, 101, 106);
}

.nav-haupt > li:not(.nav-top) {
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    transition: background .3s ease;
}

.nav-haupt > li:not(.nav-top):hover {
    background: #f9b200;
}

.nav-haupt > li:hover:not(.nav-top) {
    cursor: pointer;
}

.nav-haupt > li > a {
    color: #ffffff;
}

/* ### START: Regeln fuer 2. Navigation in 2. Ebene aufgeklappt ### */
.nav-top {
    background: rgb(73, 77, 81);
    text-align: right;
    padding: 10px;
    font-size: 14px;
}

.nav-top ul li {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.nav-top ul li::before {
    content: '-';
    position: absolute;
    left: -9px;
    color: rgba(255, 255, 255, .6);
}

.nav-top ul li:first-child::before {
    display: none;
}

.nav-top ul li a {
    color: rgba(255, 255, 255, .6);
    text-decoration: underline;
}

.nav-top ul li a:hover {
    color: rgb(255, 255, 255);
}

/* ### ENDE: Regeln fuer 2. Navigation in 2. Ebene aufgeklappt ### */
/* ### ENDE: Regeln fuer Haupt-Navigation in 2. Ebene aufgeklappt ### */

/* ### START: Regeln fuer Suchfeld in mobiler Ansicht ### */
.nav-suche {
    padding: 15px;
    color: rgb(255, 255, 255);
    background: rgb(96, 101, 106);
}

.nav-suche form {
    margin: 0;
}

/* ### ENDE: Regeln fuer Suchfeld in mobiler Ansicht ### */

#cookie {
    position: fixed;
    top: 15vh;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 1.4278;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
    margin: 0 5%;
    z-index: 2000;
    display: none;
}

#cookie a {
    color: rgb(255, 255, 255);
    font-size: inherit;
}

#cookie .ok {
    display: block;
    float: right;
    cursor: pointer;
    padding: 10px 15px;
    border: 1px solid rgb(255, 255, 255);
    line-height: 1;
    text-align: center;
    margin-top: 20px;
}

@media (min-width: 480px) {
    .nav-mobil {
        justify-content: space-around;
    }
}

@media (min-width: 1000px) {
    body {
        padding-top: 83px;
    }

    .desktop { display: inline; }

    .mobil { display: none; }

    #navigation::before {
        content: '';
        position: absolute;
        z-index: 25;
        left: auto;
        bottom: 0;
        display: inline-block;
        width: 127px;
        height: 46px;
        background: url(https://www.insel-poel.de/bilder/insel-poel-logo.png);
        transform: translateX(0) translateY(-5px);
    }

    /* ### START: Allgemeine Regeln fuer Navigation in Desktop-Ansicht ### */
    #navigation-wrapper {
        position: fixed;
        top: 0;
        z-index: 20;
        width: 100%;
        border-bottom: 3px solid #f9b200;
        background: rgb(96, 101, 106);
        box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    }

    #navigation {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        max-width: 1000px;
        margin: 0 auto;
    }

    .nav-mobil {
        display: none;
    }

    /* ### ENDE: Allgemeine Regeln fuer Navigation in Desktop-Ansicht ### */
    /* ### START: Regeln fuer Hauptnavigation in Desktop-Ansicht ### */
    .nav-haupt {
        position: static;
        margin: 7px 0 0 150px;
    }

    .nav-suche.open,
    .nav-haupt.open {
        box-shadow: none;
    }

    .nav-haupt > li:not(.nav-top) {
        border-bottom: 0;
        border-radius: 7px 7px 0 0;
        padding: 10px 15px;
        font-weight: 700;
    }

    .nav-haupt > li:not(.nav-top) {
        display: inline-block;
        margin-top: 40px;
    }

    .nav-haupt > li:not(.nav-top).active,
    .nav-haupt > li:not(.nav-top):hover {
        background: #f9b200;
        color: rgb(255, 255, 255);
        transition: all .3s ease;
    }

    .nav-haupt > li.start {
        padding: 0;
    }

    .nav-haupt > li.start > a {
        padding: 4px 15px 8px 15px;
    }

    .nav-haupt .submenu,
    .nav-haupt > li.active .submenu {
        position: absolute;
        left: 50%;
        top: -1000%;
        display: flex;
        justify-content: space-around;
        width: 1000px;
        margin-top: 10px;
        padding: 25px;
        background: rgb(255, 255, 255);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .35);
        border-top: 3px solid #f9b200;
        border-radius: 0 0 7px 7px;
        opacity: 0;
        transition: opacity .3s ease;
        transform: translateX(-50%);
    }

    .nav-haupt > li:hover .submenu {
        top: auto;
        opacity: 1;
        cursor: auto;
    }

    .nav-haupt .submenu > li > span {
        margin-top: 0;
    }

    .nav-haupt .submenu > li > ul.columns-2 {
        column-count: 2;
    }

    .nav-haupt .submenu > li > ul > * {
        break-inside: avoid;
    }

    .nav-haupt .submenu > li > ul.columns-3 {
        column-count: 3;
    }

    /* ### START: Regeln fuer obere Navigation in Desktop-Ansicht ### */
    .nav-top {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 0;
    }

    #navigation .nav-top ul {
        margin: 0 auto;
        max-width: 1000px;
        font-weight: 400;
    }

    /* ### ENDE: Regeln fuer obere Navigation in Desktop-Ansicht ### */
    /* ### ENDE: Regeln fuer Hauptnavigation in Desktop-Ansicht ### */
    /* ### START: Regeln fuer Suchleiste in Navigation ### */
    .nav-suche {
        position: static;
        width: auto;
        padding: 0;
        background: none;
        white-space: nowrap;
    }

    .nav-suche form {
        position: relative;
        top: 17px;
    }

    .nav-suche input {
        min-width: 220px;
    }

    /* ### ENDE: Regeln fuer Suchleiste in Navigation ### */
    #cookie {
        margin: 0 20%;
    }
}

.sponsored {
    color: gray;
    font-size: 10px;
    line-height: 10px;
    user-select: none;
    pointer-events: none;
    padding: 2px 6px;
    border: 1px solid lightgray;
}

.sponsored-after-hr {
    float: right;
    margin-top: -40px;
    border-top: 0;
}

main#inhalt > .sponsored {
    float: right;
    margin-bottom: 15px;
}

.clearfix {
    clear: both;
}