html {
font-family: sans-serif;
font-size: 62.5%;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 2em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
div,
article,
section,
header,
footer,
nav,
ul,
li {
position: relative;
}
ul,
ol,
li {
margin: 0;
padding: 0;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.cf:before,
.cf:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.edit-link {
position: absolute;
top: 0px;
right: 0px;
z-index: 10;
}
.edit-link .post-edit-link {
padding: 4px 8px;
background: red;
color: black;
}
.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;
}
#wpadminbar {
opacity: 0.5;
width: auto;
min-width: auto;
}
.awesome #wpadminbar {
display: none;
}
#wpadminbar #wp-admin-bar-wp-logo,
#wpadminbar #wp-admin-bar-customize,
#wpadminbar #wp-admin-bar-updates,
#wpadminbar #wp-admin-bar-comments,
#wpadminbar #wp-admin-bar-new-content {
display: none;
}
#wpadminbar #wp-admin-bar-top-secondary,
#wpadminbar .ab-sub-wrapper {
display: none !important;
}
.alignnone {
margin: 0.25em 1em 1em 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0.25em auto 0.25em auto;
}
.alignright {
float: right;
margin: 0.25em 0 1em 1em;
}
.alignleft {
float: left;
margin: 0.25em 1em 1em 0;
}
.wp-caption {
padding: 0.25em 0.25em 0.5em;
text-align: left;
}
.wp-caption.alignnone {
margin: 0.25em 1em 1em 0;
}
.wp-caption.alignleft {
margin: 0.25em 1em 1em 0;
}
.wp-caption.alignright {
margin: 0.25em 0 1em 1em;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0 0.25em 0.25em;
}
@font-face {
font-family: 'GTHR-2';
src: url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/GTHR-2.eot);
src: local('☺'), url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/GTHR-2.woff) format('woff'), url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/GTHR-2.ttf) format('truetype'), url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/GTHR-2.svg#font) format('svg');
}
@font-face {
font-family: 'GTHR-Rot-2';
src: url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/GTHR-Rot-2.eot);
src: local('☺'), url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/GTHR-Rot-2.woff) format('woff'), url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/GTHR-Rot-2.ttf) format('truetype'), url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/GTHR-Rot-2.svg#font) format('svg');
}
@font-face {
font-family: 'Klarheit';
src: local('☺'), url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/KlarheitGrotesk-Regular.woff) format('woff');
}
@font-face {
font-family: 'Champion Bantamweight';
src: local('☺'), url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/fonts/Champion-Bantamweight_Web.woff) format('woff');
}
body {
font-family: 'Klarheit', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 14px;
font-size: 1.4em;
line-height: 1.4;
color: black;
}
a {
color: black;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Klarheit', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 18px;
font-size: 1.8rem;
letter-spacing: normal;
text-transform: uppercase;
}
::-moz-selection {
color: #000;
background-color: rgba(221,221,221,0.996) !important;
}
::selection {
color: #000;
background-color: rgba(221,221,221,0.996) !important;
}
#overlay {
position: fixed;
}
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 14px;
zoom: 1;
min-width: 140px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
margin-bottom: 1em;
}
.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 black;
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.4em;
height: 2em;
border: 1px solid black;
background-color: #ffffff;
background-clip: padding-box;
color: black;
text-decoration: none;
white-space: nowrap;
line-height: 1.4;
}
.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://goesbest.uni-ak.ac.at/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://goesbest.uni-ak.ac.at/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: 0.4em;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 0.4em;
width: 100%;
height: auto;
outline: 0;
border: 1px solid black;
background: #ffffff url(https://goesbest.uni-ak.ac.at/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.4em;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 0.4em;
list-style: none;
line-height: 1.4;
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: #efefef;
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.4em;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid black;
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: 0;
padding: 0;
height: 2em;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: black;
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: 0.4em 20px 0.4em 0.4em;
border: 1px solid black;
max-width: 100%;
border-radius: 3px;
background-color: #ffffff;
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
color: black;
line-height: 1.4;
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://goesbest.uni-ak.ac.at/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: #efefef;
}
.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 black;
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid black;
-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 black;
}
.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;
}
.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: 0.4em 0.4em 0.4em 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 0.4em;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 0.4em 0.4em;
padding: 0 0.4em 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: 0.4em 0.4em 0.4em 20px;
background: #fff url(https://goesbest.uni-ak.ac.at/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://goesbest.uni-ak.ac.at/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;
vertical-align: middle;
margin: 0;
padding: 0;
width: 18px;
height: 18px;
background-image: url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/img/iSelect_hue_nohover.svg);
background-repeat: no-repeat;
background-size: cover;
border: none;
cursor: pointer;
position: relative;
top: -2px;
}
.icheckbox_hue {
background-position: 0 0;
}
.icheckbox_hue.hover {
background-position: -18px 0;
}
.icheckbox_hue.checked {
background-position: -36px 0;
}
.icheckbox_hue.disabled {
background-position: -54px 0;
cursor: default;
}
.icheckbox_hue.checked.disabled {
background-position: -72px 0;
}
.iradio_hue {
background-position: -90px 0;
}
.iradio_hue.hover {
background-position: -108px 0;
}
.iradio_hue.checked {
background-position: -126px 0;
}
.iradio_hue.disabled {
background-position: -144px 0;
cursor: default;
}
.iradio_hue.checked.disabled {
background-position: -162px 0;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow {
position: absolute;
top: 0;
width: 50%;
height: 100%;
z-index: 1000;
}
.slick-arrow.slider-prev {
left: 0;
}
.slick-arrow.slider-next {
right: 0;
}
.site-header {
background: #eee;
height: 96px;
-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-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
}
.site-header .header-content {
height: 100%;
}
.site-branding {
display: inline-block;
height: 100%;
line-height: 1;
}
.site-branding a {
display: inline-block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.site-branding .hoverlogo {
width: 150px;
height: 70px;
-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-branding .hoverlogo .default {
background-image: url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/img/logo.png);
}
.site-branding .hoverlogo .hover {
background-image: url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/img/logo-hover.png);
}
body.fixed-header .site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99998;
}
body.fixed-header .site-header.small {
height: 48px;
}
body.fixed-header .site-header.small .site-branding .hoverlogo {
width: 75px;
height: 35px;
}
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,
ul.mobile-menu li a:hover,
ul.mobile-menu li a:active,
ul.mobile-menu li a:focus {
text-decoration: none;
}
ul.primary-menu li a:hover span,
ul.primary-menu li a:active span,
ul.primary-menu li a:focus span,
ul.secondary-menu li a:hover span,
ul.secondary-menu li a:active span,
ul.secondary-menu li a:focus span,
ul.footer-menu li a:hover span,
ul.footer-menu li a:active span,
ul.footer-menu li a:focus span,
ul.mobile-menu li a:hover span,
ul.mobile-menu li a:active span,
ul.mobile-menu li a:focus span {
border-bottom: 1px solid ;
}
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,
ul.mobile-menu li.current-menu-item > a,
ul.mobile-menu li.current-menu-ancestor > a {
text-decoration: none;
}
ul.primary-menu li.current-menu-item > a span,
ul.primary-menu li.current-menu-ancestor > a span,
ul.secondary-menu li.current-menu-item > a span,
ul.secondary-menu li.current-menu-ancestor > a span,
ul.footer-menu li.current-menu-item > a span,
ul.footer-menu li.current-menu-ancestor > a span,
ul.mobile-menu li.current-menu-item > a span,
ul.mobile-menu li.current-menu-ancestor > a span {
border-bottom: 1px solid ;
}
ul.primary-menu li.current-menu-item.onepager-link > a,
ul.primary-menu li.current-menu-ancestor.onepager-link > a,
ul.secondary-menu li.current-menu-item.onepager-link > a,
ul.secondary-menu li.current-menu-ancestor.onepager-link > a,
ul.footer-menu li.current-menu-item.onepager-link > a,
ul.footer-menu li.current-menu-ancestor.onepager-link > a,
ul.mobile-menu li.current-menu-item.onepager-link > a,
ul.mobile-menu li.current-menu-ancestor.onepager-link > a {
text-decoration: none;
}
ul.primary-menu li.current-menu-item.onepager-link > a span,
ul.primary-menu li.current-menu-ancestor.onepager-link > a span,
ul.secondary-menu li.current-menu-item.onepager-link > a span,
ul.secondary-menu li.current-menu-ancestor.onepager-link > a span,
ul.footer-menu li.current-menu-item.onepager-link > a span,
ul.footer-menu li.current-menu-ancestor.onepager-link > a span,
ul.mobile-menu li.current-menu-item.onepager-link > a span,
ul.mobile-menu li.current-menu-ancestor.onepager-link > a span {
border-bottom: none;
}
ul.primary-menu li.onepager-link.active > a,
ul.secondary-menu li.onepager-link.active > a,
ul.footer-menu li.onepager-link.active > a,
ul.mobile-menu li.onepager-link.active > a {
text-decoration: none;
}
ul.primary-menu li.onepager-link.active > a span,
ul.secondary-menu li.onepager-link.active > a span,
ul.footer-menu li.onepager-link.active > a span,
ul.mobile-menu li.onepager-link.active > a span {
border-bottom: 1px solid ;
}
@media (min-width: 1025px) {
.primary-navigation {
display: inline-block;
height: 100%;
vertical-align: top;
}
.primary-navigation > div {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
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;
z-index: 100;
}
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: absolute;
top: 100%;
left: 0;
display: none;
}
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: 100%;
}
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.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 {
display: block;
}
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;
}
ul.primary-menu li a:hover span,
ul.primary-menu li a:active span,
ul.primary-menu li a:focus span,
ul.secondary-menu li a:hover span,
ul.secondary-menu li a:active span,
ul.secondary-menu li a:focus span,
ul.footer-menu li a:hover span,
ul.footer-menu li a:active span,
ul.footer-menu li a:focus span {
border-bottom: 1px solid ;
}
ul.primary-menu li.current-menu-item > a span,
ul.primary-menu li.current-menu-ancestor > a span,
ul.secondary-menu li.current-menu-item > a span,
ul.secondary-menu li.current-menu-ancestor > a span,
ul.footer-menu li.current-menu-item > a span,
ul.footer-menu li.current-menu-ancestor > a span {
border-bottom: 1px solid ;
}
ul.primary-menu li ul.sub-menu,
ul.secondary-menu li ul.sub-menu,
ul.footer-menu li ul.sub-menu {
background-color: #eee;
}
.menu-toggle,
ul.mobile-menu {
display: none !important;
}
}
@media (max-width: 1024px) {
.site-header {
height: 48px;
}
.header-content {
text-align: center;
}
.site-branding .hoverlogo {
width: 75px;
height: 35px;
}
#searchform {
display: none;
}
.primary-navigation {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: auto;
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.active {
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: #eee;
padding-bottom: 10px;
}
ul.mobile-menu li {
display: block;
padding: 0 10px;
}
ul.mobile-menu li a {
display: inline-block;
height: 2em;
line-height: 2em;
}
ul.mobile-menu li ul.sub-menu {
background-color: transparent;
}
ul.mobile-menu li ul.sub-menu li {
background-color: #ddd;
}
}
.menu-toggle {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.menu-toggle {
display: block;
height: 30px;
width: 35px;
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: 4px;
background-color: black;
-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.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-delay: 0.2s, 0.2s, 0s;
-moz-transition-delay: 0.2s, 0.2s, 0s;
-o-transition-delay: 0.2s, 0.2s, 0s;
transition-delay: 0.2s, 0.2s, 0s;
}
.menu-toggle span.hbl1 {
top: 0;
}
.menu-toggle span.hbl2 {
top: 50%;
margin-top: -2px;
}
.menu-toggle span.hbl3 {
top: 100%;
margin-top: -4px;
}
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus {
border: none;
outline: none;
background-color: transparent;
}
.menu-toggle.active 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.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-delay: 0s, 0s, 0.2s;
-moz-transition-delay: 0s, 0s, 0.2s;
-o-transition-delay: 0s, 0s, 0.2s;
transition-delay: 0s, 0s, 0.2s;
}
.menu-toggle.active span.hbl1 {
top: 50%;
margin-top: -2px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.menu-toggle.active span.hbl2 {
top: 50%;
margin-top: -2px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.menu-toggle.active span.hbl3 {
top: 50%;
margin-top: -2px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.site-footer {
background: #eee;
height: 50px;
}
.site-footer .footer-content p {
margin: 1em 0;
}
.fixed-footer .site-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
}
input,
textarea,
select,
option,
optgroup,
button,
legend,
fieldset {
box-sizing: border-box;
outline: none;
font-size: 14px;
color: black;
vertical-align: top;
display: block;
margin: 0;
}
input,
textarea,
select,
button {
margin: 0 0 1em;
}
datalist {
font-size: 14px;
}
label {
display: block;
margin-bottom: 0.5em;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[list],
input[type="file"],
select,
textarea {
width: 100%;
max-width: 400px;
padding: 0.4em;
background-color: #ffffff;
border-radius: 0;
border: 1px solid black;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[list] {
height: 2em;
-webkit-appearance: none;
}
textarea {
-webkit-appearance: none;
overflow: auto;
line-height: 1.4;
}
input[type="range"] {
height: 2em;
width: 100%;
max-width: 400px;
}
input[type="file"] {
min-height: 2em;
}
input[type="search"] {
height: 2em;
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
display: inline-block;
vertical-align: middle;
margin: 0;
}
select {
height: 2em;
}
select when (@form-allow-select-vendor-styling = false) {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
select when (@form-allow-select-vendor-styling = false)::-ms-expand {
display: none;
}
select[size="0"],
select[size="1"] {
height: 2em;
}
select[size="2"] {
height: 4em;
}
select[size="3"] {
height: 6em;
}
select[size="4"] {
height: 8em;
}
select[size="5"] {
height: 10em;
}
select[size="6"] {
height: 12em;
}
select[multiple] {
height: auto;
min-height: 2em;
padding: 0;
}
select[multiple] option {
margin: 0;
padding: 0.4em;
}
fieldset {
width: 100%;
max-width: 400px;
margin-bottom: 1em;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"] {
height: 2em;
width: 100%;
max-width: 200px;
background-color: black;
padding: 0.4em;
cursor: pointer;
color: white;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border: 1px solid black;
}
input[type="image"] {
text-align: center;
padding: 0.4em;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled],
button[disabled] {
cursor: not-allowed;
}
input:focus,
textarea:focus,
select:focus,
option:focus,
button:focus {
background-color: #efefef;
border-color: black;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
outline: black solid 1px;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
background-color: white;
color: black;
}
.site-header #searchform {
position: absolute;
top: 50%;
right: 10px;
height: 2em;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.site-header #searchform #s {
padding-right: 24px;
width: 150px;
}
.site-header #searchform label {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.site-header #searchform #searchsubmit {
position: absolute;
top: 3px;
right: 3px;
width: 20px;
height: 20px;
background-image: url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/img/search.png);
background-position: left center;
background-size: cover;
border: none;
background-color: transparent;
font-size: 0;
}
.site-header #searchform #searchsubmit:hover,
.site-header #searchform #searchsubmit:active,
.site-header #searchform #searchsubmit:focus {
background-position: right center;
}
.site-header #searchform .search-form-container {
display: none;
}
.site-header #searchform input {
margin: 0 !important;
}
.site-header #searchform input:hover,
.site-header #searchform input:focus,
.site-header #searchform input:active {
background-color: white;
}
.site-header #searchform .search-form-button {
position: absolute;
top: 50%;
right: 3px;
width: 20px;
height: 20px;
transform: translateY(-50%);
background-image: url(https://goesbest.uni-ak.ac.at/wp-content/themes/hue/img/search.png);
background-position: left center;
background-size: cover;
cursor: pointer;
}
.site-header #searchform .search-form-button:hover,
.site-header #searchform .search-form-button:active,
.site-header #searchform .search-form-button:focus {
background-position: right center;
}
#content #searchform .search-form-button {
display: none;
}
.error-404 .searchform {
margin-bottom: 1em;
}
div.wpcf7 .form-field {
margin-bottom: 1em;
}
div.wpcf7 span.wpcf7-not-valid-tip {
margin-top: 1em;
}
div.wpcf7 img.ajax-loader {
margin: 1em auto;
}
div.wpcf7 div.wpcf7-response-output {
max-width: 400px;
margin: 1em 0;
}
div.wpcf7 .wpcf7-form-control.wpcf7-submit {
display: inline-block;
}
#mc_embed_signup form .mc-field-group {
margin-bottom: 1em;
}
#mc_embed_signup form div.mce_inline_error {
background-color: black;
margin: 1em 0;
padding: 0.4em;
}
#mc_embed_signup form #mce-responses .response {
margin: 1em 0;
}
body.dev-mode #wpadminbar,
body.dev-mode .edit-link {
display: none;
}
.site-branding,
.primary-navigation {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
body {
position: relative;
width: 100%;
background: white;
}
#main {
overflow: visible;
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;
}
#main.loaded {
opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1em;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
a {
text-decoration: none;
transition: transform 1s ease-out;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
transform: skew(-30deg);
}
a:active {
position: relative;
text-decoration: none;
}
a.block {
display: inline-block;
}
.entry-content ul {
list-style-type: disc;
padding-left: 1.5em;
margin-bottom: 1em;
}
.entry-content ol {
padding-left: 1.5em;
margin-bottom: 1em;
}
.entry-content blockquote {
margin: 1em 1.5em;
}
.entry-content img {
width: 100%;
height: auto;
}
.entry-content p img {
width: auto;
height: auto;
}
hr {
border-top: 1px solid black;
}
*,
h1,
h2 {
text-transform: uppercase;
font-size: 25px;
line-height: 1.28;
font-weight: 400;
}
h1 {
font-size: 50px;
}
#top,
#bottom {
position: fixed;
width: 100%;
background: blue;
color: white;
transition: all 1s ease-out;
z-index: 9999;
height: 66vh;
display: grid;
}
#top.expanded,
#top.half-expanded,
#bottom.expanded,
#bottom.half-expanded {
box-shadow: 0 0 25px 25px blue;
}
#top a,
#bottom a {
color: white;
}
#center,
#bottom_expanded .text,
#degrees_inner,
#institutes_inner,
#filter_manager_list,
.item-extended {
-ms-overflow-style: none;
scrollbar-width: none;
}
#center::-webkit-scrollbar,
#bottom_expanded .text::-webkit-scrollbar,
#degrees_inner::-webkit-scrollbar,
#institutes_inner::-webkit-scrollbar,
#filter_manager_list::-webkit-scrollbar,
.item-extended::-webkit-scrollbar {
display: none;
}
#top {
grid-template-rows: auto 60px;
bottom: 100vh;
bottom: calc(var(--vh,1vh) * 100);
transform: translateY(60px);
}
#top.expanded {
transform: translateY(66vh);
}
#top.collapse-expanded {
transform: translateY(60vh);
}
#top_expanded {
display: grid;
padding: 100px 30px 0;
grid-template-columns: 1fr 1fr 1fr 1fr;
height: min-content;
max-height: calc(60vh - 60px);
}
#top_expanded h1 {
grid-column: 1 / span 4;
text-align: center;
}
#top_expanded h2,
#top_expanded span {
font-size: 18px;
line-height: 1.66;
}
#top_expanded span {
display: block;
transition: transform 1s ease-out;
}
#top_expanded span:hover {
transform: skew(-30deg);
cursor: pointer;
}
#top_expanded span.active {
transform: skew(-30deg);
}
#degrees_inner,
#institutes_inner {
max-height: calc(60vh - 210px);
overflow-y: scroll;
margin-left: -10px;
padding: 0 10px;
}
#filter_manager_list {
margin-bottom: 2em;
max-height: calc(60vh - 250px);
overflow-y: scroll;
}
#filter_manager_list span {
padding-left: 2em;
}
#filter_manager_list span:before {
transform: translateX(-2em);
content: "X";
position: absolute;
}
#reset_filter {
position: absolute;
bottom: 0;
margin: 0;
transition: transform .5s ease-out;
}
#reset_filter:hover {
cursor: pointer;
transform: skewX(-30deg);
}
#bottom {
grid-template-rows: 60px auto;
top: 100vh;
top: calc(var(--vh,1vh) * 100);
transform: translateY(-60px);
max-width: 100%;
overflow: hidden;
}
#bottom.expanded {
transform: translateY(-66vh);
}
#bottom.half-expanded {
transform: translateY(-33vh);
}
#bottom.half-expanded:hover {
transform: translateY(-40vh);
}
#bottom.half-expanded #bottom_expanded {
max-height: calc(33vh - 80px);
}
#bottom.half-expanded #bottom_expanded .text {
max-height: calc(33vh - 80px);
}
#bottom.collapse-expanded {
transform: translateY(-60vh);
}
#watch {
background: blue;
z-index: 999;
margin-left: -30px;
padding-left: 30px;
box-shadow: 0 0 25px 25px blue;
font-family: 'Champion Bantamweight', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 45px;
transform: skew(-30deg);
}
#title div {
position: absolute;
left: 50%;
top: -25px;
transform: translateX(-50%) skewX(-30deg);
}
#title div + div {
transform: translateX(-50%) skewX(30deg);
}
#title div + div span {
animation-delay: 1.5s;
}
#title span {
display: block;
font-family: 'Champion Bantamweight', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 45px;
animation: titleanimation 3s linear infinite;
transform-style: preserve-3d;
transform-box: fill-box;
}
@keyframes titleanimation {
0% {
transform: scaleY(1);
transform-origin: bottom;
}
1% {
transform-origin: top;
}
50% {
transform: scaleY(0);
transform-origin: top;
}
60% {
transform: scaleY(0);
transform-origin: bottom;
}
100% {
transform: scaleY(1);
transform-origin: bottom;
}
}
@keyframes scrolltip {
0% {
transform: translate(-50%,0);
}
50% {
transform: translate(-50%,-25px);
}
100% {
transform: translate(-50%,0);
}
}
#ticker {
max-width: calc(100vw - 300px - 60px);
z-index: 0;
}
#expand_bottom {
background: blue;
margin-right: -30px;
padding-right: 30px;
box-shadow: 0 0 25px 25px blue;
height: 100%;
display: grid;
align-content: center;
}
#expand_bottom:hover .expand-v {
transform: translateY(-3px) skew(30deg) rotate(180deg);
}
#expand_bottom .expand-v {
transform: translateY(-3px) rotate(180deg);
}
#expand_bottom.active .expand-v {
transform: skew(30deg);
}
#bottom_expanded {
display: grid;
grid-template-columns: 1fr 3fr 125px;
padding: 30px 30px 0;
max-height: calc(66vh - 60px);
z-index: 999;
}
#bottom_expanded .info-bar {
background: blue;
display: grid;
padding-right: 100px;
padding-bottom: 20px;
}
#bottom_expanded .info-bar img {
max-width: 300px;
}
#bottom_expanded .info-bar div {
align-self: start;
}
#bottom_expanded .info-bar div+ div {
align-self: end;
display: grid;
grid-template-columns: 1fr 1fr;
font-size: 18px;
line-height: 1.66;
}
#bottom_expanded .info-bar div+ div a {
font-size: 18px;
display: block;
margin-right: 1em;
line-height: 1.66;
}
#bottom_expanded .text,
#bottom_expanded .text p,
#bottom_expanded .text span {
text-transform: none;
}
#bottom_expanded .text {
max-width: 1100px;
max-height: calc(66vh - 90px);
overflow-y: auto;
padding-bottom: 20px;
}
#expand_top,
#expand_bottom {
transition: transform 1s ease-out;
}
#expand_top:hover,
#expand_top.active,
#expand_bottom:hover,
#expand_bottom.active {
transform: skew(-30deg);
cursor: pointer;
}
#expand_top:hover .expand-v,
#expand_top.active .expand-v {
transform: skew(30deg);
}
#expand_top.active .expand-v {
transform: translateY(-3px) skew(30deg) rotate(180deg);
}
.expand-v {
margin-right: 1em;
transition: transform 1s ease-out;
display: inline-block;
}
#top_content,
#bottom_content {
padding: 0 30px;
height: 60px;
align-items: center;
display: grid;
grid-template-columns: 150px auto 150px;
max-width: 100vw;
}
#top_content div + div,
#bottom_content div + div {
text-align: center;
}
#top_content div + div+ div,
#bottom_content div + div+ div {
text-align: right;
}
#center {
padding: 90px 30px;
max-height: 100vh;
max-height: calc(var(--vh,1vh) * 100);
overflow-y: scroll;
}
#items .item-title {
transition: all .5s ease-out;
font-size: 1.5vw;
word-break: break-word;
}
#items .item {
text-align: center;
display: grid;
border: 1.5px solid black;
align-items: center;
justify-content: center;
min-height: calc(25vw * 0.45);
border-radius: 10px;
background: white;
}
#items .item.transition {
transition: all .5s ease-out;
}
#items .item:hover {
cursor: pointer;
}
#items .item:hover .item-title {
transform: skew(-30deg);
}
#items .item:hover.active {
cursor: auto;
}
#items .item.active {
position: fixed !important;
z-index: 9999;
background: blue;
border: none;
width: calc(100vw - 55px);
height: calc(100vh - 180px);
height: calc(var(--vh,1vh) * 100 - 180px);
left: 20px !important;
top: 90px !important;
}
#items .item.active .item-title {
display: none;
}
#items .item.active .item-extended {
display: grid;
opacity: 1;
}
#items .item.active .item-extended .zoom {
background-color: blue;
}
.item-extended {
color: white;
display: none;
padding: 85px 50px;
text-align: left;
position: absolute;
width: 100%;
height: 100%;
max-height: calc(100vh - 100px);
max-height: calc(var(--vh,1vh) * 100 - 100px);
overflow-y: scroll;
opacity: 0;
transition: all 1s ease-out;
align-items: center;
}
.item-extended .item-extended-inner {
width: 100%;
padding-bottom: 25px;
}
.item-extended .close-item {
position: absolute;
right: 25px;
top: 25px;
font-size: 25px;
transition: transform .5s ease-out;
z-index: 99999;
}
.item-extended .close-item:hover {
cursor: pointer;
transform: skew(-30deg);
}
.item-extended .scroll-tip {
position: fixed;
left: 50%;
bottom: 100px;
font-size: 25px;
transform: translateX(-50%);
opacity: 0;
z-index: 99999;
pointer-events: none;
animation: scrolltip 3s ease-out infinite;
}
.item-extended .scroll-tip.visible {
opacity: 1;
}
.item-extended h1 {
grid-column: 1 / span 2;
text-align: center;
font-family: 'Champion Bantamweight', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 65px;
font-style: normal;
letter-spacing: 0.1em;
margin-bottom: 35px;
}
.item-extended .extended-base-infos {
margin-bottom: 115px;
grid-column: 1 / span 2;
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-column-gap: 35px;
}
.item-extended .extended-base-infos h2 {
font-family: 'Champion Bantamweight', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 45px;
letter-spacing: 0.1em;
margin: 0;
}
.item-extended .extended-base-infos h2 span {
display: none;
}
.item-extended .extended-base-infos h2 span+span {
display: inline;
}
.item-extended .extended-more-infos {
display: grid;
grid-template-columns: 50% 50%;
}
.item-extended .extended-more-infos .left-col {
display: grid;
grid-template-columns: 1fr 3fr;
grid-template-rows: min-content min-content min-content;
grid-row-gap: 1em;
padding-right: 25px;
grid-column-gap: 20px;
}
.item-extended .extended-more-infos .left-col span,
.item-extended .extended-more-infos .left-col a,
.item-extended .extended-more-infos .left-col p,
.item-extended .extended-more-infos .left-col * {
font-size: 18px;
line-height: 1.66;
max-width: 450px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.item-extended .extended-more-infos .left-col p {
white-space: normal;
}
.item-extended .extended-more-infos .left-col a {
display: block;
color: white;
transition: transform .5s ease-out;
}
.item-extended .extended-more-infos .left-col a:hover {
transform: skewX(-30deg);
}
.item-extended .extended-more-infos .right-col {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 35px;
text-align: center;
}
.item-extended .extended-more-infos .right-col a:hover,
.item-extended .extended-more-infos .right-col a:active,
.item-extended .extended-more-infos .right-col a:focus {
transform: none;
}
.item-extended .extended-more-infos .right-col .zoom {
background-color: Transparent;
color: white;
border-radius: 15px;
box-shadow: 0 0 5px 5px white;
height: 250px;
padding: 35px 0;
display: grid;
transition: all 1s ease-out;
}
.item-extended .extended-more-infos .right-col .zoom h2 {
font-family: 'Champion Bantamweight', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 45px;
letter-spacing: 0.04em;
margin: 0;
transition: transform .5s ease-out;
}
.item-extended .extended-more-infos .right-col .zoom span {
display: block;
}
.item-extended .extended-more-infos .right-col .zoom div + div {
align-self: end;
}
.item-extended .extended-more-infos .right-col .zoom .live-now {
animation: livenow 1s ease-out infinite;
}
.item-extended .extended-more-infos .right-col .zoom:hover h2 {
transform: skewX(-30deg);
}
@keyframes livenow {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
.marquee {
overflow: hidden;
max-width: 100%;
white-space: nowrap;
position: relative;
display: block;
}
.marquee-inner {
display: block;
position: relative;
}
.marquee-inner a {
margin-right: 2.5em;
transition: transform .5s ease-out;
display: inline-block;
}
.marquee-inner a:hover {
transform: skew(-30deg);
}
.wpml-ls-legacy-list-horizontal {
padding: 0;
}
.wpml-ls-legacy-list-horizontal a {
padding: 0;
margin-right: 0.5em;
}
.wpml-ls-current-language {
transform: skew(-30deg);
}
#intro {
position: fixed;
left: 50%;
top: 50%;
width: 100vw;
height: 100vh;
z-index: 99999;
background: blue;
color: white;
transform: translate(-50%,-50%);
transition: opacity 1s ease-out;
overflow: hidden;
}
#intro #dieangewandte {
padding-bottom: 60px;
}
#intro #dieangewandte img {
transform-origin: top;
transform-box: fill-box;
}
#intro #goesbest {
padding-top: 60px;
}
#intro #goesbest img {
transform-origin: bottom;
transform-box: fill-box;
}
#intro.opendoors .white-spacer {
height: 100vh;
width: 120vw;
border-radius: 25vw;
margin-left: -15vw;
}
#intro.opendoors #dieangewandte img,
#intro.opendoors #goesbest img {
transform: scaleY(0);
}
#intro.hidden {
opacity: 0;
pointer-events: none;
}
#intro_inner {
padding: 60px 0;
display: grid;
width: 100%;
height: 100%;
}
.mobile {
display: none;
}
#intro_1 {
height: auto;
align-self: center;
margin-bottom: 20px;
}
.intro-section {
display: block;
display: grid;
grid-template-rows: calc(50% - 12.5px) 25px calc(50% - 12.5px);
align-items: center;
}
.intro-section .intro-text-container {
height: 100%;
display: flex;
justify-content: left;
padding-left: 5vw;
}
.intro-section .intro-text-container img {
width: 90vw;
max-width: 90vw;
height: 100%;
transition: all 1s ease-out;
}
.intro-section .white-spacer {
border-radius: 12.5px;
background: white;
height: 25px;
position: absolute;
left: 5vw;
top: 50%;
transform: translate(0%,-50%);
width: 80vw;
transition: width 1s ease-out, height 1s ease-out, transform 1s ease-out, margin 1s ease-out, border-radius .5s ease-out;
transform-origin: left 12.5px;
transform-box: fill-box;
box-shadow: 0 0 25px 25px white;
}
.intro-section:hover {
cursor: pointer;
}
.intro-section:hover .white-spacer {
width: 90vw;
height: 100px;
border-radius: 50px;
}
.intro-section:hover #closed img,
.intro-section:hover #open img {
transform: scaleY(0.9);
}
.intro-section:hover #doors img,
.intro-section:hover #house img {
transform: scaleY(0.9);
}
.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.mmar {
margin: 0 -40px;
}
.row.mmar .col {
padding: 0 40px;
}
.row .col {
float: left;
}
.row .col-25 {
width: 25%;
}
.row .col-33 {
width: 33.3333%;
}
.row .col-50 {
width: 50%;
}
.row .col-75 {
width: 75%;
}
ul.category-list {
list-style: none;
}
ul.category-list li {
display: inline-block;
padding-right: 0.5em;
}
.image-wrapper img {
width: 100%;
height: auto;
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;
}
.image-wrapper img.loaded {
opacity: 1;
}
.image-wrapper:after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper video {
width: 100%;
height: auto;
}
.video-wrapper .video-curtain {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
opacity: 1;
-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;
}
.video-wrapper .video-curtain.hidden {
opacity: 0;
}
.video-wrapper.fullscreen {
width: 100%;
height: 100%;
overflow: hidden;
}
.video-wrapper.fullscreen video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
}
.hue-slideshow {
width: 100%;
margin-bottom: 1em;
}
.hue-slideshow .slideshow-container {
width: 100%;
}
.hue-slideshow .slideshow-container .slide {
width: 100%;
display: none;
}
.hue-slideshow .slideshow-container .slide:first-child {
display: block;
}
.hue-slideshow .slideshow-container .slide img {
width: 100%;
height: auto;
}
.hue-slideshow .slideshow-container.flickity-enabled .slide,
.hue-slideshow .slideshow-container.slick-initialized .slide {
display: block;
}
.hue-slideshow .slideshow-caption {
text-align: center;
margin-bottom: 1em;
}
.hue-slideshow.with-mouseover {
cursor: none;
}
.hue-slideshow.with-mouseover .flickity-enabled.is-draggable .flickity-viewport {
cursor: none;
}
.hue-slideshow.with-mouseover .slideshow-display {
position: absolute;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
pointer-events: none;
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;
white-space: nowrap;
}
.hue-slideshow.with-mouseover:hover .slideshow-display {
opacity: 1;
}
.hue-slideshow.with-mouseover .flickity-prev-next-button {
top: 0;
width: 50%;
height: 100%;
max-width: 100%;
border-radius: 0;
background-color: transparent;
-webkit-transform: none;
transform: none;
cursor: none !important;
}
.hue-slideshow.with-mouseover .flickity-prev-next-button.previous {
left: 0;
}
.hue-slideshow.with-mouseover .flickity-prev-next-button.next {
right: 0;
}
.hue-slideshow.with-mouseover .flickity-prev-next-button svg {
display: none;
}
.hue-gallery {
margin-bottom: 1em;
font-size: 0;
}
.hue-gallery ul {
width: 100%;
}
.hue-gallery ul li {
display: block;
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;
}
.iframe-wrapper {
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.masonry-container {
margin: 0 -10px;
}
.masonry-container:before,
.masonry-container:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.masonry-container:before,
.masonry-container:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.masonry-container:before,
.masonry-container:after {
display: none;
}
.masonry-container article {
float: left;
width: calc(25% - 15px);
padding: 10px;
margin: 7.5px;
}
.logo {
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.hoverlogo {
display: inline-block;
position: relative;
}
.hoverlogo .default {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
opacity: 1;
-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;
}
.hoverlogo .hover {
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
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;
z-index: 10;
}
.hoverlogo:hover .default,
.hoverlogo:focus .default,
.hoverlogo:active .default,
.hoverlogo.active .default {
opacity: 0;
}
.hoverlogo:hover .hover,
.hoverlogo:focus .hover,
.hoverlogo:active .hover,
.hoverlogo.active .hover {
opacity: 1;
}
.back-button {
position: absolute;
top: 1em;
right: 0;
z-index: 10;
}
.navigation {
margin: 1em 0;
height: 1em;
}
.navigation .nav-links {
text-align: center;
padding: 0 5em;
}
.navigation .nav-links .page-numbers.prev {
position: absolute;
top: 0;
left: 0;
}
.navigation .nav-links .page-numbers.next {
position: absolute;
top: 0;
right: 0;
}
.system-message {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
display: none;
pointer-events: none;
}
.system-message .message {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
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;
padding: 20px 40px;
background-color: white;
}
.system-message .message.active {
opacity: 1;
}
.progressbar {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 1px;
background-color: black;
-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;
z-index: 99999;
opacity: 1;
}
.progressbar.hidden {
opacity: 0;
}
.viewport-detector {
position: relative;
z-index: 4;
}
@media screen and (max-width: 1200px) {
.viewport-detector {
z-index: 3;
}
}
@media screen and (max-width: 1024px) {
.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;
}
}
@media screen and (max-width: 1024px) {
* {
font-size: 18px;
}
.hue-slideshow {
margin-left: -10px;
margin-right: -10px;
}
.hue-slideshow .slideshow-display {
display: none;
}
.hue-slideshow .slick-arrow {
display: none !important;
}
.hue-slideshow .flickity-prev-next-button {
display: none !important;
}
#title div {
top: -20px;
}
#title span {
font-size: 35px;
}
#intro {
transform: translate(-50%,-50%) rotate(-90deg);
width: 100vh;
height: 100vw;
}
#intro.opendoors .white-spacer {
height: 120vw;
width: 110vh;
margin-left: -30vh;
}
#intro #dieangewandte {
padding-bottom: 25px;
}
#intro #goesbest {
padding-top: 25px;
}
.intro-section .intro-text-container {
padding-left: 25vh;
}
.intro-section .intro-text-container img {
max-width: 50vh;
}
.intro-section .white-spacer {
left: 25vh;
width: 45vh;
}
#intro_inner {
padding: 10px 0;
}
#center {
padding: 60px 10px;
}
#items .item {
min-height: 150px;
}
#items .item-title {
font-size: 6vw;
}
.item-extended .extended-more-infos .left-col p,
.item-extended .extended-more-infos .left-col span,
.item-extended .extended-more-infos .left-col a,
.item-extended .extended-more-infos .left-col * {
font-size: 16px;
}
.item-extended {
padding: 15px;
overflow-y: scroll;
}
.item-extended .close-item {
position: fixed;
top: 80px;
}
.item-extended h1 {
margin-top: 1em;
font-size: 10vw;
}
.item-extended .extended-base-infos {
grid-template-columns: 1fr;
margin-bottom: 50px;
grid-row-gap: 10px;
}
.item-extended .extended-base-infos span {
font-size: 5vw;
}
.item-extended .extended-base-infos h2 {
font-size: 8vw;
}
.item-extended .extended-more-infos {
grid-template-columns: 1fr;
}
.item-extended .extended-more-infos .left-col {
grid-template-columns: 1fr;
grid-row-gap: 0;
}
.item-extended .extended-more-infos .left-col span {
font-size: 16px;
margin-bottom: 1em;
}
.item-extended .extended-more-infos .left-col .title {
margin-bottom: 0.25em;
}
.item-extended .extended-more-infos .right-col {
margin-top: 25px;
grid-template-columns: 1fr;
grid-row-gap: 25px;
}
.item-extended .extended-more-infos .right-col .zoom {
padding: 15px 0;
height: auto;
}
#items .item.active {
width: calc(100vw - 15px);
height: calc(100vh - 135px);
height: calc(var(--vh,1vh) * 100 - 135px);
left: 0px !important;
top: 60px !important;
}
#top_content,
#bottom_content {
padding: 0 10px;
grid-template-columns: 35px auto 75px;
}
#top_expanded h2,
#top_expanded span {
font-size: 14px;
}
.expand-v {
display: none;
}
#top_expanded {
padding: 30px 10px 0;
grid-template-columns: 1fr 1fr;
overflow-y: scroll;
}
#top_expanded h2 {
margin-top: 2em;
}
#top_expanded #sorts {
grid-column: 1 / span 1;
grid-row: 1;
}
#top_expanded #degrees {
grid-column: 1 / span 2;
grid-row: 2;
}
#top_expanded #institutes {
grid-column: 1 / span 2;
grid-row: 3;
}
#top_expanded #filter_manager {
grid-column: 2 / span 1;
grid-row: 1;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
display: block;
}
#degrees_inner,
#institutes_inner {
max-height: none;
overflow-y: auto;
}
#bottom_content {
grid-template-columns: auto 75px;
}
#bottom_content #watch {
display: none;
}
#bottom_content #ticker {
max-width: calc(100vw - 95px);
}
#bottom_expanded {
padding: 30px 10px;
grid-template-columns: 1fr;
overflow-y: scroll;
}
#bottom_expanded .text {
max-height: none;
overflow-y: auto;
}
#bottom_expanded .info-bar {
order: 2;
padding-right: 0;
}
#bottom_expanded .info-bar img {
max-width: 50vw;
margin: 0 auto 15px;
}
#bottom_expanded .info-bar div+ div a {
font-size: 16px;
}
.masonry-container article {
width: calc(100% - 15px);
}
}
@media screen and (max-width: 340px) {
#title span {
font-size: 30px;
}
#title div {
top: -17px;
}
}