/* raleway-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: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/raleway-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - 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: 'Raleway';
    font-style: italic;
    font-weight: 300;
    src: url('../Fonts/raleway-v34-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: url('../Fonts/raleway-v34-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - 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: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - 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: 'Raleway';
    font-style: italic;
    font-weight: 500;
    src: url('../Fonts/raleway-v34-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - 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: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - 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: 'Raleway';
    font-style: italic;
    font-weight: 700;
    src: url('../Fonts/raleway-v34-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: 'Raleway';
    font-style: normal;
    font-weight: 800;
    src: url('../Fonts/raleway-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800italic - 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: 'Raleway';
    font-style: italic;
    font-weight: 800;
    src: url('../Fonts/raleway-v34-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-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: 'Asap';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/asap-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-700 - 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: 'Asap';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/asap-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #000000;
    line-height: 1.44444;
    padding-top: 88px;
}

body[data-pageid="815"] {
    padding-top: 0 !important;
}

a {
    color: #3D738C;
    font-weight: normal;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #3D738C;
    text-decoration: underline;
}

a.download-link:before {
    content: "";
    display: inline-block;
    float: left;
    background: url(../Icons/icon-download.svg) no-repeat center center;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

a.download-link:hover:before,
a.download-link:active:before,
a.download-link:focus:before {
    content: "";
    display: inline-block;
    float: left;
    background: url(../Icons/icon-download-hover.svg) no-repeat center center;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

/*Button*/
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    background: #3D738C;
    color: #fff;
    border: 0;
    outline: 0 !important;
    border-radius: 50px;
    box-shadow: none;
    padding: 15px 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-transform: none;
    text-decoration: none !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    background: #93BCCA;
    border: 0;
    color: #FFF;
}

a.download-link {
    text-align: left !important;
}

@media (max-width: 575px) {
    .btn.btn-primary {
        font-size: 14px !important;
    }

    a.download-link:before {
        width: 20px;
        height: 20px;
    }

    a.download-link:hover:before,
    a.download-link:active:before,
    a.download-link:focus:before {
        width: 20px;
        height: 20px;
    }
}

/*Text*/
.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white a,
.text-white a:hover,
.text-white a:active,
.text-white a:focus {
    color: #FFF;
}

.text-light {
    font-wight: 300;
}

.text-mediumbold {
    font-weight: 500;
}

.text-bold {
    font-weight: bold;
}

.text-extrabold {
    font-weight: 800;
}

/*Container*/
.container-slider > .row,
.container-slider > .row > .col-md-12 {
    position: relative;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/*Hintergründe*/
.background {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.background.bg-darkblue {
    background-color: #54738C;
}

.background.bg-blue {
    background-color: #AAC6D0;
}

.background.bg-lightblue {
    background-color: #C9E2E8;
}

.background.bg-linen {
    background-color: #F8F0E7;
}

/*Header*/
h1 {
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

p.page-subheader {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 0;
}

h1.legal-header {
    color: #000000;
    font-size: 40px;
    line-height: 47px;
    margin-top: 0;
    margin-bottom: 35px;
}

h2, h3 {
    color: #000000;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 25px;
}

#impressum-datenschutz h2 {
    font-size: 22px;
    line-height: 1.5;
    margin-top: 40px;
    margin-bottom: 25px;
}

#impressum-datenschutz h3,
#impressum-datenschutz h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

#impressum-datenschutz h4 {
    font-size: 18px;
}

/*Logo*/

.navbar-brand {
    padding-left: 15px;
}

.navbar-brand-image {
    display: block;
    position: relative;
    width: auto;
    height: 50px;
}

@media (max-width: 360px) {
    .navbar-brand-image {
        height: 40px;
    }
}

/*Navigation*/

#navbar {
    height: 88px;
    padding: 10px 0;
    background: #FFF !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#navbar > .container {
    max-height: 100%;
    padding-left: 0;
    padding-right: 0;
}

.navbar-toggler {
    border: 0;
    outline: 0 !important;
    position: relative;
    z-index: 1050;
}

.toggler-icon-box {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 24px;
}

.toggler-icon {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s;
    display: block;
}

.toggler-icon,
.toggler-icon:before,
.toggler-icon:after {
    position: absolute;
    width: 35px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 2px;
    background-color: #2949B2;
}

.toggler-icon:after,
.toggler-icon:before {
    display: block;
    content: "";
}

.toggler-icon:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    top: -10px;
}

.toggler-icon:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
    bottom: -10px;
}

.navbar-toggler[aria-expanded="true"] .toggler-icon {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .toggler-icon:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transform: rotate(-90deg);
}

.navbar-toggler[aria-expanded="true"] .toggler-icon:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    opacity: 0;
}

#mainmenu {
    z-index: 2;
    background: #FFF;
}

#mainmenu.show {
    height: calc(100vh - 80px);
    overflow: auto;
}

#mainmenu .navbar-nav {
    min-height: calc(100vh - 180px);
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 35px;
}

.navbar-nav {
    flex-direction: row;
}

.navbar-light .navbar-nav .nav-link {
    padding: 5px 15px;
    font-size: 21px;
    font-weight: bold;
    color: #000;
}

@media (max-width: 360px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 18px;
    }
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #3D738C;
    font-weight: bold;
    text-decoration: none;
}

.bg-light {
    background-color: transparent !important;
}

#scroll-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 50px;
    height: 50px;
    z-index: 1000;
}

a#to-top {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url(../Icons/arrow-left-blue.svg) no-repeat center center;
    background-color: transparent;
    background-size: cover;
    box-shadow: -10px 6px 26px rgba(0, 0, 0, .16);
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

/*Page Header*/
#page-header {
    background-position: center center;
    background-repeat: no-repeat;
}

body[data-pageid="815"] #page-header,
body[data-pageid="816"] #page-header {
    min-height: 634px;
}

body[data-pageid="817"] #page-header {
    min-height: 375px;
}

#page-header-box {
    position: relative;
    display: block;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    padding: 15px 20px;
}

body[data-pageid="815"] #page-header-box,
body[data-pageid="816"] #page-header-box,
body[data-pageid="817"] #page-header-box {
    width: 270px;
    height: 98px;
    margin-top: 150px;
    margin-left: 30px;
}

body[data-pageid="816"] #page-header-box {
    padding: 10px 20px;
}

body[data-pageid="817"] #page-header-box {
    padding: 20px 20px;
    margin-top: 100px;
}

#page-header-tile-1,
#page-header-tile-2,
#page-header-tile-3 {
    position: absolute;
    display: block;
    top: 0;
    right: -32.66667px;
    height: 32.66667px;
    width: 32.66667px;
}

#page-header-tile-1 {
    background: url(../Icons/klosterlohhof_zierkachel_03.svg) no-repeat center center;
    background-size: cover;
}

#page-header-tile-2 {
    background: url(../Icons/klosterlohhof_zierkachel_05.svg) no-repeat center center;
    background-size: cover;
    top: 32.66667px;
}

#page-header-tile-3 {
    background: url(../Icons/klosterlohhof_zierkachel_04.svg) no-repeat center center;
    background-size: cover;
    top: 65.33333px;
}

/*Home Menu*/
#home-menu {
    height: 90px;
    padding-top: 30px;
}

a.home-nav-link {
    display: inline-block;
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    color: #000;
}

#home-nav-hofladen {
    padding-left: 15px;
}

#home-nav-kloster {
    text-align: right;
    padding-right: 15px;
}

#home-nav-hofladen a:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 32px;
    margin-left: 10px;
    background: url(../Icons/arrow-right-black.svg) no-repeat center center;
}

#home-nav-kloster a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 32px;
    right: 120px;
    margin-right: 10px;
    background: url(../Icons/arrow-left-black.svg) no-repeat center center;
}

/*Kloster Zeittafel Slider*/
#zeittafel-slider .sp-slides {
    padding-top: 60px;
}

#zeittafel-slider .sp-layer {
    padding: 15px;
    padding-top: 45px;
    font-size: 17px;
    border-top: 3px dotted #54738C;
}

h3.zeittafel-title {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 15px;
}

#zeittafel-slider .zeittafel-kachel {
    display: block;
    position: absolute;
    top: -30px;
    left: 15px;
    width: 60px;
    height: 60px;
    background: url(../Icons/klosterlohhof_zierkachel_01.svg) no-repeat center center;
}

#zeittafel-slider .sp-slide:nth-child(3n+2) .zeittafel-kachel {
    background: url(../Icons/klosterlohhof_zierkachel_02.svg) no-repeat center center;
}

#zeittafel-slider .sp-slide:nth-child(3n) .zeittafel-kachel {
    background: url(../Icons/klosterlohhof_zierkachel_03.svg) no-repeat center center;
}

#zeittafel-slider .sp-arrows {
    width: 100%;
    right: 0;
    left: auto;
    top: 105%;
    opacity: 1;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
}

#zeittafel-slider .sp-arrow {
    width: 60px;
    height: 60px;
}

#zeittafel-slider .sp-arrow.sp-previous-arrow {
    background: url(../Icons/arrow-left-blue.svg) no-repeat center center;
    left: calc(50% - 80px);
}

#zeittafel-slider .sp-arrow.sp-previous-arrow:hover,
#zeittafel-slider .sp-arrow.sp-previous-arrow:active {
    background: url(../Icons/arrow-left-blue.svg) no-repeat center center;
    transform: scale(1.03);
    transition: transform .2s;
    -webkit-transform: scale(1.03);
    -webkit-transition: transform .2s;
}

#zeittafel-slider .sp-arrow.sp-next-arrow {
    transform: none;
    background: url(../Icons/arrow-right-blue.svg) no-repeat center center;
    right: calc(50% - 80px);
}

#zeittafel-slider .sp-arrow.sp-next-arrow:hover,
#zeittafel-slider .sp-arrow.sp-next-arrow:active {
    background: url(../Icons/arrow-right-blue.svg) no-repeat center center;
    transform: scale(1.03);
    transition: transform .2s;
    -webkit-transform: scale(1.03);
    -webkit-transition: transform .2s;
}

#zeittafel-slider .sp-arrow:before,
#zeittafel-slider .sp-arrow:after {
    display: none;
}

/*Kloster Lageplan*/

.legende-text {
    font-size: 17px;
    line-height: 26px;
}

.legende-number {
    display: inline-block;
    margin-right: 10px;
    background: #515359;
    font-family: 'Asap', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    width: 26px;
    height: 26px;
    color: #FFF;
    border-radius: 20px;
}

#legende-3278 .legende-number {
    background: transparent;
    border-radius: 0;
    color: #515359;
    font-weight: normal;
    height: 20px;
    line-height: 12px;
    vertical-align: middle;
}

/*Räume Slider*/
.raeume-slider-wrapper {
    background-color: #AAC6D0;
    padding: 45px;
}

#raeume-slider .sp-image {
    margin-left: auto;
    max-width: 100%;
}

#raeume-slider .sp-layer {
    padding-right: 30px;
    font-size: 14px;
}

#raeume-slider .sp-arrows {
    width: 100%;
    right: 0;
    left: auto;
    top: 115%;
    opacity: 1;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
}

@media (max-width: 575px) {
    #raeume-slider .sp-layer {
        padding-right: 0;
        padding-top: 87vw;
    }

    #raeume-slider .sp-arrows {
        top: 110%;
    }
}

#raeume-slider .sp-arrow {
    width: 60px;
    height: 60px;
}

#raeume-slider .sp-arrow.sp-previous-arrow {
    background: url(../Icons/arrow-left-blue.svg) no-repeat center center;
    left: calc(50% - 80px);
}

#raeume-slider .sp-arrow.sp-previous-arrow:hover,
#raeume-slider .sp-arrow.sp-previous-arrow:active {
    background: url(../Icons/arrow-left-blue.svg) no-repeat center center;
    transform: scale(1.03);
    transition: transform .2s;
    -webkit-transform: scale(1.03);
    -webkit-transition: transform .2s;
}

#raeume-slider .sp-arrow.sp-next-arrow {
    transform: none;
    background: url(../Icons/arrow-right-blue.svg) no-repeat center center;
    right: calc(50% - 80px);
}

#raeume-slider .sp-arrow.sp-next-arrow:hover,
#raeume-slider .sp-arrow.sp-next-arrow:active {
    background: url(../Icons/arrow-right-blue.svg) no-repeat center center;
    transform: scale(1.03);
    transition: transform .2s;
    -webkit-transform: scale(1.03);
    -webkit-transition: transform .2s;
}

#raeume-slider .sp-arrow:before,
#raeume-slider .sp-arrow:after {
    display: none;
}

/*Virtueller Rundgang*/
iframe#virtueller-rundgang {
    position: relative;
    display: block;
    width: 350px;
    height: 262.5px;
    border: 0;
    margin: auto;
    overflow: hidden;
}

/*Veranstaltungen*/

.lohhof-event,
.lohhof-oeffnungszeiten {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

.event-info,
.oeffnungszeiten-info {
    display: block;
    position: relative;
    width: 100%;
    background-color: #FFF;
    padding: 25px 20px;
    font-size: 18px;
}

.event-date {
    font-weight: bold;
}

.event-image,
.oeffnungszeiten-image {
    max-height: 246px;
    background-color: #FFF;
    overflow: hidden;
}

@media (max-width: 767px) {
    img.img-event,
    img.img-oeffnungszeiten {
        width: 100%;
        height: auto
    }
}

h3.oeffnungszeiten-title,
h3.event-title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 20px;
}

/*Kontakt*/
#kontakt a {
    color: #000;
}

/*Form*/
.form-group .control-label {
    display: none;
}

.form-group .control-label[for="lohhof-Kontaktformular-3314-einrichtung"] {
    display: block;
    font-weight: bold;
    font-size: 16px;
}

form div.clearfix h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: .5rem;
}

.form-control {
    height: 45px;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    color: #000;
    transition: none;
    font-size: 14px;
    padding: .5rem 1rem;
}

.form-control:focus {
    background-color: #fff;
    border: 0;
    color: #000;
    outline: 0;
    box-shadow: none;
}

.form-check {
    padding-left: 0;
}

.form-check-label {
    font-size: 15px;
    color: #000;
}

form .clearfix p {
    margin-top: 15px;
    font-size: 15px;
    color: #000;
}

.form-check a {
    text-decoration: underline;
    font-weight: bold
}

input[type="checkbox"] {
    margin-right: 10px;
}

input[type="checkbox"].error + span,
input[type="checkbox"].error + span a {
    color: #E73339;
}

.input.checkbox .error.help-block {
    display: none;
}

textarea {
    min-height: 150px;
}

span.required {
    color: #E73339;
}

span.error {
    font-size: 14px;
    color: #E73339;
    line-height: 1.0;
}

.form-navigation {
    padding-top: 40px;
}

.form-navigation .btn-toolbar {
    justify-content: center;
}

h2.confirmation-message-header {
    color: #000;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 35px;
}

p.confirmation-message-body {
    text-align: center;
    font-size: 22px;
    margin-bottom: 35px;
    color: #000;
}

/*Modal*/
.modal-backdrop.show {
    opacity: .5;
}

.modal-content {
    border-radius: 0;
    border: 3px solid #000;
    background-clip: border-box;
}

.modal-header {
    border: 0;
}

.modal-body {
    font-size: 18px;
}

.modal-title {
    color: #1F3240;
    margin: 0;
    font-size: 26px;
}

.modal-body h2 {
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: left;
}

.modal-body h3 {
    text-align: left;
}

.modal-header .close {
    color: #3D738C;
    opacity: 1;
    font-size: 32px;
    padding: 10px 15px;
}

.modal-body .spinner-border.spinner-modal {
    width: 50px;
    height: 50px;
}

#impressum-datenschutz {
    color: #000;
    font-size: 18px;
}

/*Footer*/

footer {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
    background: #000;
    color: #FFF;
    font-size: 18px;
}

footer a {
    color: #FFF !important;
    font-weight: normal;
}

footer .copyright {
    margin-top: 30px;
    font-size: 16px;
}

footer .sitemap ul {
    list-style: none;
    padding: 0;
    margin-top: 50px;
}

footer .sitemap ul li {
    display: block;
}

@media (min-width: 576px) {
    h3.oeffnungszeiten-title,
    h3.event-title {
        min-height: 50px;
    }

    /*Hofladen Produkte*/
    .bild-hofladen-0,
    .bild-hofladen-2 {
        margin-top: 65px;
    }

    /*Kloster Gutshof*/
    #gutshof-bild-0,
    #gutshof-bild-2 {
        margin-top: 65px;
    }

    #raeume-slider .sp-layer {
        font-size: 15px;
    }

    #raeume-slider .sp-image {
        margin-left: auto;
        max-width: 33.33333%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #navbar > .container {
        max-width: none;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-brand {
        margin-left: 15px;
    }
}

@media (min-width: 768px) {
    body {
        font-size: 20px;
    }

    /*Navbar*/
    body[data-pageid="815"] .navbar-brand-image {
        width: 200px;
        height: auto;
    }

    /*Header*/
    h1 {
        font-size: 50px;
        line-height: 58px;
    }

    h2, h3 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 30px;
    }

    p.page-subheader {
        font-size: 32px;
        line-height: 38px;
    }

    /*Page Header*/
    #page-header-box {
        padding: 30px 25px;
    }

    body[data-pageid="815"] #page-header-box,
    body[data-pageid="816"] #page-header-box {
        width: 460px;
        height: 168px;
    }

    body[data-pageid="816"] #page-header-box {
        width: 500px;
        padding: 15px 25px;
    }

    body[data-pageid="817"] #page-header-box {
        width: 400px;
        height: 168px;
        padding: 35px;
        margin-top: 50px;
    }

    #page-header-tile-1,
    #page-header-tile-2,
    #page-header-tile-3 {
        right: -56px;
        height: 56px;
        width: 56px;
    }

    #page-header-tile-2 {
        top: 56px;
    }

    #page-header-tile-3 {
        top: 112px;
    }

    /*Räume Slider*/
    #raeume-slider .sp-arrows {
        top: 115%;
    }

    #raeume-slider .sp-layer {
        font-size: 16px;
    }

    /*Virtueller Rundgang*/
    iframe#virtueller-rundgang {
        width: 100%;
        height: 427.5px;
    }

    /*Hofladen Wie Wir arbeiten*/
    img.img-wie-wir-arbeiten {
        width: 100%;
        height: auto;
    }

    footer {
        font-size: 20px;
    }
}