html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main { display:block; }
audio,canvas,video { display:inline;zoom:1; }
html { font-size:62.5%; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
body { margin:0; }
h1,h2,h3,h4,h5,h6 { font-weight:400; }
a { color:blue; }
a:focus { outline:thin dotted; }
li { list-style:none; }
abbr[title] { border-bottom:none; }
b,strong { font-weight:700; }
i,em,dfn { font-style:italic; }
hr { display:block;height:1px;border:0;border-top:1px solid black;margin:1em 0;padding:0; }
ins { background:#ff9;color:#000;text-decoration:none; }
mark { background:#ff0;color:#000;font-style:italic;font-weight:700; }
pre,code,kbd,samp { font-family:monospace, monospace;_font-family:'courier new', courier, monospace; }
pre { white-space:pre-wrap;word-wrap:break-word; }
q { quotes:none; }
q:before,q:after { content:none; }
small { font-size:85%; }
sub,sup { font-size:75%;line-height:0;position:relative;vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
img { border:0;-ms-interpolation-mode:bicubic;vertical-align:middle; }
label { cursor:pointer; }
input,select,textarea { font-size:100%;vertical-align:middle;margin:0; }
button,input { line-height:normal;overflow:visible; }
button,input[type=button],input[type=reset],input[type=submit] { cursor:pointer;-webkit-appearance:button; }
input[type=checkbox],input[type=radio] { box-sizing:border-box; }
input[type=search] { -webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box; }
input[type=search]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0;padding:0; }
textarea { overflow:auto;vertical-align:top;resize:vertical; }
table { border-collapse:collapse;border-spacing:0; }
td { vertical-align:top; }
audio:not([controls]),[hidden] { display:none; }
div,article,section,header,footer,nav,li { position:relative; }
body { background:#fff; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
padding: 5px 3px 10px;
text-align: left;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.says,
.screen-reader-text {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.site .skip-link {
background-color: #f1f1f1;
display: block;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
::-moz-selection {
color: #fcf7e9;
background-color: #4b2d19;
}
::selection {
color: #fcf7e9;
background-color: #4b2d19;
}
*,
input[type="submit"] {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
input,
textarea,
h2,
h3,
code,
p,
p * {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;
}
.site-header {
z-index: 100;
}
.site-header .site-branding {
line-height: 0;
}
.site-header .site-branding h1.site-title {
margin-bottom: 0;
}
.site-header .site-branding a {
display: block;
}
.stickyheader {
overflow: auto;
}
.stickyheader .site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.stickyheader .site-main {
margin-top: 108px;
}
html {
height: 100%;
}
body.stickyfooter {
height: 100%;
}
body.stickyfooter #page {
min-height: 100%;
overflow: auto;
}
body.stickyfooter .site-footer {
position: relative;
margin-top: -630px;
height: 630px;
clear: both;
}
.edit-link {
z-index: 10;
}
.edit-link .post-edit-link {
padding: 4px 8px;
background: #C14242;
color: black;
}
.iframe-wrapper {
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
input,
textarea,
select {
border: none;
border-bottom: 1px solid #fcf7e9;
background-color: #74a1a9;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0.2em 8px 0.1em;
}
input:focus,
textarea:focus,
select:focus {
outline-offset: -1px;
outline-color: transparent;
outline-style: solid;
outline-width: 1px;
}
input[type="submit"] {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
border-radius: 15px;
color: #6596a0;
background-color: #fcf7e9;
}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
background-color: black;
color: white;
}
input[type="file"] {
border: none;
}
::-webkit-input-placeholder {
color: #a6968d;
}
:-moz-placeholder {
color: #a6968d;
}
::-moz-placeholder {
color: #a6968d;
}
:-ms-input-placeholder {
color: #a6968d;
}
section.bg-sky ::-webkit-input-placeholder {
color: #b8ccc9;
}
section.bg-sky :-moz-placeholder {
color: #b8ccc9;
}
section.bg-sky ::-moz-placeholder {
color: #b8ccc9;
}
section.bg-sky :-ms-input-placeholder {
color: #b8ccc9;
}
section.bg-creme ::-webkit-input-placeholder {
color: #a49283;
}
section.bg-creme :-moz-placeholder {
color: #a49283;
}
section.bg-creme ::-moz-placeholder {
color: #a49283;
}
section.bg-creme :-ms-input-placeholder {
color: #a49283;
}
div.wpcf7 span.wpcf7-not-valid-tip {
color: #4b2d19;
margin-top: 0.2em;
}
div.wpcf7 img.ajax-loader {
display: block;
max-width: 16px;
position: absolute;
right: 9px;
bottom: 9px;
margin: 0;
}
div.wpcf7 div.wpcf7-response-output {
margin: 1em 0;
border: none;
padding: 0;
font-weight: 800;
color: #fcf7e9;
}
div.wpcf7 .row {
margin: 0 -10px 1.5em;
}
div.wpcf7 .row .col {
padding: 0 10px;
}
#mc_embed_signup form .title {
text-align: left;
}
#mc_embed_signup form label {
display: none;
}
#mc_embed_signup form .input-group {
margin-bottom: 2em !important;
}
#mc_embed_signup form .input-group label {
display: inline-block;
}
#mc_embed_signup form .input-group .row {
margin: 0 -10px 0.5em;
}
#mc_embed_signup form .input-group .row .col {
padding: 0 10px;
}
#mc_embed_signup form input[type="text"],
#mc_embed_signup form input[type="email"] {
width: 100%;
padding: 0.4em 0 0.6em !important;
}
#mc_embed_signup form .icheckbox_hue {
margin-right: 10px;
}
#mc_embed_signup form .mc-field-group {
margin-bottom: 0em;
}
#mc_embed_signup form div.mce_inline_error {
color: #4b2d19;
background-color: transparent;
margin-top: 0.2em;
padding: 0;
font-weight: normal;
}
#mc_embed_signup form #mce-responses {
font-weight: 800;
}
#mc_embed_signup form #mce-responses .response {
margin: 0;
clear: both;
}
#mc_embed_signup form .newsletter-info-wrapper {
padding-top: 26px;
}
#overlay {
position: fixed;
}
.flexslider {
background: #fff;
zoom: 1;
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
display: block;
width: 100%;
height: auto;
}
.flexslider .slides:before,
.flexslider .slides:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.flexslider .slides:before,
.flexslider .slides:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav .flex-nav-prev,
.flex-direction-nav .flex-nav-next {
position: static;
}
.flex-direction-nav a {
display: block;
position: absolute;
z-index: 10;
overflow: hidden;
cursor: pointer;
text-decoration: none;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
display: inline-block;
content: " ";
width: 40px;
height: 40px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/flex-nav-prev.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.flex-direction-nav a.flex-next:before {
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/flex-nav-next.png);
}
.flex-direction-nav a {
top: 0;
width: 50%;
height: 100%;
margin: 0;
}
.flex-direction-nav a:before {
position: absolute;
top: 50%;
margin-top: -20px;
}
.flex-direction-nav a.flex-prev {
left: 0;
}
.flex-direction-nav a.flex-prev:before {
left: 10px;
}
.flex-direction-nav a.flex-next {
right: 0;
}
.flex-direction-nav a.flex-next:before {
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default;
}
@media screen and (max-width: 860px) {
.flex-direction-nav a {
width: 60px;
}
}
.flex-pauseplay a {
display: block;
position: absolute;
bottom: 5px;
left: 6px;
width: 20px;
height: 20px;
opacity: 0.8;
z-index: 21;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
display: inline-block;
content: " ";
width: 20px;
height: 20px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/flex-pause.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/flex-play.png);
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
z-index: 20;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0,0,0,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0,0,0,0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: rgba(255,255,255,0.75);
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
background: white;
}
.flickity-prev-next-button:focus {
outline: none;
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button:disabled {
filter: alpha(opacity=30);
opacity: 0.3;
cursor: auto;
}
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-prev-next-button .arrow {
fill: #333;
}
.flickity-prev-next-button.no-svg {
color: #333;
font-size: 26px;
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
filter: alpha(opacity=25);
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
opacity: 1;
}
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
zoom: 1;
min-width: 140px;
*display: inline;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #fcf7e9;
border-top: 0;
background: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #fcf7e9;
background-color: #fff;
background-clip: padding-box;
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/chosen-sprite-black.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/chosen-sprite-black.png) no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #fcf7e9;
background: #fff url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/chosen-sprite-black.png) no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #fcf7e9;
background-color: #fff;
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #fcf7e9;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/chosen-sprite-black.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container-active .chosen-single {
border: 1px solid transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #fcf7e9;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid transparent;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: #fff url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/chosen-sprite-black.png) no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution: 144dpi),only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/chosen-sprite-black@2x.png) !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
.icheckbox_hue,
.iradio_hue {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 18px;
height: 18px;
background: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/iSelect_hue.png) no-repeat;
border: none;
cursor: pointer;
position: relative;
top: -2px;
}
.icheckbox_hue {
background-position: 0 0;
}
.icheckbox_hue.hover {
background-position: -20px 0;
}
.icheckbox_hue.checked {
background-position: -40px 0;
}
.icheckbox_hue.disabled {
background-position: -60px 0;
cursor: default;
}
.icheckbox_hue.disabled {
background-position: -80px 0;
}
.iradio_hue {
background-position: -100px 0;
}
.iradio_hue.hover {
background-position: -120px 0;
}
.iradio_hue.checked {
background-position: -140px 0;
}
.iradio_hue.disabled {
background-position: -160px 0;
cursor: default;
}
.iradio_hue.checked.disabled {
background-position: -180px 0;
}
@media (-o-min-device-pixel-ratio: 1.25),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi),(min-resolution: 1.25dppx) {
.icheckbox_hue,
.iradio_hue {
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/iSelect_hue@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px;
}
}
.cf:before,
.cf:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
body.awesome:after {
content: " ";
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/dev/dev-layout-1.png);
background-repeat: no-repeat;
background-position: center top;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
z-index: 100;
pointer-events: none;
}
#wpadminbar {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.awesome #wpadminbar {
display: none;
}
body,
button,
input,
select,
textarea {
font-family: 'Gotham A', 'Gotham B', 'Verdana', arial, sans-serif;
font-size: 16px;
font-size: 1.5rem;
line-height: 1.5;
color: #4b2d19;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Gotham A', 'Gotham B', 'Verdana', arial, sans-serif;
letter-spacing: normal;
font-weight: 700;
clear: both;
margin-bottom: 1em;
}
a {
text-decoration: none;
color: #bf9a43;
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
color: #bf9a43;
outline: none;
}
.current-menu-item a {
color: #4b2d19;
}
p {
margin-bottom: 1em;
}
p img {
margin: 0.5em 0;
}
ul.primary-menu,
ul.secondary-menu,
ul.mobile-menu,
ul.footer-menu li,
.footer-content {
font-size: 13px;
letter-spacing: 0.020em;
font-weight: 500;
text-transform: uppercase;
}
ul.primary-menu a,
ul.secondary-menu a,
ul.mobile-menu a,
ul.footer-menu li a,
.footer-content a {
color: #bf9a43;
}
ul.primary-menu .submenu a,
ul.secondary-menu .submenu a,
ul.mobile-menu .submenu a,
ul.footer-menu li .submenu a,
.footer-content .submenu a {
color: #4b2d19;
}
a.button,
input[type="submit"] {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 17px;
padding: 0 17px;
letter-spacing: 0.010em;
font-weight: 600;
}
.post-filter a {
font-size: 13px;
letter-spacing: 0.020em;
font-weight: 500;
text-transform: uppercase;
}
.post.double h2 {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 28px;
line-height: 2.54em;
letter-spacing: -0.01em;
font-weight: 800;
color: white;
text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.post.double .text {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 66px;
line-height: 0.94em;
letter-spacing: -0.01em;
font-weight: 800;
font-style: italic;
color: white;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.startpage-slider-top h2 {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 66px;
line-height: 0.94em;
letter-spacing: -0.01em;
font-weight: 800;
font-style: italic;
color: white;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
margin-bottom: 0;
}
.startpage-slider-bottom-left h2,
.startpage-slider-bottom-right h2 {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 40px;
line-height: 0.94em;
letter-spacing: -0.01em;
font-weight: 800;
font-style: italic;
color: white;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
margin-bottom: 0;
}
.post .term-links {
font-size: 11px;
letter-spacing: 0.020em;
font-weight: 500;
text-transform: uppercase;
color: #938175;
margin-top: 0.5em;
margin-bottom: 1em;
}
.post .term-links a {
color: #938175;
}
.post .term-links a:hover,
.post .term-links a:focus,
.post .term-links a:active {
color: #4b2d19;
}
.post > a:hover,
.post > a:focus,
.post > a:active {
text-decoration: none;
}
.post .badge {
font-size: 13px;
line-height: 1.46em;
letter-spacing: 0.020em;
font-weight: 700;
text-transform: uppercase;
}
.post a.read-more {
color: #bf9a43;
}
.post a.read-more:hover,
.post a.read-more:focus,
.post a.read-more:active {
color: #bf9a43;
}
.post .post-header .term-links {
margin-top: 1.5em;
}
.post .post-header h2 {
margin-top: 0.7em;
}
.post .post-content .tm-title {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 23px;
line-height: 1.17em;
font-weight: 700;
font-style: italic;
margin-bottom: 0.4em;
}
.post .text-small {
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
hyphens: auto;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 4;
margin-bottom: 2em;
}
.post .text-small p {
margin-bottom: 0;
}
.post-grid .post {
padding-bottom: 1em !important;
}
.post-grid .post:hover {
background-color: white;
box-shadow: -1px 1px 14px 5px #EBE4D9;
-webkit-box-shadow: -1px 1px 14px 5px #EBE4D9;
-moz-box-shadow: -1px 1px 14px 5px #EBE4D9;
-o-box-shadow: -1px 1px 14px 5px #EBE4D9;
}
.post-grid .post.double:hover {
background-color: transparent;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
}
.post-grid .post .text-small {
margin-bottom: 0;
}
body.wohnungsfinder .main-content .content-area iframe {
margin-bottom: -6px;
}
body.wohnungsfinder .site-main {
margin-top: 108px !important;
}
.map-info {
color: #4b2d19;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.map-info p.tm-title {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 30px;
line-height: 1.4em;
font-weight: 700;
margin-bottom: 0.9em;
}
.map-info p a {
color: #bf9a43 !important;
}
.map-info p a:hover,
.map-info p a:focus,
.map-info p a:active {
color: #bf9a43 !important;
}
section .big-title {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 47px;
line-height: 1.06em;
letter-spacing: 0.010em;
font-weight: 800;
text-align: center;
margin-top: 1em;
margin-bottom: 0.8em;
}
section .big-title.left {
text-align: left;
}
section .big-text {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 22px;
line-height: 1.32em;
letter-spacing: 0.010em;
font-weight: 600;
margin-bottom: 2em !important;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
hyphens: auto;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 4;
}
section .auto-title strong,
section .medium-title {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 30px;
line-height: 1.4em;
font-weight: 700;
margin-bottom: 0.9em;
}
section .medium-title-2 {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 30px;
line-height: 1.4em;
font-weight: 700;
}
section .post-title {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 23px;
line-height: 1.17em;
font-weight: 700;
font-style: italic;
margin-bottom: 0.3em;
color: #4b2d19;
}
section .title {
font-size: 21px;
line-height: 1.14em;
font-weight: 500;
margin-bottom: 0.6em;
text-align: center;
}
section .text {
font-family: 'Gotham Narrow A', 'Gotham Narrow B', 'Verdana', arial, sans-serif;
font-size: 17px;
line-height: 1.24em;
font-weight: 400;
margin-bottom: 2em;
}
section .text .tm-title {
font-size: 21px;
line-height: 1.14em;
font-weight: 700;
}
section .text p.tm-title {
margin-bottom: 0;
}
section .text-2 {
font-family: 'Gotham Narrow A', 'Gotham Narrow B', 'Verdana', arial, sans-serif;
font-size: 17px;
line-height: 1.24em;
font-weight: 400;
margin-bottom: 2em;
}
section .text-2 .tm-title {
font-size: 19px;
line-height: 1.26em;
font-weight: 700;
}
section .title-small {
font-size: 17px;
line-height: 1.29em;
letter-spacing: 0.020em;
font-weight: bold;
}
section .subline-small {
font-family: 'Gotham Narrow A', 'Gotham Narrow B', 'Verdana', arial, sans-serif;
font-size: 17px;
line-height: 1.29em;
letter-spacing: 0.020em;
font-weight: 400;
margin-bottom: 0.5em !important;
}
section .text-small {
font-family: 'Gotham Narrow A', 'Gotham Narrow B', 'Verdana', arial, sans-serif;
font-size: 14px;
line-height: 1.43em;
letter-spacing: 0.010em;
font-weight: 400;
margin-bottom: 3em !important;
}
section .question,
section .answer {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 25px;
line-height: 1.24em;
font-weight: 800;
}
section .question {
font-style: italic;
}
section.lage .section-content {
margin-bottom: 1em;
}
section.anfrage-kontakt .text,
section.newsletter .text,
section.impressum .text {
font-family: 'Gotham Narrow A', 'Gotham Narrow B', 'Verdana', arial, sans-serif;
font-size: 17px;
line-height: 1.412em;
font-weight: 400;
margin-bottom: 2em;
}
section.anfrage-kontakt .text .tm-title,
section.newsletter .text .tm-title,
section.impressum .text .tm-title {
font-size: 21px;
line-height: 1.14em;
font-weight: 700;
}
section.anfrage-kontakt .text-2,
section.newsletter .text-2,
section.impressum .text-2 {
font-family: 'Gotham Narrow A', 'Gotham Narrow B', 'Verdana', arial, sans-serif;
font-size: 17px;
line-height: 1.24em;
font-weight: 400;
margin-bottom: 2em;
}
section.anfrage-kontakt .text-2 .tm-title,
section.newsletter .text-2 .tm-title,
section.impressum .text-2 .tm-title {
font-size: 19px;
line-height: 1.26em;
font-weight: 700;
}
section.anfrage-kontakt .text-2 .tm-title a,
section.newsletter .text-2 .tm-title a,
section.impressum .text-2 .tm-title a {
font-weight: 400;
}
section.anfrage-kontakt .text-2 strong,
section.anfrage-kontakt .text-2 b,
section.newsletter .text-2 strong,
section.newsletter .text-2 b,
section.impressum .text-2 strong,
section.impressum .text-2 b {
font-family: 'Gotham A', 'Gotham B', 'Verdana', arial, sans-serif;
}
body {
position: relative;
width: 100%;
background: #fcf7e9;
}
body.unterlagen #page #main {
background-color: #a8a05e;
}
body.bau-projekt .site-header .site-branding .header-logo-wg,
body.anfrage .site-header .site-branding .header-logo-wg,
body.der-wildgarten .site-header .site-branding .header-logo-wg {
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/wildgarten-logo-wg-olive.png);
}
body.bau-projekt .site-header .site-branding .header-logo-sl,
body.anfrage .site-header .site-branding .header-logo-sl,
body.der-wildgarten .site-header .site-branding .header-logo-sl {
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/wildgarten-logo-sl-olive.png);
}
body.bau-projekt ul.primary-menu a,
body.bau-projekt ul.secondary-menu a,
body.bau-projekt ul.footer-menu li a,
body.bau-projekt ul.mobile-menu li a,
body.anfrage ul.primary-menu a,
body.anfrage ul.secondary-menu a,
body.anfrage ul.footer-menu li a,
body.anfrage ul.mobile-menu li a,
body.der-wildgarten ul.primary-menu a,
body.der-wildgarten ul.secondary-menu a,
body.der-wildgarten ul.footer-menu li a,
body.der-wildgarten ul.mobile-menu li a {
color: #9e954c;
}
body.bau-projekt ul.primary-menu li ul.sub-menu li.active a,
body.bau-projekt ul.primary-menu li ul.sub-menu li a:hover,
body.bau-projekt ul.secondary-menu li ul.sub-menu li.active a,
body.bau-projekt ul.secondary-menu li ul.sub-menu li a:hover,
body.anfrage ul.primary-menu li ul.sub-menu li.active a,
body.anfrage ul.primary-menu li ul.sub-menu li a:hover,
body.anfrage ul.secondary-menu li ul.sub-menu li.active a,
body.anfrage ul.secondary-menu li ul.sub-menu li a:hover,
body.der-wildgarten ul.primary-menu li ul.sub-menu li.active a,
body.der-wildgarten ul.primary-menu li ul.sub-menu li a:hover,
body.der-wildgarten ul.secondary-menu li ul.sub-menu li.active a,
body.der-wildgarten ul.secondary-menu li ul.sub-menu li a:hover {
color: #9e954c;
}
body.bau-projekt .menu-toggle span,
body.anfrage .menu-toggle span,
body.der-wildgarten .menu-toggle span {
background-color: #a8a05e;
}
body.bau-projekt ul.mobile-menu,
body.anfrage ul.mobile-menu,
body.der-wildgarten ul.mobile-menu {
border-bottom: 1px solid #9e954c;
}
body.bau-projekt ul.mobile-menu li,
body.anfrage ul.mobile-menu li,
body.der-wildgarten ul.mobile-menu li {
border-top: 1px solid #9e954c;
}
body.bau-projekt ul.mobile-menu li ul.sub-menu,
body.anfrage ul.mobile-menu li ul.sub-menu,
body.der-wildgarten ul.mobile-menu li ul.sub-menu {
border-top: 1px solid #9e954c;
}
body.bau-projekt a,
body.anfrage a,
body.der-wildgarten a {
color: #9e954c;
}
body.bau-projekt a:hover,
body.bau-projekt a:focus,
body.bau-projekt a:active,
body.anfrage a:hover,
body.anfrage a:focus,
body.anfrage a:active,
body.der-wildgarten a:hover,
body.der-wildgarten a:focus,
body.der-wildgarten a:active {
color: #9e954c;
}
body.bau-projekt .newsletter-button a.button,
body.anfrage .newsletter-button a.button,
body.der-wildgarten .newsletter-button a.button {
color: #9e954c;
}
body.bau-projekt .newsletter-button a.button:hover,
body.bau-projekt .newsletter-button a.button:active,
body.bau-projekt .newsletter-button a.button:focus,
body.anfrage .newsletter-button a.button:hover,
body.anfrage .newsletter-button a.button:active,
body.anfrage .newsletter-button a.button:focus,
body.der-wildgarten .newsletter-button a.button:hover,
body.der-wildgarten .newsletter-button a.button:active,
body.der-wildgarten .newsletter-button a.button:focus {
background-color: #a8a05e;
}
body.bau-projekt .social-icons a.block,
body.anfrage .social-icons a.block,
body.der-wildgarten .social-icons a.block {
background-color: #a8a05e;
}
body.bau-projekt .social-icons a.block:hover,
body.bau-projekt .social-icons a.block:active,
body.bau-projekt .social-icons a.block:focus,
body.anfrage .social-icons a.block:hover,
body.anfrage .social-icons a.block:active,
body.anfrage .social-icons a.block:focus,
body.der-wildgarten .social-icons a.block:hover,
body.der-wildgarten .social-icons a.block:active,
body.der-wildgarten .social-icons a.block:focus {
color: #fcf7e9;
}
body.nachbarschaftszentrum .site-header .site-branding .header-logo-wg {
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/wildgarten-logo-wg-purple.png);
}
body.nachbarschaftszentrum .site-header .site-branding .header-logo-sl {
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/wildgarten-logo-sl-purple.png);
}
body.nachbarschaftszentrum ul.primary-menu a,
body.nachbarschaftszentrum ul.secondary-menu a,
body.nachbarschaftszentrum ul.footer-menu li a,
body.nachbarschaftszentrum ul.mobile-menu li a {
color: #c57b8f;
}
body.nachbarschaftszentrum ul.primary-menu li ul.sub-menu li.active a,
body.nachbarschaftszentrum ul.primary-menu li ul.sub-menu li a:hover,
body.nachbarschaftszentrum ul.secondary-menu li ul.sub-menu li.active a,
body.nachbarschaftszentrum ul.secondary-menu li ul.sub-menu li a:hover {
color: #c57b8f;
}
body.nachbarschaftszentrum .menu-toggle span {
background-color: #ce8f9f;
}
body.nachbarschaftszentrum ul.mobile-menu {
border-bottom: 1px solid #c57b8f;
}
body.nachbarschaftszentrum ul.mobile-menu li {
border-top: 1px solid #c57b8f;
}
body.nachbarschaftszentrum ul.mobile-menu li ul.sub-menu {
border-top: 1px solid #c57b8f;
}
body.nachbarschaftszentrum a {
color: #c57b8f;
}
body.nachbarschaftszentrum a:hover,
body.nachbarschaftszentrum a:focus,
body.nachbarschaftszentrum a:active {
color: #c57b8f;
}
body.nachbarschaftszentrum .newsletter-button a.button {
color: #c57b8f;
}
body.nachbarschaftszentrum .newsletter-button a.button:hover,
body.nachbarschaftszentrum .newsletter-button a.button:active,
body.nachbarschaftszentrum .newsletter-button a.button:focus {
background-color: #ce8f9f;
}
body.nachbarschaftszentrum .social-icons a.block {
background-color: #ce8f9f;
}
body.nachbarschaftszentrum .social-icons a.block:hover,
body.nachbarschaftszentrum .social-icons a.block:active,
body.nachbarschaftszentrum .social-icons a.block:focus {
color: #fcf7e9;
}
.site-header {
height: 108px;
background: #fcf7e9;
text-align: center;
-webkit-transition: height 0.2s ease-out;
-moz-transition: height 0.2s ease-out;
-o-transition: height 0.2s ease-out;
transition: height 0.2s ease-out;
}
.site-header .header-content {
height: 100%;
}
.site-header .site-branding {
position: absolute;
left: 0;
top: 20px;
z-index: 10;
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}
.site-header .site-branding a .header-logo-wg {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.site-header .site-branding a:hover .header-logo-wg,
.site-header .site-branding a:active .header-logo-wg,
.site-header .site-branding a:focus .header-logo-wg {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.site-header .site-branding .header-logo {
display: block;
width: 145px;
height: 70px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/wildgarten-logo-bg.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.site-header .site-branding .header-logo-wg {
position: absolute;
left: 0;
top: 0;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/wildgarten-logo-wg-gold.png);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.site-header .site-branding .header-logo-wg:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.site-header .site-branding .header-logo-sl {
position: absolute;
left: 0;
top: 0;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/wildgarten-logo-sl-gold.png);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.site-header .primary-navigation {
position: absolute;
left: 0;
top: 50%;
width: 100%;
margin-top: -18px;
display: inline-block;
padding: 0 90px;
}
.site-header ul.primary-menu li.current-menu-item ul.sub-menu {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.site-header .newsletter-button {
position: absolute;
top: 50%;
right: 48px;
margin-top: -22px;
}
.site-header .newsletter-button a.button {
background-color: white;
color: #bf9a43;
}
.site-header .newsletter-button a.button:hover,
.site-header .newsletter-button a.button:active,
.site-header .newsletter-button a.button:focus {
background-color: #bf9a43;
color: white;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.site-header .social-icons {
position: absolute;
top: 50%;
right: 0px;
margin-top: -14px;
}
.site-header .social-icons a {
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 19px;
background-color: #bf9a43;
color: #fcf7e9;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.site-header .social-icons a:hover,
.site-header .social-icons a:active,
.site-header .social-icons a:focus {
background-color: #4b2d19 !important;
}
.site-header .social-icons .ion-social-facebook {
top: 2px;
left: 2px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/social-facebook.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 19px;
height: 19px;
}
.site-header .leaves {
position: absolute;
top: -3px;
right: 60px;
width: 168px;
height: 173px;
z-index: 1000;
pointer-events: none;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/leaves.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-animation: 10s ease 0s normal none infinite swing;
-webkit-transform-origin: center top;
-webkit-animation: swing 10s infinite ease-in-out;
-webkit-transform-origin: top;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.site-header.smaller {
height: 57px !important;
}
.site-header.smaller .site-branding {
top: 15px;
}
.site-header.smaller .site-branding .header-logo {
height: 47px;
}
.site-header.smaller .site-branding .header-logo-bg,
.site-header.smaller .site-branding .header-logo-sl {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.site-header.smaller ul.primary-menu li ul.sub-menu {
top: 57px !important;
}
.site-header.smaller ul.primary-menu li ul.sub-menu:before {
top: -10px;
height: 10px;
}
.site-header.smaller .leaves {
top: -180px;
}
@-webkit-keyframes swing {
0% {
-webkit-transform: rotate(-3deg);
}
10% {
-webkit-transform: rotate(-1deg);
}
20% {
-webkit-transform: rotate(3deg);
}
50% {
-webkit-transform: rotate(-3deg);
}
60% {
-webkit-transform: rotate(-2deg);
}
80% {
-webkit-transform: rotate(3deg);
}
100% {
-webkit-transform: rotate(-3deg);
}
}
body.blog .post-filter a.alle {
color: #bf9a43;
}
body.blog .post-filter a.alle span {
border-bottom: 2px solid #bf9a43;
}
body.category-qualitaet .post-filter a.qualitaet {
color: #f59f4b;
}
body.category-qualitaet .post-filter a.qualitaet span {
border-bottom: 2px solid #f59f4b;
}
body.category-wohnen .post-filter a.wohnen {
color: #645f46;
}
body.category-wohnen .post-filter a.wohnen span {
border-bottom: 2px solid #645f46;
}
body.category-nachbarschaft .post-filter a.nachbarschaft {
color: #e85ddd;
}
body.category-nachbarschaft .post-filter a.nachbarschaft span {
border-bottom: 2px solid #e85ddd;
}
body.category-termine .post-filter a.termine {
color: #009ee3;
}
body.category-termine .post-filter a.termine span {
border-bottom: 2px solid #009ee3;
}
body.category-leben .post-filter a.leben {
color: #8ba933;
}
body.category-leben .post-filter a.leben span {
border-bottom: 2px solid #8ba933;
}
body.category-baugruppen .post-filter a.baugruppen {
color: #f3d022;
}
body.category-baugruppen .post-filter a.baugruppen span {
border-bottom: 2px solid #f3d022;
}
body.category-nachbarschaftszentrum .post-filter a.nachbarschaftszentrum {
color: #6596a0;
}
body.category-nachbarschaftszentrum .post-filter a.nachbarschaftszentrum span {
border-bottom: 2px solid #6596a0;
}
.screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.password-protection {
max-width: 660px;
min-height: 520px;
margin: 0 auto;
}
.password-protection .form-fields {
text-align: center;
margin-top: 2em;
}
.password-protection .form-fields input[type="password"] {
margin-top: 0.7em;
min-width: 250px;
}
.password-protection .form-fields .submit {
display: inline-block;
margin-left: 1em;
}
#page {
overflow: visible !important;
background-color: transparent !important;
pointer-events: none;
}
#page #masthead,
#page #main {
background-color: #fcf7e9;
pointer-events: auto;
}
.site-main {
margin-top: 108px !important;
overflow: visible;
}
.site-main:before {
content: " ";
position: absolute;
left: 0;
top: -800px;
width: 100%;
height: 800px;
background-color: #fcf7e9;
}
body.home .site-main,
body.blog .site-main,
body.single-post .site-main,
body.unterlagen .site-main {
margin-top: 108px !important;
}
body.page-template-default article .entry-content .BorlabsCookie h3,
body.page-template-default article .entry-content .BorlabsCookie h4,
body.page-template-default article .entry-content .BorlabsCookie th {
font-family: 'Gotham A', 'Gotham B', 'Verdana', arial, sans-serif !important;
font-weight: 400;
}
body.page-template-default article .entry-content .BorlabsCookie h3 {
font-weight: 700;
}
body.page-template-default article .entry-content .BorlabsCookie h4 {
margin-bottom: 0;
}
body.page-template-default article .entry-content .BorlabsCookie table {
margin-bottom: 1em;
}
#page {
padding-bottom: 630px;
z-index: 20;
background-color: #fcf7e9;
}
.page.unterlagen .site-footer .footer-content p {
padding-top: 5px;
}
.site-footer {
position: fixed !important;
left: 0;
right: 0;
bottom: 0;
background: #bf9a43;
color: #fcf7e9;
margin-left: -10px;
margin-right: -10px;
}
.site-footer .footer-content {
color: #fcf7e9;
}
.site-footer .footer-content p {
display: inline-block;
line-height: 2.3em;
margin-bottom: 0;
}
.site-footer .footer-content .footer-navigation {
display: inline-block;
position: absolute;
right: -25px;
}
.site-footer .footer-content .footer-navigation ul.footer-menu li {
padding: 0 3px;
}
.site-footer .footer-content .footer-navigation ul.footer-menu li a {
padding: 5px 10px;
}
.site-footer .footer-content a {
color: #fcf7e9 !important;
line-height: 20px !important;
}
.site-footer .footer-content a:hover,
.site-footer .footer-content a:focus,
.site-footer .footer-content a:active {
color: #4b2d19 !important;
}
.site-footer .footer-content-wrapper {
background: #bf9a43;
bottom: -1px;
height: 100%;
}
.site-footer .squirrel-start-game {
position: absolute;
right: -71px;
bottom: -70px;
width: 288px;
height: 288px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/squirrel-start-game-small.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.site-footer .squirrel-start-game .bubble {
position: absolute;
left: 10px;
top: -71px;
width: 167px;
height: 110px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/bubble.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.site-footer .squirrel-start-game .bubble .text {
position: absolute;
left: 10px;
top: 23px;
width: 147px;
text-align: center;
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 20px;
font-weight: 700;
line-height: 1.2em;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.site-footer .squirrel-start-game .bubble .text.active {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.site-footer .squirrel-start-game:hover .bubble {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.site-footer .map-container .map-info {
position: absolute;
left: 5.5%;
top: 17.5%;
width: 350px;
height: 250px;
background: #fcf7e9;
z-index: 10;
padding: 30px 20px;
}
section {
margin: 0 auto;
max-width: 1180px;
padding: 0 10px;
overflow: hidden;
}
section .margin-extrasmall {
margin-bottom: 40px !important;
}
section .margin-small {
margin-bottom: 60px !important;
}
section .margin {
margin-bottom: 80px !important;
}
section .big-text {
max-width: 800px;
margin: 0 auto;
}
section.fullwidth {
max-width: 100%;
padding: 0;
}
section.fullwidth .section-inner {
margin: 0 auto;
padding: 10px;
max-width: 1160px;
}
section.fullwidth .section-inner.content-width-extrasmall {
max-width: 680px;
}
section.fullwidth .section-inner.content-width-small {
max-width: 800px;
}
section.fullwidth .section-inner.content-width-medium {
max-width: 1070px;
}
section.bg-white {
background-color: white;
}
section.bg-white a {
color: #9e954c;
}
section.bg-white a:hover,
section.bg-white a:active,
section.bg-white a:olive {
color: #4b2d19;
}
section.bg-white a.block {
color: #4b2d19;
}
section.bg-white a.block:hover,
section.bg-white a.block:active,
section.bg-white a.block:focus {
color: #4b2d19;
}
section.bg-white a.button {
color: white;
}
section.bg-white a.button:hover,
section.bg-white a.button:active,
section.bg-white a.button:focus {
color: white;
}
section.bg-white input[type="text"],
section.bg-white input[type="email"] {
background-color: white;
border-bottom: 1px solid #4b2d19;
}
section.bg-white input[type="submit"] {
background-color: #74a1a9;
}
section.bg-olive {
background-color: #a8a05e;
color: #fcf7e9;
}
section.bg-olive a,
section.bg-olive a:hover,
section.bg-olive a:active,
section.bg-olive a:focus {
color: #fcf7e9;
}
section.bg-creme {
background-color: #fcf7e9;
color: #4b2d19;
}
section.bg-creme a {
color: #4b2d19;
}
section.bg-creme a:hover,
section.bg-creme a:active,
section.bg-creme a:focus {
color: #4b2d19;
}
section.bg-creme a.block {
color: #4b2d19;
}
section.bg-creme a.block:hover,
section.bg-creme a.block:active,
section.bg-creme a.block:focus {
color: #4b2d19;
}
section.bg-creme a.button {
color: #fcf7e9;
background-color: #c57b8f;
}
section.bg-creme input[type="text"],
section.bg-creme input[type="email"] {
background-color: #fcf7e9;
border-bottom: 1px solid #4b2d19;
}
section.bg-creme input[type="submit"] {
background-color: #6596a0;
}
section.bg-purple {
background-color: #ce8f9f;
color: #fcf7e9;
}
section.bg-purple a {
color: #4b2d19;
}
section.bg-purple a:hover,
section.bg-purple a:active,
section.bg-purple a:focus {
color: #4b2d19;
}
section.bg-purple a.block {
color: #4b2d19;
}
section.bg-purple a.block:hover,
section.bg-purple a.block:active,
section.bg-purple a.block:focus {
color: #4b2d19;
}
section.bg-purple a.button {
color: #c57b8f;
background-color: #fcf7e9;
}
section.bg-purple-light {
background-color: #d7a7b3;
color: #fcf7e9;
}
section.bg-purple-light a {
color: #4b2d19;
}
section.bg-purple-light a:hover,
section.bg-purple-light a:active,
section.bg-purple-light a:focus {
color: #4b2d19;
}
section.bg-purple-light a.block {
color: #4b2d19;
}
section.bg-purple-light a.block:hover,
section.bg-purple-light a.block:active,
section.bg-purple-light a.block:focus {
color: #4b2d19;
}
section.bg-purple-light a.button {
color: #d7a7b3;
background-color: #fcf7e9;
}
section.bg-sky {
background-color: #74a1a9;
color: #fcf7e9;
}
section.bg-sky a,
section.bg-sky a:hover,
section.bg-sky a:active,
section.bg-sky a:focus {
color: #fcf7e9;
}
section.bg-sky input[type="submit"] {
color: #6596a0;
background-color: #fcf7e9;
}
section.aktuell .post a.read-more {
color: #9e954c;
}
section.aktuell .post a.read-more:hover,
section.aktuell .post a.read-more:active,
section.aktuell .post a.read-more:olive {
color: #4b2d19;
}
section.oeffnungszeiten-kontakt .oeffnungszeiten-block a {
color: #c57b8f;
}
section.oeffnungszeiten-kontakt .oeffnungszeiten-block a:hover,
section.oeffnungszeiten-kontakt .oeffnungszeiten-block a:active,
section.oeffnungszeiten-kontakt .oeffnungszeiten-block a:olive {
color: #c57b8f;
}
.post-filter {
margin-bottom: 1em;
}
.post-filter ul {
margin: 0 -10px;
text-align: center;
}
.post-filter ul li {
display: inline-block;
border-left: 1px solid #bf9a43;
}
.post-filter ul li a {
color: #4b2d19;
padding: 10px 10px;
}
.post-filter ul li a span {
display: inline-block;
border-bottom: 2px solid transparent;
}
.post-filter ul li a:hover,
.post-filter ul li a:active,
.post-filter ul li a:focus {
color: #bf9a43;
}
.post-filter ul li a:hover span,
.post-filter ul li a:active span,
.post-filter ul li a:focus span {
border-bottom: 2px solid #bf9a43;
}
.post-filter ul li a.qualitaet:hover,
.post-filter ul li a.qualitaet:focus,
.post-filter ul li a.qualitaet:active {
color: #f59f4b;
}
.post-filter ul li a.qualitaet:hover span,
.post-filter ul li a.qualitaet:focus span,
.post-filter ul li a.qualitaet:active span {
border-bottom: 2px solid #f59f4b;
}
.post-filter ul li a.wohnen:hover,
.post-filter ul li a.wohnen:focus,
.post-filter ul li a.wohnen:active {
color: #645f46;
}
.post-filter ul li a.wohnen:hover span,
.post-filter ul li a.wohnen:focus span,
.post-filter ul li a.wohnen:active span {
border-bottom: 2px solid #645f46;
}
.post-filter ul li a.nachbarschaft:hover,
.post-filter ul li a.nachbarschaft:focus,
.post-filter ul li a.nachbarschaft:active {
color: #e85ddd;
}
.post-filter ul li a.nachbarschaft:hover span,
.post-filter ul li a.nachbarschaft:focus span,
.post-filter ul li a.nachbarschaft:active span {
border-bottom: 2px solid #e85ddd;
}
.post-filter ul li a.termine:hover,
.post-filter ul li a.termine:focus,
.post-filter ul li a.termine:active {
color: #009ee3;
}
.post-filter ul li a.termine:hover span,
.post-filter ul li a.termine:focus span,
.post-filter ul li a.termine:active span {
border-bottom: 2px solid #009ee3;
}
.post-filter ul li a.leben:hover,
.post-filter ul li a.leben:focus,
.post-filter ul li a.leben:active {
color: #8ba933;
}
.post-filter ul li a.leben:hover span,
.post-filter ul li a.leben:focus span,
.post-filter ul li a.leben:active span {
border-bottom: 2px solid #8ba933;
}
.post-filter ul li a.baugruppen:hover,
.post-filter ul li a.baugruppen:focus,
.post-filter ul li a.baugruppen:active {
color: #f3d022;
}
.post-filter ul li a.baugruppen:hover span,
.post-filter ul li a.baugruppen:focus span,
.post-filter ul li a.baugruppen:active span {
border-bottom: 2px solid #f3d022;
}
.post-filter ul li a.nachbarschaftszentrum:hover,
.post-filter ul li a.nachbarschaftszentrum:focus,
.post-filter ul li a.nachbarschaftszentrum:active {
color: #6596a0;
}
.post-filter ul li a.nachbarschaftszentrum:hover span,
.post-filter ul li a.nachbarschaftszentrum:focus span,
.post-filter ul li a.nachbarschaftszentrum:active span {
border-bottom: 2px solid #6596a0;
}
.post-filter ul li:first-child {
border-left: none;
}
.post-grid {
margin: -7px;
}
.post-grid:before,
.post-grid:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.post-grid:before,
.post-grid:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.post-grid .post {
float: left;
width: 25%;
padding: 7px;
}
.post-grid .post.double {
width: 50%;
}
.post-grid .post img {
width: 100%;
height: auto;
}
.single-post .post-overview {
margin-top: 87px;
}
.post-overview {
padding-bottom: 60px;
}
body.home .post-overview .big-title {
margin-top: 0;
}
.term-bars {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.term-bars:before,
.term-bars:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.term-bars:before,
.term-bars:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.term-bars .term-full,
.term-bars .term-half {
float: left;
width: 100%;
height: 4px;
background-color: gray;
}
.term-bars .term-full.leben,
.term-bars .term-half.leben {
background-color: #8ba933;
}
.term-bars .term-full.nachbarschaft,
.term-bars .term-half.nachbarschaft {
background-color: #e85ddd;
}
.term-bars .term-full.qualitaet,
.term-bars .term-half.qualitaet {
background-color: #f59f4b;
}
.term-bars .term-full.termine,
.term-bars .term-half.termine {
background-color: #009ee3;
}
.term-bars .term-full.wohnen,
.term-bars .term-half.wohnen {
background-color: #9e954c;
}
.term-bars .term-full.baugruppen,
.term-bars .term-half.baugruppen {
background-color: #f3d022;
}
.term-bars .term-full.nachbarschaftszentrum,
.term-bars .term-half.nachbarschaftszentrum {
background-color: #6596a0;
}
.term-bars .term-half {
width: 50%;
}
.badge {
position: absolute;
top: 10px;
right: 0;
padding: 6px 10px;
background-color: #4b2d19;
color: white;
}
section.question-answer {
padding-top: 65px;
padding-bottom: 67px;
}
.border-box a .table {
height: 264px;
}
.border-box a .table .table-cell {
padding: 10px;
}
.border-box:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.border-box:hover:before {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.border-box.creme:before {
border: 10px solid #fcf7e9;
}
.border-box.creme a,
.border-box.creme a:hover,
.border-box.creme a:active,
.border-box.creme a:focus {
color: #fcf7e9;
}
.border-box.brown:before {
border: 10px solid #938175;
}
.border-box.brown a,
.border-box.brown a:hover,
.border-box.brown a:active,
.border-box.brown a:focus {
color: #4b2d19;
}
.border-box.gold:before {
border: 10px solid #bf9a43;
}
.border-box.gold a,
.border-box.gold a:hover,
.border-box.gold a:active,
.border-box.gold a:focus {
color: #bf9a43;
}
.border-box.purple:before {
border: 10px solid #ce8f9f;
}
.border-box.purple a,
.border-box.purple a:hover,
.border-box.purple a:active,
.border-box.purple a:focus {
color: #c57b8f;
}
.border-box.green:before {
border: 10px solid #a8a05e;
}
.border-box.green a,
.border-box.green a:hover,
.border-box.green a:active,
.border-box.green a:focus {
color: #9e954c;
}
.border-box.blue:before {
border: 10px solid #74a1a9;
}
.border-box.blue a,
.border-box.blue a:hover,
.border-box.blue a:active,
.border-box.blue a:focus {
color: #6596a0;
}
blockquote {
position: relative;
height: 119px;
padding-left: 129px;
margin: 2em 0;
display: table;
width: 100%;
}
blockquote:before {
content: " ";
position: absolute;
left: -15px;
top: 50%;
width: 124px;
height: 119px;
margin-top: -60px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/tipp.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
blockquote > p {
display: table-cell;
vertical-align: middle;
}
.fbshare {
margin-bottom: 1em;
}
.fbshare a {
width: 94px;
height: 94px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/jetzt-teilen-fb.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.fbshare a:hover,
.fbshare a:active,
.fbshare a:focus {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
#hue-load-more-button {
margin-top: 2em;
margin-bottom: 80px;
}
#hue-load-more-button a {
width: 107px;
margin: 0 auto 0;
}
#hue-load-more-button a .default {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#hue-load-more-button a:hover .default,
#hue-load-more-button a:active .default,
#hue-load-more-button a:focus .default {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
#hue-load-more-button .default {
width: 107px;
height: 62px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/mehr-laden.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#hue-load-more-stories-button {
margin-top: 2em;
}
#hue-load-more-stories-button a {
width: 178px;
margin: 0 auto 0;
}
#hue-load-more-stories-button a .default {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#hue-load-more-stories-button a:hover .default,
#hue-load-more-stories-button a:active .default,
#hue-load-more-stories-button a:focus .default {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
#hue-load-more-stories-button .default {
width: 178px;
height: 62px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/mehr-geschichten.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#hue-load-more-events-button {
margin-top: 3em;
text-align: center;
}
#hue-load-more-events-button span {
display: inline-block;
margin: 0 auto 0;
}
#hue-load-more-events-button span .default {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#hue-load-more-events-button span:hover .default,
#hue-load-more-events-button span:active .default,
#hue-load-more-events-button span:focus .default {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
#hue-load-more-events-button .default {
width: 108px;
height: 70px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/mehr-termine.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.colored-text .text {
color: #4b2d19;
}
.colored-text .text a {
color: #4b2d19;
text-decoration: underline;
}
.colored-text .text a:hover,
.colored-text .text a:focus,
.colored-text .text a:active {
color: #4b2d19;
}
.colored-text .title {
color: #9e954c;
}
.colored-text .title a {
color: #9e954c;
text-decoration: underline;
}
.colored-text .title a:hover,
.colored-text .title a:focus,
.colored-text .title a:active {
color: #9e954c;
}
.align-center {
text-align: center;
margin-bottom: 5em;
}
.align-center a.button {
background-color: #9e954c;
}
section.newsletter .squirrel {
position: absolute;
left: -1000px;
top: 90px;
width: 428px;
height: 492px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/juhuuu-post.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
pointer-events: none;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
section.newsletter.squirrel-active .squirrel {
left: -490px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
section.oeffnungszeiten-kontakt .squirrel {
position: absolute;
left: -1000px;
top: 15px;
width: 374px;
height: 453px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/komm-vorbei.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
pointer-events: none;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
section.oeffnungszeiten-kontakt.squirrel-active .squirrel {
left: -190px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.contact-img {
width: 185px;
height: 185px;
margin: 0 auto 0.9em;
}
.contact-img .default {
width: 100%;
height: 100%;
background-color: #4b2d19;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/c-frage-light.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 116px 82px;
border-radius: 50%;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.contact-img .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #6596a0;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/c-kontakt.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 116px 82px;
border-radius: 50%;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.contact-img.light .default {
background-color: #fcf7e9;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/c-frage.png);
}
a.block:hover .contact-img .default,
a.block:focus .contact-img .default,
a.block:active .contact-img .default {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
a.block:hover .contact-img .hover,
a.block:focus .contact-img .hover,
a.block:active .contact-img .hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.image {
display: inline-block;
}
.image.circle {
margin-bottom: 0.9em !important;
}
.image.circle img {
width: 185px !important;
height: auto;
border-radius: 50%;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.image.slideshow {
margin-bottom: 3.5em !important;
}
.image.slideshow-small {
margin-bottom: 2em !important;
}
.image.original {
width: 100%;
margin-bottom: 1.5em !important;
text-align: center;
}
.image.original .image-conatiner {
display: inline-block;
max-width: 350px;
}
.image.original .image-conatiner img {
width: 100%;
height: auto;
}
a.block:hover .image.circle img,
a.block:hover .image.circle .img,
a.block:focus .image.circle img,
a.block:focus .image.circle .img,
a.block:active .image.circle img,
a.block:active .image.circle .img {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
a.block:hover .image.circle:after,
a.block:focus .image.circle:after,
a.block:active .image.circle:after {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.planung .image.circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/c-mehr-dazu.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 116px 82px;
border-radius: 50%;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.team .image.circle,
.kontakte .image.circle,
.anfrage-kontakt .image.circle,
.presse-downloads .image.circle {
width: 100%;
max-width: 185px;
}
.team .image.circle img,
.kontakte .image.circle img,
.anfrage-kontakt .image.circle img,
.presse-downloads .image.circle img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.team .image.circle .img-wrapper,
.kontakte .image.circle .img-wrapper,
.anfrage-kontakt .image.circle .img-wrapper,
.presse-downloads .image.circle .img-wrapper {
width: 100%;
height: 0;
padding-bottom: 100%;
}
.team .image.circle .img-wrapper .img-wrapper-inner,
.kontakte .image.circle .img-wrapper .img-wrapper-inner,
.anfrage-kontakt .image.circle .img-wrapper .img-wrapper-inner,
.presse-downloads .image.circle .img-wrapper .img-wrapper-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
.team .image.circle .img,
.kontakte .image.circle .img,
.anfrage-kontakt .image.circle .img,
.presse-downloads .image.circle .img {
width: 100%;
height: 100%;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-blend-mode: screen;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border: 2px solid #fcf7e9;
border-radius: 50%;
overflow: hidden;
}
.anfrage-kontakt .image.circle .img {
border: 1px solid #a8a05e;
}
.presse-downloads .image.circle .img {
border: 1px solid #a8a05e;
}
section .auto-title strong {
margin-bottom: -0.1em;
display: block;
margin-top: 1.5em;
}
.ueber-uns-entry {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.ueber-uns-entry .medium-title {
text-align: left;
margin-bottom: 0.5em;
}
.ueber-uns-entry .big-text {
text-align: left;
}
section.galerie {
text-align: center;
}
section.galerie .slide {
padding: 50px;
}
section.galerie img {
max-width: 100%;
max-height: 460px;
object-fit: contain;
margin: 0 auto;
}
.oeffnungszeiten-kontakt {
text-align: center;
}
.oeffnungszeiten-kontakt .oeffnungszeiten-block {
display: inline-block;
padding-left: 124px;
max-width: 820px;
margin-bottom: 2em;
text-align: left;
}
.oeffnungszeiten-kontakt .oeffnungszeiten-block:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
width: 84px;
height: 84px;
margin-top: -42px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/uhr.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.oeffnungszeiten-kontakt .oeffnungszeiten-block p {
margin-bottom: 0;
}
.oeffnungszeiten-kontakt .row.kontakte {
max-width: 760px;
margin: 0 auto 3em;
}
.oeffnungszeiten-kontakt .big-text p {
margin-bottom: 0.9em;
}
section.termine .border-box {
max-width: 480px;
margin: 0 auto;
}
section.termine .border-box .table {
height: 260px;
}
.termine-list {
max-width: 965px;
margin: 0 auto;
}
.termine-list .termin {
margin-bottom: 1em;
border-bottom: 1px solid #fcf7e9;
}
.termine-list .termin:last-child {
border-bottom: none;
}
.termine-list .termin.hidden {
display: none;
}
.termine-list .termin .termin-row:before,
.termine-list .termin .termin-row:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.termine-list .termin .termin-row:before,
.termine-list .termin .termin-row:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.termine-list .termin .termin-row .col-date {
float: left;
width: 20.65%;
}
.termine-list .termin .termin-row .col-info {
float: left;
width: 50.26%;
padding-right: 1em;
}
.termine-list .termin .termin-row .col-location {
float: left;
width: 29.09%;
}
.termine-list .termin .termin-row .title {
text-align: left;
}
.termine-list .termin .termin-row .title-small {
font-weight: normal;
margin-bottom: 1em;
}
.termine-list .termin .termin-row .text {
margin-bottom: 1em;
}
.termine-list .termin .termin-row a.button {
margin-bottom: 1.5em;
}
.aufklapp-wrapper .content {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.aufklapp-wrapper .aufklappen {
margin: 0.6em 0 1em;
cursor: pointer;
text-align: right;
z-index: 10;
}
.aufklapp-wrapper .aufklappen:hover {
text-decoration: underline;
}
.aufklapp-wrapper.active .content {
height: auto;
text-overflow: inherit;
-webkit-box-orient: inherit;
display: block;
}
.aufklapp-wrapper.active .aufklappen {
display: none;
}
.hue-special-gallery {
margin: -5px;
}
.hue-special-gallery:before,
.hue-special-gallery:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.hue-special-gallery:before,
.hue-special-gallery:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.hue-special-gallery .block {
float: left;
position: relative;
width: 50%;
height: 0;
padding-bottom: 37.5%;
}
.hue-special-gallery .block .image {
width: 100%;
padding: 5px;
}
.hue-special-gallery .block .image img {
width: 100%;
height: auto;
}
.hue-special-gallery .block.multiple:before,
.hue-special-gallery .block.multiple:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.hue-special-gallery .block.multiple:before,
.hue-special-gallery .block.multiple:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.hue-special-gallery .block.multiple .image {
float: left;
width: 50%;
padding: 5px 5px 4px;
}
.hue-special-gallery .block .inner-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.downloads .download {
padding: 12px 0;
border-bottom: 1px solid #fcf7e9;
}
section.anfrage-kontakt .title {
text-align: left;
}
section.anfrage-kontakt .text {
line-height: 1.412em;
}
section.anfrage-kontakt .text .tm-title {
line-height: 1.263em;
}
.kontakt-form {
max-width: 680px;
margin: 0 auto;
}
.kontakt-form .success-message {
position: absolute;
top: 50%;
left: 50%;
width: 340px;
height: 190px;
margin-left: -160px;
margin-top: -105px;
padding: 0 10px;
background-color: transparent;
color: #4b2d19;
pointer-events: none;
cursor: default;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.kontakt-form .success-message #trapezoid {
position: absolute;
top: -85%;
left: -18.5%;
width: 150%;
height: auto;
}
.kontakt-form .success-message blockquote {
padding-left: 139px;
}
.kontakt-form .success-message blockquote .title {
font-family: 'Archer A', 'Archer B', 'Times', times, serif;
font-size: 20px;
font-weight: 800;
margin-top: 0.3em;
margin-bottom: 0.5em;
}
.kontakt-form .success-message blockquote:before {
left: 0px;
}
.kontakt-form .success-message .arrow-down {
position: absolute;
bottom: -3px;
left: 222px;
display: inline-block;
width: 51px;
height: 27px;
margin-left: -25px;
margin-bottom: -13px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/scrolltop.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.kontakt-form .success-message.active {
pointer-events: auto;
cursor: pointer;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
section.presse-downloads .title {
text-align: left;
margin-bottom: 0.5em;
}
section.presse-downloads .text {
margin-bottom: 0;
}
section.presse-downloads .uppercase {
text-transform: uppercase;
}
section.presse-downloads .presse-artikel .text {
margin-bottom: 0.5em;
}
.presse-artikel .presse-artikel-item {
padding: 12px 0;
border-bottom: 1px solid #fcf7e9;
}
.presse-artikel .presse-artikel-item a {
position: relative;
min-height: 120px;
padding-left: 150px;
overflow: hidden;
}
.presse-artikel .presse-artikel-item a .image {
position: absolute;
left: 0;
top: 0;
width: 120px;
height: 120px;
}
section.slider-top {
padding-bottom: 30px;
}
section.slider-bottom {
padding-bottom: 30px;
}
section.slider-bottom:before,
section.slider-bottom:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
section.slider-bottom:before,
section.slider-bottom:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
section.slider-bottom .startpage-slider-bottom-left {
float: left;
width: 50%;
padding-right: 7px;
}
section.slider-bottom .startpage-slider-bottom-right {
float: left;
width: 50%;
padding-left: 7px;
}
.download a,
.presse-artikel-item a {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.download a:hover,
.download a:focus,
.download a:active,
.presse-artikel-item a:hover,
.presse-artikel-item a:focus,
.presse-artikel-item a:active {
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60);
}
section.impressum .title {
text-align: left;
text-transform: uppercase;
margin-bottom: 1.2em;
}
.scrolltop-wrapper {
position: fixed;
bottom: 80px;
left: 0;
width: 100%;
height: 0;
z-index: 1000;
}
.scrolltop-wrapper .scrolltop-inner {
margin: 0 auto;
max-width: 1180px;
padding: 0 10px;
height: 0;
}
.scrolltop-wrapper .scrolltop-inner .scrolltop {
position: absolute;
right: -80px;
bottom: 0;
width: 51px;
height: 27px;
cursor: default;
pointer-events: all;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
padding-bottom: 0;
}
.scrolltop-wrapper .scrolltop-inner .scrolltop span {
display: inline-block;
width: 51px;
height: 27px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/scrolltop.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.scrolltop-wrapper .scrolltop-inner .scrolltop:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
padding-bottom: 5px;
}
.scrolltop-wrapper .scrolltop-inner .scrolltop.active {
cursor: pointer;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.svgmap-container {
min-height: 522px;
padding-top: 30px;
padding-bottom: 60px;
}
.svgmap-container .legende {
position: absolute;
left: 0;
top: 60px;
width: 250px;
}
.svgmap-container .legende ul li {
padding-left: 40px;
min-height: 25px;
padding-top: 0.5em;
margin-bottom: 20px;
}
.svgmap-container .legende ul li:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
background-color: white;
}
.svgmap-container .legende ul li.ff:before {
background-color: #b58a38;
}
.svgmap-container .legende ul li.gf:before {
background-color: #d1b57c;
}
.svgmap-container .legende ul li.bff:before {
background-color: #cf8999;
}
.svgmap-container .legende ul li.bgf:before {
background-color: #e8c7cf;
}
.svgmap-container .legende ul li.wn:before {
background-color: #a8a064;
}
.svgmap-container .legende ul li.eigentum:before {
background-color: #9f9551;
}
.svgmap-container .legende ul li.miete:before {
background-color: #cfc9a8;
}
.svgmap-container .legende ul li.externe-bautraeger {
margin-bottom: 52px;
}
.svgmap-container .legende ul li.externe-bautraeger:before {
background-color: #d2d2d2;
}
.svgmap-container .legende ul li.nz:before {
background-color: transparent;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/nachbarschaftszentrum.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.svgmap-container .legende ul li.kg:before {
background-color: transparent;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/kindergarten.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.svgmap-container .legende ul li.nv:before {
background-color: transparent;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/cart.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.svgmap-container .legende ul li.lz:before {
background-color: transparent;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/ladezone.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.svgmap-container .legende ul li.hs:before {
background-color: transparent;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/haltestelle.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.svgmap-container .legende ul li.tge:before {
background-color: transparent;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/tge.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
top: 4px;
}
.svgmap-container .legende ul li.bsp:before {
background-color: transparent;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/bsp.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
top: 4px;
}
.svgmap-container .legende ul li.tg:before {
background-color: transparent;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/tg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
top: 4px;
}
.svgmap-container .svg-wrapper {
width: 100%;
height: 0;
padding-bottom: 74.3087%;
}
.svgmap-container .svg-wrapper svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.svgmap-container #svgmap {
padding: 29px 270px 0;
}
.svgmap-container #svgmap #overlay .hover {
cursor: pointer;
}
.svgmap-container #svgmap .cls-eigentum {
fill: #9f9551;
}
.svgmap-container #svgmap .cls-eigentum-structure {
fill: #b2aa73;
}
.svgmap-container #svgmap .cls-miete {
fill: #cfc9a8;
}
.svgmap-container #svgmap .cls-miete-structure {
fill: #b2aa73;
}
.svgmap-container #svgmap .cls-externer-bautraeger {
fill: #d2d2d2;
}
.svgmap-container #svgmap .cls-externer-bautraeger-structure {
fill: #dbdbdb;
}
.svgmap-container #svgmap .cls-ff {
fill: #b58a38;
}
.svgmap-container #svgmap .cls-ff-structure {
fill: #ccad6e;
}
.svgmap-container #svgmap .cls-gf {
fill: #d1b57c;
}
.svgmap-container #svgmap .cls-gf-structure {
fill: #c19f62;
}
.svgmap-container #svgmap .cls-bff {
fill: #cf8999;
}
.svgmap-container #svgmap .cls-bff-structure {
fill: #daa3b0;
}
.svgmap-container #svgmap .cls-bgf {
fill: #e8c7cf;
}
.svgmap-container #svgmap .cls-bgf-structure {
fill: #dcaab5;
}
.svgmap-container #svgmap .cls-wn {
fill: #a8a064;
}
.svgmap-container #svgmap .cls-wn-structure {
fill: #b9b383;
}
.svgmap-container #svgmap .cls-font {
fill: #4b2d19;
}
.svgmap-container #svgmap .cls-path-bg {
fill: white;
}
.svgmap-container #svgmap .cls-white {
fill: #fcf7e9;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.svgmap-container #svgmap .cls-white.active {
opacity: 0.6;
}
.svgmap-container #svgmap .cls-2 {
isolation: isolate;
}
.svgmap-container #svgmap .cls-14 {
fill: #fcf7e9;
}
.svgmap-container #svgmap .cls-15 {
fill: #fcf7e9;
}
.svgmap-container #svgmap .cls-15b {
stroke: #fcf7e9;
stroke-width: 0.5;
}
.svgmap-container #svgmap .cls-17 {
fill: #fcf7e9;
}
.svgmap-container #svgmap .cls-16 {
fill: #4B2D19;
}
.svgmap-container #svgmap .cls-18 {
fill: #fcf7e9;
}
.svgmap-container #svgmap .cls-20,
.svgmap-container #svgmap .cls-21,
.svgmap-container #svgmap .cls-22 {
fill: none;
stroke: #fcf7e9;
stroke-miterlimit: 10;
stroke-linecap: round;
}
.svgmap-container #svgmap .cls-20 {
stroke-width: 0.99px;
}
.svgmap-container #svgmap .cls-21 {
stroke-width: 0.43px;
}
.svgmap-container #svgmap .cls-22 {
stroke-width: 0.57px;
}
.svgmap-container #svgmap polygon,
.svgmap-container #svgmap g {
pointer-events: visible;
}
.svgmap-container #svgmap #path-bgs,
.svgmap-container #svgmap #path-names {
pointer-events: none;
}
.svgmap-container .platzbeschreibung {
position: absolute;
right: 0;
top: 50px;
width: 230px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
text-align: center !important;
}
.svgmap-container .platzbeschreibung.active {
opacity: 1;
}
.svgmap-container .platzbeschreibung .title {
text-align: center;
margin-bottom: 0;
}
.svgmap-container .platzbeschreibung .subtitle {
text-align: center;
margin-bottom: 0.5em;
}
.svgmap-container .platzbeschreibung .text {
font-size: 14px;
}
@media screen and (max-width: 1023px) {
.hide-small {
display: none;
}
}
.row {
margin: -10px;
}
.row:before,
.row:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.row:before,
.row:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.row .col {
float: left;
width: 100%;
padding: 10px;
}
.row .col.col-73 {
width: 73%;
}
.row .col.col-70 {
width: 70%;
}
.row .col.col-60 {
width: 60%;
}
.row .col.col-50 {
width: 50%;
}
.row .col.col-40 {
width: 40%;
}
.row .col.col-30 {
width: 30%;
}
.row .col.col-33 {
width: 33.3333%;
}
.row .col.col-27 {
width: 27%;
}
.row .col.col-25 {
width: 25%;
}
.row .col.ta-center {
text-align: center;
}
.row .col.max-width-185 > * {
max-width: 185px;
margin: 0 auto;
}
.row.spc-20 {
margin: -20px;
}
.row.spc-20 .col {
padding: 20px;
}
.row.spc-25 {
margin: -25px;
}
.row.spc-25 .col {
padding: 25px;
}
.row.spc-30 {
margin: -30px;
}
.row.spc-30 .col {
padding: 30px;
}
.row.spc-50 {
margin: -50px;
}
.row.spc-50 .col {
padding: 50px;
}
.kontakt-row .col-left {
position: absolute;
top: 0;
left: 0;
width: 155px;
z-index: 1;
}
.kontakt-row .col-right {
padding-left: 195px;
min-height: 155px;
}
.kontakt-row .col-right .table {
height: 155px;
}
.kontakt-row .col-right .table .table-cell {
text-align: left;
}
.kontakt-row .col-right .table .table-cell .text {
margin-bottom: 0;
}
.kontakt-row .col-right .table .table-cell .text p {
margin-bottom: 0;
}
.presse-row .col-right {
text-align: left;
min-height: 155px;
}
.presse-row .col-right .table {
height: 155px;
}
.presse-row .col-right .table .table-cell {
text-align: left;
}
.presse-row .col-right .table .table-cell .text {
margin-bottom: 0;
}
.presse-row .col-right .table .table-cell .text p {
margin-bottom: 0;
}
.soft-cols.cols-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.table {
display: table;
width: 100%;
}
.table .table-cell {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.overlay img,
article img {
width: 100%;
height: auto;
}
a.block {
position: relative;
display: block;
}
a.block:active,
a.block:focus,
a.block:hover {
text-decoration: none;
}
a.button,
input[type="submit"] {
display: inline-block;
height: 38px;
line-height: 38px;
padding: 0 20px;
border-radius: 18px;
color: #fcf7e9;
background-color: #bf9a43;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
a.button:hover,
a.button:active,
a.button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
text-decoration: none;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
hr {
border-top: 1px solid black;
}
.hue-slideshow.single-slide .flickity-prev-next-button,
.hue-slideshow.single-slide .flickity-page-dots {
display: none !important;
}
.hue-slideshow .flickity-slideshow {
width: 100%;
}
.hue-slideshow .flickity-slideshow .slide {
width: 100%;
display: none;
}
.hue-slideshow .flickity-slideshow .slide:first-child {
display: block;
margin: 0 auto;
}
.hue-slideshow .flickity-slideshow .slide a {
display: block;
width: 100%;
}
.hue-slideshow .flickity-slideshow .slide img {
width: 100%;
height: auto;
}
.hue-slideshow .flickity-slideshow .slide .slide-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hue-slideshow .flickity-slideshow .slide .slide-content .table {
height: 100%;
}
.hue-slideshow .flickity-slideshow.flickity-enabled .slide {
display: block;
margin: 0;
}
.hue-slideshow .flickity-slideshow .flickity-prev-next-button {
width: 75px;
height: 75px;
background: transparent;
}
.hue-slideshow .flickity-slideshow .flickity-prev-next-button .arrow {
fill: white;
stroke: white;
stroke-width: 4px;
}
.hue-slideshow .flickity-slideshow .flickity-page-dots {
bottom: 20px;
}
.hue-slideshow .flickity-slideshow .flickity-page-dots .dot {
width: 9px;
height: 9px;
margin: 0 6px;
background: white;
border-radius: 50%;
filter: alpha(opacity=50);
opacity: 0.50;
}
.hue-slideshow .flickity-slideshow .flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
opacity: 1;
}
.hue-slideshow.timeline .flickity-slideshow .slide {
max-width: 482px;
padding: 11px;
text-align: center;
}
.hue-slideshow.timeline .flickity-slideshow .slide .text {
position: relative;
margin-left: -60px;
margin-right: -60px;
width: auto;
}
.hue-slideshow.timeline .flickity-slideshow .slide .zeitplan-entry {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.hue-slideshow.timeline .flickity-slideshow .slide .text-content {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.hue-slideshow.timeline .flickity-slideshow .slide.is-selected .zeitplan-entry,
.hue-slideshow.timeline .flickity-slideshow .slide.is-selected .text-content {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.hue-slideshow.timeline .flickity-slideshow .flickity-prev-next-button {
top: 37%;
}
.hue-slideshow.timeline .flickity-slideshow .flickity-prev-next-button.previous {
left: 35px;
}
.hue-slideshow.timeline .flickity-slideshow .flickity-prev-next-button.next {
right: 35px;
}
.hue-slideshow.ueber-uns .flickity-slideshow .flickity-prev-next-button.previous,
.hue-slideshow.galerie .flickity-slideshow .flickity-prev-next-button.previous {
left: 35px;
}
.hue-slideshow.ueber-uns .flickity-slideshow .flickity-prev-next-button.next,
.hue-slideshow.galerie .flickity-slideshow .flickity-prev-next-button.next {
right: 35px;
}
.hue-slideshow.startpage .flickity-slideshow .slide .image.half {
width: 100%;
height: 0;
padding-bottom: 68.7%;
}
.hue-slideshow.startpage .flickity-slideshow .slide .image.half img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hue-slideshow.startpage .flickity-slideshow .flickity-prev-next-button {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 50px;
height: 50px;
}
.hue-slideshow.startpage .flickity-slideshow .flickity-prev-next-button .arrow {
stroke-width: 4px;
}
.hue-slideshow.startpage .flickity-slideshow:hover .flickity-prev-next-button {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.hue-slideshow.startpage-big .flickity-slideshow .slide .image.half {
width: 100%;
height: 0;
padding-bottom: 52%;
}
.hue-slideshow.startpage-big .flickity-slideshow .slide .image.half img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hue-slideshow.startpage-big .flickity-slideshow .flickity-prev-next-button {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 50px;
height: 50px;
}
.hue-slideshow.startpage-big .flickity-slideshow .flickity-prev-next-button .arrow {
stroke-width: 4px;
}
.hue-slideshow.startpage-big .flickity-slideshow:hover .flickity-prev-next-button {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.hue-slideshow.startpage-small .flickity-slideshow .slide .image.half {
width: 100%;
height: 0;
padding-bottom: 55%;
}
.hue-slideshow.startpage-small .flickity-slideshow .slide .image.half img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hue-slideshow.startpage-small .flickity-slideshow .flickity-prev-next-button {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 50px;
height: 50px;
}
.hue-slideshow.startpage-small .flickity-slideshow .flickity-prev-next-button .arrow {
stroke-width: 4px;
}
.hue-slideshow.startpage-small .flickity-slideshow:hover .flickity-prev-next-button {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.hue-slideshow.bilder {
width: 100%;
height: 0;
padding-bottom: 74%;
margin-bottom: 5.3em;
}
.hue-slideshow.bilder .flickity-slideshow {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.hue-slideshow.bilder .flickity-slideshow .flickity-page-dots {
bottom: -37px;
left: -6px;
width: auto;
}
.hue-slideshow.bilder .flickity-slideshow .flickity-page-dots .dot {
background: #bf9a43;
}
.hue-slideshow.bilder .flickity-slideshow .flickity-prev-next-button {
width: 50px;
height: 50px;
}
.hue-slideshow.bilder .flickity-slideshow .flickity-prev-next-button .arrow {
stroke-width: 5px;
}
section.bg-white .hue-slideshow.timeline .flickity-slideshow .flickity-prev-next-button .arrow {
fill: #bf9a43;
stroke: #bf9a43;
}
.hue-gallery {
margin-bottom: 1em;
}
.hue-gallery ul {
width: 100%;
}
.hue-gallery ul li {
float: left;
width: 33%;
}
.hue-gallery ul li img {
width: 100%;
height: auto;
}
.hue-gallery ul:before,
.hue-gallery ul:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.hue-gallery ul:before,
.hue-gallery ul:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.hue-map {
margin-bottom: 1em;
}
.gm-style div {
position: initial;
}
body .truendo_container .truendo_fab.mdc-fab--extended {
left: 76px !important;
}
.edit-link {
position: absolute;
top: 0px;
right: 0px;
}
.back-button {
position: absolute;
top: 35px;
right: 10px;
z-index: 10;
}
.back-button a {
display: inline-block;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 2;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/close.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.overlay .post .hue-popup-close {
z-index: 10000;
}
.hue-popup-close {
position: absolute;
top: 35px;
right: 0;
}
.hue-popup-close span {
display: inline-block;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 2;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/close.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
body.single .hue-popup-close {
display: none;
}
#searchform {
position: absolute;
top: 17px;
right: 0;
margin-top: 0.5em;
}
#searchform input[type="text"] {
padding-left: 6px;
padding-right: 24px;
width: 150px;
}
#searchform input[type="submit"] {
position: absolute;
top: 3px;
right: 3px;
width: 20px;
height: 20px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/search.png);
background-position: left center;
background-size: cover;
border: none;
background-color: white;
}
#searchform input[type="submit"]:hover,
#searchform input[type="submit"]:active,
#searchform input[type="submit"]:focus {
background-position: right center;
}
#searchform .search-form-container {
display: none;
}
#searchform .search-form-button {
position: absolute;
top: 3px;
right: 3px;
width: 20px;
height: 20px;
background-image: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/search.png);
background-position: left center;
background-size: cover;
cursor: pointer;
}
#searchform .search-form-button:hover,
#searchform .search-form-button:active,
#searchform .search-form-button:focus {
background-position: right center;
}
.error-404 .searchform {
margin-bottom: 1em;
}
.blog-navigation {
padding-top: 1em;
height: 3em;
}
.blog-navigation .alignleft {
position: absolute;
top: 1.5em;
left: 0;
}
.blog-navigation .alignright {
position: absolute;
top: 1.5em;
right: 0;
}
div.wpcf7 .form-field label {
display: none;
}
div.wpcf7 .form-field input,
div.wpcf7 .form-field textarea,
div.wpcf7 .form-field select {
width: 100%;
color: #fcf7e9;
padding: 0.2em 0 0.6em !important;
}
div.wpcf7 .submit-fields {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
div.wpcf7 .message-area {
overflow: visible;
}
div.wpcf7 .message-area .nachricht {
padding-right: 165px;
}
div.wpcf7 .message-area input[type="submit"] {
position: absolute;
right: 0;
bottom: -2px;
width: 150px;
}
.oeffnungszeiten-kontakt div.wpcf7 .title {
display: none;
}
.oeffnungszeiten-kontakt div.wpcf7 .form-field input,
.oeffnungszeiten-kontakt div.wpcf7 .form-field textarea,
.oeffnungszeiten-kontakt div.wpcf7 .form-field select {
color: #4b2d19;
background-color: #fcf7e9;
border-bottom: 1px solid #c57b8f;
}
.oeffnungszeiten-kontakt div.wpcf7 input[type="submit"] {
background-color: #c57b8f;
}
.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: #fcf7e9;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.loading-overlay.hide {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.bg-olive form input,
.bg-olive form textarea,
.bg-olive form select {
background-color: #a8a05e;
color: #fcf7e9;
}
.bg-olive form input::placeholder,
.bg-olive form textarea::placeholder,
.bg-olive form select::placeholder {
color: #d7d0ae;
}
.bg-olive form input[type=submit] {
background-color: white;
color: #a8a05e;
}
.bg-creme form input[type=submit] {
background-color: #a8a05e;
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.team .image.circle .img,
.kontakte .image.circle .img,
.anfrage-kontakt .image.circle .img,
.presse-downloads .image.circle .img {
border: 0 solid transparent;
border-radius: 0;
overflow: auto;
}
}
div.wpcf7 .submit-fields {
position: absolute;
bottom: 0;
width: 100%;
}
span.wpcf7-list-item {
margin-top: 14px;
margin-left: 0px !important;
}
.grecaptcha-badge {
display: none;
}
.marker,
.zoomHolder img {
display: block;
}
.fullscreenToggle,
.zoomIn,
.zoomOut {
background: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/../assets/pz_sheet.png) no-repeat;
width: 30px;
height: 30px;
overflow: hidden;
position: relative;
display: block;
cursor: pointer;
z-index: 100;
margin: 5px 0;
}
.zoomIn {
background-position: 0 0;
}
.zoomOut {
background-position: -30px 0;
}
.fullscreenToggle {
background-position: -60px 0;
cursor: pointer;
}
.zoomIn.on,
.zoomOut.on {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
cursor: pointer;
}
.zoomIn.off,
.zoomOut.off {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
cursor: auto;
}
.controlHolder {
border-radius: 5px;
background: rgba(0,0,0,0.4);
position: absolute;
right: 10px;
top: 10px;
padding: 5px;
z-index: 100;
}
.fullscreenDiv,
.marker {
left: 0 !important;
top: 0 !important;
}
.fullscreenToggle.on {
background-position: -90px 0;
}
.fullscreenToggle.off {
background-position: -60px 0;
}
.fullscreenDiv {
width: auto !important;
height: auto !important;
right: 0 !important;
bottom: 0 !important;
position: absolute !important;
background: #FFF;
z-index: 999999;
oveflow: hidden;
}
.zoomHolder {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.marker {
position: absolute !important;
bottom: auto !important;
right: auto !important;
}
#gmap {
position: relative;
background-color: grey;
}
.enable-maps {
position: absolute;
top: 50%;
left: 50%;
width: 320px;
transform: translate(-50%,-50%);
background-color: white;
color: black;
padding: 1em 1.5em;
text-align: center;
}
.enable-maps button {
display: block;
margin: 0.6em auto 0;
background-color: black;
color: white;
border: none;
}
html.noscroll {
overflow: hidden;
}
html.noscroll body {
overflow: visible;
}
.site-footer .hide-background {
content: " ";
position: absolute;
top: 0;
right: -20px;
height: 100%;
width: 30px;
background-color: #fcf7e9;
}
.overlay {
position: fixed;
top: 0;
right: -100%;
z-index: 999;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: hidden;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.overlay.active {
right: 0;
}
.overlay.scroll {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.overlay .post {
position: relative;
margin: 170px auto;
left: 0;
display: none;
display: block;
}
.overlay .post .section-inner {
padding: 10px;
}
.overlay .post .section-inner:before {
content: " ";
position: absolute;
top: 0;
left: -20px;
width: 20px;
height: 100%;
background-color: white;
}
.overlay .post .section-inner:after {
content: " ";
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background-color: white;
}
.overlay .post .floating-nav a.prev {
position: absolute;
top: 25px;
left: 95px;
}
.overlay .post .floating-nav a.next {
position: absolute;
top: 25px;
right: 70px;
}
.floating-nav {
position: absolute;
top: 20px;
width: 100%;
height: 0;
z-index: 5;
}
.floating-nav.outside {
position: fixed;
top: 25%;
left: 0;
width: 100%;
height: 0;
padding-right: 30px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.floating-nav.outside.show {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.floating-nav.outside .floating-nav-inner {
max-width: 1400px;
width: 100%;
margin: 0 auto;
}
.floating-nav.outside .arrow {
height: 50px;
width: 25px;
}
.floating-nav.outside .arrow span {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
border: 0;
clip-path: inset(50%);
margin: -1px;
padding: 0;
position: absolute;
word-wrap: normal !important;
}
.floating-nav.outside .arrow:before,
.floating-nav.outside .arrow:after {
content: " ";
display: block;
position: absolute;
top: 0;
height: 1px;
width: 35px;
background-color: white;
}
.floating-nav.outside .arrow:before {
left: 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
}
.floating-nav.outside .arrow:after {
right: 0;
top: 50%;
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
}
.floating-nav.outside .arrow.left {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.floating-nav.outside a {
top: 5px;
padding: 20px;
}
.floating-nav.outside a .arrow {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.floating-nav.outside a.prev {
left: -65px !important;
}
.floating-nav.outside a.prev:hover .arrow,
.floating-nav.outside a.prev:active .arrow,
.floating-nav.outside a.prev:focus .arrow {
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
}
.floating-nav.outside a.next {
right: -65px !important;
}
.floating-nav.outside a.next:hover .arrow,
.floating-nav.outside a.next:active .arrow,
.floating-nav.outside a.next:focus .arrow {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
}
.floating-nav.outside .thumbnail {
top: 60px;
}
.floating-nav.outside .thumbnail.left {
left: 80px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.floating-nav.outside .thumbnail.right {
right: 80px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.floating-nav a.prev {
position: absolute;
top: 0;
left: 0;
}
.floating-nav a.next {
position: absolute;
top: 0;
right: 0;
}
.floating-nav a:hover,
.floating-nav a:active,
.floating-nav a:focus {
color: #009ee3;
}
.floating-nav a:hover .thumbnail,
.floating-nav a:active .thumbnail,
.floating-nav a:focus .thumbnail {
display: block;
}
.floating-nav a:hover .title,
.floating-nav a:active .title,
.floating-nav a:focus .title {
color: black;
}
.floating-nav .thumbnail {
display: none;
position: absolute;
top: 40px;
width: 320px;
background-color: white;
border: 1px solid black;
z-index: 2000;
padding: 15px;
}
.floating-nav .thumbnail.left {
left: 10px;
}
.floating-nav .thumbnail.right {
right: 10px;
}
.floating-nav .thumbnail .img-wrapper {
margin-bottom: 0.5em;
}
.floating-nav .thumbnail .title {
text-align: center;
}
.floating-nav img {
width: 100%;
height: auto;
}
.overlay .loader {
width: 32px;
height: 32px;
position: fixed;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
background: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/ajax-loader.gif) no-repeat center;
display: none;
}
.pacman-loader {
background: url(https://www.wildgarten.wien/wp-101/wp-content/themes/hue/img/ajax-loader.gif) no-repeat center;
width: 24px;
height: 24px;
margin: 0 auto;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: opacity 1.25s ease-in-out;
-moz-transition: opacity 1.25s ease-in-out;
-webkit-transition: opacity 1.25s ease-in-out;
}
.pacman-loader.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.overlay .hue-popup-target {
display: none;
}
.overlay .overlay-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.overlay .post {
background-color: transparent;
z-index: 10;
}
.overlay .post .section-inner {
background-color: white;
}
.overlay .post .back-button {
display: none;
}
body.single #menu-item-24 a {
color: #4b2d19;
}
@media (min-width: 992px) {
ul.primary-menu,
ul.secondary-menu,
ul.footer-menu {
z-index: 100;
}
ul.primary-menu li,
ul.secondary-menu li,
ul.footer-menu li {
display: inline-block;
}
ul.primary-menu li a,
ul.secondary-menu li a,
ul.footer-menu li a {
display: block;
white-space: nowrap;
}
ul.primary-menu li ul.sub-menu,
ul.secondary-menu li ul.sub-menu,
ul.footer-menu li ul.sub-menu {
position: fixed;
left: 0;
top: 108px;
width: 100%;
background-color: white !important;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
pointer-events: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
ul.primary-menu li ul.sub-menu li,
ul.secondary-menu li ul.sub-menu li,
ul.footer-menu li ul.sub-menu li {
width: auto;
}
ul.primary-menu li ul.sub-menu ul.sub-menu,
ul.secondary-menu li ul.sub-menu ul.sub-menu,
ul.footer-menu li ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
}
ul.primary-menu li ul.sub-menu:before,
ul.secondary-menu li ul.sub-menu:before,
ul.footer-menu li ul.sub-menu:before {
content: " ";
position: absolute;
left: 0;
top: -40px;
width: 100%;
height: 40px;
}
ul.primary-menu li.menu-item-has-children:hover > ul.sub-menu,
ul.secondary-menu li.menu-item-has-children:hover > ul.sub-menu,
ul.footer-menu li.menu-item-has-children:hover > ul.sub-menu {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
pointer-events: auto;
z-index: 100;
}
body.home ul.primary-menu li ul.sub-menu,
body.home ul.secondary-menu li ul.sub-menu,
body.home ul.footer-menu li ul.sub-menu {
top: 81px;
}
body.home ul.primary-menu li ul.sub-menu:before,
body.home ul.secondary-menu li ul.sub-menu:before,
body.home ul.footer-menu li ul.sub-menu:before {
top: -20px;
height: 20px;
}
ul.primary-menu,
ul.secondary-menu,
ul.footer-menu {
margin: 0 -10px;
}
ul.primary-menu li a,
ul.secondary-menu li a,
ul.footer-menu li a {
line-height: 2em;
padding: 5px 10px;
}
ul.primary-menu li a:hover,
ul.primary-menu li a:active,
ul.primary-menu li a:focus,
ul.secondary-menu li a:hover,
ul.secondary-menu li a:active,
ul.secondary-menu li a:focus,
ul.footer-menu li a:hover,
ul.footer-menu li a:active,
ul.footer-menu li a:focus {
text-decoration: none;
color: #4b2d19;
}
ul.primary-menu li.current-menu-item > a,
ul.primary-menu li.current-menu-ancestor > a,
ul.secondary-menu li.current-menu-item > a,
ul.secondary-menu li.current-menu-ancestor > a,
ul.footer-menu li.current-menu-item > a,
ul.footer-menu li.current-menu-ancestor > a {
color: #4b2d19;
}
ul.primary-menu li.current-menu-item ul.sub-menu,
ul.primary-menu li.current-menu-ancestor ul.sub-menu,
ul.secondary-menu li.current-menu-item ul.sub-menu,
ul.secondary-menu li.current-menu-ancestor ul.sub-menu,
ul.footer-menu li.current-menu-item ul.sub-menu,
ul.footer-menu li.current-menu-ancestor ul.sub-menu {
display: block;
height: 32px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
pointer-events: auto;
}
ul.primary-menu li ul.sub-menu,
ul.secondary-menu li ul.sub-menu,
ul.footer-menu li ul.sub-menu {
background-color: #fcf7e9;
}
ul.primary-menu li ul.sub-menu li a,
ul.secondary-menu li ul.sub-menu li a,
ul.footer-menu li ul.sub-menu li a {
line-height: 22px;
color: #4b2d19;
}
ul.primary-menu li ul.sub-menu li a:hover,
ul.secondary-menu li ul.sub-menu li a:hover,
ul.footer-menu li ul.sub-menu li a:hover {
color: #bf9a43;
}
ul.primary-menu li ul.sub-menu li.active a,
ul.secondary-menu li ul.sub-menu li.active a,
ul.footer-menu li ul.sub-menu li.active a {
color: #bf9a43;
}
ul.footer-menu {
margin: 0;
}
.menu-toggle,
ul.mobile-menu {
display: none !important;
}
}
@media (max-width: 991px) {
.site-header {
height: 57px !important;
}
.site-header .site-branding {
top: 15px;
}
.site-header .site-branding .header-logo {
height: 47px;
}
.site-header .site-branding .header-logo-bg,
.site-header .site-branding .header-logo-sl {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.site-header .newsletter-button,
.site-header .leaves {
display: none;
}
.site-header .social-icons {
right: 70px;
}
.site-header .menu-toggle {
position: absolute;
top: 10px;
right: 0;
}
.site-header .primary-navigation {
left: -10px;
right: -10px;
top: 100%;
width: auto;
margin: 0;
padding: 0;
}
.site-main#main {
margin-top: 57px !important;
}
.site-main .main-content {
padding-top: 0;
}
.primary-navigation {
position: absolute;
top: 100%;
left: -10px;
padding: 0 10px;
width: 100%;
box-sizing: content-box;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.4s ease-out;
-moz-transition: max-height 0.4s ease-out;
-ms-transition: max-height 0.4s ease-out;
-o-transition: max-height 0.4s ease-out;
transition: max-height 0.4s ease-out;
}
.primary-navigation.toggled-on {
max-height: 3000px;
-webkit-transition: max-height 0.6s ease-in;
-moz-transition: max-height 0.6s ease-in;
-ms-transition: max-height 0.6s ease-in;
-o-transition: max-height 0.6s ease-in;
transition: max-height 0.6s ease-in;
}
ul.primary-menu,
ul.secondary-menu {
display: none;
}
ul.mobile-menu {
display: block;
z-index: 100;
background-color: #fcf7e9;
border-bottom: 1px solid #bf9a43;
}
ul.mobile-menu li {
display: block;
border-top: 1px solid #bf9a43;
}
ul.mobile-menu li a {
display: block;
line-height: 3.5em;
}
ul.mobile-menu li a:hover,
ul.mobile-menu li a:focus,
ul.mobile-menu li a:active {
text-decoration: none;
}
ul.mobile-menu li ul.sub-menu {
background-color: white;
border-top: 1px solid #bf9a43;
}
ul.mobile-menu li ul.sub-menu li {
border-top: 0px solid transparent;
border-bottom: 1px solid #fcf7e9;
}
ul.mobile-menu > li.current-menu-item > a {
color: #4b2d19 !important;
}
ul.footer-menu {
z-index: 100;
}
ul.footer-menu li {
display: inline-block;
}
ul.footer-menu li a {
display: block;
white-space: nowrap;
}
}
body.menu-toggled-on {
overflow: hidden;
}
body.menu-toggled-on .site-header {
height: 100% !important;
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;
}
body.menu-toggled-on .site-header .header-content {
height: 57px;
}
body.menu-toggled-on .site-header .header-content .primary-navigation {
position: relative;
width: 120%;
left: -10%;
}
.menu-toggle {
display: block;
height: 35px;
width: 42px;
padding: 0;
overflow: hidden;
text-align: center;
background-color: transparent;
border: none;
font-size: 1px;
}
.menu-toggle span {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 5px;
background-color: #bf9a43;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transition-property: top, margin-top, -webkit-transform;
-moz-transition-property: top, margin-top, -moz-transform;
-o-transition-property: top, margin-top, -o-transform;
transition-property: top, margin-top, transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-delay: 0.3s, 0.3s, 0s;
-moz-transition-delay: 0.3s, 0.3s, 0s;
-o-transition-delay: 0.3s, 0.3s, 0s;
transition-delay: 0.3s, 0.3s, 0s;
}
.menu-toggle span.hbl1 {
top: 0;
}
.menu-toggle span.hbl2 {
top: 50%;
margin-top: -2.5px;
}
.menu-toggle span.hbl3 {
top: 100%;
margin-top: -5px;
}
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus {
border: none;
outline: none;
}
.menu-toggle.toggled-on span {
-webkit-transition-property: top, margin-top, -webkit-transform;
-moz-transition-property: top, margin-top, -moz-transform;
-o-transition-property: top, margin-top, -o-transform;
transition-property: top, margin-top, transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0s, 0s, 0.3s;
-moz-transition-delay: 0s, 0s, 0.3s;
-o-transition-delay: 0s, 0s, 0.3s;
transition-delay: 0s, 0s, 0.3s;
}
.menu-toggle.toggled-on span.hbl1 {
top: 50%;
margin-top: -2.5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.menu-toggle.toggled-on span.hbl2 {
top: 50%;
margin-top: -2.5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.menu-toggle.toggled-on span.hbl3 {
top: 50%;
margin-top: -2.5px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.viewport-detector {
position: relative;
z-index: 5;
}
@media screen and (max-width: 1400px) {
.viewport-detector {
z-index: 4;
}
}
@media screen and (max-width: 1200px) {
.viewport-detector {
z-index: 3;
}
}
@media screen and (max-width: 1023px) {
.viewport-detector {
z-index: 2;
}
}
@media screen and (max-width: 767px) {
.viewport-detector {
z-index: 1;
}
}
@media screen and (max-width: 511px) {
.viewport-detector {
z-index: 0;
}
}
.site-header,
.site-footer {
padding: 0 10px;
}
.header-content,
.footer-content {
margin: 0 auto;
max-width: 1160px;
}
@media screen and (min-width: 1400px) {
.hue-special-gallery .block {
width: 25%;
padding-bottom: 18.75%;
}
}
@media screen and (max-width: 1400px) {
section.newsletter.squirrel-active .squirrel {
left: -440px;
}
section.oeffnungszeiten-kontakt.squirrel-active .squirrel {
left: -155px;
}
.scrolltop-wrapper .scrolltop-inner .scrolltop {
right: 10px;
}
}
@media screen and (max-width: 1200px) {
.site-header .leaves {
right: 122px;
}
.site-footer .footer-content {
padding: 0 10px;
}
.site-footer .footer-content .footer-navigation {
right: 0px;
}
.site-footer .footer-content .footer-navigation ul.footer-menu li {
padding: 0;
}
.startpage-slider-top h2 {
font-size: 53px;
}
.startpage-slider-bottom-left h2,
.startpage-slider-bottom-right h2 {
font-size: 32px;
}
.site-footer #menu-item-287 {
display: none;
}
}
@media screen and (max-width: 1023px) {
.site-header .leaves {
display: none;
}
.post-filter ul li {
border-left: 0px solid transparent;
}
.post-filter ul li a {
display: inline-block;
padding: 10px 20px;
}
.post-grid .post {
width: 33%;
}
.post-grid .post.double {
width: 66%;
}
.ueber-uns-entry {
padding: 0 10px;
}
.presse-downloads .row .col-50 {
width: 100%;
height: auto !important;
}
.presse-downloads .downloads.presse-aussendungen {
margin-bottom: 0;
}
.soft-cols.cols-3 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.row .col.col-25 {
width: 33%;
}
.scrolltop-wrapper {
bottom: 50px;
}
.startpage-slider-top h2 {
font-size: 42px;
}
.startpage-slider-bottom-left h2,
.startpage-slider-bottom-right h2 {
font-size: 42px;
}
section.slider-bottom .startpage-slider-bottom-left,
section.slider-bottom .startpage-slider-bottom-right {
width: 100%;
padding: 0;
}
section.slider-bottom .startpage-slider-bottom-left {
padding-bottom: 30px;
}
.svgmap-container {
min-width: 890px;
pointer-events: none !important;
}
.svgmap-container #svgmap {
padding: 29px 0 0 270px;
}
.svgmap-container .platzbeschriftung {
display: none;
}
.hide-smallxx {
margin-bottom: 1em;
}
.zoom-viewport {
height: 400px;
}
}
@media screen and (max-width: 767px) {
.site-footer .map-container .map-info {
display: none;
}
.post-grid .post {
width: 50%;
}
.post-grid .post.double {
width: 100%;
}
.post-content .row .col {
width: 100%;
}
.post-content .hue-slideshow.bilder {
max-width: 478px;
height: auto;
padding-bottom: 0;
margin-bottom: 5.3em;
}
.post-content .hue-slideshow.bilder .flickity-slideshow {
position: relative;
height: auto;
}
.post-content blockquote {
padding-left: 144px;
}
.post-content blockquote:before {
left: 0;
}
.oeffnungszeiten-kontakt .oeffnungszeiten-block {
padding-left: 104px;
}
.termine-list .termin .termin-row.header-row {
display: none;
}
.termine-list .termin .termin-row .col-date {
width: 100%;
padding-left: 65px;
}
.termine-list .termin .termin-row .col-date:before {
content: "WANN";
position: absolute;
left: 0;
top: 0;
}
.termine-list .termin .termin-row .col-info {
width: 100%;
padding-left: 65px;
}
.termine-list .termin .termin-row .col-info:before {
content: "WAS";
position: absolute;
left: 0;
top: 0;
}
.termine-list .termin .termin-row .col-location {
width: 100%;
padding-left: 65px;
}
.termine-list .termin .termin-row .col-location:before {
content: "WO";
position: absolute;
left: 0;
top: 0;
}
.termine-list .termin .termin-row .col-link {
width: 100%;
margin-bottom: 1em;
}
.kontakt-row .col-right {
padding-left: 175px;
}
.kontakt-form .success-message {
margin-left: -190px;
}
.impressum .margin-extrasmall {
margin-bottom: 0 !important;
}
.impressum .row .col-50 {
width: 100%;
height: auto !important;
}
.soft-cols.cols-3 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.hue-slideshow.timeline .flickity-slideshow .slide .text {
margin: 0;
}
.row .col.col-25 {
width: 50%;
}
.row .col.col-33 {
width: 100%;
}
.scrolltop-wrapper {
bottom: 30px;
}
.startpage-slider-top h2 {
font-size: 34px;
}
.startpage-slider-bottom-left h2,
.startpage-slider-bottom-right h2 {
font-size: 34px;
}
body.stickyfooter .site-footer {
height: 657px;
white-space: nowrap;
}
body.stickyfooter .site-footer p {
display: block;
}
.site-footer .footer-content .footer-navigation {
display: block;
margin-top: -5px;
}
}
@media screen and (max-width: 511px) {
body.stickyfooter .site-footer {
margin-top: -640px;
height: 640px;
}
.site-footer .footer-content p {
line-height: 20px;
}
.post.double h2 {
font-size: 24px;
margin-bottom: 0em;
}
.post.double .text {
font-size: 40px;
margin-bottom: 1em;
}
section .big-title {
font-size: 28px;
}
section .big-text {
font-size: 20px;
}
section .medium-title {
font-size: 25px;
}
.post-grid .post {
width: 100%;
}
.post-grid .post.double {
width: 100%;
}
.question-answer .row .col {
width: 100%;
}
.oeffnungszeiten-kontakt .oeffnungszeiten-block {
padding-left: 0;
padding-top: 114px;
}
.oeffnungszeiten-kontakt .oeffnungszeiten-block:before {
left: 50%;
top: 15px;
margin-top: 0;
margin-left: -42px;
}
.hue-special-gallery .block {
width: 100%;
padding-bottom: 75%;
}
.hue-special-gallery .block.multiple .image {
width: 100%;
}
.kontakt-row.margin-small {
margin-bottom: 20px !important;
}
.kontakt-row.margin-small .col-left {
left: 50%;
margin-left: -78px;
}
.kontakt-row.margin-small .col-right {
padding-left: 0;
padding-top: 155px;
}
.kontakt-row.margin-small .col-right .table .table-cell {
text-align: center;
}
.kontakt-form .success-message {
background-color: white;
width: 288px;
height: 300px;
margin-left: -145px;
margin-top: -150px;
text-align: center;
}
.kontakt-form .success-message #trapezoid {
display: none;
}
.kontakt-form .success-message blockquote {
padding-left: 0;
padding-top: 110px;
}
.kontakt-form .success-message blockquote:before {
left: 50%;
top: -20px;
margin-top: 0;
margin-left: -62px;
}
.kontakt-form .success-message blockquote .title {
text-align: center;
max-width: 180px;
margin: 0 auto 0.5em;
}
.kontakt-form .success-message .arrow-down {
bottom: 27px;
left: 50%;
}
#mc_embed_signup .row {
margin-bottom: 0 !important;
}
#mc_embed_signup .row .col-50 {
width: 100%;
}
#mc_embed_signup .newsletter-info-wrapper .col {
width: 100%;
text-align: center !important;
}
#mc_embed_signup .newsletter-info-wrapper .col .newsletter-info {
margin-bottom: 1em;
}
.border-box a .table {
height: 199px;
}
.row {
margin-bottom: 20px;
}
.row .col.col-25 {
width: 100%;
}
.hue-slideshow.timeline .flickity-slideshow .flickity-prev-next-button.previous,
.hue-slideshow.ueber-uns .flickity-slideshow .flickity-prev-next-button.previous {
left: 0;
}
.hue-slideshow.timeline .flickity-slideshow .flickity-prev-next-button.next,
.hue-slideshow.ueber-uns .flickity-slideshow .flickity-prev-next-button.next {
right: 0;
}
.flickity-prev-next-button {
display: none;
}
div.wpcf7 .row {
margin-bottom: 0;
}
div.wpcf7 .row .col-50 {
width: 100%;
margin-bottom: 1em;
}
div.wpcf7 .message-area .nachricht {
padding-right: 0;
}
div.wpcf7 .message-area .submit-fields {
position: relative;
text-align: center;
}
div.wpcf7 .message-area .submit-fields input[type="submit"] {
position: relative;
margin: 1em 0;
}
.scrolltop-wrapper {
bottom: 11px;
}
.scrolltop-wrapper .scrolltop-inner .scrolltop {
width: 41px;
}
.scrolltop-wrapper .scrolltop-inner .scrolltop span {
width: 41px;
}
.startpage-slider-top h2 {
font-size: 20px;
}
.startpage-slider-bottom-left h2,
.startpage-slider-bottom-right h2 {
font-size: 20px;
}
}
#gameCanvas {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: none;
}