#html .arve,.arve,.wp-block-nextgenthemes-arve-block{display:block;margin-bottom:1.5em;width:100%}#html .arve:after,.arve:after,.wp-block-nextgenthemes-arve-block:after{clear:both;content:"";display:table}#html .arve.alignleft,.arve.alignleft,.wp-block-nextgenthemes-arve-block.alignleft{margin-right:1.5em;margin-top:.4em}#html .arve.alignright,.arve.alignright,.wp-block-nextgenthemes-arve-block.alignright{margin-left:1.5em;margin-top:.4em}#html .arve [hidden],#html .arve[hidden],.arve [hidden],.arve[hidden],.wp-block-nextgenthemes-arve-block [hidden],.wp-block-nextgenthemes-arve-block[hidden]{display:none}#html .arve-inner,.arve-inner{display:block;margin:0;padding:0;width:auto}#html .arve-embed,.arve-embed{display:block;margin:0;max-height:100vh;overflow:hidden;padding:0;position:relative;width:100%}#html .arve[data-provider=tiktok] .arve-embed,.arve[data-provider=tiktok] .arve-embed{height:580px}#html .arve-embed--has-aspect-ratio,.arve-embed--has-aspect-ratio{aspect-ratio:16/9}#html .arve-embed--has-aspect-ratio:after,.arve-embed--has-aspect-ratio:after{clear:both;content:"";display:block}#html .arve-ar,.arve-ar{display:block}#html .arve-iframe,#html .arve-play-btn,#html .arve-thumbnail,.arve-iframe,.arve-play-btn,.arve-thumbnail{border:0;bottom:0;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}#html .arve-video,.arve-video{height:auto;margin:0;padding:0;width:100%}#html .arve-promote-link,.arve-promote-link{float:right;font-family:Open Sans,Sagoe UI,Arvo,Lato,arial,sans-serif;font-size:.8em}.components-button--arve-thumbnail{display:block;height:auto}@supports(aspect-ratio:16/9){#html .arve-ar,#html .arve-embed--has-aspect-ratio:after,.arve-ar,.arve-embed--has-aspect-ratio:after{display:none}}.et-fb-tinymce-buttons #arve-btn{display:none}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@import url(//hello.myfonts.net/count/3d5f90);
@import url(//hello.myfonts.net/count/3d5f8e);  *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }
::before,
::after {
--tw-content: '';
} html {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: FrutigerNextCom-Regular, sans-serif; font-feature-settings: normal; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden] {
display: none;
}
@font-face {
font-family: "FrutigerNextCom-Light";
src: url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/FrutigerNextComLight/font.woff2) format('woff2'), 
url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/FrutigerNextComLight/font.woff) format('woff'); }
@font-face {
font-family: "FrutigerNextCom-Regular";
src: url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/FrutigerNextComRegular/font.woff2) format('woff2'), 
url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/FrutigerNextComRegular/font.woff) format('woff'); }
@font-face {
font-family: "FrutigerNextCom-Bold";
src: url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/FrutigerNextComBold/font.woff2) format('woff2'),
url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/FrutigerNextComBold/font.woff) format('woff');
}
html, body{
height: 100%;
}
body{
display: flex;
flex-direction: column;
font-family: FrutigerNextCom-Regular, sans-serif; 
animation: fadeIn ease .5s;
animation-iteration-count: 1; 
animation-fill-mode: forwards;
}
h1, h2, h3, h4, h5, h6{
font-weight: normal !important;
}
@keyframes fadeIn { 
0% { 
opacity: 0; 
} 
100% { 
opacity: 1; 
} 
}
.site {
flex: 1 0 auto;
}
.site-footer {
flex-shrink: 0;
}
.site-main{
margin-bottom: 4rem;
}
@media (min-width: 768px){
.site-main{
margin-bottom: 8rem;
}
}
.entry-content p{
margin-bottom: 1.25rem;
}
.publication p{
margin-bottom: 0.75rem;
}
.page .entry-content h2{
margin-top: 2.5rem;
margin-bottom: 0.75rem;
font-family: FrutigerNextCom-Light, sans-serif;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.025em;
--tw-text-opacity: 1;
color: rgb(255 0 108 / var(--tw-text-opacity));
}
.vtour-item .desc a,
.entry-content a{
background-image: linear-gradient(rgba(255,0,108, .5), rgba(255,0,108, .5));
background-size: 100% 1px;
background-position: 0 95%;
background-repeat: no-repeat;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.vtour-item .desc a:hover,
.entry-content a:hover{
--tw-text-opacity: 1;
color: rgb(255 0 108 / var(--tw-text-opacity));
}
strong, b{
font-weight: normal !important;
font-family: FrutigerNextCom-Bold, sans-serif;
font-weight: 700;
}
button:focus,
button:active{
outline: none !important;
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
.container{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 640px){
.container{
max-width: 640px;
}
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.container{
max-width: 1280px;
}
}
@media (min-width: 1536px){
.container{
max-width: 1536px;
}
}
.container{
width: 100%;
}
@media (min-width: 640px){
.container{
max-width: 100%;
}
}
@media (min-width: 768px){
.container{
max-width: 100%;
}
}
@media (min-width: 1024px){
.container{
max-width: 100%;
}
}
@media (min-width: 1280px){
.container{
max-width: 95%;
}
}
@media (min-width: 1536px){
.container{
max-width: 1536px;
}
}
.visible{
visibility: visible;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.sticky{
position: sticky;
}
.top-0{
top: 0px;
}
.bottom-32{
bottom: 8rem;
}
.z-30{
z-index: 30;
}
.z-50{
z-index: 50;
}
.col-span-2{
grid-column: span 2 / span 2;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-7{
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.my-16{
margin-top: 4rem;
margin-bottom: 4rem;
}
.mt-16{
margin-top: 4rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mt-3{
margin-top: 0.75rem;
}
.mb-16{
margin-bottom: 4rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mt-6{
margin-top: 1.5rem;
}
.mt-4{
margin-top: 1rem;
}
.mt-32{
margin-top: 8rem;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-12{
margin-top: 3rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mt-1{
margin-top: 0.25rem;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.flex{
display: flex;
}
.grid{
display: grid;
}
.hidden{
display: none;
}
.h-full{
height: 100%;
}
.h-screen{
height: 100vh;
}
.w-full{
width: 100%;
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col{
flex-direction: column;
}
.flex-wrap{
flex-wrap: wrap;
}
.items-center{
align-items: center;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.gap-8{
gap: 2rem;
}
.gap-y-6{
row-gap: 1.5rem;
}
.gap-x-8{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.border-b-2{
border-bottom-width: 2px;
}
.border-t-2{
border-top-width: 2px;
}
.border-black{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-white{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-offwhite{
--tw-bg-opacity: 1;
background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}
.bg-bg{
--tw-bg-opacity: 1;
background-color: rgb(244 243 244 / var(--tw-bg-opacity));
}
.p-4{
padding: 1rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pb-20{
padding-bottom: 5rem;
}
.pl-8{
padding-left: 2rem;
}
.pr-10{
padding-right: 2.5rem;
}
.pt-10{
padding-top: 2.5rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pt-12{
padding-top: 3rem;
}
.pb-8{
padding-bottom: 2rem;
}
.pt-24{
padding-top: 6rem;
}
.pt-2{
padding-top: 0.5rem;
}
.pb-2{
padding-bottom: 0.5rem;
}
.text-center{
text-align: center;
}
.font-light{
font-family: FrutigerNextCom-Light, sans-serif;
}
.font-bold{
font-family: FrutigerNextCom-Bold, sans-serif;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-2xl{
font-size: 1.5rem;
line-height: 2rem;
}
.text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.text-3xl{
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-5xl{
font-size: 3rem;
line-height: 1;
}
.font-light{
font-weight: 300;
}
.font-bold{
font-weight: 700;
}
.uppercase{
text-transform: uppercase;
}
.leading-none{
line-height: 1;
}
.leading-tight{
line-height: 1.25;
}
.tracking-wider{
letter-spacing: 0.05em;
}
.tracking-wide{
letter-spacing: 0.025em;
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.opacity-10{
opacity: 0.1;
}
.shadow-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.screen-reader-text{
position: absolute;
height: 0px;
width: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main-navigation .wrapper{
position: fixed;
top: 0px;
height: 100%;
overflow-x: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
width: 100%;
right: -100%;
transition: .3s right ease-in-out;
z-index: 101;
}
@media (min-width: 640px) {
.main-navigation .wrapper{
width: 34rem;
right: -34rem;
}
}
.main-navigation ul#nl-menu li,
.main-navigation ul#main-menu li{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-family: FrutigerNextCom-Light, sans-serif;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.025em;
}
.main-navigation ul#nl-menu li{
font-size: 1.125rem;
line-height: 1.75rem;
}
.main-navigation a{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.main-navigation li.current-menu-item a,
.main-navigation a:hover{
--tw-text-opacity: 1;
color: rgb(255 0 108 / var(--tw-text-opacity));
}
.main-navigation.toggled .wrapper{
right: 0px;
}
.main-navigation .top{
position: fixed;
top: 0.75rem;
right: 0.75rem;
z-index: 999;
display: flex;
justify-content: flex-end;
}
.btn.donate,
.btn.tickets, 
.menu-toggle{
display: flex;
height: 3rem;
width: 6rem;
cursor: pointer;
align-items: center;
justify-content: center;
padding-top: 0.25rem;
font-family: FrutigerNextCom-Bold, sans-serif;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
text-transform: none;
line-height: 1;
}
@media (min-width: 640px){
.btn.donate,
.btn.tickets, 
.menu-toggle{
height: 3.5rem;
width: 7rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
}
.btn.donate{
margin-right: 0.75rem;
width: 7rem;
background-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(255 0 108 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 640px){
.btn.donate{
width: 8rem;
}
}
.btn.donate{
margin-left: 1px;
}
.menu-toggle{
transform: rotate(0deg);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .menu-toggle span{
position: absolute;
right: 1.25rem;
display: block;
width: 2.5rem;
border-radius: 9999px;
background-color: transparent;
opacity: 1;
height: 2px;
transform: rotate(0deg);
transition: .25s ease-in-out;
}
.toggled .menu-toggle{
text-indent: -9999px;
}
.toggled .menu-toggle span{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.menu-toggle span:nth-child(1),
.menu-toggle span:nth-child(2){
top: 1.75rem;
}
.toggled .menu-toggle span:nth-child(1) {
transform: rotate(45deg);
}
.toggled .menu-toggle span:nth-child(2) {
transform: rotate(-45deg);
}
.item-large > a,
.item > a{
position: relative;
display: block;
}
.item-large .bg,
.item img, 
.item .bg{
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.item img{
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
filter: grayscale(100%);
}
.item:hover img{
filter: grayscale(0%);
}
.item-large:hover .bg,
.item:hover .bg{
opacity: 0;
}
.page-template-workshops #current .item img{
filter: none;
}
.feature{}
.feature img{
margin-left: auto;
margin-right: auto;
display: block;
}
.home .slider{
height: 100vh;
}
.home .site-main{
margin-bottom: 0px;
}
.home .slider .slide img{
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.home .ticker{
position: absolute;
bottom: 1rem;
left: 1rem;
overflow: hidden;
white-space: nowrap;
--tw-bg-opacity: 1;
background-color: rgb(255 0 108 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 0.5rem;
line-height: 1;
}
@media (min-width: 768px){
.home .ticker{
left: 1.5rem;
}
}
.home .ticker{
width: calc(100% - 2rem);  
max-width: 100vw;
z-index: 100;
}
@media (min-width: 768px) {
.home .ticker{
width: calc(100% - 3rem);
}
}
.ticker .marquee{
display: inline-block;
padding-left: 2rem;
padding-right: 2rem;
line-height: 1;
padding-left: 102%;
animation: marquee 18s linear infinite;
}
@keyframes marquee {
0%   { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
.ticker .marquee:hover {
animation-play-state: paused;
}
.home .slider__blend{
height: 100vh;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.6601234243697479) 0%, rgba(0,0,0,0) 100%);
}
.home .slider__current{
font-size: 2rem;
line-height: 1.15;
}
@media (min-width: 768px) {
.home .slider__current{
font-size: 2.5rem;
}
}
.btn{
display: inline-block;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
letter-spacing: 0.05em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
height: 42px;
line-height: 42px;
padding-right: 16px;
padding-left: 16px;
padding-top: 2px;
}
.btn:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 0 108 / var(--tw-bg-opacity));
transition-property: all;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.home .btn.donate,
.home .btn.tickets{
display: flex;
}
.btn.donate:hover{ --tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.tickets:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 0 108 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}  @font-face{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/slick.eot);
src: url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/slick.woff) format('woff'), url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/slick.ttf) format('truetype'), url(//fhochdrei.org/wp-content/themes/fhochdrei_3/assets/fonts/slick.svg#slick) format('svg');
}
.custom-logo-link{
z-index: 50;
margin-top: 1.5rem;
margin-left: 1.5rem;
display: block;
width: 10rem;
}
@media (min-width: 768px){
.custom-logo-link{
position: fixed;
left: 1.25rem;
top: 1.25rem;
margin: 0px;
width: 12rem;
}
}
@media (min-width: 1024px){
.custom-logo-link{
width: 13rem;
}
}
.home .custom-logo-link{
position: absolute;
margin-top: 1rem;
margin-left: 1rem;
}
@media (min-width: 768px){
.home .custom-logo-link{
top: 1.5rem;
left: 1.5rem;
margin: 0px;
}
}
.home .custom-logo-link{
width: 13rem;
}
@media (min-width: 768px){
.home .custom-logo-link{
width: 16rem;
}
}
.home .custom-logo-link{
z-index: 99;
} .page-template-events .item img,
.page-template-exhibitions .item img{
height: 60vw;
}
.page-template-events .item img{
-o-object-position: top;
object-position: top;
}
@media (min-width: 640px) {
.page-template-events .item img,
.page-template-exhibitions .item img{
height: 30vw;
}
}
@media (min-width: 1024px) {
.page-template-events .item img,
.page-template-exhibitions .item img{
height: 19vw;
}
}
@media (min-width: 1440px) {
.page-template-events .item img,
.page-template-exhibitions .item img{
height: 300px;
}
}
@media (min-width: 768px) {
.single .entry-content{
display: flex !important;
}
}
.wpml-ls,
.wpml-ls-legacy-list-horizontal{
position: absolute;
top: 1rem;
padding-left: 0px;
padding-right: 0px;
}
.wpml-ls-legacy-list-horizontal li{
text-transform: uppercase;
}
.wpml-ls-legacy-list-horizontal li:first-child a:after{
content: "/";
padding-left: 6px;
}
.wpml-ls-legacy-list-horizontal li:first-child a{
padding-left: 0;
padding-right: 6px;
}
.wpml-ls-legacy-list-horizontal li:last-child a{
padding-left: 3px;
}
.wpml-ls-current-language span{
border-bottom: 1px solid #000;
}
.wpml-ls-current-language:hover span{
--tw-border-opacity: 1;
border-color: rgb(255 0 108 / var(--tw-border-opacity));
}
#leaky-paywall-delete-account button[type=submit],
#leaky-paywall-profile .submit input[type=submit],
#leaky-paywall-login-form .login-submit input[type=submit],
.mc4wp-form input[type=submit],
.sib_signup_form input[type=submit]{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(253 253 253 / var(--tw-text-opacity));
padding: 0 16px;
height: 38px;
line-height: 38px;
padding-top: 2px;
letter-spacing: .05em;
}
.sib_signup_form input[type=submit]{
margin-bottom: 0.5rem;
}
.sib_signup_form input[type=submit]:hover{
cursor: pointer;
}
.sib_signup_form input[type=checkbox] + label{
margin-left: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
}
#leaky-paywall-delete-account button[type=submit]{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.sib_signup_form .wrapper{
margin-bottom: 0.25rem;
flex-direction: row;
}
@media (min-width: 640px){
.sib_signup_form .wrapper{
display: flex;
}
}
.sib_signup_form p{
margin-bottom: 0px;
}
.mc4wp-form input[type=email],
.sib_signup_form input[type=text],
.sib_signup_form input[type=email] {
height: 38px;
line-height: 38px;
padding: 5px; border: 1px solid #fff;
margin-bottom: 0.5rem;
width: 100%;
border-width: 2px;
border-color: rgb(52 48 48 / var(--tw-border-opacity));
--tw-border-opacity: 0.25;
}
.mc4wp-form input[type=email]{
max-width: 260px;
}
.sib_signup_form .sib-email-area,
.sib_signup_form .sib-NACHNAME-area,
.sib_signup_form .sib-VORNAME-area{
margin-right: 0.25rem;
width: 100%;
}
.mc4wp-form input[type=email]{
margin-right: 0.5rem;
}
@media (min-width: 768px){
.sib_signup_form .sib-email-area{
width: 50%;
}
}
@media (min-width: 1024px){
.sib_signup_form .sib-email-area{
width: 25%;
}
}
.sib_signup_form .sib-VORNAME-area,
.sib_signup_form .sib-NACHNAME-area{
margin-right: 0.25rem;
}
@media (min-width: 768px){
.sib_signup_form .sib-VORNAME-area,
.sib_signup_form .sib-NACHNAME-area{
width: 25%;
}
}
@media (min-width: 1024px){
.sib_signup_form .sib-VORNAME-area,
.sib_signup_form .sib-NACHNAME-area{
width: 16.666667%;
}
}
.sib_signup_form .gdpr{
width: 100%;
font-size: 0.875rem;
line-height: 1.25rem;
opacity: 0.6;
}
@media (min-width: 1024px){
.sib_signup_form .gdpr{
width: 75%;
}
}
.sib_signup_form .gdpr{
max-width: 47rem;
}
.sib_signup_form input::-moz-placeholder{
font-size: .875rem;
}
.sib_signup_form input::placeholder{
font-size: .875rem;
}
label.sib-email-area,
label.sib-NACHNAME-area,
label.sib-VORNAME-area{
display: none;
}
.vtour{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100vh !important;
z-index: 999 !important;
}
.page-template-vtour .entry-content{
text-align: center;
}
#leaky-paywall-login-form{
margin: 0 auto;
}
.leaky-paywall-pay-per-post-purchase-link{
display: inline-block;
}
.leaky-paywall-form-steps .leaky-paywall-form-step {
font-size: .75rem !important;
letter-spacing: .05em;
}
.leaky-paywall-form-steps .leaky-paywall-form-step .step-number{
border-radius: 0 !important;
padding: 2px 5px 0px 5px !important;
}
.leaky-paywall-form-steps .leaky-paywall-form-step.active .step-number{
background: #000 !important;
}
.leaky-paywall-subscription-details-title{
text-transform: uppercase;
letter-spacing: .05em;
line-height: 1em;
font-size: 1.125em;
margin-bottom: 2em;
text-align: center;
}
.leaky-paywall-user-fields h3,
.leaky-paywall-account-fields h3{
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: .5rem;
margin-top: 2rem;
font-size: 0.875rem;
}
#leaky-paywall-subscription-details strong{
font-family: "FrutigerNextCom-Regular", sans-serif !important;
font-weight: normal !important;
}
.leaky-paywall-checkout-button button,
#leaky-paywall-registration-next{
background: #000;
color: #fff;
text-transform: uppercase;
font-size: 0.875rem;
letter-spacing: .05em;
padding: 0 16px;
height: 38px;
line-height: 38px;
padding-top: 2px;
}
#leaky-paywall-registration-errors{
border-radius: 0 !important;
}
#leaky-paywall-profile input[type=text], 
#leaky-paywall-payment-form input{
padding: 8px 7px 3px 7px;
line-height: 1;
}
#leaky-paywall-lost-password-link{
font-size: 1rem;
line-height: 1.5rem;
}
.leaky-paywall-user-fields label,
#leaky-paywall-registration-user-container label,
#leaky-paywall-login-form label,
#leaky-paywall-profile label{
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.025em;
opacity: 0.5;
}
.leaky-paywall-profile-subscription-title, 
.leaky-paywall-profile-subscription-details,
.issuem-leaky-paywall-subscriber-info{
display: none;
}
.lp-pay-per-post-content-access-list li{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.lp-pay-per-post-content-access-list li a{
text-transform: uppercase;
letter-spacing: 0.025em;
background: none;
background-image: linear-gradient(rgba(255,0,108, .5), rgba(255,0,108, .5));
background-size: 100% 1px;
background-position: 0 95%;
background-repeat: no-repeat;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.lp-pay-per-post-content-access-list li a:hover{
--tw-text-opacity: 1;
color: rgb(255 0 108 / var(--tw-text-opacity));
}
.lp-pay-per-post-content-access-list{
margin-left: 1rem;
list-style-type: disc;
padding-bottom: 1.5rem;
} @media (min-width: 640px){
.sm\:mb-4{
margin-bottom: 1rem;
}
.sm\:grid{
display: grid;
}
.sm\:w-2\/3{
width: 66.666667%;
}
.sm\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:justify-between{
justify-content: space-between;
}
.sm\:gap-8{
gap: 2rem;
}
.sm\:gap-x-8{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.sm\:gap-y-10{
row-gap: 2.5rem;
}
.sm\:text-3xl{
font-size: 1.875rem;
line-height: 2.25rem;
}
.sm\:text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
}
@media (min-width: 768px){
.md\:absolute{
position: absolute;
}
.md\:bottom-12{
bottom: 3rem;
}
.md\:my-7{
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.md\:mb-8{
margin-bottom: 2rem;
}
.md\:-ml-60{
margin-left: -15rem;
}
.md\:mt-32{
margin-top: 8rem;
}
.md\:mt-28{
margin-top: 7rem;
}
.md\:flex{
display: flex;
}
.md\:grid{
display: grid;
}
.md\:w-11\/12{
width: 91.666667%;
}
.md\:w-7\/12{
width: 58.333333%;
}
.md\:w-10\/12{
width: 83.333333%;
}
.md\:w-5\/12{
width: 41.666667%;
}
.md\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:gap-16{
gap: 4rem;
}
.md\:py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.md\:py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.md\:pr-4{
padding-right: 1rem;
}
.md\:text-3xl{
font-size: 1.875rem;
line-height: 2.25rem;
}
.md\:text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
.md\:text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.md\:text-2xl{
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 1024px){
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:gap-12{
gap: 3rem;
}
.lg\:gap-x-16{
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.lg\:pl-10{
padding-left: 2.5rem;
}
.lg\:pr-12{
padding-right: 3rem;
}
.lg\:pt-12{
padding-top: 3rem;
}
.lg\:pb-8{
padding-bottom: 2rem;
}
.lg\:text-5xl{
font-size: 3rem;
line-height: 1;
}
.lg\:text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//fhochdrei.org/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//fhochdrei.org/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}