a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
margin: 0;
padding: 0;
outline: 0;
border: 0;
vertical-align: baseline;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
:focus {
outline: 0;
}
body {
background: #fff;
color: #000;
}
ol,
ul {
list-style: none;
}
table {
border-spacing: 0;
border-collapse: separate;
}
caption,
td,
th {
text-align: left;
font-weight: 400;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
blockquote,
q {
quotes: "" "";
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none;
}
}
.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
}
.bx-wrapper img {
display: block;
max-width: 100%;
}
.bxslider {
margin: 0;
padding: 0;
}
.bx-viewport {
-webkit-transform: translatez(0);
}
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
position: absolute;
bottom: -30px;
width: 100%;
}
.bx-wrapper .bx-loading {
position: absolute;
top: 0;
left: 0;
z-index: 2000;
min-height: 50px;
width: 100%;
height: 100%;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/transparent.gif) center center no-repeat #fff;
}
.bx-wrapper .bx-pager {
padding-top: 20px;
color: #666;
text-align: center;
font-weight: 700;
font-size: 0.85em;
font-family: Arial, Helvetica, sans-serif;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
display: block;
margin: 0 5px;
width: 10px;
height: 10px;
outline: 0;
border-radius: 5px;
background: #666;
text-indent: -9999px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #000;
}
.bx-wrapper .bx-prev {
left: 10px;
}
.bx-wrapper .bx-next {
right: 10px;
}
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
z-index: 9999;
margin-top: -16px;
width: 32px;
height: 32px;
outline: 0;
text-indent: -9999px;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
width: 10px;
height: 11px;
outline: 0;
text-indent: -9999px;
}
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
width: 9px;
height: 11px;
outline: 0;
text-indent: -9999px;
}
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
width: 80%;
text-align: left;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
}
.bx-wrapper .bx-caption span {
display: block;
padding: 10px;
color: #fff;
font-size: 0.85em;
font-family: Arial, Helvetica, sans-serif;
}
.class {
-webkit-font-feature-settings: "ff-seria-sans-web-pro", "onum";
font-feature-settings: "ff-seria-sans-web-pro", "onum";
-ms-font-feature-settings: "ff-seria-sans-web-pro", "onum";
}
.bold {
font-weight: 700;
}
.regular {
font-weight: 400;
}
strong {
font-weight: 700;
}
.caps {
font-variant-caps: small-caps;
-webkit-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
font-feature-settings: "ff-seria-sans-web-pro", "smcp";
-ms-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
}
em,
i {
font-variant-caps: small-caps;
-webkit-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
font-feature-settings: "ff-seria-sans-web-pro", "smcp";
-ms-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
text-transform: uppercase;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 20px !important;
}
@media only screen and (max-width: 1199px) {
em,
i {
font-size: 14px;
line-height: 15px !important;
}
}
@media only screen and (max-width: 767px) {
em,
i {
font-size: 13px;
line-height: 13px !important;
}
}
.fontSizeMenu {
font-size: 18px;
line-height: 30px;
}
.fontSizeRegel {
font-size: 31px;
line-height: 35px;
}
.fontSizeRotNachRegelHeadline {
font-size: 45px;
line-height: 46px;
}
.fontSizeRotNachRegel {
font-size: 39px;
line-height: 46px;
}
.fontSizeTextblockPicHome {
font-size: 27px;
line-height: 31px;
}
.fontSizeTextblockPic {
font-size: 24px;
line-height: 29px;
}
.fontSizeContact {
font-size: 24px;
line-height: 29px;
}
.fontSizeTextblockQuelle {
font-size: 15px;
line-height: 31px;
}
.fontSizeTeaserBox {
font-size: 20px;
line-height: 22px;
}
.fontSizeFooterNavi {
font-size: 20px;
line-height: 22px;
}
.fontSizeSubFooter {
font-size: 20px;
line-height: 22px;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.blackTextOnGrey {
background: #f4f3f1;
color: #000;
}
::-moz-selection {
background: #ef411d;
color: #fff;
}
::selection {
background: #ef411d;
color: #fff;
}
.onumseria {
font-family: ff-seria-sans-web-pro, "Avenir Next Condensed", "arial narrow",
helvetica, sans-serif;
-ms-font-feature-settings: "onum" 1;
-webkit-font-feature-settings: "onum" 1;
font-feature-settings: "onum" 1;
-moz-font-variant-numeric: oldstyle-nums;
-ms-font-variant-numeric: oldstyle-nums;
-webkit-font-variant-numeric: oldstyle-nums;
font-variant-numeric: oldstyle-nums;
-moz-font-variant: oldstyle-nums;
-ms-font-variant: oldstyle-nums;
-webkit-font-variant: oldstyle-nums;
font-variant: oldstyle-nums;
}
.cd-select {
border: 1px solid #ddd;
}
.cd-dropdown > span {
font-size: 18px;
line-height: 30px;
position: relative;
display: block;
padding: 18px 0;
width: 100%;
background: #ef411d;
color: #fff;
text-indent: 18px;
line-height: 18px;
cursor: pointer;
}
.cd-dropdown > span:after {
position: absolute;
top: 4px;
right: 0;
padding: 18px;
width: 18px;
height: 10.8px;
border-left: 1px solid #ddd;
content: "\25BC";
text-align: center;
font-size: 14.4px;
line-height: 18px;
display: block;
text-indent: 0;
z-index: 3;
background: #ef411d;
}
.cd-dropdown.cd-active > span:after {
content: "\25B2";
}
.cd-dropdown ul {
position: relative;
display: block;
margin: 0 !important;
padding: 0;
list-style-type: none;
}
.cd-dropdown ul li {
display: block;
width: 100% !important;
}
.cd-dropdown ul li span {
display: block;
padding: 18px 0;
text-indent: 18px;
width: 100%;
background: #fff;
color: #000;
font-size: 18px;
line-height: 18px;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media only screen and (max-width: 767px) {
.cd-dropdown > span {
font-size: 12px;
position: relative;
display: block;
padding: 6px 0;
width: 100%;
background: #ef411d;
color: #fff;
text-indent: 12px;
line-height: 12px;
cursor: pointer;
}
.cd-dropdown > span:after {
position: absolute;
top: 4px;
right: 0;
padding: 5px;
width: 12px;
height: 7.2px;
border-left: 1px solid #ddd;
content: "\25BC";
text-align: center;
font-size: 12px;
line-height: 12px;
display: block;
text-indent: 0;
}
.cd-dropdown.cd-active > span:after {
content: "\25B2";
}
.cd-dropdown ul {
position: relative;
display: block;
margin: 0 !important;
padding: 0;
list-style-type: none;
margin-top: -5px !important;
}
.cd-dropdown ul li {
display: block;
width: 100% !important;
}
.cd-dropdown ul li span {
display: block;
padding: 7.8px 0;
text-indent: 12px;
width: 100%;
background: #fff;
color: #000;
font-size: 12px;
line-height: 12px;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
}
.cd-dropdown {
-webkit-perspective: 800px;
perspective: 800px;
}
.cd-dropdown > span {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.cd-dropdown > span:active {
-webkit-transform: rotateX(60deg);
transform: rotateX(60deg);
}
.cd-dropdown ul li:nth-last-child(-n + 3) span,
.cd-dropdown > span {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.cd-dropdown ul {
position: absolute;
top: 0;
width: 100%;
}
.cd-dropdown ul li {
position: absolute;
width: 100%;
}
.cd-active.cd-dropdown > span {
color: #fff;
}
.cd-active.cd-dropdown ul li span,
.cd-active.cd-dropdown > span {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.cd-active.cd-dropdown ul li span {
transition: all 0.2s linear 0s;
}
.cd-active.cd-dropdown ul li span:hover {
background: #ef411d;
color: #fff;
}
.ipadFliestext {
font-size: 22px;
line-height: 26px;
}
.iphoneFliestext {
font-size: 22px;
line-height: 26px;
}
.iphoneHeadlines {
font-size: 20px;
line-height: 25px;
}
.iphoneDefaultText,
.iphoneOnRed {
font-size: 16px;
line-height: 17px;
}
body,
input,
textarea {
font-family: ff-seria-sans-web-pro, "Avenir Next Condensed", "arial narrow",
helvetica, sans-serif;
-ms-font-feature-settings: "onum" 1;
-webkit-font-feature-settings: "onum" 1;
font-feature-settings: "onum" 1;
-moz-font-variant-numeric: oldstyle-nums;
-ms-font-variant-numeric: oldstyle-nums;
-webkit-font-variant-numeric: oldstyle-nums;
font-variant-numeric: oldstyle-nums;
-moz-font-variant: oldstyle-nums;
-ms-font-variant: oldstyle-nums;
-webkit-font-variant: oldstyle-nums;
font-variant: oldstyle-nums;
background: #f4f3f1;
color: #000;
}
body,
html {
width: 100%;
position: relative;
}
a {
text-decoration: none;
color: #000;
}
p {
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
h1,
h2 {
font-weight: 700;
}
::-moz-selection {
background: #ef411d;
color: #fff;
}
::selection {
background: #ef411d;
color: #fff;
}
.hidden {
display: none !important;
}
.clearFloat,
.floatClear {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
.clearFloatAfter:after,
.floatClearAfter:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
.textnachregel {
font-size: 40px;
line-height: 46px;
}
body {
text-align: center;
letter-spacing: 0.02em;
position: relative;
}
body.willReload {
opacity: 0.2;
}
.fw {
width: 100%;
}
.iw {
position: relative;
margin: 0 auto;
text-align: left;
max-width: 95%;
}
main {
position: relative;
min-height: 100vh !important;
display: block;
}
.defaulttext a,
.rightbox a,
.textblock a,
.textblocktext a {
text-decoration: underline;
-webkit-hyphens: auto;
hyphens: auto;
display: inline;
white-space: normal;
}
.defaulttext a:hover,
.rightbox a:hover,
.textblock a:hover,
.textblocktext a:hover {
text-decoration: none;
}
.defaulttext p,
.rightbox p,
.textblock p,
.textblocktext p {
padding-bottom: 0.8em;
-webkit-hyphens: auto;
hyphens: auto;
white-space: normal;
}
.defaulttext ul li,
.rightbox ul li,
.textblock ul li,
.textblocktext ul li {
list-style: disc;
margin-left: 1em;
line-height: 1em;
margin-bottom: 0.4em;
-webkit-hyphens: auto;
hyphens: auto;
}
.defaulttext ul + p,
.rightbox ul + p,
.textblock ul + p,
.textblocktext ul + p {
margin-top: 0.8em;
}
.defaulttext hr,
.rightbox hr,
.textblock hr,
.textblocktext hr {
outline: 0;
border: none;
border-bottom: 1px solid #000;
}
.defaulttext p + hr,
.rightbox p + hr,
.textblock p + hr,
.textblocktext p + hr {
margin-top: -0.2em;
margin-bottom: 0.8em;
}
.defaulttext p img,
.rightbox p img,
.textblock p img,
.textblocktext p img {
max-width: 100%;
height: auto;
}
.defaulttext table,
.rightbox table,
.textblock table,
.textblocktext table {
width: 100%;
}
.defaulttext table tr td,
.rightbox table tr td,
.textblock table tr td,
.textblocktext table tr td {
padding: 0.2em 0;
}
.elementid-1 {
padding-top: 120px;
}
.elementid-1.ruleRowCount-1 {
padding-top: 120px;
}
.elementid-1.ruleRowCount-2 {
padding-top: 120px;
}
.elementid-1.ruleRowCount-3 {
padding-top: 120px;
}
.elementid-1.ruleRowCount-4 {
padding-top: 150px;
}
.elementid-1.ruleRowCount-5 {
padding-top: 180px;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.isOnScreen {
opacity: 0;
transition: opacity 0.6s;
}
.isOnScreen.onScreen {
opacity: 1;
}
.fadeInOnViewport {
opacity: 0;
transition: opacity 0.6s;
}
.fadeInOnViewport.onScreen {
opacity: 1;
}
.dn_gallery section .bx-wrapper .bx-controls-auto,
.dn_gallery section .bx-wrapper .bx-pager,
.dn_gallery_build section .bx-wrapper .bx-controls-auto,
.dn_gallery_build section .bx-wrapper .bx-pager {
bottom: -45px;
}
.dn_gallery section .bx-wrapper .bx-pager,
.dn_gallery_build section .bx-wrapper .bx-pager {
padding-top: 0;
opacity: 0;
transition: opacity 3s;
}
.dn_gallery section .bx-wrapper .bx-pager.onScreen,
.dn_gallery_build section .bx-wrapper .bx-pager.onScreen {
opacity: 1;
}
.dn_gallery section .bx-wrapper .bx-pager.bx-default-pager a,
.dn_gallery_build section .bx-wrapper .bx-pager.bx-default-pager a {
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
box-shadow: inset 0 0 0 0 #ef411d;
transition: all 0.3s;
margin: 0 5px;
width: 20px;
height: 20px;
background: #c7c5ba;
}
.dn_gallery section .bx-wrapper .bx-pager.bx-default-pager a.active,
.dn_gallery section .bx-wrapper .bx-pager.bx-default-pager a:focus,
.dn_gallery section .bx-wrapper .bx-pager.bx-default-pager a:hover,
.dn_gallery_build section .bx-wrapper .bx-pager.bx-default-pager a.active,
.dn_gallery_build section .bx-wrapper .bx-pager.bx-default-pager a:focus,
.dn_gallery_build section .bx-wrapper .bx-pager.bx-default-pager a:hover {
box-shadow: inset 0 0 0 10px #ef411d;
}
.dn_gallery section .bx-wrapper .bx-controls-direction a,
.dn_gallery_build section .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 0;
z-index: 9999;
margin-top: 0;
width: 100px;
height: 100%;
outline: 0;
text-indent: -9999px;
}
.dn_gallery section .bx-wrapper .bx-prev,
.dn_gallery_build section .bx-wrapper .bx-prev {
left: 0;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeil-black-left.svg) no-repeat 30px 50%;
}
.dn_gallery section .bx-wrapper .bx-next,
.dn_gallery_build section .bx-wrapper .bx-next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: 0;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeil-black-left.svg) no-repeat 30px 50%;
}
.dn_gallery section .bx-wrapper .bx-next:focus,
.dn_gallery section .bx-wrapper .bx-next:hover,
.dn_gallery section .bx-wrapper .bx-prev:focus,
.dn_gallery section .bx-wrapper .bx-prev:hover,
.dn_gallery_build section .bx-wrapper .bx-next:focus,
.dn_gallery_build section .bx-wrapper .bx-next:hover,
.dn_gallery_build section .bx-wrapper .bx-prev:focus,
.dn_gallery_build section .bx-wrapper .bx-prev:hover {
background-image: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeil-black-left-hover.svg);
}
.dn_gallery section img,
.dn_gallery_build section img {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.dn_gallery section li,
.dn_gallery_build section li {
padding: 0 1px;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.dn_gallery section .bx-wrapper .bx-next,
.dn_gallery section .bx-wrapper .bx-prev,
.dn_gallery_build section .bx-wrapper .bx-next,
.dn_gallery_build section .bx-wrapper .bx-prev {
background-size: 7vmin 7vmin !important;
background-position: 3vmin 50%;
}
.dn_gallery section .bx-pager,
.dn_gallery_build section .bx-pager {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@media only screen and (max-width: 480px) {
.dn_gallery section .bx-wrapper .bx-next,
.dn_gallery section .bx-wrapper .bx-prev,
.dn_gallery_build section .bx-wrapper .bx-next,
.dn_gallery_build section .bx-wrapper .bx-prev {
background-size: 10vmin 10vmin !important;
}
}
@media only screen and (min-width: 1200px) {
body {
padding-top: 49px;
}
}
@media only screen and (max-width: 1199px) {
body {
padding-top: 65px;
}
body:before {
position: relative;
top: 0;
left: 0;
z-index: 1;
display: block;
margin: 0 auto;
width: 33%;
height: 130px;
border-bottom: 18px solid transparent;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/logo.svg) 50% 100% no-repeat;
content: "\00A0";
}
body .homelink {
position: absolute;
top: 65px;
left: 50%;
z-index: 1;
display: block;
margin: 0 auto 0 -20%;
width: 40%;
height: 130px;
content: "\00A0";
}
body.menueopen {
overflow: hidden;
height: 50vh !important;
}
body.menueopen main {
height: 0 !important;
overflow: hidden !important;
transition: height 1s;
transition-delay: 0.3s;
}
.iw {
max-width: none;
width: 100%;
margin: 0;
}
.toTop {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
body {
padding-top: 6vw;
}
.iw {
max-width: none;
width: 100%;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
body {
padding-top: 22px;
}
body:before {
margin: 0 auto;
width: 100%;
height: 45px;
border-bottom: 15px solid transparent;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/logo.svg) 50% 100% no-repeat;
content: "\00A0";
}
body .homelink {
position: absolute;
top: 22px;
left: 50%;
z-index: 1;
display: block;
margin: 0 auto 0 -20%;
width: 40%;
height: 45px;
content: "\00A0";
}
body.menueopen {
height: 2px;
overflow: hidden;
}
body.menueopen .textblock,
body.menueopen footer {
display: none;
}
}
.rightbox img[src$=".svg"] {
width: 100%;
height: auto;
}
.searchbox,
.topform {
display: none !important;
}
img[href^="http"]:focus,
img[href^="http"]:hover {
cursor: pointer;
}
div.mfp-counter {
display: none !important;
}
.toTop {
width: 52px;
height: 50px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/totop.svg);
position: fixed;
bottom: -52px;
right: 2.5%;
margin-right: 3.52134146%;
display: block;
z-index: 999;
background-size: contain;
text-indent: -99999px;
}
.toTop.active {
bottom: 0;
}
.toTop.active.toTop.bottom {
bottom: 145px;
}
.no-ie .toTop.active.toTop.bottom {
position: absolute;
}
.menueopen .toTop {
display: none;
}
@media only screen and (max-width: 1199px) {
.toTop {
height: 30px;
width: 30px;
margin-right: 7.6171875%;
right: 0;
}
.toTop.active.toTop.bottom {
bottom: 91px;
}
}
@media only screen and (max-width: 767px) {
.toTop {
margin-right: 10px;
}
.toTop.active.toTop.bottom {
bottom: 129px;
}
}
#topnavi768 {
display: none;
}
header {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
text-align: center;
}
header a {
text-transform: uppercase;
letter-spacing: 0.05em;
}
@media only screen and (min-width: 1200px) {
#mobilemenuetrigger {
position: absolute;
top: 0;
left: -49%;
z-index: 20001;
display: block;
width: 49px;
height: 25px;
}
header .top {
position: absolute;
right: 0;
overflow: hidden;
margin-top: -55px;
padding: 0 7.62195122% 0 0;
text-align: right;
height: 22px;
}
header .top > li {
float: right;
margin-left: 10px;
}
header .top > li li {
display: block;
float: left;
}
header .top a {
display: block;
padding: 5px 20px 2px 20px;
background: #000;
color: #e8e7e3;
font-size: 15px;
}
header .top a:focus,
header .top a:hover {
background: #ef411d;
}
header .top form input::-webkit-input-placeholder {
color: #fff;
}
header .top form input:-moz-placeholder {
color: #fff;
}
header .top form input::-moz-placeholder {
color: #fff;
}
header .top form input:-ms-input-placeholder {
color: #fff;
}
header .top form div.searchbox {
display: inline-block;
background: #c7c5ba;
height: 22px;
overflow: hidden;
}
header .top form div.searchbox input[type="text"] {
padding: 0 0 4px 5px;
height: 25px;
outline: 0;
border: none;
background: #c7c5ba;
color: #fff;
font-size: 15px;
font-variant-caps: small-caps;
-webkit-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
font-feature-settings: "ff-seria-sans-web-pro", "smcp";
-ms-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
text-transform: uppercase;
}
header .top form div.searchbox input[type="text"]:focus {
background: #ef411d;
text-transform: none;
}
header .top form input[type="submit"] {
position: absolute;
margin-left: -99999px;
}
header .top form a {
display: block;
float: right;
overflow: hidden;
margin-left: -2px;
padding: 4px 5px;
width: 15px;
height: 14px;
}
header .top #lang_sel_list li {
margin: 0 0 0 1px;
float: right;
}
header .top #lang_sel_list .icl-de a:after {
content: "D";
}
header .top #lang_sel_list .icl-en a:after {
content: "E";
}
header .top #lang_sel_list .icl-nl a:after {
content: "NL";
}
header .top #lang_sel_list a {
overflow: hidden;
padding: 5px 0 2px 0;
width: 25px;
height: 15px;
text-align: center;
}
header .top #lang_sel_list a:focus,
header .top #lang_sel_list a:hover {
background: #ef411d;
}
header .top #tinyMenuTopRight {
display: inline-block;
}
header .top #tinyMenuTopRight li {
margin: 0 0 0 1px;
}
header #logo {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: block;
margin-top: 85px;
width: 18.29268293%;
width: 240px;
}
header #logo img {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-left: 15%;
width: 80%;
height: auto;
}
header hr {
margin: 15px 0 20px 0;
width: 240px;
outline: 0;
border: none;
border-top: 3px solid #ef411d;
display: inline-block;
}
#mainMenue {
position: absolute;
z-index: 20000;
padding: 0;
min-width: 240px;
width: 240px;
background: #f4f3f1;
font-size: 18px;
margin-top: -15px;
}
#mainMenue .helperBox {
display: none !important;
}
#mainMenue li {
position: relative;
display: block;
height: 30px;
}
#mainMenue li a {
display: block;
overflow: hidden;
padding: 4px 0 2px 0;
height: 18px;
color: #000;
text-indent: 15%;
font-weight: 700;
line-height: 1em;
letter-spacing: 0.05em;
}
#mainMenue li ul.sub-menu {
display: none;
}
#mainMenue li.current-menu-ancestor > a,
#mainMenue li.current-menu-item > a,
#mainMenue li.current_page_item > a,
#mainMenue li:focus > a,
#mainMenue li:hover > a {
background: #ef411d;
color: #fff;
}
#mainMenue li.current-menu-ancestor ul.sub-menu,
#mainMenue li.current-menu-item ul.sub-menu,
#mainMenue li.current_page_item ul.sub-menu,
#mainMenue li:focus ul.sub-menu,
#mainMenue li:hover ul.sub-menu {
position: absolute;
display: block;
overflow: hidden;
margin-left: -9999px;
width: 0;
opacity: 0;
}
#mainMenue li.current-menu-ancestor ul.sub-menu a,
#mainMenue li.current-menu-item ul.sub-menu a,
#mainMenue li.current_page_item ul.sub-menu a,
#mainMenue li:focus ul.sub-menu a,
#mainMenue li:hover ul.sub-menu a {
text-indent: 7.5%;
}
#mainMenue li.current-menu-ancestor:focus ul.sub-menu,
#mainMenue li.current-menu-ancestor:hover ul.sub-menu,
#mainMenue li.current-menu-item:focus ul.sub-menu,
#mainMenue li.current-menu-item:hover ul.sub-menu,
#mainMenue li.current_page_item:focus ul.sub-menu,
#mainMenue li.current_page_item:hover ul.sub-menu,
#mainMenue li:focus:focus ul.sub-menu,
#mainMenue li:focus:hover ul.sub-menu,
#mainMenue li:hover:focus ul.sub-menu,
#mainMenue li:hover:hover ul.sub-menu {
background: #e8e7e3;
top: -40px;
left: 100%;
z-index: 3;
display: block;
margin-left: 0;
padding: 10px 0;
width: 100%;
opacity: 1;
}
#mainMenue li.current-menu-ancestor:focus ul.sub-menu .current-menu-item a,
#mainMenue li.current-menu-ancestor:focus ul.sub-menu li:focus a,
#mainMenue li.current-menu-ancestor:focus ul.sub-menu li:hover a,
#mainMenue li.current-menu-ancestor:hover ul.sub-menu .current-menu-item a,
#mainMenue li.current-menu-ancestor:hover ul.sub-menu li:focus a,
#mainMenue li.current-menu-ancestor:hover ul.sub-menu li:hover a,
#mainMenue li.current-menu-item:focus ul.sub-menu .current-menu-item a,
#mainMenue li.current-menu-item:focus ul.sub-menu li:focus a,
#mainMenue li.current-menu-item:focus ul.sub-menu li:hover a,
#mainMenue li.current-menu-item:hover ul.sub-menu .current-menu-item a,
#mainMenue li.current-menu-item:hover ul.sub-menu li:focus a,
#mainMenue li.current-menu-item:hover ul.sub-menu li:hover a,
#mainMenue li.current_page_item:focus ul.sub-menu .current-menu-item a,
#mainMenue li.current_page_item:focus ul.sub-menu li:focus a,
#mainMenue li.current_page_item:focus ul.sub-menu li:hover a,
#mainMenue li.current_page_item:hover ul.sub-menu .current-menu-item a,
#mainMenue li.current_page_item:hover ul.sub-menu li:focus a,
#mainMenue li.current_page_item:hover ul.sub-menu li:hover a,
#mainMenue li:focus:focus ul.sub-menu .current-menu-item a,
#mainMenue li:focus:focus ul.sub-menu li:focus a,
#mainMenue li:focus:focus ul.sub-menu li:hover a,
#mainMenue li:focus:hover ul.sub-menu .current-menu-item a,
#mainMenue li:focus:hover ul.sub-menu li:focus a,
#mainMenue li:focus:hover ul.sub-menu li:hover a,
#mainMenue li:hover:focus ul.sub-menu .current-menu-item a,
#mainMenue li:hover:focus ul.sub-menu li:focus a,
#mainMenue li:hover:focus ul.sub-menu li:hover a,
#mainMenue li:hover:hover ul.sub-menu .current-menu-item a,
#mainMenue li:hover:hover ul.sub-menu li:focus a,
#mainMenue li:hover:hover ul.sub-menu li:hover a {
color: #fff;
}
#mainMenue li.current-menu-ancestor:first-child:focus ul.sub-menu,
#mainMenue li.current-menu-ancestor:first-child:hover ul.sub-menu,
#mainMenue li.current-menu-item:first-child:focus ul.sub-menu,
#mainMenue li.current-menu-item:first-child:hover ul.sub-menu,
#mainMenue li.current_page_item:first-child:focus ul.sub-menu,
#mainMenue li.current_page_item:first-child:hover ul.sub-menu,
#mainMenue li:focus:first-child:focus ul.sub-menu,
#mainMenue li:focus:first-child:hover ul.sub-menu,
#mainMenue li:hover:first-child:focus ul.sub-menu,
#mainMenue li:hover:first-child:hover ul.sub-menu {
top: -10px;
}
}
@media only screen and (max-width: 1199px) {
#mobilemenuetrigger {
transition: margin 0.3s;
position: absolute;
top: 0;
left: 100%;
z-index: 20001;
display: block;
width: 49px;
height: 25px;
border: 22px solid #000;
border-right: 10px solid #000;
border-left: 10px solid #000;
background: #000;
}
#mobilemenuetrigger span {
transition: all 0.3s;
position: absolute;
display: block;
width: 100%;
height: 3px;
background: #fff;
}
#mobilemenuetrigger span:nth-child(2) {
top: 50%;
margin-top: -1.5px;
}
#mobilemenuetrigger span:nth-child(3) {
bottom: 0;
}
#mobilemenuetrigger.active {
margin-left: -15.234375%;
width: 36px;
height: 36px;
border: 16px solid #000;
background: #000;
}
#mobilemenuetrigger.active span:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
margin-top: -2px;
}
#mobilemenuetrigger.active span:nth-child(2) {
opacity: 0;
}
#mobilemenuetrigger.active span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 50%;
margin-bottom: -1px;
}
#topnavi768 {
position: absolute;
top: 0;
right: 400px;
}
#topnavi768 ul li {
float: left;
overflow: hidden;
display: block;
width: 30px;
height: 30px;
position: relative;
margin-left: 2px;
}
#topnavi768 ul .icl-de a:before {
content: "D";
}
#topnavi768 ul .icl-en a:before {
content: "E";
}
#topnavi768 ul .icl-nl a:before {
content: "NL";
}
#topnavi768 ul a {
padding: 0;
text-align: center;
overflow: hidden;
}
#topnavi768 ul a:before {
width: 100%;
height: 100%;
background: #000;
position: absolute;
top: 0;
left: 0;
padding: 7px 0 0 0;
text-align: center;
}
#topnavi768 ul a:focus:before,
#topnavi768 ul a:hover:before {
background: #ef411d;
}
header {
font-size: 31px;
line-height: 35px;
position: fixed;
top: 0;
left: -100%;
z-index: 10000;
display: block;
width: 100%;
height: 100%;
background: #e8e7e3;
}
header.active {
left: 0;
}
header.active .iw #mainMenue.open-submenue .helperBox {
left: 7.6171875%;
}
.lt-1200 header {
transition: left 0.3s;
}
header:before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 69px;
background: #000;
content: "\00A0";
}
header .iw {
margin: 0 auto;
height: 100%;
}
header .iw .top {
top: 100%;
left: 0;
position: fixed;
margin-top: -172px;
width: 85.80729167%;
padding-top: 0.5em;
border-top: 1px solid #000;
transition: margin 0.3s;
margin-left: -100%;
background: #e8e7e3;
z-index: 2;
}
header .iw .top.active {
margin-left: 7.6171875%;
}
header .iw .top li.topmenue {
float: left;
}
header .iw .top li.topmenue #tinyMenuTopRight > div > ul {
margin-left: 5px;
}
header .iw .top li.topmenue #tinyMenuTopRight > div > ul li {
display: inline-block;
}
header .iw .top li.topmenue #tinyMenuTopRight > div > ul li a {
padding: 0 0.1em 0 0.1em;
font-weight: 700;
}
header .iw .top li.topmenue #tinyMenuTopRight > div > ul li:after {
content: " /";
}
header .iw .top li.topmenue #tinyMenuTopRight > div > ul li:last-child:after {
content: "";
}
header .iw .top li.toplang {
margin-right: 0;
float: right;
}
header .iw .top li.toplang ul {
float: right;
margin-top: 0;
width: auto;
display: inline-block;
text-align: right;
}
header .iw .top li.toplang ul li {
float: right;
display: inline-block;
margin-right: 10px;
}
header .iw .top li.toplang ul li:after {
content: "/";
display: inline-block;
}
header .iw .top li.toplang ul li:first-child:after {
content: "";
}
header .iw .top li.toplang ul li a {
display: block;
padding: 0 12px 0 0;
width: 20px;
font-weight: 700;
display: inline-block;
text-align: center;
margin-left: 0;
}
header .iw .top li.toplang ul .icl-de a:after {
content: "D";
}
header .iw .top li.toplang ul .icl-en a:after {
content: "E";
}
header .iw .top li.toplang ul .icl-nl a:after {
content: "NL";
}
header .iw .top li.topform {
clear: both;
padding-top: 20px;
}
header .iw .top li.topform form {
width: 100%;
border: 2px solid #fff;
height: 48px;
overflow: hidden;
position: relative;
}
header .iw .top li.topform form input::-webkit-input-placeholder {
color: #000;
font-weight: 700;
}
header .iw .top li.topform form input:-moz-placeholder {
color: #000;
font-weight: 700;
}
header .iw .top li.topform form input::-moz-placeholder {
color: #000;
font-weight: 700;
}
header .iw .top li.topform form input:-ms-input-placeholder {
color: #000;
font-weight: 700;
}
header .iw .top li.topform form div.searchbox input[type="text"] {
padding: 8px 0 4px 5px;
outline: 0;
border: none;
background: 0 0;
color: #000 !important;
font-size: 15px;
font-variant-caps: small-caps;
-webkit-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
font-feature-settings: "ff-seria-sans-web-pro", "smcp";
-ms-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
text-transform: uppercase;
font-size: 31px;
line-height: 35px;
font-size: 24px;
width: 100%;
font-weight: 700;
}
header .iw .top li.topform form div.searchbox input[type="text"]:focus {
background: #ef411d;
text-transform: none;
color: #fff;
font-weight: 700;
}
header .iw .top li.topform form input[type="submit"] {
position: absolute;
margin-left: -99999px;
}
header .iw .top li.topform form a {
display: block;
overflow: hidden;
padding: 4px 5px;
width: 26px;
height: 26px;
position: absolute;
left: 100%;
right: 0;
margin-left: -40px;
top: 7px;
}
header .iw #logo {
display: none;
}
header .iw #mainMenue {
position: absolute;
top: 70px;
left: 0;
display: block;
width: 100%;
line-height: 1em;
height: calc(100% - 256px);
overflow-y: auto;
overflow-x: hidden;
}
header .iw #mainMenue:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
header .iw #mainMenue .helperBox {
font-size: 31px;
line-height: 35px;
transition: left 0.3s;
position: fixed;
top: 15px;
left: -100%;
z-index: 1001;
display: block;
padding: 4px 0;
height: 26px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi-white-left.svg) no-repeat 0 54%;
background-size: 20px 20px;
color: #fff;
text-indent: 30px;
text-transform: uppercase;
font-weight: 700;
}
header .iw #mainMenue > div:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
header .iw #mainMenue > div li,
header .iw #mainMenue > div ul {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
left: 0;
}
header .iw #mainMenue > div > ul {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
}
header .iw #mainMenue > div > ul:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
header .iw #mainMenue > div > ul li.hasAnimation {
transition: margin-left 0.3s;
}
header .iw #mainMenue > div > ul li a {
display: block;
margin: 0 7.6171875%;
padding: 10px 0 4px 0;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi.svg) no-repeat 98% 50%;
background-size: 20px 20px;
font-weight: 700;
text-indent: 5px;
letter-spacing: 0.1em;
}
header .iw #mainMenue > div > ul li ul.sub-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-left: -100%;
}
header .iw #mainMenue > div > ul li.current-open-submenue a,
header .iw #mainMenue > div > ul li.current_page_item a {
background-color: #ef411d;
background-image: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi-white.svg);
color: #fff;
}
header .iw #mainMenue > div > ul li.current-open-submenue ul.sub-menu,
header .iw #mainMenue > div > ul li.current_page_item ul.sub-menu {
top: 0;
left: 0;
margin-left: 100%;
display: block;
width: 100%;
}
header .iw #mainMenue > div > ul li.current-open-submenue ul.sub-menu a,
header .iw #mainMenue > div > ul li.current_page_item ul.sub-menu a {
background: 0 0;
color: #000;
}
header .iw #mainMenue > div > ul li.current-open-submenue ul.sub-menu li,
header .iw #mainMenue > div > ul li.current_page_item ul.sub-menu li {
transition: margin-left 1s;
}
header
.iw
#mainMenue
> div
> ul
li.current-open-submenue
ul.sub-menu
li.hasAnimation,
header
.iw
#mainMenue
> div
> ul
li.current_page_item
ul.sub-menu
li.hasAnimation {
transition: margin-left 0.3s;
}
header
.iw
#mainMenue
> div
> ul
li.current-open-submenue
ul.sub-menu
li.current-menu-ancestor
a,
header
.iw
#mainMenue
> div
> ul
li.current-open-submenue
ul.sub-menu
li.current_page_item
a,
header
.iw
#mainMenue
> div
> ul
li.current_page_item
ul.sub-menu
li.current-menu-ancestor
a,
header
.iw
#mainMenue
> div
> ul
li.current_page_item
ul.sub-menu
li.current_page_item
a {
background-color: #ef411d;
color: #fff;
}
header .iw #mainMenue.open-submenue > div > ul > li {
margin-left: -100%;
}
header .iw #mainMenue.open-submenue > div > ul > li li {
margin-left: -100%;
}
}
@media only screen and (max-width: 767px) {
#mobilemenuetrigger {
transition: all 0.3s;
position: absolute;
top: 0;
left: 100%;
z-index: 20001;
display: block;
height: 17px;
border: 16px solid #000;
border-right: 7px solid #000;
border-left: 7px solid #000;
background: #000;
width: 35px;
}
#mobilemenuetrigger span {
transition: all 0.3s;
position: absolute;
display: block;
width: 100%;
height: 3px;
background: #fff;
}
#mobilemenuetrigger span:nth-child(2) {
top: 50%;
margin-top: -1.5px;
}
#mobilemenuetrigger span:nth-child(3) {
bottom: 0;
}
#mobilemenuetrigger.active {
margin-left: -50px;
width: 35px;
height: 35px;
border: 7px solid #000;
background: #000;
}
#mobilemenuetrigger.active span:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
margin-top: -2px;
}
#mobilemenuetrigger.active span:nth-child(2) {
opacity: 0;
}
#mobilemenuetrigger.active span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 50%;
margin-bottom: -1px;
}
header {
transition: margin 0.3s;
position: fixed;
top: 0;
left: -100%;
z-index: 10000;
display: block;
width: 100vw;
height: 100vh;
background: #e8e7e3;
}
header:before {
transition: all 0.3s;
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 49px;
background: #000;
content: "\00A0";
}
header.active {
left: 0;
}
header.active:before {
height: 49px;
background: #000;
}
header.active .iw #mainMenue.open-submenue .helperBox {
left: 10px;
}
header .iw {
margin: 0;
height: 100vh;
position: relative;
top: 0;
left: 0;
}
header .iw .top {
top: 100%;
left: 0;
position: fixed;
margin-top: -90px;
width: calc(100% - 20px);
padding-top: 0;
border-top: 1px solid #000;
transition: margin 0.3s;
margin-left: -100%;
}
header .iw .top.active {
margin-left: 10px;
}
header .iw .top li {
font-size: 14px;
letter-spacing: 0;
}
header .iw .top li #tinyMenuTopRight > div > ul,
header .iw .top li.topmenue > div > ul {
margin-left: 10px;
}
header .iw .top li #tinyMenuTopRight > div > ul li a,
header .iw .top li.topmenue > div > ul li a {
padding: 0 2px 0 4px;
}
header .iw .top li #tinyMenuTopRight > div > ul li:first-child a,
header .iw .top li.topmenue > div > ul li:first-child a {
padding-left: 0;
}
header .iw .top li.toplang {
margin-right: 0;
float: right;
}
header .iw .top li.toplang ul {
float: right;
margin-top: 0;
width: auto;
display: inline-block;
text-align: right;
}
header .iw .top li.toplang ul li {
float: right;
display: inline-block;
padding: 0;
margin: 0;
}
header .iw .top li.toplang ul li:after {
content: "\00A0/\00A0";
display: inline-block;
}
header .iw .top li.toplang ul li:first-child:after {
content: "";
}
header .iw .top li.toplang ul li a {
display: block;
padding: 0;
width: auto;
font-weight: 700;
display: inline-block;
text-align: center;
margin: 0;
}
header .iw .top li.toplang ul .icl-de a:after {
content: "D";
}
header .iw .top li.toplang ul .icl-en a:after {
content: "E";
}
header .iw .top li.toplang ul .icl-nl a:after {
content: "NL";
}
header .iw .top li.topform {
padding-top: 7px;
}
header .iw .top li.topform form {
border: 2px solid #fff;
height: 24px;
}
header .iw .top li.topform form div.searchbox {
position: relative;
top: -5px;
}
header .iw .top li.topform form div.searchbox input[type="text"] {
padding: 9px 0 5px 5px !important;
font-variant-caps: small-caps;
-webkit-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
font-feature-settings: "ff-seria-sans-web-pro", "smcp";
-ms-font-feature-settings: "ff-seria-sans-web-pro", "smcp";
font-size: 14px;
font-weight: 700;
line-height: 14px;
display: block;
}
header .iw .top li.topform form div.searchbox input[type="text"]:focus {
font-weight: 700;
}
header .iw .top li.topform form a {
padding: 4px 5px;
width: 14px;
height: 14px;
margin-left: -25px;
top: -4px;
z-index: 3;
}
header .iw #mainMenue {
line-height: 1em;
top: 46px;
height: calc(100vh - 219px);
position: absolute;
}
header .iw #mainMenue .helperBox {
font-size: 17px;
text-transform: uppercase;
top: 15px;
left: -100%;
padding: 12px 0;
height: 8px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi-white-left.svg) no-repeat 10px 4px;
background-size: 14px 14px;
line-height: 0;
text-indent: 35px;
}
header .iw #mainMenue > div {
padding-top: 0;
}
header .iw #mainMenue > div:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
header .iw #mainMenue > div li,
header .iw #mainMenue > div ul {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
left: 0;
}
header .iw #mainMenue > div > ul {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
}
header .iw #mainMenue > div > ul:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
header .iw #mainMenue > div > ul li.hasAnimation {
transition: margin-left 0.3s;
}
header .iw #mainMenue > div > ul li a {
display: block;
margin: 0 10px;
padding: 3px 0 0 0;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi.svg) no-repeat 98% 50%;
background-size: 14px 14px;
font-weight: 700;
text-indent: 10px;
font-size: 17px;
line-height: 19px;
}
header .iw #mainMenue > div > ul li ul.sub-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-left: -100%;
}
header .iw #mainMenue > div > ul li.current-open-submenue a,
header .iw #mainMenue > div > ul li.current_page_item a {
background-color: #ef411d;
background-image: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi-white.svg);
color: #fff;
}
header .iw #mainMenue > div > ul li.current-open-submenue ul.sub-menu,
header .iw #mainMenue > div > ul li.current_page_item ul.sub-menu {
top: 0;
left: 0;
margin-left: 100%;
display: block;
width: 100%;
}
header .iw #mainMenue > div > ul li.current-open-submenue ul.sub-menu a,
header .iw #mainMenue > div > ul li.current_page_item ul.sub-menu a {
background: 0 0;
color: #000;
}
header .iw #mainMenue > div > ul li.current-open-submenue ul.sub-menu li,
header .iw #mainMenue > div > ul li.current_page_item ul.sub-menu li {
transition: margin-left 1s;
}
header
.iw
#mainMenue
> div
> ul
li.current-open-submenue
ul.sub-menu
li.hasAnimation,
header
.iw
#mainMenue
> div
> ul
li.current_page_item
ul.sub-menu
li.hasAnimation {
transition: margin-left 0.3s;
}
header
.iw
#mainMenue
> div
> ul
li.current-open-submenue
ul.sub-menu
li.current-menu-ancestor
a,
header
.iw
#mainMenue
> div
> ul
li.current-open-submenue
ul.sub-menu
li.current_page_item
a,
header
.iw
#mainMenue
> div
> ul
li.current_page_item
ul.sub-menu
li.current-menu-ancestor
a,
header
.iw
#mainMenue
> div
> ul
li.current_page_item
ul.sub-menu
li.current_page_item
a {
background-color: #ef411d;
color: #fff;
}
header .iw #mainMenue.open-submenue > div > ul > li {
margin-left: -100%;
}
header .iw #mainMenue.open-submenue > div > ul > li li {
margin-left: -100%;
}
}
@media only screen and (max-width: 1199px) {
#topnavi768 {
position: absolute;
top: 0;
right: 7.62195122%;
width: 200px;
display: block;
z-index: 1;
}
#topnavi768 ul {
float: right;
margin-top: 0;
width: auto;
display: inline-block;
text-align: right;
}
#topnavi768 ul li {
float: right;
display: inline-block;
}
#topnavi768 ul li:after {
content: "";
display: inline-block;
}
#topnavi768 ul li:last-child:after {
content: "";
}
#topnavi768 ul li a {
display: block;
background: #000;
color: #e8e7e3;
font-size: 20px;
padding: 8px 0 3px 0;
width: 30px;
font-weight: 700;
display: inline-block;
text-align: center;
margin-left: 4px;
}
#topnavi768 ul li a:focus,
#topnavi768 ul li a:hover {
background: #ef411d;
}
#topnavi768 ul .icl-de a:after {
content: "D";
}
#topnavi768 ul .icl-en a:after {
content: "E";
}
#topnavi768 ul .icl-nl a:after {
content: "NL";
}
}
.headerimageAndRule img {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
float: right;
width: 79.72560976%;
width: calc(100% - 240px - 20px);
height: auto;
transition: opacity 0.2s;
opacity: 1;
}
.headerimageAndRule div:after {
display: block;
clear: both;
height: 0;
content: "\00A0";
}
.headerimageAndRule .iw {
position: relative;
}
.headerimageAndRule .iw .rule {
position: absolute;
right: 7.62195122%;
margin-top: -90px;
padding: 0 1.52439024% 0 3.04878049%;
min-height: 180px;
width: auto;
background: #fff;
color: #000;
text-align: right;
white-space: nowrap;
}
.headerimageAndRule .iw .rule .ruletext {
margin: 20px 0 20px 0;
font-size: 31px;
line-height: 35px;
}
.headerimageAndRule .iw .rule .source {
display: block;
margin: 0 0 25px 0;
font-size: 15px;
}
hr.theredline {
margin: 0;
outline: 0;
border: none;
border-top: 5px #ef411d solid;
}
@media only screen and (max-width: 1199px) {
main {
position: relative;
clear: both;
margin: 0;
}
main .headerimageAndRule {
position: relative;
}
main .headerimageAndRule div.iw {
overflow: hidden;
margin: 0;
width: 100%;
}
main .headerimageAndRule div.iw img {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
main .headerimageAndRule section.iw .rule {
right: 7.6171875%;
margin-top: -90px;
padding: 0 2.60416667%;
min-height: 180px;
width: 47.91666667%;
background: #fff;
color: #000;
white-space: nowrap;
}
main .headerimageAndRule section.iw .rule .ruletext {
margin: 20px 0 20px 0;
text-align: right;
font-size: 26px;
line-height: 31px;
}
main .headerimageAndRule section.iw .rule .source {
display: block;
margin: 0 0 25px 0;
font-size: 15px;
line-height: 24px;
}
}
@media only screen and (max-width: 767px) {
main {
position: relative;
clear: both;
margin: 0;
}
main .headerimageAndRule {
position: relative;
}
main .headerimageAndRule div.iw {
overflow: hidden;
margin: 0;
width: 100%;
}
main .headerimageAndRule div.iw img {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
main .headerimageAndRule section.iw .rule {
margin-top: -45px;
padding: 0 3.125%;
min-height: 90px;
width: 69.375%;
width: 222px;
background: #fff;
color: #000;
white-space: nowrap;
margin-right: 0;
right: 3.125%;
}
main .headerimageAndRule section.iw .rule .ruletext {
margin: 10px 0 20px 0;
text-align: right;
font-size: 13px;
line-height: 15px;
}
main .headerimageAndRule section.iw .rule .source {
display: block;
margin: 0 0 25px 0;
font-size: 10px;
line-height: 10px;
}
}
.rotnachregel {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViN2U2YyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWY0MTFkIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background-image: linear-gradient(to bottom, #eb7e6c 0, #ef411d 100%);
overflow: hidden;
padding: 120px 0 45px 0;
color: #fff;
}
.rotnachregel.ruleRowCount-4 {
padding-top: 150px;
}
.rotnachregel.ruleRowCount-5 {
padding-top: 180px;
}
.rotnachregel .textblockheadline {
font-size: 40px;
line-height: 46px;
float: left;
overflow: hidden;
width: 28.04878049%;
text-align: right;
letter-spacing: 0.05em;
font-weight: 700;
}
.rotnachregel .textblocktext {
font-size: 40px;
line-height: 46px;
float: left;
margin-left: 1.52439024%;
width: 57.62195122%;
font-style: italic;
}
@media only screen and (max-width: 1199px) {
.rotnachregel.ruleRowCount-4 {
padding-top: 150px;
}
.rotnachregel.ruleRowCount-5 {
padding-top: 180px;
}
.rotnachregel .textblockheadline {
font-size: 27px;
line-height: 28px;
width: 22.65625%;
margin-left: 7.6171875%;
}
.rotnachregel .textblocktext {
font-size: 27px;
line-height: 28px;
width: 60.546875%;
margin-left: 2.60416667%;
}
}
@media only screen and (max-width: 767px) {
.rotnachregel {
padding: 0 10px;
}
.rotnachregel.ruleRowCount-2 {
padding-top: 60px;
}
.rotnachregel.ruleRowCount-3 {
padding-top: 80px;
}
.rotnachregel.ruleRowCount-4 {
padding-top: 120px;
}
.rotnachregel.ruleRowCount-5 {
padding-top: 145px;
}
.rotnachregel .textblockheadline {
font-size: 20px;
line-height: 20px;
width: 100% !important;
margin-left: 0;
display: block;
text-align: left;
padding-bottom: 1rem;
}
.rotnachregel .textblockheadline br {
display: inline-block;
display: none;
}
.rotnachregel .textblocktext {
font-size: 16px;
line-height: 17px;
width: 100%;
margin-left: 0;
}
}
@media only screen and (min-width: 1200px) {
.festtage section,
.tpl_feste section {
min-height: 30vh;
font-size: 24px;
line-height: 29px;
}
.festtage section:before,
.tpl_feste section:before {
font-size: 24px;
line-height: 29px;
display: block;
position: absolute;
margin-left: 28.04878049%;
width: 20.6554878%;
height: 1.8em;
border-bottom: 1px solid #000;
content: "\00A0";
left: 0;
}
.festtage section:after,
.tpl_feste section:after {
font-size: 24px;
line-height: 29px;
display: block;
position: absolute;
width: 13.26219512%;
height: 1.8em;
border-bottom: 1px solid #000;
content: "\00A0";
right: 0;
margin-right: 7.62195122%;
}
.festtage section nav,
.tpl_feste section nav {
margin-right: 7.62195122%;
width: 42.68292683%;
float: right;
padding-bottom: 2em;
text-align: left;
}
.festtage section nav:after,
.tpl_feste section nav:after {
display: block;
content: "\00A0";
clear: both;
}
.festtage section nav a,
.tpl_feste section nav a {
font-size: 24px;
line-height: 29px;
position: relative;
display: inline-block;
padding: 0.5em 0;
text-align: center;
text-decoration: none;
white-space: nowrap;
width: 30.96085409%;
margin-right: 3.55871886%;
}
.festtage section nav a:after,
.tpl_feste section nav a:after {
-webkit-transform: scale(0);
transform: scale(0);
position: absolute;
bottom: 0;
left: 50%;
z-index: -1;
display: block;
margin-bottom: 5px;
margin-left: -7px;
width: 15px;
height: 15px;
background: #ef411d;
content: "\00A0";
}
.festtage section nav a:hover:after,
.tpl_feste section nav a:hover:after {
-webkit-transform: scale(1) rotate(60deg) skew(20deg);
transform: scale(1) rotate(60deg) skew(20deg);
z-index: -1;
margin-bottom: 5px;
}
.festtage section nav a.active,
.festtage section nav a:hover,
.tpl_feste section nav a.active,
.tpl_feste section nav a:hover {
background: #ef411d;
color: #fff;
}
.festtage section nav a.active:after,
.festtage section nav a:hover:after,
.tpl_feste section nav a.active:after,
.tpl_feste section nav a:hover:after {
-webkit-transform: scale(1) rotate(55deg) skew(20deg);
transform: scale(1) rotate(55deg) skew(20deg);
transition: all 1s;
margin-bottom: -6px;
}
.festtage section .dropdown,
.tpl_feste section .dropdown {
clear: both;
float: left;
margin-left: 28.04878049%;
width: 20.6554878%;
position: relative;
z-index: 2;
visibility: hidden;
}
.festtage section .dropdown .cd-dropdown,
.festtage section .dropdown .cd-select,
.tpl_feste section .dropdown .cd-dropdown,
.tpl_feste section .dropdown .cd-select {
position: relative;
width: 100%;
}
.festtage section .dropdown .cd-dropdown,
.tpl_feste section .dropdown .cd-dropdown {
margin-left: -9999px;
}
.festtage section .dropdown.active,
.tpl_feste section .dropdown.active {
visibility: visible;
}
.festtage section .dropdown.active .cd-dropdown,
.tpl_feste section .dropdown.active .cd-dropdown {
margin-left: 0;
}
.festtage section .dropdown.active ul,
.tpl_feste section .dropdown.active ul {
margin-left: 50px;
}
.festtage section ul.festlist,
.tpl_feste section ul.festlist {
margin-right: 7.62195122%;
width: 42.68292683%;
float: right;
overflow: hidden;
max-height: 0;
transition: all 0.5s;
}
.festtage section ul.festlist li,
.tpl_feste section ul.festlist li {
overflow: hidden;
font-size: 24px;
line-height: 29px;
max-height: 0;
transition: all 0.5s;
padding-bottom: 0;
margin-bottom: 0;
}
.festtage section ul.festlist li h3,
.tpl_feste section ul.festlist li h3 {
font-size: 31px;
line-height: 35px;
padding-bottom: 0.5em;
color: #ef411d;
font-weight: 700;
}
.festtage section ul.festlist li .ereignisse,
.tpl_feste section ul.festlist li .ereignisse {
display: table-row;
}
.festtage section ul.festlist li .ereignisse span,
.tpl_feste section ul.festlist li .ereignisse span {
display: table-cell;
padding-bottom: 0.7em;
}
.festtage section ul.festlist li .ereignisse span:first-child,
.tpl_feste section ul.festlist li .ereignisse span:first-child {
min-width: 110px;
}
.festtage section ul.festlist li .ereignisse span:first-child:after,
.tpl_feste section ul.festlist li .ereignisse span:first-child:after {
content: " Uhr";
}
.festtage section ul.festlist li.active,
.tpl_feste section ul.festlist li.active {
max-height: 30000px;
padding-bottom: 2.5em;
transition: all 0.8s;
}
.festtage section ul.festlist.active,
.tpl_feste section ul.festlist.active {
transition: all 0.8s;
max-height: 30000px;
}
}
@media only screen and (max-width: 1199px) {
.festtage section,
.tpl_feste section {
transition: height 0.3s;
min-height: 350px;
font-size: 24px;
line-height: 29px;
}
.festtage section.dropdownOpen,
.tpl_feste section.dropdownOpen {
min-height: 850px;
}
.festtage section:before,
.tpl_feste section:before {
font-size: 24px;
line-height: 29px;
display: block;
position: absolute;
margin-left: 7.6171875%;
width: 22.65625%;
height: 52px;
border-bottom: 1px solid #000;
content: "\00A0";
left: 0;
}
.festtage section:after,
.tpl_feste section:after {
font-size: 24px;
line-height: 29px;
display: block;
position: absolute;
width: 12.63020833%;
height: 52px;
border-bottom: 1px solid #000;
content: "\00A0";
right: 0;
margin-right: 7.6171875%;
}
.festtage section nav,
.tpl_feste section nav {
margin-right: 7.6171875%;
width: 60.546875%;
float: right;
padding-bottom: 2em;
text-align: left;
}
.festtage section nav:after,
.tpl_feste section nav:after {
display: block;
content: "\00A0";
clear: both;
}
.festtage section nav a,
.tpl_feste section nav a {
font-size: 24px;
line-height: 29px;
position: relative;
display: inline-block;
padding: 0.5em 0;
text-align: center;
text-decoration: none;
white-space: nowrap;
width: 35.28645833%;
margin-right: 2.60416667%;
}
.festtage section nav a:after,
.tpl_feste section nav a:after {
-webkit-transform: scale(0);
transform: scale(0);
position: absolute;
bottom: 0;
left: 50%;
z-index: -1;
display: block;
margin-bottom: 5px;
margin-left: -7px;
width: 15px;
height: 15px;
background: #ef411d;
content: "\00A0";
}
.festtage section nav a:hover:after,
.tpl_feste section nav a:hover:after {
-webkit-transform: scale(1) rotate(60deg) skew(20deg);
transform: scale(1) rotate(60deg) skew(20deg);
z-index: -1;
margin-bottom: 5px;
}
.festtage section nav a.active,
.festtage section nav a:hover,
.tpl_feste section nav a.active,
.tpl_feste section nav a:hover {
background: #ef411d;
color: #fff;
}
.festtage section nav a.active:after,
.festtage section nav a:hover:after,
.tpl_feste section nav a.active:after,
.tpl_feste section nav a:hover:after {
-webkit-transform: scale(1) rotate(55deg) skew(20deg);
transform: scale(1) rotate(55deg) skew(20deg);
transition: all 1s;
margin-bottom: -6px;
}
.festtage section .dropdown,
.tpl_feste section .dropdown {
clear: both;
float: left;
margin-left: 7.6171875%;
width: 22.65625%;
position: relative;
z-index: 2;
visibility: hidden;
}
.festtage section .dropdown .cd-dropdown,
.festtage section .dropdown .cd-select,
.tpl_feste section .dropdown .cd-dropdown,
.tpl_feste section .dropdown .cd-select {
position: relative;
width: 100%;
}
.festtage section .dropdown .cd-dropdown,
.tpl_feste section .dropdown .cd-dropdown {
margin-left: -9999px;
}
.festtage section .dropdown.active,
.tpl_feste section .dropdown.active {
visibility: visible;
}
.festtage section .dropdown.active .cd-dropdown,
.tpl_feste section .dropdown.active .cd-dropdown {
margin-left: 0;
}
.festtage section .dropdown.active ul,
.tpl_feste section .dropdown.active ul {
margin-left: 50px;
}
.festtage section ul.festlist,
.tpl_feste section ul.festlist {
margin-right: 7.6171875%;
width: 60.546875%;
float: right;
overflow: hidden;
max-height: 0;
transition: all 0.5s;
}
.festtage section ul.festlist li,
.tpl_feste section ul.festlist li {
overflow: hidden;
font-size: 22px;
line-height: 26px;
max-height: 0;
transition: all 0.5s;
margin-bottom: 0;
}
.festtage section ul.festlist li h3,
.tpl_feste section ul.festlist li h3 {
line-height: 35px;
font-size: 31px;
padding-bottom: 0.5em;
color: #ef411d;
font-weight: 700;
}
.festtage section ul.festlist li .ereignisse,
.tpl_feste section ul.festlist li .ereignisse {
display: table-row;
}
.festtage section ul.festlist li .ereignisse span,
.tpl_feste section ul.festlist li .ereignisse span {
display: table-cell;
padding-bottom: 0.7em;
}
.festtage section ul.festlist li .ereignisse span:first-child,
.tpl_feste section ul.festlist li .ereignisse span:first-child {
min-width: 110px;
}
.festtage section ul.festlist li .ereignisse span:first-child:after,
.tpl_feste section ul.festlist li .ereignisse span:first-child:after {
content: " Uhr";
}
.festtage section ul.festlist li.active,
.tpl_feste section ul.festlist li.active {
max-height: 30000px;
padding-bottom: 2.5em;
transition: all 0.8s;
}
.festtage section ul.festlist.active,
.tpl_feste section ul.festlist.active {
transition: all 0.8s;
max-height: 30000px;
}
}
@media only screen and (max-width: 767px) {
.festtage section,
.tpl_feste section {
font-size: 24px;
line-height: 29px;
}
.festtage section:before,
.tpl_feste section:before {
display: none;
}
.festtage section:after,
.tpl_feste section:after {
display: none;
}
.festtage section nav,
.tpl_feste section nav {
margin: 0 10px;
width: auto;
float: none;
padding-bottom: 1.5em;
text-align: left;
height: 20px;
overflow: hidden;
}
.festtage section nav a,
.tpl_feste section nav a {
font-size: 24px;
line-height: 29px;
position: relative;
display: inline-block;
padding: 0 0;
text-align: center;
text-decoration: none;
white-space: nowrap;
width: 27%;
margin-right: 3%;
font-size: 12px;
}
.festtage section nav:after,
.tpl_feste section nav:after {
width: 30%;
height: 0;
border-top: 1px solid #000;
content: "\00A0";
right: 0;
margin-right: 7.6171875%;
float: right;
position: absolute;
}
.festtage section .dropdown,
.tpl_feste section .dropdown {
clear: both;
float: none;
margin-left: 10px;
width: 56%;
position: relative;
z-index: 2;
visibility: hidden;
}
.festtage section .dropdown .cd-dropdown,
.festtage section .dropdown .cd-select,
.tpl_feste section .dropdown .cd-dropdown,
.tpl_feste section .dropdown .cd-select {
position: relative;
width: 100%;
}
.festtage section .dropdown .cd-dropdown,
.tpl_feste section .dropdown .cd-dropdown {
margin-left: -9999px;
}
.festtage section .dropdown.active,
.tpl_feste section .dropdown.active {
visibility: visible;
}
.festtage section .dropdown.active .cd-dropdown,
.tpl_feste section .dropdown.active .cd-dropdown {
margin-left: 0;
}
.festtage section .dropdown.active ul,
.tpl_feste section .dropdown.active ul {
margin-left: 50px;
}
.festtage section ul.festlist,
.tpl_feste section ul.festlist {
margin: 0 10px;
width: auto;
float: none;
clear: both;
}
.festtage section ul.festlist li,
.tpl_feste section ul.festlist li {
padding: 0;
margin: 0;
font-size: 16px;
line-height: 17px;
max-height: 0;
transition: all 0.5s;
margin-bottom: 0;
}
.festtage section ul.festlist li div,
.tpl_feste section ul.festlist li div {
font-size: 16px;
line-height: 17px;
}
.festtage section ul.festlist li h3,
.tpl_feste section ul.festlist li h3 {
font-size: 20px;
line-height: 25px;
padding-bottom: 0.5em;
color: #ef411d;
font-weight: 700;
}
.festtage section ul.festlist li .ereignisse,
.tpl_feste section ul.festlist li .ereignisse {
display: table-row;
font-size: 16px;
line-height: 17px;
}
.festtage section ul.festlist li .ereignisse span,
.tpl_feste section ul.festlist li .ereignisse span {
display: table-cell;
padding-bottom: 0.7em;
}
.festtage section ul.festlist li .ereignisse span:first-child,
.tpl_feste section ul.festlist li .ereignisse span:first-child {
min-width: 110px;
}
.festtage section ul.festlist li .ereignisse span:first-child:after,
.tpl_feste section ul.festlist li .ereignisse span:first-child:after {
content: " Uhr";
}
.festtage section ul.festlist li.active,
.tpl_feste section ul.festlist li.active {
max-height: 30000px;
padding-bottom: 2.5em;
transition: all 0.8s;
}
.festtage section ul.festlist.im_jahresverlauf,
.tpl_feste section ul.festlist.im_jahresverlauf {
padding-top: 1em;
}
}
@media only screen and (min-width: 1200px) {
.bigheadline,
.tpl_flex_bigheadline {
clear: both;
overflow: hidden;
padding-bottom: 1em;
}
.bigheadline.ruleRowCount-1,
.tpl_flex_bigheadline.ruleRowCount-1 {
padding-top: 150px;
padding-top: 140px;
}
.bigheadline.ruleRowCount-2,
.tpl_flex_bigheadline.ruleRowCount-2 {
padding-top: 150px;
padding-top: 140px;
}
.bigheadline.ruleRowCount-3,
.tpl_flex_bigheadline.ruleRowCount-3 {
padding-top: 150px;
padding-top: 140px;
}
.bigheadline.ruleRowCount-4,
.tpl_flex_bigheadline.ruleRowCount-4 {
padding-top: 180px;
padding-top: 175px;
}
.bigheadline.ruleRowCount-5,
.tpl_flex_bigheadline.ruleRowCount-5 {
padding-top: 210px;
}
.bigheadline h1,
.tpl_flex_bigheadline h1 {
font-size: 45px;
line-height: 46px;
float: right;
margin-right: 7.62195122%;
width: 42.68292683%;
color: #ef411d;
}
}
@media only screen and (max-width: 1199px) {
.bigheadline,
.tpl_flex_bigheadline {
clear: both;
overflow: hidden;
padding-bottom: 1em;
}
.bigheadline.ruleRowCount-1,
.tpl_flex_bigheadline.ruleRowCount-1 {
padding-top: 150px;
padding-top: 155px;
}
.bigheadline.ruleRowCount-2,
.tpl_flex_bigheadline.ruleRowCount-2 {
padding-top: 150px;
padding-top: 155px;
}
.bigheadline.ruleRowCount-3,
.tpl_flex_bigheadline.ruleRowCount-3 {
padding-top: 150px;
padding-top: 155px;
}
.bigheadline.ruleRowCount-4,
.tpl_flex_bigheadline.ruleRowCount-4 {
padding-top: 180px;
padding-top: 186px;
}
.bigheadline.ruleRowCount-5,
.tpl_flex_bigheadline.ruleRowCount-5 {
padding-top: 210px;
padding-top: 217px;
}
.bigheadline h1,
.tpl_flex_bigheadline h1 {
font-size: 45px;
line-height: 46px;
font-size: 42px;
line-height: 42px;
float: right;
margin-right: 7.6171875%;
width: 60.546875%;
color: #ef411d;
font-weight: 700;
}
}
@media only screen and (max-width: 767px) {
.bigheadline,
.tpl_flex_bigheadline {
padding: 0 10px 1em 15px;
clear: both;
}
.bigheadline.ruleRowCount-1,
.tpl_flex_bigheadline.ruleRowCount-1 {
padding-top: 75px;
padding-top: 90px;
}
.bigheadline.ruleRowCount-2,
.tpl_flex_bigheadline.ruleRowCount-2 {
padding-top: 75px;
padding-top: 90px;
}
.bigheadline.ruleRowCount-3,
.tpl_flex_bigheadline.ruleRowCount-3 {
padding-top: 75px;
padding-top: 90px;
}
.bigheadline.ruleRowCount-4,
.tpl_flex_bigheadline.ruleRowCount-4 {
padding-top: 100px;
padding-top: 105px;
}
.bigheadline.ruleRowCount-5,
.tpl_flex_bigheadline.ruleRowCount-5 {
padding-top: 125px;
padding-top: 120px;
}
.bigheadline h1,
.tpl_flex_bigheadline h1 {
font-size: 45px;
line-height: 46px;
font-size: 28px;
line-height: 30px;
float: none;
letter-spacing: 0.04em;
}
}
@media only screen and (min-width: 1200px) {
.tpl_flex_contact,
main .contact {
font-size: 24px;
line-height: 29px;
overflow: hidden;
padding: 50px 0;
}
.tpl_flex_contact h3,
main .contact h3 {
font-size: 31px;
line-height: 35px;
margin-bottom: 0.5em;
color: #ef411d;
}
.tpl_flex_contact .left,
main .contact .left {
float: left;
overflow: hidden;
margin-left: 7.62195122%;
width: 40.0152439%;
text-align: right;
}
.tpl_flex_contact .right,
main .contact .right {
float: right;
overflow: hidden;
margin-right: 7.62195122%;
width: 42.68292683%;
}
.tpl_flex_contact .right form p,
main .contact .right form p {
margin: 0;
padding: 0;
}
.tpl_flex_contact .right form label,
main .contact .right form label {
position: absolute;
margin-left: -99999px;
}
.tpl_flex_contact .right form input,
.tpl_flex_contact .right form textarea,
main .contact .right form input,
main .contact .right form textarea {
transition: all 0.3s;
padding: 18px 0 12px 0;
width: 100%;
outline: 0;
border: none;
border-bottom: 1px solid #000;
background: 0 0;
font-weight: 400;
font-size: 20px;
}
.tpl_flex_contact .right form input::-webkit-input-placeholder,
.tpl_flex_contact .right form textarea::-webkit-input-placeholder,
main .contact .right form input::-webkit-input-placeholder,
main .contact .right form textarea::-webkit-input-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input::-moz-placeholder,
.tpl_flex_contact .right form textarea::-moz-placeholder,
main .contact .right form input::-moz-placeholder,
main .contact .right form textarea::-moz-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input:-ms-input-placeholder,
.tpl_flex_contact .right form textarea:-ms-input-placeholder,
main .contact .right form input:-ms-input-placeholder,
main .contact .right form textarea:-ms-input-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input:focus,
.tpl_flex_contact .right form textarea:focus,
main .contact .right form input:focus,
main .contact .right form textarea:focus {
border-bottom: 1px solid #ef411d;
}
.tpl_flex_contact .right form input:focus::-webkit-input-placeholder,
.tpl_flex_contact .right form textarea:focus::-webkit-input-placeholder,
main .contact .right form input:focus::-webkit-input-placeholder,
main .contact .right form textarea:focus::-webkit-input-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input:focus::-moz-placeholder,
.tpl_flex_contact .right form textarea:focus::-moz-placeholder,
main .contact .right form input:focus::-moz-placeholder,
main .contact .right form textarea:focus::-moz-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input:focus:-ms-input-placeholder,
.tpl_flex_contact .right form textarea:focus:-ms-input-placeholder,
main .contact .right form input:focus:-ms-input-placeholder,
main .contact .right form textarea:focus:-ms-input-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input[type="submit"],
.tpl_flex_contact .right form textarea[type="submit"],
main .contact .right form input[type="submit"],
main .contact .right form textarea[type="submit"] {
float: right;
width: auto;
border: none;
text-align: right;
}
.tpl_flex_contact .right form input[type="submit"]:focus,
.tpl_flex_contact .right form input[type="submit"]:hover,
.tpl_flex_contact .right form textarea[type="submit"]:focus,
.tpl_flex_contact .right form textarea[type="submit"]:hover,
main .contact .right form input[type="submit"]:focus,
main .contact .right form input[type="submit"]:hover,
main .contact .right form textarea[type="submit"]:focus,
main .contact .right form textarea[type="submit"]:hover {
border-bottom: 1px solid #000;
}
.tpl_flex_contact .right form .wpcf7-not-valid-tip,
main .contact .right form .wpcf7-not-valid-tip {
font-size: 18px;
line-height: 30px;
position: absolute;
right: 0;
display: block;
margin-top: -50px;
padding: 6px 0 6px 0;
width: 50%;
height: 28px;
background: #ef411d;
color: #fff;
text-align: left;
text-indent: 10px;
white-space: nowrap;
}
.tpl_flex_contact .right form .wpcf7-not-valid-tip:before,
main .contact .right form .wpcf7-not-valid-tip:before {
position: absolute;
top: 0;
left: -10px;
display: block;
width: 0;
height: 0;
border-width: 20px 10px 20px 0;
border-style: solid;
border-color: transparent #ef411d transparent transparent;
content: "\00A0";
}
.tpl_flex_contact .right form .wpcf7-response-output,
main .contact .right form .wpcf7-response-output {
clear: both;
margin: 0;
padding: 0;
}
.tpl_flex_contact .right form .wpcf7-mail-sent-ok,
main .contact .right form .wpcf7-mail-sent-ok {
border: none;
border-bottom: 2px solid #ef411d;
}
.tpl_flex_contact .right form small,
main .contact .right form small {
font-size: 18px;
line-height: 30px;
float: left;
clear: both;
margin-top: -2em;
}
.tpl_flex_contact .right form textarea,
main .contact .right form textarea {
margin-bottom: 0;
height: 8em;
resize: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.tpl_flex_contact,
main .contact {
font-size: 24px;
line-height: 29px;
overflow: hidden;
padding: 50px 0;
}
.tpl_flex_contact h3,
main .contact h3 {
font-size: 31px;
line-height: 35px;
margin-bottom: 0.5em;
color: #ef411d;
}
.tpl_flex_contact .left,
main .contact .left {
float: left;
overflow: hidden;
margin-left: 7.62195122%;
width: 40.0152439%;
text-align: right;
}
.tpl_flex_contact .right,
main .contact .right {
float: right;
overflow: hidden;
margin-right: 7.62195122%;
width: 42.68292683%;
}
.tpl_flex_contact .right form p,
main .contact .right form p {
margin: 0;
padding: 0;
}
.tpl_flex_contact .right form label,
main .contact .right form label {
position: absolute;
margin-left: -99999px;
}
.tpl_flex_contact .right form input,
.tpl_flex_contact .right form textarea,
main .contact .right form input,
main .contact .right form textarea {
transition: all 0.3s;
padding: 18px 0 12px 0;
width: 100%;
outline: 0;
border: none;
border-bottom: 1px solid #000;
background: 0 0;
font-weight: 400;
font-size: 20px;
}
.tpl_flex_contact .right form input::-webkit-input-placeholder,
.tpl_flex_contact .right form textarea::-webkit-input-placeholder,
main .contact .right form input::-webkit-input-placeholder,
main .contact .right form textarea::-webkit-input-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input::-moz-placeholder,
.tpl_flex_contact .right form textarea::-moz-placeholder,
main .contact .right form input::-moz-placeholder,
main .contact .right form textarea::-moz-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input:-ms-input-placeholder,
.tpl_flex_contact .right form textarea:-ms-input-placeholder,
main .contact .right form input:-ms-input-placeholder,
main .contact .right form textarea:-ms-input-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input:focus,
.tpl_flex_contact .right form textarea:focus,
main .contact .right form input:focus,
main .contact .right form textarea:focus {
border-bottom: 1px solid #ef411d;
}
.tpl_flex_contact .right form input:focus::-webkit-input-placeholder,
.tpl_flex_contact .right form textarea:focus::-webkit-input-placeholder,
main .contact .right form input:focus::-webkit-input-placeholder,
main .contact .right form textarea:focus::-webkit-input-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input:focus::-moz-placeholder,
.tpl_flex_contact .right form textarea:focus::-moz-placeholder,
main .contact .right form input:focus::-moz-placeholder,
main .contact .right form textarea:focus::-moz-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input:focus:-ms-input-placeholder,
.tpl_flex_contact .right form textarea:focus:-ms-input-placeholder,
main .contact .right form input:focus:-ms-input-placeholder,
main .contact .right form textarea:focus:-ms-input-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input[type="submit"],
.tpl_flex_contact .right form textarea[type="submit"],
main .contact .right form input[type="submit"],
main .contact .right form textarea[type="submit"] {
float: right;
width: auto;
border: none;
text-align: right;
}
.tpl_flex_contact .right form input[type="submit"]:focus,
.tpl_flex_contact .right form input[type="submit"]:hover,
.tpl_flex_contact .right form textarea[type="submit"]:focus,
.tpl_flex_contact .right form textarea[type="submit"]:hover,
main .contact .right form input[type="submit"]:focus,
main .contact .right form input[type="submit"]:hover,
main .contact .right form textarea[type="submit"]:focus,
main .contact .right form textarea[type="submit"]:hover {
border-bottom: 1px solid #000;
}
.tpl_flex_contact .right form .wpcf7-not-valid-tip,
main .contact .right form .wpcf7-not-valid-tip {
font-size: 18px;
line-height: 30px;
position: absolute;
right: 0;
display: block;
margin-top: -50px;
padding: 6px 0 6px 0;
width: 50%;
height: 28px;
background: #ef411d;
color: #fff;
text-align: left;
text-indent: 10px;
white-space: nowrap;
}
.tpl_flex_contact .right form .wpcf7-not-valid-tip:before,
main .contact .right form .wpcf7-not-valid-tip:before {
position: absolute;
top: 0;
left: -10px;
display: block;
width: 0;
height: 0;
border-width: 20px 10px 20px 0;
border-style: solid;
border-color: transparent #ef411d transparent transparent;
content: "\00A0";
}
.tpl_flex_contact .right form .wpcf7-response-output,
main .contact .right form .wpcf7-response-output {
clear: both;
margin: 0;
padding: 0;
}
.tpl_flex_contact .right form .wpcf7-mail-sent-ok,
main .contact .right form .wpcf7-mail-sent-ok {
border: none;
border-bottom: 2px solid #ef411d;
}
.tpl_flex_contact .right form small,
main .contact .right form small {
font-size: 18px;
line-height: 30px;
float: left;
clear: both;
margin-top: -2em;
}
.tpl_flex_contact .right form textarea,
main .contact .right form textarea {
margin-bottom: 0;
height: 8em;
resize: none;
}
}
@media only screen and (max-width: 767px) {
.tpl_flex_contact h3,
main .contact h3 {
font-size: 20px;
line-height: 24px;
font-weight: 700;
color: #ef411d;
margin-bottom: 1em;
}
.tpl_flex_contact .left,
main .contact .left {
font-size: 16px;
line-height: 17px;
display: block;
margin: 0 10px 2em 10px;
}
.tpl_flex_contact .left p,
main .contact .left p {
margin-bottom: 1em;
}
.tpl_flex_contact .right,
main .contact .right {
font-size: 16px;
line-height: 17px;
display: block;
margin: 0 10px;
}
.tpl_flex_contact .right form,
main .contact .right form {
padding-bottom: 2em;
}
.tpl_flex_contact .right form p,
main .contact .right form p {
margin: 0;
padding: 0;
}
.tpl_flex_contact .right form label,
main .contact .right form label {
position: absolute;
margin-left: -99999px;
}
.tpl_flex_contact .right form input,
.tpl_flex_contact .right form textarea,
main .contact .right form input,
main .contact .right form textarea {
transition: all 0.3s;
padding: 9px 0 6px 0;
width: 100%;
outline: 0;
border: none;
border-bottom: 1px solid #000;
background: 0 0;
font-weight: 400;
font-size: 16px;
}
.tpl_flex_contact .right form input::-webkit-input-placeholder,
.tpl_flex_contact .right form textarea::-webkit-input-placeholder,
main .contact .right form input::-webkit-input-placeholder,
main .contact .right form textarea::-webkit-input-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input::-moz-placeholder,
.tpl_flex_contact .right form textarea::-moz-placeholder,
main .contact .right form input::-moz-placeholder,
main .contact .right form textarea::-moz-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input:-ms-input-placeholder,
.tpl_flex_contact .right form textarea:-ms-input-placeholder,
main .contact .right form input:-ms-input-placeholder,
main .contact .right form textarea:-ms-input-placeholder {
color: #000;
font-weight: 400;
}
.tpl_flex_contact .right form input:focus,
.tpl_flex_contact .right form textarea:focus,
main .contact .right form input:focus,
main .contact .right form textarea:focus {
border-bottom: 1px solid #ef411d;
}
.tpl_flex_contact .right form input:focus::-webkit-input-placeholder,
.tpl_flex_contact .right form textarea:focus::-webkit-input-placeholder,
main .contact .right form input:focus::-webkit-input-placeholder,
main .contact .right form textarea:focus::-webkit-input-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input:focus::-moz-placeholder,
.tpl_flex_contact .right form textarea:focus::-moz-placeholder,
main .contact .right form input:focus::-moz-placeholder,
main .contact .right form textarea:focus::-moz-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input:focus:-ms-input-placeholder,
.tpl_flex_contact .right form textarea:focus:-ms-input-placeholder,
main .contact .right form input:focus:-ms-input-placeholder,
main .contact .right form textarea:focus:-ms-input-placeholder {
color: #ef411d;
font-weight: 400;
opacity: 0.3;
}
.tpl_flex_contact .right form input[type="submit"],
.tpl_flex_contact .right form textarea[type="submit"],
main .contact .right form input[type="submit"],
main .contact .right form textarea[type="submit"] {
float: right;
width: auto;
border: none;
text-align: right;
border-bottom: 1px solid transparent;
}
.tpl_flex_contact .right form input[type="submit"]:focus,
.tpl_flex_contact .right form input[type="submit"]:hover,
.tpl_flex_contact .right form textarea[type="submit"]:focus,
.tpl_flex_contact .right form textarea[type="submit"]:hover,
main .contact .right form input[type="submit"]:focus,
main .contact .right form input[type="submit"]:hover,
main .contact .right form textarea[type="submit"]:focus,
main .contact .right form textarea[type="submit"]:hover {
border-bottom: 1px solid #000;
}
.tpl_flex_contact .right form .wpcf7-not-valid-tip,
main .contact .right form .wpcf7-not-valid-tip {
font-size: 12px;
position: absolute;
right: 0;
display: block;
margin-top: -34px;
padding: 6px 0 2px 0;
width: 50%;
height: 20px;
background: #ef411d;
color: #fff;
text-align: left;
text-indent: 10px;
white-space: nowrap;
}
.tpl_flex_contact .right form .wpcf7-not-valid-tip:before,
main .contact .right form .wpcf7-not-valid-tip:before {
position: absolute;
top: 0;
left: -10px;
display: block;
width: 0;
height: 0;
border-width: 14px 10px 14px 0;
border-style: solid;
border-color: transparent #ef411d transparent transparent;
content: "\00A0";
}
.tpl_flex_contact .right form .wpcf7-response-output,
main .contact .right form .wpcf7-response-output {
clear: both;
margin: 0;
padding: 0;
}
.tpl_flex_contact .right form .wpcf7-mail-sent-ok,
main .contact .right form .wpcf7-mail-sent-ok {
border: none;
border-bottom: 2px solid #ef411d;
}
.tpl_flex_contact .right form small,
main .contact .right form small {
font-size: 18px;
line-height: 30px;
float: left;
clear: both;
margin-top: -2em;
}
.tpl_flex_contact .right form textarea,
main .contact .right form textarea {
margin-bottom: 0;
height: 8em;
resize: none;
}
}
@media only screen and (min-width: 1200px) {
.dn_gallery_build section {
position: relative;
overflow: hidden;
margin-left: 9.14634146%;
padding: 50px 0;
width: 87.19512195%;
}
.dn_gallery_build section li {
overflow: hidden;
width: 100%;
}
.dn_gallery_build section li h2 {
font-size: 45px;
line-height: 46px;
padding-bottom: 1em;
text-indent: 29.57317073%;
font-weight: 700;
}
.dn_gallery_build section li img {
float: left;
width: 28.04878049%;
height: auto;
}
.dn_gallery_build section li img:last-child {
float: right;
}
.dn_gallery_build section li div {
font-size: 24px;
line-height: 29px;
float: left;
padding: 0 1.52439024% 0 1.52439024%;
width: 40.0152439%;
height: auto;
}
.dn_gallery_build section li:after {
content: "\00A0";
display: block;
clear: both;
width: 1px;
height: 1px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.dn_gallery_build section {
position: relative;
overflow: hidden;
margin: 0 7.6171875%;
padding: 50px 0;
width: auto;
}
.dn_gallery_build section li {
overflow: hidden;
width: 100%;
}
.dn_gallery_build section li h2 {
padding-bottom: 0.5em;
text-indent: 22.8515625%;
font-size: 41px;
font-weight: 700;
}
.dn_gallery_build section li img {
float: left;
display: inline-block;
width: 47.91666667%;
height: auto;
}
.dn_gallery_build section li img:nth-child(4) {
margin-left: 2.60416667%;
}
.dn_gallery_build section li div {
font-size: 22px;
line-height: 26px;
padding: 0;
width: auto;
height: auto;
padding-bottom: 1em;
}
.dn_gallery_build section li:after {
content: "\00A0";
display: block;
clear: both;
width: 1px;
height: 1px;
}
}
@media only screen and (max-width: 767px) {
.dn_gallery_build {
font-size: 16px;
line-height: 17px;
}
.dn_gallery_build section {
padding: 0 10px;
}
.dn_gallery_build section li {
padding-bottom: 2em;
}
.dn_gallery_build section li h2 {
font-size: 20px;
line-height: 24px;
font-weight: 700;
}
.dn_gallery_build section li img {
width: 100%;
height: auto;
}
.dn_gallery_build section li div {
width: 100%;
padding-bottom: 1em;
}
}
@media only screen and (min-width: 1200px) {
.dn_gallery section {
position: relative;
overflow: hidden;
margin-left: 9.14634146%;
padding: 50px 0;
width: 87.19512195%;
}
.dn_gallery section li {
overflow: hidden;
width: 100%;
}
.dn_gallery section li img {
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.dn_gallery section {
position: relative;
overflow: hidden;
margin: 0 7.6171875%;
padding: 50px 0;
width: auto;
}
.dn_gallery section li {
overflow: hidden;
width: 100%;
}
.dn_gallery section li img {
width: 100%;
height: auto;
}
.dn_gallery .bx-controls-direction a {
width: 10px;
height: 10px;
}
}
@media only screen and (max-width: 767px) {
.dn_gallery section {
position: relative;
overflow: hidden;
margin: 0 10px;
padding: 50px 0 0 0;
width: auto;
}
.dn_gallery section li {
overflow: hidden;
width: 100%;
}
.dn_gallery section li img {
width: 100%;
height: auto;
}
}
.dn_numbered_table nav a,
.tpl_flex_dn_numbered_table nav a {
text-align: center;
}
.dn_numbered_table nav a:after,
.tpl_flex_dn_numbered_table nav a:after {
content: "\00A0";
display: block;
position: absolute;
left: 50%;
margin-left: -7px;
height: 15px;
width: 15px;
background: #ef411d;
bottom: 0;
margin-bottom: 5px;
z-index: -1;
-webkit-transform: scale(0);
transform: scale(0);
}
.dn_numbered_table nav a:hover:after,
.tpl_flex_dn_numbered_table nav a:hover:after {
margin-bottom: 5px;
z-index: -1;
-webkit-transform: scale(1) rotate(60deg) skew(20deg);
transform: scale(1) rotate(60deg) skew(20deg);
}
.dn_numbered_table nav a.active,
.dn_numbered_table nav a:hover,
.tpl_flex_dn_numbered_table nav a.active,
.tpl_flex_dn_numbered_table nav a:hover {
color: #fff;
background: #ef411d;
}
.dn_numbered_table nav a.active:after,
.tpl_flex_dn_numbered_table nav a.active:after {
margin-bottom: -6px;
-webkit-transform: scale(1) rotate(55deg) skew(20deg);
transform: scale(1) rotate(55deg) skew(20deg);
transition: all 1s;
}
.dn_numbered_table section table,
.tpl_flex_dn_numbered_table section table {
font-size: 24px;
line-height: 29px;
position: relative;
clear: both;
overflow: hidden;
border-collapse: collapse;
}
.dn_numbered_table section table tr,
.tpl_flex_dn_numbered_table section table tr {
position: relative;
border-bottom: 8px solid #f4f3f1;
display: none;
transition: all 0.3s;
}
.dn_numbered_table section table tr td,
.tpl_flex_dn_numbered_table section table tr td {
position: relative;
}
.dn_numbered_table section table tr td:first-child:before,
.tpl_flex_dn_numbered_table section table tr td:first-child:before {
position: absolute;
bottom: -5px;
left: 0;
z-index: 1;
display: block;
width: 2000px;
height: 2px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/dottetline_orange.svg) 50% 50%;
content: "\00A0";
}
.dn_numbered_table section table tr:nth-child(2n),
.tpl_flex_dn_numbered_table section table tr:nth-child(2n) {
color: #ef411d;
}
.dn_numbered_table section table tr.active,
.tpl_flex_dn_numbered_table section table tr.active {
display: table-row;
}
.dn_numbered_table section table tr:hover,
.tpl_flex_dn_numbered_table section table tr:hover {
background: #fdedea;
}
.dn_numbered_table section table thead tr,
.tpl_flex_dn_numbered_table section table thead tr {
background: 0 0;
display: table-row;
}
.dn_numbered_table section table thead tr td:nth-child(1),
.dn_numbered_table section table thead tr td:nth-child(2),
.tpl_flex_dn_numbered_table section table thead tr td:nth-child(1),
.tpl_flex_dn_numbered_table section table thead tr td:nth-child(2) {
text-indent: -99999px;
}
.dn_numbered_table section table thead tr td:first-child:before,
.tpl_flex_dn_numbered_table section table thead tr td:first-child:before {
position: absolute;
bottom: -5px;
left: 0;
z-index: 1;
display: block;
width: 2000px;
height: 2px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/dottetline.svg) 50% 50%;
content: "\00A0";
}
.dn_numbered_table section table thead tr:hover,
.tpl_flex_dn_numbered_table section table thead tr:hover {
background: inherit;
}
.dn_numbered_table caption,
.tpl_flex_dn_numbered_table caption {
display: block;
}
.dn_numbered_table nav,
.tpl_flex_dn_numbered_table nav {
display: block;
float: right;
overflow: hidden;
margin-bottom: 25px;
padding-right: 7.62195122%;
padding-bottom: 10px;
width: 100%;
text-align: right;
font-size: 0;
}
.dn_numbered_table nav:before,
.tpl_flex_dn_numbered_table nav:before {
font-size: 24px;
line-height: 29px;
display: block;
float: left;
margin-left: 35.44207317%;
width: 20.6554878%;
height: 2em;
border-bottom: 1px solid #000;
content: "\00A0";
}
.dn_numbered_table nav a,
.tpl_flex_dn_numbered_table nav a {
position: relative;
display: inline-block;
padding: 0.5em 0 0.2em 0;
width: 14.27702744%;
text-align: center;
font-size: 24px;
line-height: 29px;
}
.dn_numbered_table nav a:after,
.tpl_flex_dn_numbered_table nav a:after {
-webkit-transform: scale(0);
transform: scale(0);
position: absolute;
bottom: 0;
left: 50%;
z-index: -1;
display: block;
margin-bottom: 5px;
margin-left: -7px;
width: 15px;
height: 15px;
background: #ef411d;
content: "\00A0";
}
.dn_numbered_table nav a:hover:after,
.tpl_flex_dn_numbered_table nav a:hover:after {
-webkit-transform: scale(1) rotate(60deg) skew(20deg);
transform: scale(1) rotate(60deg) skew(20deg);
z-index: -1;
margin-bottom: 5px;
}
.dn_numbered_table nav a.active,
.dn_numbered_table nav a:hover,
.tpl_flex_dn_numbered_table nav a.active,
.tpl_flex_dn_numbered_table nav a:hover {
background: #ef411d;
color: #fff;
}
.dn_numbered_table nav a.active:after,
.tpl_flex_dn_numbered_table nav a.active:after {
-webkit-transform: scale(1) rotate(55deg) skew(20deg);
transform: scale(1) rotate(55deg) skew(20deg);
transition: all 1s;
margin-bottom: -6px;
}
.dn_numbered_table section,
.tpl_flex_dn_numbered_table section {
padding: 50px 0;
}
.dn_numbered_table section:after,
.tpl_flex_dn_numbered_table section:after {
display: block;
clear: both;
content: "\00A0";
}
.dn_numbered_table section table,
.tpl_flex_dn_numbered_table section table {
position: relative;
float: right;
clear: both;
overflow: hidden;
margin-right: 7.62195122%;
width: 65.0152439%;
border-collapse: collapse;
font-size: 24px;
line-height: 29px;
}
.dn_numbered_table section table tr,
.tpl_flex_dn_numbered_table section table tr {
transition: all 0.3s;
position: relative;
display: none;
}
.ff .dn_numbered_table section table tr,
.ff .tpl_flex_dn_numbered_table section table tr {
background: 0 0;
}
.ff .dn_numbered_table section table tr:after,
.ff .tpl_flex_dn_numbered_table section table tr:after {
content: "\00A0";
width: 100%;
height: 100%;
display: block;
top: 8px;
left: 0;
position: absolute;
z-index: -1;
}
.dn_numbered_table section table tr td,
.tpl_flex_dn_numbered_table section table tr td {
box-shadow: 0 2px 0 rgba(255, 255, 255, 0);
position: relative;
padding: 0.4em 10px 0.2em 10px;
}
.dn_numbered_table section table tr:nth-child(2n),
.tpl_flex_dn_numbered_table section table tr:nth-child(2n) {
color: #ef411d;
}
.dn_numbered_table section table tr.active,
.tpl_flex_dn_numbered_table section table tr.active {
display: table-row;
}
.dn_numbered_table section table thead tr,
.tpl_flex_dn_numbered_table section table thead tr {
display: table-row;
background: 0 0;
}
.dn_numbered_table section table thead tr td:nth-child(1),
.dn_numbered_table section table thead tr td:nth-child(2),
.tpl_flex_dn_numbered_table section table thead tr td:nth-child(1),
.tpl_flex_dn_numbered_table section table thead tr td:nth-child(2) {
text-indent: -99999px;
}
.ff .dn_numbered_table section table thead tr:after,
.ff .tpl_flex_dn_numbered_table section table thead tr:after {
display: none;
}
.dn_numbered_table caption,
.tpl_flex_dn_numbered_table caption {
display: block;
}
@media only screen and (max-width: 1199px) {
.dn_numbered_table,
.tpl_flex_dn_numbered_table {
width: auto;
margin: 0 7.6171875%;
}
.dn_numbered_table nav,
.tpl_flex_dn_numbered_table nav {
padding: 0 0 30px 0;
display: block;
float: none;
margin: 0;
overflow: hidden;
}
.dn_numbered_table nav:before,
.tpl_flex_dn_numbered_table nav:before {
font-size: 24px;
line-height: 29px;
display: block;
float: left;
margin-left: 0;
width: 25.26041667%;
margin-top: -16px;
}
.dn_numbered_table nav a,
.tpl_flex_dn_numbered_table nav a {
width: 23.69791667%;
padding: 0 inherit;
padding-top: 4px;
padding-bottom: 4px;
font-size: 18px;
line-height: 24px;
}
.dn_numbered_table section table,
.tpl_flex_dn_numbered_table section table {
font-size: 18px;
line-height: 24px;
width: 100%;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.dn_numbered_table,
.tpl_flex_dn_numbered_table {
width: auto;
margin: 0 10px;
font-size: 22px;
line-height: 26px;
}
.dn_numbered_table nav,
.tpl_flex_dn_numbered_table nav {
padding: 0 0 10px 0;
display: block;
float: none;
margin: 0;
overflow: hidden;
}
.dn_numbered_table nav:before,
.tpl_flex_dn_numbered_table nav:before {
display: none;
}
.dn_numbered_table nav a,
.tpl_flex_dn_numbered_table nav a {
width: 33.3333%;
font-size: 16px;
line-height: 17px;
padding-top: 8px;
}
.dn_numbered_table section table,
.tpl_flex_dn_numbered_table section table {
width: 100%;
margin: 0;
}
.dn_numbered_table section table tr,
.tpl_flex_dn_numbered_table section table tr {
position: relative;
width: 100%;
}
.dn_numbered_table section table tr td,
.tpl_flex_dn_numbered_table section table tr td {
float: left;
width: 25%;
min-height: 1em;
display: block;
position: relative;
margin: 0;
padding: 0 0;
font-size: 16px;
line-height: 17px;
line-height: 1.2em;
}
.dn_numbered_table section table tr td:first-child,
.tpl_flex_dn_numbered_table section table tr td:first-child {
text-indent: 0.5em;
display: inline-block;
width: auto;
}
.dn_numbered_table section table tr td:first-child:before,
.tpl_flex_dn_numbered_table section table tr td:first-child:before {
position: absolute;
top: -5px;
bottom: auto;
left: 0;
z-index: 1;
display: block;
width: 2000px;
height: 2px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/dottetline.svg) 50% 50%;
content: "\00A0";
}
.dn_numbered_table section table tr td:first-child:after,
.tpl_flex_dn_numbered_table section table tr td:first-child:after {
content: "\00A0";
}
.dn_numbered_table section table tr td:nth-child(1),
.dn_numbered_table section table tr td:nth-child(2),
.tpl_flex_dn_numbered_table section table tr td:nth-child(1),
.tpl_flex_dn_numbered_table section table tr td:nth-child(2) {
padding-top: 0.5em;
}
.dn_numbered_table section table tr td:nth-child(3),
.dn_numbered_table section table tr td:nth-child(4),
.dn_numbered_table section table tr td:nth-child(5),
.tpl_flex_dn_numbered_table section table tr td:nth-child(3),
.tpl_flex_dn_numbered_table section table tr td:nth-child(4),
.tpl_flex_dn_numbered_table section table tr td:nth-child(5) {
padding-bottom: 0.3em;
}
.dn_numbered_table section table tr td:nth-child(2),
.tpl_flex_dn_numbered_table section table tr td:nth-child(2) {
display: inline-block;
min-width: 90%;
width: auto;
}
.dn_numbered_table section table tr td:nth-child(3),
.tpl_flex_dn_numbered_table section table tr td:nth-child(3) {
text-indent: 0.5em;
}
.dn_numbered_table section table thead tr td:first-child:before,
.tpl_flex_dn_numbered_table section table thead tr td:first-child:before {
position: absolute;
bottom: -5px;
left: 0;
z-index: 1;
display: block;
width: 2000px;
height: 2px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/dottetline.svg) 50% 50%;
content: "\00A0";
display: none;
}
.dn_numbered_table section table thead tr td:nth-child(3):before,
.tpl_flex_dn_numbered_table section table thead tr td:nth-child(3):before {
position: absolute;
bottom: -5px;
left: 0;
z-index: 1;
display: block;
width: 2000px;
height: 2px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/dottetline.svg) 50% 50%;
content: "\00A0";
}
}
.tpl_flex_linkboxleft {
padding: 50px 0;
overflow: hidden;
}
.tpl_flex_linkboxleft section.thebox {
float: right;
width: 65.0152439%;
margin-right: 7.62195122%;
display: table-row;
}
@media only screen and (max-width: 1199px) {
.tpl_flex_linkboxleft section.thebox {
width: 100%;
margin: 0;
}
}
.tpl_flex_linkboxleft section.thebox .leftbox {
width: 26%;
display: table-cell;
padding-right: 1.8%;
font-size: 24px;
line-height: 29px;
}
@media only screen and (max-width: 1199px) {
.tpl_flex_linkboxleft section.thebox .leftbox {
font-size: 18px;
line-height: 20px;
width: 35.28645833%;
padding-left: 7.6171875% !important;
padding-right: 2.60416667%;
}
}
.tpl_flex_linkboxleft section.thebox .leftbox h4 {
font-weight: 700;
}
.tpl_flex_linkboxleft section.thebox .leftbox h5 {
font-weight: 400;
}
.tpl_flex_linkboxleft section.thebox .leftbox section {
padding-bottom: 0.5em;
}
.tpl_flex_linkboxleft section.thebox .leftbox section a {
color: #ef411d;
text-decoration: underline;
}
.tpl_flex_linkboxleft section.thebox .rightbox {
width: 70%;
display: table-cell;
padding-left: 2%;
border-left: 1px solid #000;
font-size: 24px;
line-height: 29px;
}
.tpl_flex_linkboxleft section.thebox .rightbox :last-child {
padding: 0;
}
@media only screen and (max-width: 1199px) {
.tpl_flex_linkboxleft section.thebox .rightbox {
font-size: 22px;
line-height: 24px;
width: 47.91666667%;
padding-right: 7.6171875%;
padding-left: 2.60416667%;
}
}
@media only screen and (max-width: 767px) {
.tpl_flex_linkboxleft {
padding: 50px 0;
overflow: hidden;
margin: 0 10px;
}
.tpl_flex_linkboxleft section.thebox {
font-size: 16px;
line-height: 17px;
}
.tpl_flex_linkboxleft section.thebox .leftbox {
display: table-footer-group;
}
.tpl_flex_linkboxleft section.thebox .leftbox h4 {
width: 30%;
display: inline-block;
vertical-align: top;
}
.tpl_flex_linkboxleft section.thebox .leftbox > div {
width: 60%;
display: inline-block;
vertical-align: top;
border-left: 1px solid #000;
padding-left: 5%;
font-size: 16px;
line-height: 17px;
}
.tpl_flex_linkboxleft section.thebox .rightbox {
display: table-header-group;
font-size: 16px;
line-height: 17px;
}
.tpl_flex_linkboxleft section.thebox .rightbox:after {
display: block;
width: 100%;
height: 40px;
position: relative;
top: 0;
left: 0;
content: "\00A0";
transition: all 0.3s;
z-index: 1;
}
}
@media only screen and (min-width: 1200px) {
.teaserOnGrey {
overflow: hidden;
padding: 50px 0;
background: #e5e5df;
}
.teaserOnGrey section > span {
font-size: 20px;
line-height: 22px;
display: block;
float: left;
width: 20.6554878%;
}
.teaserOnGrey section > span.image {
margin-right: 1.52439024%;
}
.teaserOnGrey section > span.image img {
width: 100%;
height: auto;
}
.teaserOnGrey section .headline {
font-weight: 700;
display: block;
margin-bottom: 0.4em;
font-size: 30px;
line-height: 26px;
}
.teaserOnGrey section a {
display: block;
margin-top: 0.8em;
text-decoration: underline;
}
.teaserOnGrey section a:hover {
text-decoration: none;
}
.teaserOnGrey section:first-child:before {
display: block;
float: left;
width: 9.14634146%;
height: 3px;
background: 0 0;
content: "\00A0";
}
.teaserOnGrey section:first-child:after {
display: block;
float: left;
width: 1.52439024%;
height: 3px;
background: 0 0;
content: "\00A0";
}
}
@media only screen and (max-width: 1199px) {
.teaserOnGrey {
overflow: hidden;
padding: 40px 0;
background: #e5e5df;
}
.teaserOnGrey section {
clear: both;
padding-bottom: 40px;
display: block;
overflow: hidden;
}
.teaserOnGrey section .image {
position: relative;
display: block;
float: left;
overflow: hidden;
margin-left: 12.63020833%;
width: 30.2734375%;
height: auto;
}
.teaserOnGrey section .image img {
width: 85%;
height: auto;
float: right;
}
.teaserOnGrey section .headline,
.teaserOnGrey section .text {
display: block;
float: right;
margin-right: 7.6171875%;
width: 47.91666667%;
}
.teaserOnGrey section .headline {
font-weight: 700;
margin-bottom: 0.4em;
font-size: 27px;
line-height: 26px;
}
.teaserOnGrey section .text {
font-size: 18px;
line-height: 20px;
}
.teaserOnGrey section a {
display: block;
margin-top: 0.8em;
text-decoration: underline;
}
.teaserOnGrey section a:hover {
text-decoration: none;
}
.teaserOnGrey section:last-child {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.teaserOnGrey {
background: #e5e5df;
}
.teaserOnGrey:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
.teaserOnGrey .iw {
width: 100%;
overflow: hidden;
display: table-row;
}
.teaserOnGrey section {
width: 45%;
overflow: hidden;
display: table-cell;
height: auto;
margin: 0;
padding: 0 3.125%;
}
.teaserOnGrey section .image {
position: relative;
display: block;
float: none;
overflow: hidden;
margin-left: 0;
width: 100%;
height: auto;
padding-bottom: 10px;
}
.teaserOnGrey section .image img {
width: 100%;
height: auto;
}
.teaserOnGrey section .headline,
.teaserOnGrey section .text {
display: block;
float: none;
margin-right: 0;
width: auto;
}
.teaserOnGrey section .headline {
font-weight: 700;
padding-top: 6px;
margin-bottom: 8px;
font-size: 20px;
line-height: 19px;
}
.teaserOnGrey section .text {
font-size: 13px;
line-height: 13px;
}
.teaserOnGrey section a {
display: block;
margin-top: 0.8em;
text-decoration: underline;
}
.teaserOnGrey section a:hover {
text-decoration: none;
}
}
@media only screen and (min-width: 1200px) {
.textblock_full_width,
.tpl_flex_textblock_full_width {
padding: 50px 0;
}
.textblock_full_width section,
.tpl_flex_textblock_full_width section {
margin-left: 12.95731707%;
width: 79.72560976%;
}
.textblock_full_width section h2,
.tpl_flex_textblock_full_width section h2 {
font-size: 45px;
line-height: 46px;
padding-bottom: 0.5em;
color: #ef411d;
}
.textblock_full_width section .textblock,
.tpl_flex_textblock_full_width section .textblock {
font-size: 27px;
line-height: 31px;
}
.textblock_full_width section .textblock a,
.tpl_flex_textblock_full_width section .textblock a {
text-decoration: underline;
-webkit-hyphens: auto;
hyphens: auto;
display: inline;
white-space: normal;
}
.textblock_full_width section .textblock a:hover,
.tpl_flex_textblock_full_width section .textblock a:hover {
text-decoration: none;
}
.textblock_full_width section .textblock p,
.tpl_flex_textblock_full_width section .textblock p {
padding-bottom: 0.8em;
-webkit-hyphens: auto;
hyphens: auto;
white-space: normal;
}
.textblock_full_width section .textblock ul li,
.tpl_flex_textblock_full_width section .textblock ul li {
list-style: disc;
margin-left: 1em;
line-height: 1em;
margin-bottom: 0.4em;
-webkit-hyphens: auto;
hyphens: auto;
}
.textblock_full_width section .textblock ul + p,
.tpl_flex_textblock_full_width section .textblock ul + p {
margin-top: 0.8em;
}
.textblock_full_width section .textblock hr,
.tpl_flex_textblock_full_width section .textblock hr {
outline: 0;
border: none;
border-bottom: 1px solid #000;
}
.textblock_full_width section .textblock p + hr,
.tpl_flex_textblock_full_width section .textblock p + hr {
margin-top: -0.2em;
margin-bottom: 0.8em;
}
.textblock_full_width section .textblock p img,
.tpl_flex_textblock_full_width section .textblock p img {
max-width: 100%;
height: auto;
}
.textblock_full_width section .textblock table,
.tpl_flex_textblock_full_width section .textblock table {
width: 100%;
}
.textblock_full_width section .textblock table tr td,
.tpl_flex_textblock_full_width section .textblock table tr td {
padding: 0.2em 0;
}
}
@media only screen and (max-width: 1199px) {
.textblock_full_width,
.tpl_flex_textblock_full_width {
padding: 50px 0;
}
.textblock_full_width section,
.tpl_flex_textblock_full_width section {
margin: 0 7.6171875%;
width: 60.546875%;
}
.textblock_full_width section h2,
.tpl_flex_textblock_full_width section h2 {
padding-bottom: 0.5em;
color: #ef411d;
font-size: 42px;
}
.textblock_full_width section .textblock,
.tpl_flex_textblock_full_width section .textblock {
font-size: 22px;
line-height: 26px;
}
.textblock_full_width section .textblock a,
.tpl_flex_textblock_full_width section .textblock a {
text-decoration: underline;
-webkit-hyphens: auto;
hyphens: auto;
display: inline;
white-space: normal;
}
.textblock_full_width section .textblock a:hover,
.tpl_flex_textblock_full_width section .textblock a:hover {
text-decoration: none;
}
.textblock_full_width section .textblock p,
.tpl_flex_textblock_full_width section .textblock p {
padding-bottom: 0.8em;
-webkit-hyphens: auto;
hyphens: auto;
white-space: normal;
}
.textblock_full_width section .textblock ul li,
.tpl_flex_textblock_full_width section .textblock ul li {
list-style: disc;
margin-left: 1em;
line-height: 1em;
margin-bottom: 0.4em;
-webkit-hyphens: auto;
hyphens: auto;
}
.textblock_full_width section .textblock ul + p,
.tpl_flex_textblock_full_width section .textblock ul + p {
margin-top: 0.8em;
}
.textblock_full_width section .textblock hr,
.tpl_flex_textblock_full_width section .textblock hr {
outline: 0;
border: none;
border-bottom: 1px solid #000;
}
.textblock_full_width section .textblock p + hr,
.tpl_flex_textblock_full_width section .textblock p + hr {
margin-top: -0.2em;
margin-bottom: 0.8em;
}
.textblock_full_width section .textblock p img,
.tpl_flex_textblock_full_width section .textblock p img {
max-width: 100%;
height: auto;
}
.textblock_full_width section .textblock table,
.tpl_flex_textblock_full_width section .textblock table {
width: 100%;
}
.textblock_full_width section .textblock table tr td,
.tpl_flex_textblock_full_width section .textblock table tr td {
padding: 0.2em 0;
}
}
@media only screen and (max-width: 767px) {
.textblock_full_width section,
.tpl_flex_textblock_full_width section {
margin: 0 10px;
}
.textblock_full_width section h2,
.tpl_flex_textblock_full_width section h2 {
font-size: 20px;
line-height: 24px;
}
.textblock_full_width section .textblock,
.tpl_flex_textblock_full_width section .textblock {
font-size: 16px;
line-height: 17px;
}
}
@media only screen and (min-width: 1200px) {
.linksBildRechtsText,
.moeglichesbildlinks,
.tpl_flex_textblock_pic {
overflow: hidden;
padding: 45px 0;
}
.linksBildRechtsText .iw,
.moeglichesbildlinks .iw,
.tpl_flex_textblock_pic .iw {
overflow: hidden;
}
.linksBildRechtsText .leftbox,
.moeglichesbildlinks .leftbox,
.tpl_flex_textblock_pic .leftbox {
font-size: 31px;
line-height: 35px;
float: left;
overflow: hidden;
padding-top: 0.8em;
padding-right: 7.39329268%;
padding-left: 28.04878049%;
width: 13.26219512%;
}
.home .linksBildRechtsText .leftbox,
.home .moeglichesbildlinks .leftbox,
.home .tpl_flex_textblock_pic .leftbox {
padding: 0;
padding-top: 0.8em;
width: 52.43902439%;
}
.linksBildRechtsText .leftbox img,
.moeglichesbildlinks .leftbox img,
.tpl_flex_textblock_pic .leftbox img {
float: right;
width: 100%;
max-width: 100%;
height: auto;
}
.linksBildRechtsText .rightbox,
.moeglichesbildlinks .rightbox,
.tpl_flex_textblock_pic .rightbox {
font-size: 24px;
line-height: 29px;
float: right;
overflow: hidden;
margin-right: 7.62195122%;
width: 42.68292683%;
}
.linksBildRechtsText .rightbox a,
.moeglichesbildlinks .rightbox a,
.tpl_flex_textblock_pic .rightbox a {
text-decoration: underline;
-webkit-hyphens: auto;
hyphens: auto;
display: inline;
white-space: normal;
}
.linksBildRechtsText .rightbox a:hover,
.moeglichesbildlinks .rightbox a:hover,
.tpl_flex_textblock_pic .rightbox a:hover {
text-decoration: none;
}
.linksBildRechtsText .rightbox p,
.moeglichesbildlinks .rightbox p,
.tpl_flex_textblock_pic .rightbox p {
padding-bottom: 0.8em;
-webkit-hyphens: auto;
hyphens: auto;
white-space: normal;
}
.linksBildRechtsText .rightbox ul li,
.moeglichesbildlinks .rightbox ul li,
.tpl_flex_textblock_pic .rightbox ul li {
list-style: disc;
margin-left: 1em;
line-height: 1em;
margin-bottom: 0.4em;
-webkit-hyphens: auto;
hyphens: auto;
}
.linksBildRechtsText .rightbox ul + p,
.moeglichesbildlinks .rightbox ul + p,
.tpl_flex_textblock_pic .rightbox ul + p {
margin-top: 0.8em;
}
.linksBildRechtsText .rightbox hr,
.moeglichesbildlinks .rightbox hr,
.tpl_flex_textblock_pic .rightbox hr {
outline: 0;
border: none;
border-bottom: 1px solid #000;
}
.linksBildRechtsText .rightbox p + hr,
.moeglichesbildlinks .rightbox p + hr,
.tpl_flex_textblock_pic .rightbox p + hr {
margin-top: -0.2em;
margin-bottom: 0.8em;
}
.linksBildRechtsText .rightbox p img,
.moeglichesbildlinks .rightbox p img,
.tpl_flex_textblock_pic .rightbox p img {
max-width: 100%;
height: auto;
}
.linksBildRechtsText .rightbox table,
.moeglichesbildlinks .rightbox table,
.tpl_flex_textblock_pic .rightbox table {
width: 100%;
}
.linksBildRechtsText .rightbox table tr td,
.moeglichesbildlinks .rightbox table tr td,
.tpl_flex_textblock_pic .rightbox table tr td {
padding: 0.2em 0;
}
.home .linksBildRechtsText .rightbox,
.home .moeglichesbildlinks .rightbox,
.home .tpl_flex_textblock_pic .rightbox {
font-size: 27px;
line-height: 31px;
width: 38.41463415%;
}
.linksBildRechtsText .rightbox .subheadline,
.moeglichesbildlinks .rightbox .subheadline,
.tpl_flex_textblock_pic .rightbox .subheadline {
font-size: 31px;
line-height: 35px;
color: #ef411d;
}
.home .linksBildRechtsText .rightbox .subheadline,
.home .moeglichesbildlinks .rightbox .subheadline,
.home .tpl_flex_textblock_pic .rightbox .subheadline {
font-size: 45px;
line-height: 46px;
padding-bottom: 0.4em;
}
.linksBildRechtsText .rightbox.rb2,
.moeglichesbildlinks .rightbox.rb2,
.tpl_flex_textblock_pic .rightbox.rb2 {
padding-top: 20px;
}
.linksBildRechtsText .rightbox.rb2 .subheadline,
.moeglichesbildlinks .rightbox.rb2 .subheadline,
.tpl_flex_textblock_pic .rightbox.rb2 .subheadline {
display: none;
}
.home .linksBildRechtsText .rb1 .subheadline,
.home .moeglichesbildlinks .rb1 .subheadline,
.home .tpl_flex_textblock_pic .rb1 .subheadline {
display: none;
}
.home .linksBildRechtsText .rb2 .subheadline,
.home .moeglichesbildlinks .rb2 .subheadline,
.home .tpl_flex_textblock_pic .rb2 .subheadline {
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.linksBildRechtsText,
.moeglichesbildlinks,
.tpl_flex_textblock_pic {
overflow: hidden;
padding: 45px 0;
}
.linksBildRechtsText .iw,
.moeglichesbildlinks .iw,
.tpl_flex_textblock_pic .iw {
overflow: hidden;
}
.linksBildRechtsText .leftbox,
.moeglichesbildlinks .leftbox,
.tpl_flex_textblock_pic .leftbox {
font-size: 31px;
line-height: 35px;
float: left;
padding-top: 0.8em;
width: 22.65625%;
margin-left: 7.6171875%;
}
.linksBildRechtsText .leftbox:after,
.moeglichesbildlinks .leftbox:after,
.tpl_flex_textblock_pic .leftbox:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
.linksBildRechtsText .leftbox img,
.moeglichesbildlinks .leftbox img,
.tpl_flex_textblock_pic .leftbox img {
float: right;
width: 100%;
max-width: 100%;
height: auto;
}
.linksBildRechtsText .rightbox,
.moeglichesbildlinks .rightbox,
.tpl_flex_textblock_pic .rightbox {
font-size: 22px;
line-height: 26px;
float: right;
overflow: hidden;
width: 60.546875%;
margin-right: 7.6171875%;
}
.linksBildRechtsText .rightbox a,
.moeglichesbildlinks .rightbox a,
.tpl_flex_textblock_pic .rightbox a {
text-decoration: underline;
-webkit-hyphens: auto;
hyphens: auto;
display: inline;
white-space: normal;
}
.linksBildRechtsText .rightbox a:hover,
.moeglichesbildlinks .rightbox a:hover,
.tpl_flex_textblock_pic .rightbox a:hover {
text-decoration: none;
}
.linksBildRechtsText .rightbox p,
.moeglichesbildlinks .rightbox p,
.tpl_flex_textblock_pic .rightbox p {
padding-bottom: 0.8em;
-webkit-hyphens: auto;
hyphens: auto;
white-space: normal;
}
.linksBildRechtsText .rightbox ul li,
.moeglichesbildlinks .rightbox ul li,
.tpl_flex_textblock_pic .rightbox ul li {
list-style: disc;
margin-left: 1em;
line-height: 1em;
margin-bottom: 0.4em;
-webkit-hyphens: auto;
hyphens: auto;
}
.linksBildRechtsText .rightbox ul + p,
.moeglichesbildlinks .rightbox ul + p,
.tpl_flex_textblock_pic .rightbox ul + p {
margin-top: 0.8em;
}
.linksBildRechtsText .rightbox hr,
.moeglichesbildlinks .rightbox hr,
.tpl_flex_textblock_pic .rightbox hr {
outline: 0;
border: none;
border-bottom: 1px solid #000;
}
.linksBildRechtsText .rightbox p + hr,
.moeglichesbildlinks .rightbox p + hr,
.tpl_flex_textblock_pic .rightbox p + hr {
margin-top: -0.2em;
margin-bottom: 0.8em;
}
.linksBildRechtsText .rightbox p img,
.moeglichesbildlinks .rightbox p img,
.tpl_flex_textblock_pic .rightbox p img {
max-width: 100%;
height: auto;
}
.linksBildRechtsText .rightbox table,
.moeglichesbildlinks .rightbox table,
.tpl_flex_textblock_pic .rightbox table {
width: 100%;
}
.linksBildRechtsText .rightbox table tr td,
.moeglichesbildlinks .rightbox table tr td,
.tpl_flex_textblock_pic .rightbox table tr td {
padding: 0.2em 0;
}
.linksBildRechtsText .rightbox .subheadline,
.moeglichesbildlinks .rightbox .subheadline,
.tpl_flex_textblock_pic .rightbox .subheadline {
font-size: 30px;
line-height: 30px;
font-size: 31px;
line-height: 35px;
width: auto;
margin-right: 7.6171875%;
color: #ef411d;
}
.home .linksBildRechtsText .rightbox .subheadline,
.home .moeglichesbildlinks .rightbox .subheadline,
.home .tpl_flex_textblock_pic .rightbox .subheadline {
font-size: 45px;
line-height: 46px;
}
.linksBildRechtsText .rightbox.rb2,
.moeglichesbildlinks .rightbox.rb2,
.tpl_flex_textblock_pic .rightbox.rb2 {
padding-top: 20px;
}
.linksBildRechtsText .rightbox.rb2 .subheadline,
.moeglichesbildlinks .rightbox.rb2 .subheadline,
.tpl_flex_textblock_pic .rightbox.rb2 .subheadline {
display: none;
}
.home .iw {
width: 100%;
}
.home .iw .iw {
margin-right: 7.6171875%;
width: 47.91666667%;
float: right;
}
.home .iw .iw .rightbox {
width: 100%;
margin-right: 0;
}
.home .iw .iw .rightbox .subheadline {
font-size: 32px;
line-height: 34px;
}
.home .iw .leftbox {
padding-top: 0;
margin-left: 12.63020833%;
width: 30.2734375%;
}
.home .iw .leftbox:after {
display: block;
clear: both;
content: "\00A0";
top: 0;
left: 0;
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
}
.home .iw .rb2 {
margin-right: 7.6171875%;
width: 47.91666667%;
}
}
@media only screen and (max-width: 767px) {
.linksBildRechtsText,
.moeglichesbildlinks,
.tpl_flex_textblock_pic {
overflow: hidden;
}
.linksBildRechtsText .iw,
.moeglichesbildlinks .iw,
.tpl_flex_textblock_pic .iw {
width: 100%;
}
.linksBildRechtsText .iw .iw,
.moeglichesbildlinks .iw .iw,
.tpl_flex_textblock_pic .iw .iw {
width: 100%;
}
.linksBildRechtsText .iw .iw .rightbox,
.moeglichesbildlinks .iw .iw .rightbox,
.tpl_flex_textblock_pic .iw .iw .rightbox {
width: auto;
margin-right: 0;
padding: 0 3.125%;
}
.linksBildRechtsText .iw .iw .rightbox .subheadline,
.moeglichesbildlinks .iw .iw .rightbox .subheadline,
.tpl_flex_textblock_pic .iw .iw .rightbox .subheadline {
display: none;
}
.linksBildRechtsText .iw .leftbox,
.moeglichesbildlinks .iw .leftbox,
.tpl_flex_textblock_pic .iw .leftbox {
margin: 3.125%;
}
.linksBildRechtsText .iw .leftbox img,
.moeglichesbildlinks .iw .leftbox img,
.tpl_flex_textblock_pic .iw .leftbox img {
width: 100%;
max-width: 100%;
height: auto;
}
.linksBildRechtsText .iw .rightbox,
.moeglichesbildlinks .iw .rightbox,
.tpl_flex_textblock_pic .iw .rightbox {
padding: 10px 3.125%;
}
.linksBildRechtsText .iw .rightbox.rb2 .subheadline,
.moeglichesbildlinks .iw .rightbox.rb2 .subheadline,
.tpl_flex_textblock_pic .iw .rightbox.rb2 .subheadline {
font-size: 20px;
line-height: 24px;
color: #ef411d;
margin-bottom: 1em;
}
.linksBildRechtsText .iw .rightbox.rb2 p,
.moeglichesbildlinks .iw .rightbox.rb2 p,
.tpl_flex_textblock_pic .iw .rightbox.rb2 p {
font-size: 16px;
line-height: 17px;
}
.home .iw .iw .rightbox {
padding-top: 20px;
}
.home .iw .iw .rightbox.rb1 .subheadline {
display: block;
font-size: 28px;
line-height: 25px;
color: #ef411d;
margin-bottom: 0.5em;
}
.home .rightbox.rb2 .subheadline {
display: none;
}
}
.tpl_flex_twocolumns .iw {
padding: 45px 0;
}
.tpl_flex_twocolumns .iw aside {
float: left;
padding: 0 0 45px 0;
margin-left: 26.75304878%;
width: 28.04878049%;
}
.tpl_flex_twocolumns .iw aside:last-child {
margin-left: 8.91768293%;
}
.tpl_flex_twocolumns .iw aside h2 {
font-size: 30px;
line-height: 34px;
color: #ef411d;
font-weight: 400;
padding-bottom: 10px;
}
.tpl_flex_twocolumns .iw aside div {
font-size: 24px;
line-height: 29px;
}
@media only screen and (max-width: 1199px) {
.tpl_flex_twocolumns .iw {
margin: 0 7.6171875%;
overflow: hidden;
padding: 0 0 5px 0;
}
.tpl_flex_twocolumns .iw aside {
overflow: hidden;
padding: 0 0 10px 0;
margin-left: 0;
width: 40.29947917%;
}
.tpl_flex_twocolumns .iw aside:last-child {
margin-left: 2.60416667%;
}
.tpl_flex_twocolumns .iw aside div {
font-size: 22px;
line-height: 26px;
}
}
@media only screen and (max-width: 769px) {
.tpl_flex_twocolumns .iw {
margin: 0 10px;
overflow: hidden;
padding: 0;
width: auto;
}
.tpl_flex_twocolumns .iw aside {
width: 100%;
margin-left: 0;
padding: 0;
clear: both;
}
.tpl_flex_twocolumns .iw aside:last-child {
margin: 0;
}
.tpl_flex_twocolumns .iw aside h2 {
font-weight: 700;
font-size: 20px !important;
line-height: 24px;
}
.tpl_flex_twocolumns .iw aside div {
font-size: 16px;
line-height: 17px;
}
}
@media only screen and (min-width: 1200px) {
footer {
position: relative;
clear: both;
padding: 50px 0 0 0;
}
footer:before {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViN2U2YyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWY0MTFkIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background-image: linear-gradient(to bottom, #eb7e6c 0, #ef411d 100%);
position: absolute;
top: 0;
left: 0;
z-index: -2;
display: block;
width: 100%;
height: 100%;
content: "\00A0";
}
footer:after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/kurven.svg) 50% 100% no-repeat;
background-size: contain;
content: "\00A0";
}
#footermenue {
overflow: hidden;
}
#footermenue ul {
overflow: hidden;
}
#footermenue ul:before {
display: block;
margin-bottom: 35px;
margin-left: 9.14634146%;
width: 87.19512195%;
height: 3px;
background: #ef411d;
content: "\00A0";
}
#footermenue ul li {
display: block;
float: left;
margin-left: 1.52439024%;
width: 20.6554878%;
overflow: hidden;
position: relative;
height: 100%;
}
#footermenue ul li a {
display: block;
overflow: hidden;
padding-bottom: 35px;
min-height: 425px;
height: 100%;
border-bottom: 3px solid #ef411d;
}
#footermenue ul li a figure {
position: relative;
margin-bottom: 20px;
width: 100%;
height: auto;
}
#footermenue ul li a figure img {
width: 100%;
height: auto;
}
#footermenue ul li a figure img:last-child {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: auto;
opacity: 0;
}
#footermenue ul li a span {
display: block;
margin: 0 3.04878049%;
font-size: 20px;
line-height: 22px;
-webkit-hyphens: auto;
hyphens: auto;
}
#footermenue ul li a figure + span {
height: 60px;
font-size: 26px;
font-weight: 700;
line-height: 24px;
}
#footermenue ul li a:hover {
background: #ef411d;
color: #fff;
}
#footermenue ul li a:hover figure img:last-child {
opacity: 1;
}
#footermenue ul li:first-child {
margin-left: 9.14634146%;
}
#footermenue ul:after {
content: "\00A0";
display: block;
width: 1px;
height: 1px;
position: relative;
clear: both;
}
.iw #footer {
margin-top: 500px;
border-top: 4px solid #f4f3f1;
color: #f4f3f1;
width: auto;
margin-right: 3.69740854%;
}
.iw #footer p {
padding: 20px 0 100px 9.14634146%;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 21px;
line-height: 19px;
}
}
@media only screen and (max-width: 1199px) {
footer {
position: relative;
clear: both;
padding: 50px 0 0 0;
}
footer:before {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViN2U2YyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWY0MTFkIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background-image: linear-gradient(to bottom, #eb7e6c 0, #ef411d 100%);
position: absolute;
top: 0;
left: 0;
z-index: -2;
display: block;
width: 100%;
height: 100%;
content: "\00A0";
}
footer:after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/kurven.svg) 50% 100% no-repeat;
background-size: contain;
content: "\00A0";
}
#footermenue {
overflow: hidden;
}
#footermenue ul {
overflow: hidden;
margin: 0 7.6171875%;
}
#footermenue ul:before {
display: block;
margin-bottom: 35px;
height: 3px;
background: #ef411d;
content: "\00A0";
}
#footermenue ul li {
display: block;
float: left;
margin-left: 1%;
overflow: hidden;
position: relative;
height: 100%;
width: 24.25%;
}
#footermenue ul li a {
display: block;
overflow: hidden;
padding-bottom: 35px;
min-height: 475px;
height: 100%;
border-bottom: 3px solid #ef411d;
}
#footermenue ul li a figure {
position: relative;
margin-bottom: 20px;
width: 100%;
height: auto;
}
#footermenue ul li a figure img {
width: 100%;
height: auto;
}
#footermenue ul li a figure img:last-child {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: auto;
opacity: 0;
}
#footermenue ul li a span {
display: block;
margin: 0 20px 0 0;
font-size: 18px;
line-height: 20px;
}
#footermenue ul li a figure + span {
height: 40px;
font-size: 22px;
font-weight: 700;
}
#footermenue ul li a:hover {
color: #fff;
}
#footermenue ul li a:hover figure img:last-child {
opacity: 1;
}
#footermenue ul li:first-child {
margin-left: 0;
}
#footermenue ul:after {
content: "\00A0";
display: block;
width: 1px;
height: 1px;
position: relative;
clear: both;
}
.iw #footer {
border-top: 4px solid #f4f3f1;
color: #f4f3f1;
width: auto;
margin: 0 7.6171875%;
margin-top: 250px;
}
.iw #footer p {
padding: 20px 0 25px 0;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 16px;
line-height: 19px;
}
}
@media only screen and (max-width: 767px) {
footer {
padding: 50px 0 0 0;
}
#footermenue ul {
overflow: hidden;
margin: 0 3.125%;
}
#footermenue ul:before {
display: none;
}
#footermenue ul li {
display: block;
float: left;
margin-left: 0;
position: relative;
height: 100%;
width: 100%;
padding-bottom: 30px;
}
#footermenue ul li a {
display: block;
overflow: hidden;
padding-bottom: 10px;
min-height: none;
}
#footermenue ul li a figure {
position: relative;
margin-bottom: 20px;
width: 100%;
height: auto;
}
#footermenue ul li a span {
display: block;
margin: 0 20px 0 0;
font-size: 18px;
line-height: 20px;
}
#footermenue ul li a figure + span {
height: 60px;
font-size: 22px;
line-height: 22px;
font-weight: 700;
}
#footermenue ul:after {
content: "\00A0";
display: block;
width: 1px;
height: 1px;
position: relative;
clear: both;
}
.iw #footer {
border-top: 4px solid #f4f3f1;
color: #f4f3f1;
width: auto;
margin: 0;
margin-top: 175px;
min-height: 125px;
}
.iw #footer p {
text-transform: none;
letter-spacing: 0.1em;
font-size: 10px;
line-height: 14px;
padding: 10px 3.125%;
text-align: right;
max-width: 200px;
float: right;
}
.iw #footer:after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/kurven.svg) 50% 100% no-repeat;
background-size: contain;
content: "\00A0";
}
}
#searchWrapper {
z-index: 20002;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0;
display: block;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.ui-helper-hidden-accessible {
display: none;
}
#closesearch {
width: 28px;
height: 28px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/close_28x28.svg) 50% 50% no-repeat;
background-size: contain;
position: absolute;
text-indent: -9999px;
top: 30px;
right: 30px;
z-index: 20003;
position: fixed;
display: none;
}
body.searchOpen {
height: 1px;
overflow: hidden;
padding: 0;
}
body.searchOpen header {
height: 1px;
overflow: hidden;
}
body.searchOpen:before {
display: block;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
content: "\00A0";
z-index: 10000;
}
body.searchOpen #topnavi768 {
display: none;
}
body.searchOpen #searchWrapper {
display: block;
height: 100%;
background-color: rgba(239, 65, 29, 0.98);
}
body.searchOpen #closesearch {
display: block;
}
#thesearchframe {
padding-top: 160px;
background-color: rgba(239, 65, 29, 0.98);
color: #fff;
text-align: center;
font-size: 24px;
line-height: 29px;
overflow-y: scroll;
}
#thesearchframe:before {
display: none !important;
margin-left: -99999px;
}
.iam960 {
width: 960px;
margin: 0 auto;
text-align: left;
}
#search_box_container {
width: 660px;
margin-left: 115px;
padding-bottom: 60px;
}
#search_box_container * {
background: 0 0;
border: none;
outline: 0;
color: #fff;
font-size: 28px;
box-shadow: none;
text-align: left;
line-height: 30px;
}
#search_box_container #search {
border-bottom: 2px solid #fff;
}
#search_box_container #search .VS-search .VS-search-box .VS-icon-search,
#search_box_container
#search
.VS-search
.VS-search-box-wrapper
.VS-icon-search {
display: block;
width: 70px;
height: 70px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/magnifier-thin.svg);
background-size: contain;
position: absolute;
left: -90px;
top: -5px;
}
#search_box_container #search .VS-search .VS-search-box .VS-hidden,
#search_box_container #search .VS-search .VS-search-box .VS-placeholder,
#search_box_container #search .VS-search .VS-search-box-wrapper .VS-hidden,
#search_box_container
#search
.VS-search
.VS-search-box-wrapper
.VS-placeholder {
display: none;
}
#search_box_container #search .VS-search .VS-search-box .VS-search-inner,
#search_box_container
#search
.VS-search
.VS-search-box-wrapper
.VS-search-inner {
height: 45px;
}
#search_box_container
#search
.VS-search
.VS-search-box
.VS-search-inner
> .search_input,
#search_box_container
#search
.VS-search
.VS-search-box-wrapper
.VS-search-inner
> .search_input {
display: none;
}
#search_box_container
#search
.VS-search
.VS-search-box
.VS-search-inner
.search_facet_input,
#search_box_container
#search
.VS-search
.VS-search-box-wrapper
.VS-search-inner
.search_facet_input {
width: auto;
}
#search_box_container #search .VS-search .VS-search-box .search_facet .category,
#search_box_container
#search
.VS-search
.VS-search-box-wrapper
.search_facet
.category {
display: none;
}
#wpus_response .post {
width: 660px;
margin-left: 115px;
padding-bottom: 60px;
}
#wpus_response .post h2 {
color: #fff;
font-weight: 700;
}
#wpus_response .post h2 a {
color: #fff;
font-weight: 700;
text-decoration: none;
}
#wpus_response .post a {
color: #fff;
text-decoration: underline;
}
#wpus_response .wpus-highlight {
font-weight: 400;
}
#wpus_response .postmetadata {
display: none;
}
#wpus_response .tags {
display: none;
}
.wpus-no-results {
width: 660px;
margin-left: 115px;
padding-bottom: 60px;
text-align: left;
}
@media only screen and (max-width: 1199px) {
.iam960 {
font-size: 22px;
line-height: 26px;
}
}
@media only screen and (max-width: 767px) {
#thesearchframe {
padding-top: 60px;
}
.iam960 {
width: 85vw;
margin: 0 30px;
word-wrap: break-word;
font-size: 16px;
line-height: 17px;
}
#search_box_container {
width: auto;
margin-left: 80px;
padding-bottom: 60px;
}
#search_box_container #search .VS-search .VS-search-box .VS-icon-search,
#search_box_container
#search
.VS-search
.VS-search-box-wrapper
.VS-icon-search {
display: block;
width: 60px;
height: 60px;
margin-left: 0;
left: -80px;
}
#wpus_response .post {
width: auto;
margin: 0;
padding-bottom: 60px;
}
.wpus-no-results {
width: auto;
margin-left: 0;
padding-bottom: 60px;
text-align: left;
}
}
.googlemaps {
margin-left: 26.75304878%;
width: 65.0152439%;
}
#map-canvas {
width: 100%;
height: 400px;
}
@media only screen and (max-width: 1199px) {
.googlemaps {
margin: 0 7.6171875%;
width: auto;
height: auto;
display: block;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.googlemaps {
margin: 0;
width: auto;
height: auto;
margin: 0 10px;
display: block;
margin-bottom: 50px;
}
#map-canvas {
width: 100%;
height: 300px;
}
}
.mybutton button {
background: #ef411d;
color: #fff;
border: none;
padding: 0.5em 1.5em 0.5em 1.5em;
font-size: 22px;
font-family: ff-seria-sans-web-pro, "Avenir Next Condensed", "arial narrow",
helvetica, sans-serif;
-ms-font-feature-settings: "onum" 1;
-webkit-font-feature-settings: "onum" 1;
font-feature-settings: "onum" 1;
-moz-font-variant-numeric: oldstyle-nums;
-ms-font-variant-numeric: oldstyle-nums;
-webkit-font-variant-numeric: oldstyle-nums;
font-variant-numeric: oldstyle-nums;
-moz-font-variant: oldstyle-nums;
-ms-font-variant: oldstyle-nums;
-webkit-font-variant: oldstyle-nums;
font-variant: oldstyle-nums;
margin-top: 1.4em;
margin-bottom: 1.4em;
}
.mybutton button:hover {
outline: 4px solid #ef411d;
}
@media only screen and (min-width: 1200px) {
#ludgerirastProgrammTrigger {
display: none;
}
#ludgerirastProgramm section.m1 {
display: none;
}
#ludgerirastProgramm section {
font-size: 24px;
line-height: 29px;
}
#ludgerirastProgramm section #allSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
position: relative;
z-index: 1900;
float: right;
margin-right: 7.62195122%;
min-height: 100px;
width: 853px;
}
#ludgerirastProgramm section #allSelect #forCat0 {
float: left;
width: 34%;
}
#ludgerirastProgramm section #allSelect #forCat1 {
position: relative;
z-index: 1900;
display: block;
float: right;
width: 64%;
}
#ludgerirastProgramm section #allSelect #forCat1 .dropdown {
position: absolute;
top: 0;
left: 0;
display: block;
margin-left: -9999px;
width: 100%;
}
#ludgerirastProgramm section #allSelect #forCat1 .dropdown.active {
visibility: visible;
margin-left: 0;
}
#ludgerirastProgramm section #paged {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
clear: both;
padding-bottom: 60px;
text-align: center;
font-size: 24px;
}
#ludgerirastProgramm section #paged ul {
margin: 0 auto;
margin: 0;
list-style: none;
}
#ludgerirastProgramm section #paged li {
position: relative;
display: inline-block;
margin: 0;
padding: 0 7px 0 11px;
border-left: 1px solid #000;
color: #ef411d;
list-style: none;
text-align: center;
text-decoration: underline;
line-height: 18px;
}
#ludgerirastProgramm section #paged li:hover {
cursor: pointer;
}
#ludgerirastProgramm section #paged li:first-child {
border: none;
}
#ludgerirastProgramm section #paged li[data-target]:hover:before {
position: absolute;
top: 30px;
left: 50%;
z-index: 1;
display: block;
margin-top: -7px;
margin-left: -5px;
width: 10px;
height: 7px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pagedarrow.svg) no-repeat;
content: "\00A0";
}
#ludgerirastProgramm section #paged li[data-target]:hover:after {
position: absolute;
top: 30px;
left: 54%;
display: block;
margin-left: -55px;
padding: 8px 0 5px 0;
width: 110px;
background: #ef411d;
color: #fff;
content: attr(data-target);
text-align: center;
white-space: nowrap;
font-size: 15px;
line-height: 15px;
}
#ludgerirastProgramm section #paged li.currentPage {
text-decoration: none;
}
#ludgerirastProgramm section #paged li.inactive {
opacity: 0.2;
}
#ludgerirastProgramm section #paged li.overpaged {
display: none;
}
#ludgerirastProgramm section #programmoutput section {
transition: all 1ms;
clear: both;
overflow: hidden;
padding: 0;
max-height: 0;
}
#ludgerirastProgramm section #programmoutput section.currentPage {
padding: 0 0 1.5em 0;
max-height: 1000px;
}
#ludgerirastProgramm section #programmoutput section .sortIndex {
float: right;
overflow: hidden;
margin-right: 1.52439024%;
width: 5.86890244%;
white-space: nowrap;
font-size: 24px;
}
#ludgerirastProgramm section #programmoutput section .rightblock {
float: right;
overflow: hidden;
margin-right: 7.62195122%;
width: 57.62195122%;
}
#ludgerirastProgramm section #programmoutput section .rightblock button {
background: #ef411d;
color: #fff;
border: none;
padding: 0.5em 1.5em 0.5em 1.5em;
font-size: 22px;
font-family: ff-seria-sans-web-pro, "Avenir Next Condensed", "arial narrow",
helvetica, sans-serif;
-ms-font-feature-settings: "onum" 1;
-webkit-font-feature-settings: "onum" 1;
font-feature-settings: "onum" 1;
-moz-font-variant-numeric: oldstyle-nums;
-ms-font-variant-numeric: oldstyle-nums;
-webkit-font-variant-numeric: oldstyle-nums;
font-variant-numeric: oldstyle-nums;
-moz-font-variant: oldstyle-nums;
-ms-font-variant: oldstyle-nums;
-webkit-font-variant: oldstyle-nums;
font-variant: oldstyle-nums;
margin-top: 1.4em;
margin-bottom: 1.4em;
}
#ludgerirastProgramm
section
#programmoutput
section
.rightblock
button:hover {
outline: 4px solid #ef411d;
}
#ludgerirastProgramm section #programmoutput h4 {
text-transform: uppercase;
font-size: 18px;
line-height: 20px;
}
#ludgerirastProgramm section #programmoutput h4:first-child {
padding-top: 5px;
}
#ludgerirastProgramm section #programmoutput h3 {
font-weight: 700;
padding-top: 10px;
color: #ef411d;
font-size: 40px;
line-height: 50px;
}
#ludgerirastProgramm section #programmoutput h5 {
padding-top: 2px;
padding-bottom: 10px;
color: #ef411d;
font-size: 40px;
line-height: 50px;
}
#ludgerirastProgramm section #programmoutput strong {
clear: both;
}
#ludgerirastProgramm section #programmoutput strong:before {
content: "\a";
white-space: pre;
}
#ludgerirastProgramm section #programmoutput .facts,
#ludgerirastProgramm section #programmoutput .facts strong {
letter-spacing: 0.05em;
font-weight: 400 !important;
font-size: 20px;
line-height: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
#ludgerirastProgrammTrigger {
display: none;
}
#ludgerirastProgramm section.m1 {
display: none;
}
#ludgerirastProgramm section {
font-size: 24px;
line-height: 29px;
}
#ludgerirastProgramm section #allSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
position: relative;
z-index: 1900;
min-height: 100px;
display: block;
margin: 0 7.6171875%;
}
#ludgerirastProgramm section #allSelect #forCat0 {
float: left;
width: 34%;
}
#ludgerirastProgramm section #allSelect #forCat1 {
position: relative;
z-index: 1900;
display: block;
float: right;
width: 64%;
}
#ludgerirastProgramm section #allSelect #forCat1 .dropdown {
position: absolute;
top: 0;
left: 0;
display: block;
margin-left: -9999px;
width: 100%;
}
#ludgerirastProgramm section #allSelect #forCat1 .dropdown.active {
visibility: visible;
margin-left: 0;
}
#ludgerirastProgramm section #paged {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
clear: both;
padding-bottom: 60px;
text-align: center;
font-size: 24px;
}
#ludgerirastProgramm section #paged ul {
margin: 0 auto;
margin: 0;
list-style: none;
}
#ludgerirastProgramm section #paged li {
position: relative;
display: inline-block;
margin: 0;
padding: 0 7px 0 11px;
border-left: 1px solid #000;
color: #ef411d;
list-style: none;
text-align: center;
text-decoration: underline;
line-height: 18px;
}
#ludgerirastProgramm section #paged li:hover {
cursor: pointer;
}
#ludgerirastProgramm section #paged li:first-child {
border: none;
}
#ludgerirastProgramm section #paged li[data-target]:hover:before {
position: absolute;
top: 30px;
left: 50%;
z-index: 1;
display: block;
margin-top: -7px;
margin-left: -5px;
width: 10px;
height: 7px;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pagedarrow.svg) no-repeat;
content: "\00A0";
}
#ludgerirastProgramm section #paged li[data-target]:hover:after {
position: absolute;
top: 30px;
left: 54%;
display: block;
margin-left: -55px;
padding: 8px 0 5px 0;
width: 110px;
background: #ef411d;
color: #fff;
content: attr(data-target);
text-align: center;
white-space: nowrap;
font-size: 15px;
line-height: 15px;
}
#ludgerirastProgramm section #paged li.currentPage {
text-decoration: none;
}
#ludgerirastProgramm section #paged li.inactive {
opacity: 0.2;
}
#ludgerirastProgramm section #paged li.overpaged {
display: none;
}
#ludgerirastProgramm section #programmoutput section {
transition: all 1ms;
clear: both;
overflow: hidden;
padding: 0;
max-height: 0;
}
#ludgerirastProgramm section #programmoutput section.currentPage {
padding: 0 0 1.5em 0;
max-height: 1000px;
}
#ludgerirastProgramm section #programmoutput section .sortIndex {
overflow: hidden;
white-space: nowrap;
font-size: 24px;
float: left;
margin-left: 7.6171875%;
width: 10.02604167%;
}
#ludgerirastProgramm section #programmoutput section .rightblock {
float: right;
overflow: hidden;
margin-right: 7.6171875%;
width: 73.17708333%;
font-size: 22px;
line-height: 24px;
}
#ludgerirastProgramm section #programmoutput h4 {
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
}
#ludgerirastProgramm section #programmoutput h4:first-child {
padding-top: 6px;
}
#ludgerirastProgramm section #programmoutput button {
background: #ef411d;
color: #fff;
border: none;
padding: 0.5em 1.5em 0.5em 1.5em;
font-size: 22px;
font-family: ff-seria-sans-web-pro, "Avenir Next Condensed", "arial narrow",
helvetica, sans-serif;
-ms-font-feature-settings: "onum" 1;
-webkit-font-feature-settings: "onum" 1;
font-feature-settings: "onum" 1;
-moz-font-variant-numeric: oldstyle-nums;
-ms-font-variant-numeric: oldstyle-nums;
-webkit-font-variant-numeric: oldstyle-nums;
font-variant-numeric: oldstyle-nums;
-moz-font-variant: oldstyle-nums;
-ms-font-variant: oldstyle-nums;
-webkit-font-variant: oldstyle-nums;
font-variant: oldstyle-nums;
margin-top: 1.4em;
margin-bottom: 1.4em;
}
#ludgerirastProgramm section #programmoutput button:hover {
outline: 4px solid #ef411d;
}
#ludgerirastProgramm section #programmoutput h3 {
font-weight: 700;
padding-top: 10px;
color: #ef411d;
font-size: 30px;
line-height: 34px;
}
#ludgerirastProgramm section #programmoutput h5 {
padding-top: 2px;
padding-bottom: 10px;
color: #ef411d;
font-size: 30px;
line-height: 34px;
}
#ludgerirastProgramm section #programmoutput strong {
clear: both;
}
#ludgerirastProgramm section #programmoutput strong:before {
content: "\a";
white-space: pre;
}
#ludgerirastProgramm section #programmoutput .facts,
#ludgerirastProgramm section #programmoutput .facts strong {
letter-spacing: 0.05em;
font-weight: 400 !important;
font-size: 20px;
line-height: 24px;
}
}
@media only screen and (max-width: 767px) {
#ludgerirastProgrammTrigger {
display: block;
font-size: 20px;
font-weight: 700;
}
.redArrow:after {
display: block;
width: 25px;
height: 18px;
position: relative;
top: 0;
content: "\00A0";
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi.svg) 50% 3px no-repeat;
float: right;
background-size: 11px 11px;
}
body.programmOpen .tpl_flex_linkboxleft,
body.programmOpen footer,
body.programmOpen header {
display: none;
}
#ludgerirastProgramm {
display: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 16px;
line-height: 17px;
}
.single #ludgerirastProgramm {
display: block;
margin: 0 10px;
}
.programmOpen #ludgerirastProgramm {
max-height: 100% !important;
overflow: hidden !important;
display: block;
}
#ludgerirastProgramm .m1 {
display: block;
}
#ludgerirastProgrammBox {
position: fixed;
top: 0;
left: 0;
z-index: 120000;
display: block;
width: 100%;
height: 100%;
background: #f4f3f1;
}
#ludgerirastProgrammBox .m1 {
transition: all 0.3s;
position: relative;
top: 0;
left: 0;
display: block;
width: 100%;
height: 30px;
background: #000;
color: #fff;
content: "\00A0";
text-transform: uppercase;
font-size: 17px;
line-height: 15px;
}
#ludgerirastProgrammBox .m1 div {
margin: 0 10px;
padding-top: 10px;
position: relative;
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi-white-left.svg) no-repeat 10px 8px;
background-size: 14px 14px;
text-indent: 40px;
}
#ludgerirastProgrammBox .m1 div:focus,
#ludgerirastProgrammBox .m1 div:hover {
cursor: pointer;
}
#ludgerirastProgrammBox .m1 .close {
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/close_320.svg) no-repeat 50% 50%;
width: 12px;
height: 12px;
position: absolute;
top: 10px;
right: 17px;
display: block;
z-index: 1000000;
}
#ludgerirastProgrammBox .m1 .close:focus,
#ludgerirastProgrammBox .m1 .close:hover {
cursor: pointer;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#ludgerirastProgrammBox #forCat0 .m1 div {
background: 0 0;
}
#ludgerirastProgrammBox #allSelect ul {
margin: 0;
border: none;
list-style: none;
padding-top: 10px;
}
#ludgerirastProgrammBox #allSelect li {
margin: 0 10px;
list-style: none;
background: #fbcdc4;
border-bottom: 1px solid #f4f3f1;
font-size: 15px;
padding: 5px 0;
text-indent: 5px;
position: relative;
}
#ludgerirastProgrammBox #allSelect li:hover {
cursor: pointer;
}
#ludgerirastProgrammBox #allSelect #forCat0 {
transition: left 0.3s;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
#ludgerirastProgrammBox #allSelect #forCat0.left-200 {
left: -200%;
}
#ludgerirastProgrammBox #allSelect #forCat0.left-100 {
left: -100%;
}
#ludgerirastProgrammBox #allSelect #forCat0.left0 {
left: 0;
}
#ludgerirastProgrammBox #allSelect #forCat0 li:first-child {
background: #ef411d;
color: #fff;
}
#ludgerirastProgrammBox #allSelect #forCat0 li:first-child:after {
display: block;
width: 25px;
height: 18px;
position: absolute;
top: 3px;
right: 0;
content: "\00A0";
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/whitedown.svg) 50% 50% no-repeat;
border-left: 1px solid #fff;
background-size: 11px 11px;
}
#ludgerirastProgrammBox #allSelect #forCat0 li:nth-child(2) {
display: none;
}
#ludgerirastProgrammBox #allSelect #forCat0 li:after {
display: block;
width: 25px;
height: 18px;
position: relative;
top: 0;
content: "\00A0";
background: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi.svg) 50% 3px no-repeat;
float: right;
background-size: 11px 11px;
}
#ludgerirastProgrammBox #allSelect #forCat1 {
transition: left 0.3s;
position: absolute;
top: 0;
left: 100%;
display: block;
width: 100%;
height: 100%;
}
#ludgerirastProgrammBox #allSelect #forCat1.left-100 {
left: -100%;
}
#ludgerirastProgrammBox #allSelect #forCat1.left0 {
left: 0;
}
#ludgerirastProgrammBox #allSelect #forCat1.left100 {
left: 100%;
}
#ludgerirastProgrammBox #allSelect #forCat1 li:first-child {
display: none;
}
#ludgerirastProgrammBox #allSelect #forCat1 .dropdown {
position: absolute;
position: relative;
top: 0;
left: 0;
display: block;
display: none;
margin: 0;
margin-left: -9999px;
width: 100%;
}
#ludgerirastProgrammBox #allSelect #forCat1 .dropdown.active {
display: block;
}
#ludgerirastProgrammBox #allSelect #forCat1 .dropdown.active {
visibility: visible;
margin-left: 0;
}
#ludgerirastProgrammBox #paged {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
clear: both;
text-align: center;
font-size: 17px;
position: fixed;
bottom: 0;
height: 30px;
overflow: hidden;
width: 100%;
left: 0;
z-index: 200000;
left: 100%;
transition: left 0.3s;
background: #f4f3f1;
}
#ludgerirastProgrammBox #paged.left0 {
left: 0;
}
#ludgerirastProgrammBox #paged ul {
margin: 0 auto;
margin: 0;
list-style: none;
border-top: 1px solid #000;
}
#ludgerirastProgrammBox #paged ul:before {
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
content: "\00A0";
z-index: 1;
border-left: 1px solid #000;
}
#ludgerirastProgrammBox #paged li {
margin: 0;
list-style: none;
line-height: 18px;
position: absolute;
width: 50%;
display: block;
top: 1px;
left: 0;
}
#ludgerirastProgrammBox #paged li:before {
content: attr(data-mobiletitle);
position: absolute;
top: 0;
left: 0;
display: block;
background: #f4f3f1 no-repeat 10px 8px;
padding: 7px 0;
line-height: 15px;
width: calc(100% - 40px);
}
#ludgerirastProgrammBox #paged li:first-child {
text-align: left;
text-indent: 40px;
}
#ludgerirastProgrammBox #paged li:first-child:before {
background-image: url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi-black-left.svg);
background-size: 12px 12px;
}
#ludgerirastProgrammBox #paged li:last-child {
text-align: right;
left: 50%;
}
#ludgerirastProgrammBox #paged li:last-child:after {
display: block;
width: 40px;
height: 30px;
position: relative;
top: 0;
left: 0;
content: "\00A0";
float: right;
background: #f4f3f1 no-repeat 10px 8px url(//www.abtei-gerleve.de/wp-content/themes/abtei-gerleve-v3.5/_grfx/pfeile/pfeilnavi-black.svg);
background-size: 12px 12px;
}
#ludgerirastProgrammBox #paged li.pagenav {
display: none;
}
#ludgerirastProgrammBox #paged li.currentPage {
text-decoration: none;
}
#ludgerirastProgrammBox #paged li.inactive {
opacity: 0.2;
}
#ludgerirastProgrammBox #programmoutput {
transition: left 0.3s;
position: fixed;
top: 0;
left: 100%;
display: block;
width: 100%;
height: 100%;
background: #ff0;
overflow: hidden;
background: #f4f3f1;
}
#ludgerirastProgrammBox #programmoutput hr {
display: none;
}
#ludgerirastProgrammBox #programmoutput.left0 {
left: 0;
}
#ludgerirastProgrammBox #programmoutput section {
overflow: hidden;
height: calc(100% - 90px);
display: none;
overflow: scroll;
font-size: 16px;
line-height: 17px;
margin: 0 10px;
padding-bottom: 30px;
}
#ludgerirastProgrammBox #programmoutput section:before {
content: attr(data-sort);
font-size: 16px;
line-height: 17px;
padding-top: 13px;
display: block;
}
#ludgerirastProgrammBox #programmoutput section.currentPage {
display: block;
}
#ludgerirastProgrammBox #programmoutput section .sortIndex {
display: none;
}
#ludgerirastProgrammBox #programmoutput button {
background: #ef411d;
color: #fff;
border: none;
padding: 0.5em 1.5em 0.5em 1.5em;
font-size: 22px;
font-family: ff-seria-sans-web-pro, "Avenir Next Condensed", "arial narrow",
helvetica, sans-serif;
-ms-font-feature-settings: "onum" 1;
-webkit-font-feature-settings: "onum" 1;
font-feature-settings: "onum" 1;
-moz-font-variant-numeric: oldstyle-nums;
-ms-font-variant-numeric: oldstyle-nums;
-webkit-font-variant-numeric: oldstyle-nums;
font-variant-numeric: oldstyle-nums;
-moz-font-variant: oldstyle-nums;
-ms-font-variant: oldstyle-nums;
-webkit-font-variant: oldstyle-nums;
font-variant: oldstyle-nums;
margin-top: 1.4em;
margin-bottom: 1.4em;
}
#ludgerirastProgrammBox #programmoutput button:hover {
outline: 4px solid #ef411d;
}
#ludgerirastProgrammBox #programmoutput h4 {
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
line-height: 16px;
}
#ludgerirastProgrammBox #programmoutput h4:first-child {
padding-top: 5px;
}
#ludgerirastProgrammBox h3 {
font-weight: 700;
padding-top: 10px;
color: #ef411d;
}
#ludgerirastProgrammBox h5 {
padding-top: 2px;
padding-bottom: 10px;
color: #ef411d;
}
#ludgerirastProgrammBox strong {
clear: both;
}
#ludgerirastProgrammBox strong:before {
content: "\a";
white-space: pre;
}
#ludgerirastProgrammBox .facts,
#ludgerirastProgrammBox .facts strong {
letter-spacing: 0.05em;
}
}
body.program .tpl_flex_linkboxleft section a,
body.programm .tpl_flex_linkboxleft section a,
body.programma .tpl_flex_linkboxleft section a {
display: block;
}
.anfragebtn {
display: none;
}
#ModalBlueprint {
display: none;
}
#modalWindow {
display: none;
}
.notsupported {
display: block;
}
@supports (display: grid) {
.notsupported {
display: none;
}
.anfragebtn {
display: block;
}
#modalWindow {
position: fixed;
top: 0;
left: 0;
z-index: 120000;
display: block;
overflow: hidden;
width: 100vw;
height: 0;
background-color: #e5e6e1;
transition: height 0.3s ease-out;
font-size: 20px;
display: flex;
}
#modalWindow .scrollBox {
align-self: center;
position: relative;
overflow-x: hidden;
overflow-y: scroll;
text-align: left;
max-width: 640px;
max-height: 80vh;
display: block;
margin: 0 auto;
outline: 1px dotted #000;
background-color: #e5e6e1;
box-sizing: border-box;
padding: 20px;
scrollbar-track-color: #000;
}
#modalWindow .scrollBox:after {
content: "\00A0";
clear: both;
}
#modalWindow .scrollBox .button {
display: block;
background: #ef411d;
color: #fff;
border: none;
padding: 0.5em 1.5em 1.5em 1.5em;
font-size: 22px;
font-family: ff-seria-sans-web-pro, "Avenir Next Condensed", "arial narrow",
helvetica, sans-serif;
-ms-font-feature-settings: "onum" 1;
-webkit-font-feature-settings: "onum" 1;
font-feature-settings: "onum" 1;
-moz-font-variant-numeric: oldstyle-nums;
-ms-font-variant-numeric: oldstyle-nums;
-webkit-font-variant-numeric: oldstyle-nums;
font-variant-numeric: oldstyle-nums;
-moz-font-variant: oldstyle-nums;
-ms-font-variant: oldstyle-nums;
-webkit-font-variant: oldstyle-nums;
font-variant: oldstyle-nums;
margin-bottom: 1.4em;
}
#modalWindow .scrollBox .button:hover {
outline: 4px solid #ef411d;
}
#modalWindow #closeIcon {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
display: block;
width: auto;
height: 1em;
font-size: 16px;
}
#modalWindow #closeIcon span {
display: inline-block;
width: 1.2em;
height: 1.2em;
position: relative;
top: 0.3em;
margin-left: 0.5em;
}
#modalWindow #closeIcon span:after,
#modalWindow #closeIcon span:before {
display: block;
height: 1px;
width: 100%;
background: #000;
top: 50%;
left: 0;
position: absolute;
content: "\00A0";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#modalWindow #closeIcon span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#modalWindow #closeIcon:hover span {
background: #ef411d;
}
#modalWindow #closeIcon:hover span:after,
#modalWindow #closeIcon:hover span:before {
background: #fff;
}
#modalWindow.active {
height: 100vh;
}
#modalWindow input {
outline: 0;
border: none;
background: 0 0;
}
#modalWindow input[type="text"],
#modalWindow input[type="email"],
#modalWindow input[type="tel"] {
border-bottom: 1px dotted #000;
color: #ef411d;
}
#modalWindow label.error + input {
border-bottom-color: #ef411d;
background: linear-gradient(
180deg,
transparent 10%,
#f9b9ac 10%,
#f9b9ac 90%,
transparent 90%
);
padding-left: 0.25em;
}
#modalWindow h1 {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #ef411d;
font-size: 30px;
font-weight: 400;
margin-bottom: 30px;
}
#modalWindow h2 {
display: flex;
font-size: 24px;
}
#modalWindow h2 span:nth-child(1) {
flex: 0 0 40%;
min-width: 100px;
}
#modalWindow h2 span:nth-child(2) {
color: #ef411d;
font-weight: 400;
font-size: 20px;
}
#modalWindow h2 span.sortID {
font-weight: 700;
}
#modalWindow form {
top: 40px;
position: relative;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 20px;
font-size: 16px;
}
#modalWindow form input {
width: 100%;
height: 30px;
font-size: 20px;
}
#modalWindow form fieldset {
display: grid;
}
#modalWindow form fieldset.firstname {
grid-column: span 2;
}
#modalWindow form fieldset.lastname {
grid-column: span 3;
}
#modalWindow form fieldset.birthdate {
grid-column: span 1;
}
#modalWindow form fieldset.strasse {
grid-column: span 3;
margin-right: span 3;
}
#modalWindow form fieldset.plz {
grid-column: 1 / span 1;
}
#modalWindow form fieldset.ort {
grid-column: 2 / span 2;
}
#modalWindow form fieldset.bistum {
grid-column: span 3;
}
#modalWindow form fieldset.telefon {
grid-column: span 3;
}
#modalWindow form fieldset.email {
grid-column: span 3;
}
#modalWindow form fieldset.anmerkungen {
grid-column: span 6;
}
#modalWindow form input[type="submit"] {
grid-column: span 3;
}
#modalWindow form label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#modalWindow form label.checklabel {
box-sizing: border-box;
clear: both;
padding-left: 2em;
}
#modalWindow form label.checklabel.error {
color: #ef411d;
}
#modalWindow form label.checklabel a {
text-decoration: underline;
}
#modalWindow form label input[type="checkbox"] {
position: absolute;
visibility: hidden;
}
#modalWindow form label input + span {
content: "\00A0";
width: 1em;
height: 1em;
position: absolute;
background-color: #ef411d;
display: block;
margin-left: -2em;
}
#modalWindow form label input:checked + span {
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5BcnRib2FyZCAxPC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIzIiB5MT0iMi43NSIgeDI9IjE4IiB5Mj0iMTcuNzUiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIzIiB5MT0iMTcuNzUiIHgyPSIxOCIgeTI9IjIuNzUiLz48L3N2Zz4=);
}
#modalWindow form label[data-for="dataprivacy"] {
grid-column: span 6;
}
#modalWindow form label[data-for="agb"] {
grid-column: span 6;
}
#modalWindow form textarea {
width: 100%;
resize: none;
background: #d0d2ca;
outline: 0;
border: none;
font-size: 20px;
margin-top: 0.5em;
padding: 0.5em;
box-sizing: border-box;
color: #ef411d;
}
#modalWindow form p.confirmation {
grid-column: span 6;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#modalWindow form #errorinformation {
display: none;
color: #ef411d;
outline: 1px solid #ef411d;
padding: 0.5em;
padding-bottom: 0.22em;
}
#modalWindow form #errorinformation.showErrorinformation {
display: block;
}
#modalWindow.success .scrollBox form,
#modalWindow.success .scrollBox h1,
#modalWindow.success .scrollBox h2 {
display: none;
}
#modalWindow.success .scrollBox:before {
display: block;
content: "Vielen Dank für Ihre Anmeldung.";
}
#modalWindow.success .scrollBox:after {
content: "Wir werden uns schnellstmöglich postalisch bei Ihnen melden.";
}
#ModalBlueprint {
display: none;
}
.hideonsmall {
visibility: visible;
}
.showonsmall {
visibility: hidden;
}
@media only screen and (max-width: 1199px) {
#modalWindow .hideonsmall {
visibility: hidden;
}
#modalWindow .showonsmall {
visibility: visible;
}
#modalWindow .scrollBox {
outline: 0;
}
#modalWindow .scrollBox form fieldset,
#modalWindow .scrollBox form input[type="submit"] {
display: grid;
grid-column: span 3;
}
#modalWindow .scrollBox form fieldset.anmerkungen,
#modalWindow .scrollBox form input[type="submit"].anmerkungen {
grid-column: span 6;
}
}
@media only screen and (max-width: 767px) {
#modalWindow .hideonsmall {
visibility: hidden;
}
#modalWindow .showonsmall {
visibility: visible;
}
#modalWindow .scrollBox {
outline: 0;
}
#modalWindow .scrollBox form fieldset,
#modalWindow .scrollBox form input[type="submit"] {
display: grid;
grid-column: span 6;
}
#modalWindow .scrollBox form fieldset.anmerkungen,
#modalWindow .scrollBox form input[type="submit"].anmerkungen {
grid-column: span 6;
}
}
}
body.programm .tpl_flex_linkboxleft section a {
display: block;
}
body.program .tpl_flex_linkboxleft section a {
display: block;
}
body.programma .tpl_flex_linkboxleft section a {
display: block;
}
.rightbox img[src$=".svg"] {
width: 100%;
height: auto;
}
#cookie-law-info-bar {
box-sizing: border-box;
}
#cookie-law-info-bar .cli-bar-btn_container * {
white-space: nowrap;
}
@media screen and (max-width: 768px) {
#cookie-law-info-bar {
line-height: 2em;
}
#cookie-law-info-bar a {
margin-bottom: 0.5em;
display: inline-block;
margin: 0 0.5em 0 0 !important;
}
.cli_settings_button {
border: none !important;
text-decoration: underline !important;
}
}
main.fw a:not([href*="abtei-gerleve.de"]):after {
content: "\00A0\00A0";
width: 1em;
height: 1em;
margin-left:0.3em;
display:inline-block;
text-decoration:none !important;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-256%201850%201850%22%3E%3Cpath%20d%3D%22M1438.373%20818.95v320q0%20119-84.5%20203.5t-203.5%2084.5h-832q-119%200-203.5-84.5t-84.5-203.5v-832q0-119%2084.5-203.5t203.5-84.5h704q14%200%2023%209t9%2023v64q0%2014-9%2023t-23%209h-704q-66%200-113%2047t-47%20113v832q0%2066%2047%20113t113%2047h832q66%200%20113-47t47-113v-320q0-14%209-23t23-9h64q14%200%2023%209t9%2023zm384-864v512q0%2026-19%2045t-45%2019q-26%200-45-19l-176-176-652%20652q-10%2010-23%2010t-23-10l-114-114q-10-10-10-23t10-23l652-652-176-176q-19-19-19-45t19-45q19-19%2045-19h512q26%200%2045%2019t19%2045z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
background-position: 100% 50%;
}