* {
vertical-align: top;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
list-style: none;
font-size: 100%;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}
body,
html {
position: relative;
min-height: 100%;
width: 		100%;
}
body {
height: 100%;
}
a,
a:link,
a:visited,
a:hover,
a:active {
color: inherit;
-webkit-touch-callout: 	none;
-webkit-user-select: 	none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-khtml-user-select: 	none;
-moz-user-select: 		none;
-ms-user-select: 		none;
-o-user-select: 		none;
user-select: 			none;
}
.cleaner {
clear: both;
float: none;
}
.hidden {
opacity: 0;
height: 0px;
max-height: 0px;
padding: 0 !important;
margin: 0 !important;
user-select: none;
pointer-events: none;
overflow: hidden;
} p:empty {
display: none !important;
} img {
width: 100%;
height: auto;
display: block;
}
iframe {
width: 100%;
display: block;
} .wrap {
overflow: hidden;
}
.row .row-inner {
margin: 0 auto;
}
.row .row-inner::after {
content: '';
display: block;
height: 0px;
clear: both;
float: none;
overflow: hidden;
visibility: hidden;
}
.row.collapse {
margin-left: 0;
margin-right: 0;
}
.row.collapse [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.row.full > .row-inner {
max-width: none;
}
[class*="col-"] {
position: relative;
display: inline-block;
float: left;
box-sizing: border-box;
vertical-align: top;
}
[class*="col-"].single {
margin-bottom: 0px;
}   @media ( max-width: 768px ) {		.hidden-sm {
display: none;
}
}  .row {
margin-left: -5px;
margin-right: -5px;
}
.wrap .row.full {
margin-left: -15px;
margin-right: -15px;
}
.wrap .row.full:not( .collapse ) > .row-inner {
margin-left: -5px;
margin-right: -5px;
} [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
.col-sm-offset-0 { margin-left: 0%; }
.col-sm-1 { width: 8.3333333333333%; }
.col-sm-offset-1 { margin-left: 8.3333333333333%; }
.col-sm-2 { width: 16.666666666667%; }
.col-sm-offset-2 { margin-left: 16.666666666667%; }
.col-sm-3 { width: 25%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-4 { width: 33.333333333333%; }
.col-sm-offset-4 { margin-left: 33.333333333333%; }
.col-sm-5 { width: 41.666666666667%; }
.col-sm-offset-5 { margin-left: 41.666666666667%; }
.col-sm-6 { width: 50%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-7 { width: 58.333333333333%; }
.col-sm-offset-7 { margin-left: 58.333333333333%; }
.col-sm-8 { width: 66.666666666667%; }
.col-sm-offset-8 { margin-left: 66.666666666667%; }
.col-sm-9 { width: 75%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-10 { width: 83.333333333333%; }
.col-sm-offset-10 { margin-left: 83.333333333333%; }
.col-sm-11 { width: 91.666666666667%; }
.col-sm-offset-11 { margin-left: 91.666666666667%; }
.col-sm-12 { width: 100%; }
.col-sm-offset-12 { margin-left: 100%; } .wrap {padding-top: 20px;padding-left: 15px;padding-right: 15px;}.row-inner {max-width: 100%;}.row + .row {margin-top: 10px;}body {font-family: 'Gellix-Bold', sans-serif;line-height: 18px;font-size: 16px;font-weight: 400;}.size--0 {line-height: 18px;font-size: 16px;}     @media ( min-width: 768px ) and ( max-width: 1024px ) {		.hidden-md {
display: none;
}
}
@media ( min-width: 768px ) { .row {
margin-left: -5.5px;
margin-right: -5.5px;
}
.wrap .row.full {
margin-left: -20px;
margin-right: -20px;
}
.wrap .row.full:not( .collapse ) > .row-inner {
margin-left: -5.5px;
margin-right: -5.5px;
} [class*="col-"] {
padding-left: 5.5px;
padding-right: 5.5px;
margin-bottom: 11px;
}
.col-md-offset-0 { margin-left: 0%; }
.col-md-1 { width: 8.3333333333333%; }
.col-md-offset-1 { margin-left: 8.3333333333333%; }
.col-md-2 { width: 16.666666666667%; }
.col-md-offset-2 { margin-left: 16.666666666667%; }
.col-md-3 { width: 25%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-4 { width: 33.333333333333%; }
.col-md-offset-4 { margin-left: 33.333333333333%; }
.col-md-5 { width: 41.666666666667%; }
.col-md-offset-5 { margin-left: 41.666666666667%; }
.col-md-6 { width: 50%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-7 { width: 58.333333333333%; }
.col-md-offset-7 { margin-left: 58.333333333333%; }
.col-md-8 { width: 66.666666666667%; }
.col-md-offset-8 { margin-left: 66.666666666667%; }
.col-md-9 { width: 75%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-10 { width: 83.333333333333%; }
.col-md-offset-10 { margin-left: 83.333333333333%; }
.col-md-11 { width: 91.666666666667%; }
.col-md-offset-11 { margin-left: 91.666666666667%; }
.col-md-12 { width: 100%; }
.col-md-offset-12 { margin-left: 100%; } .wrap {padding-top: 25px;padding-left: 20px;padding-right: 20px;}.row-inner {max-width: 100%;}.row + .row {margin-top: 25px;}body {font-family: 'Gellix-Bold', sans-serif;line-height: 18px;font-size: 16px;font-weight: 400;}.size--0 {line-height: 18px;font-size: 16px;}	}    @media ( min-width: 1024px ) and ( max-width: 1440px ) {		.hidden-lg {
display: none;
}
}
@media ( min-width: 1024px ) { .row {
margin-left: -6px;
margin-right: -6px;
}
.wrap .row.full {
margin-left: -25px;
margin-right: -25px;
}
.wrap .row.full:not( .collapse ) > .row-inner {
margin-left: -6px;
margin-right: -6px;
} [class*="col-"] {
padding-left: 6px;
padding-right: 6px;
margin-bottom: 12px;
}
.col-lg-offset-0 { margin-left: 0%; }
.col-lg-1 { width: 8.3333333333333%; }
.col-lg-offset-1 { margin-left: 8.3333333333333%; }
.col-lg-2 { width: 16.666666666667%; }
.col-lg-offset-2 { margin-left: 16.666666666667%; }
.col-lg-3 { width: 25%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-4 { width: 33.333333333333%; }
.col-lg-offset-4 { margin-left: 33.333333333333%; }
.col-lg-5 { width: 41.666666666667%; }
.col-lg-offset-5 { margin-left: 41.666666666667%; }
.col-lg-6 { width: 50%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-7 { width: 58.333333333333%; }
.col-lg-offset-7 { margin-left: 58.333333333333%; }
.col-lg-8 { width: 66.666666666667%; }
.col-lg-offset-8 { margin-left: 66.666666666667%; }
.col-lg-9 { width: 75%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-10 { width: 83.333333333333%; }
.col-lg-offset-10 { margin-left: 83.333333333333%; }
.col-lg-11 { width: 91.666666666667%; }
.col-lg-offset-11 { margin-left: 91.666666666667%; }
.col-lg-12 { width: 100%; }
.col-lg-offset-12 { margin-left: 100%; } .wrap {padding-top: 28px;padding-left: 25px;padding-right: 25px;}.row-inner {max-width: 100%;}.row + .row {margin-top: 35px;}body {font-family: 'Gellix-Bold', sans-serif;line-height: 23px;font-size: 20px;font-weight: 400;}.size--1 {line-height: 23px;font-size: 20px;font-weight: 400;}.size--2 {line-height: 26px;font-size: 23px;font-weight: 400;}.size--3 {line-height: 44px;font-size: 37px;font-weight: 400;}.size--0 {line-height: 18px;font-size: 16px;}	}    @media ( min-width: 1440px )  {		.hidden-xl {
display: none;
}
}
@media ( min-width: 1440px ) { .row {
margin-left: -6.5px;
margin-right: -6.5px;
}
.wrap .row.full {
margin-left: -40px;
margin-right: -40px;
}
.wrap .row.full:not( .collapse ) > .row-inner {
margin-left: -6.5px;
margin-right: -6.5px;
} [class*="col-"] {
padding-left: 6.5px;
padding-right: 6.5px;
margin-bottom: 13px;
}
.col-xl-offset-0 { margin-left: 0%; }
.col-xl-1 { width: 8.3333333333333%; }
.col-xl-offset-1 { margin-left: 8.3333333333333%; }
.col-xl-2 { width: 16.666666666667%; }
.col-xl-offset-2 { margin-left: 16.666666666667%; }
.col-xl-3 { width: 25%; }
.col-xl-offset-3 { margin-left: 25%; }
.col-xl-4 { width: 33.333333333333%; }
.col-xl-offset-4 { margin-left: 33.333333333333%; }
.col-xl-5 { width: 41.666666666667%; }
.col-xl-offset-5 { margin-left: 41.666666666667%; }
.col-xl-6 { width: 50%; }
.col-xl-offset-6 { margin-left: 50%; }
.col-xl-7 { width: 58.333333333333%; }
.col-xl-offset-7 { margin-left: 58.333333333333%; }
.col-xl-8 { width: 66.666666666667%; }
.col-xl-offset-8 { margin-left: 66.666666666667%; }
.col-xl-9 { width: 75%; }
.col-xl-offset-9 { margin-left: 75%; }
.col-xl-10 { width: 83.333333333333%; }
.col-xl-offset-10 { margin-left: 83.333333333333%; }
.col-xl-11 { width: 91.666666666667%; }
.col-xl-offset-11 { margin-left: 91.666666666667%; }
.col-xl-12 { width: 100%; }
.col-xl-offset-12 { margin-left: 100%; } .wrap {padding-top: 40px;padding-left: 40px;padding-right: 40px;}.row-inner {max-width: 100%;}.row + .row {margin-top: 50px;}body {font-family: 'Gellix-Bold', sans-serif;line-height: 23px;font-size: 20px;font-weight: 400;}.size--1 {line-height: 23px;font-size: 20px;font-weight: 400;}.size--2 {line-height: 26px;font-size: 23px;font-weight: 400;}.size--3 {line-height: 44px;font-size: 37px;font-weight: 400;}.size--0 {line-height: 18px;font-size: 16px;}	}@font-face {
font-family: 'Gellix-Bold';
src: url(//zweiheit.com/wp-content/themes/zweiheit/font/Gellix-Bold.eot); src: url(//zweiheit.com/wp-content/themes/zweiheit/font/Gellix-Bold.eot?#iefix) format('embedded-opentype'), url(//zweiheit.com/wp-content/themes/zweiheit/font/Gellix-Bold.woff2) format('woff2'), url(//zweiheit.com/wp-content/themes/zweiheit/font/Gellix-Bold.woff) format('woff'); }
:root {
--col-gray: rgba(124, 123, 123, 1);
--col-lightgray: rgba(203, 203, 203, 1);
--col-blue: rgba(0, 0, 255, 1);
--col-orange: rgba(255, 65, 0, 1);
--col-darkorange: rgba(235, 35, 0, 1);
}
::selection {
background-color: var(--col-orange);
color: white;
}
@media (min-width: 769px) {
.hidden-md { display: none; } 
}
* {
font-family: 'Gellix-Bold';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: url(//zweiheit.com/wp-content/themes/zweiheit/img/cursor-1x.svg), auto;
cursor: -webkit-image-set(
url(//zweiheit.com/wp-content/themes/zweiheit/img/cursor-1x.svg) 1x,
url(//zweiheit.com/wp-content/themes/zweiheit/img/cursor-2x.svg) 2x), auto;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
html {
scroll-behavior: smooth;
}
body {
color: var(--col-lightgray);
}
.text--gray {
color: var(--col-gray);
}
.body--bg-blue .text--gray {
color: white;
}
.home.blog .menu-item-100,
.text--blue,
.current-menu-item,
.current-page-ancestor,
.current_page_item {
color: var(--col-blue);
}
.anchorLink--active {
color: var(--col-blue) !important;
}
.menu-item,
#menu-primary--sub #page_item {
transition: .2s all ease;
}
.menu-item:not(.current-menu-item):hover,
#menu-primary--sub .page_item:not(.current_page_item):hover {
color: var(--col-gray);
}
.zweiheit--logo {
fill: var(--col-blue);
}
.body--bg-blue .zweiheit--logo {
fill: white;
}
#intro {
position: fixed;
background: white;
height: 100vh;
width: 100vw;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
z-index: 9999999;
}
#intro #intro--branding {
top: 0%;
left: 0%;
height: 100%;
width: 100%;
z-index: 12;
position: fixed;
}
#intro #intro--branding svg {
padding: 20vw 10vw 5vw 10vw;
width: calc( 100% - 20vw );
}
#intro .circle {
height: 90vh;
width: 90vh;
position: fixed;
top: 50%;
z-index: 11;
transform: translateX( 0% ) translateY( -50% );
-moz-transform: translateX( 0% ) translateY( -50% );
-webkit-transform: translateX( 0% ) translateY( -50% );
border-radius: 50%;
background: rgb(0, 0, 255);
}
#intro #circle--1 {
left: 5%;
}
#intro #circle--2 {
left: 45%;
}
#intro #intro--branding path {
fill: white;
}
@media (max-width: 768px) {
#intro	.circle {
height: 90vw;
width: 90vw;
}
#intro 	#circle--1 {
left: 5vw;
top: 30%;		
}
#intro 	#circle--2 {
left: 5vw;
top: 70%;
}
#intro 	#intro--branding svg {
padding: 20vh 3vh 5vh 3vh;
width: calc( 100% - 6vh );
}
} #intro.out {
transform: translateY( -100% );
opacity: 0;
}  .text--right {
text-align: right;
}
#page-header #branding {
z-index: 3;
position: fixed;
}
footer .wrap {
padding-top: 9px;
}
h2:not(h2.col-projektdaten):not(h2.col-headline) {
color: var(--col-lightgray);
text-indent: 17%;
border-bottom: 1px solid #D1D0D0; 
margin-bottom: 5px;
}
@media (max-width: 768px) {
h2:not(h2.col-projekdaten):not(h2.col-headline) {
text-indent: 8.33%;
}
}
.h1--intro {
margin-top: 40px;
}
.h1--intro a {
transition: color .2s ease;
}
.h1--intro a:hover {
color: var(--col-orange);
}
.news--wrapper {
display: flex;
gap: 20px;
}
.news--grid article:not(:last-of-type) {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.news--wrapper {
flex-direction: column;
}
}
.news--thumb {
flex: 1;
}
.news--thumb img {
width: 100%;
}
.news--caption {
flex: 2;
}
.news--caption a {
margin-top: 20px;
display: inline-block;
color: var(--col-blue);
transition: color .2s ease;
cursor: pointer;
}
.news--caption a:hover {
color: var(--col-orange);
}
.news--caption h2.size--3.text--blue {
color: var(--col-blue);
text-align: left;
text-decoration: none;
border-bottom: none;
text-indent: 0px;
margin-bottom: 0px;
}
.paragraph--indent {
padding: 0px 8.33% 20px 17%;
display: block;
}
@media (max-width: 768px) {
.paragraph--indent {
padding: 0px 8.33%;
}
} #page {
min-height: calc( 100vh - 64px );
position: relative;
}
#page-main {
min-height: calc( 100vh - 118px);
}
#page-footer {
position: sticky;
bottom: 0;
}
#page-footer .col-sm-12 {
margin-bottom: 10px !important; 
}
@media (max-width: 768px) {
#page-footer .col-sm-12 {
margin-bottom: 0px !important; 
text-align: left !important;
}
#page-footer {
padding-bottom: 10px;
}
}
@media (max-width: 813px) {
#page-footer {
position: relative;
}
}
#site_title svg {
width: 59px;
}
@media (max-width: 480px) {
#site_title svg {
width: 49px;
}
}
#menu-primary,
#navigation-main li,
#navigation-sub--main li,
#navigation-footer li {
display: inline;
}
@media (max-width: 768px) {
#navigation-main {
padding-top: 2px;
}
}
#navigation-main #menu-primary li:not(:last-child):after,
#navigation-sub--main #menu-primary--sub li:not(:last-child):after,
#navigation-footer li:not(:last-child):after {
content: ', ';
}
#navigation-main a,
#navigation-sub--main a,
#page-footer a,
.projekt--col a {
text-decoration: none !important;
}
.projekte--kopfzeile {
margin-bottom: 0px;
color: var(--col-gray);
}
.projekte--kopfzeile-col {
margin-bottom: 8px;
}
.projekt--wrapper { margin-bottom: 8px;
padding-top: 6px;
transition: .2s all ease;
}
.single-projekte .projekt--wrapper {
border-top: none !important;
padding-top: 0px;
}
.page-id-1133 .projekt--grid {
margin-top: 0px;
}
.disziplinen--grid,
.page-id-1133 .projekt--grid,
.post-type-archive-projekte--bilder-active .projekt--grid,
.tax-disziplinen .projekt--grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.page-id-1133 .projekt--wrapper,
.post-type-archive-projekte--bilder-active .projekt--wrapper,
.tax-disziplinen .projekt--wrapper {
margin-bottom: 0px;
padding-top: 0px;
}
.post-type-archive-projekte--bilder-active .projekt--wrapper-video,
.post-type-archive-projekte--bilder-active .projekt--wrapper-bild,
.tax-disziplinen .projekt--wrapper-video,
.tax-disziplinen .projekt--wrapper-bild {
border-top: none;
position: relative;
}
.post-type-archive-projekte--bilder-active .projekte--kopfzeile,
.tax-disziplinen .projekte--kopfzeile {
display: none;
}
.page-id-1133 .projekt--wrapper:not(.projekt--wrapper-bild, .projekt--wrapper-video),
.post-type-archive-projekte--bilder-active .projekt--wrapper:not(.projekt--wrapper-bild, .projekt--wrapper-video),
.tax-disziplinen .projekt--wrapper:not(.projekt--wrapper-bild, .projekt--wrapper-video) {
display: none;
}
.projekt--thumb {
position: relative;
}
.projekt--thumb a {
width: 100%;
height: 100%;
display: block;
}
.page-id-1133 .projekt--wrapper .projekt--caption,
.post-type-archive-projekte--bilder-active .projekt--wrapper .projekt--caption,
.tax-disziplinen .projekt--wrapper .projekt--caption {
height: 100%;
width: 100%;
padding: 10px;
text-align: center;
color: white;
opacity: 0;
transition: opacity .2s ease-in-out;
position: absolute;
z-index: 2;
background: var(--col-blue);
box-sizing: border-box;
}
.page-id-1133 .projekt--wrapper:hover .projekt--caption,
.post-type-archive-projekte--bilder-active .projekt--wrapper:hover .projekt--caption,
.tax-disziplinen .projekt--wrapper:hover .projekt--caption {
opacity: 1;
}
.page-id-1133 .projekt--wrapper .projekt--caption h2,
.post-type-archive-projekte--bilder-active .projekt--wrapper .projekt--caption h2,
.tax-disziplinen .projekt--wrapper .projekt--caption h2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
border-bottom: none;
color: var(--col-white);
text-indent: 0%;
text-align: center;
left: 0;
}
.post-type-archive-projekte--bilder-active .projekt--wrapper:hover,
.tax-disziplinen .projekt--wrapper:hover {
background: var(--col-blue);
}
.disziplinen--grid__item {
--aspect-ratio: 1/1;
background: var(--col-blue);
text-align: center;
border-radius: 50%;
width: 100%;
padding-bottom: 100%;
position: relative;
transition: background .2s ease;
}
.disziplinen--grid__item--link {
color: var(--col-white);
text-align: center;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
position: absolute;
border-radius: 1000px;
background-size: cover;
}
.disziplinen--grid__item:hover {
background: var(--col-orange);
}
.disziplinen--grid__item--link h3 {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
color: white !important;
text-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
transition: text-shadow .2s ease;
}
.disziplinen--grid__item--link:hover h3 {
text-shadow: 1px 1px 15px rgba(0, 0, 0, 1);
}
.image--placeholder {
background: var(--col-blue);
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.disziplinen--grid,
.page-id-1133 .projekt--grid,
.post-type-archive-projekte--bilder-active .projekt--grid {
grid-template-columns: repeat(1, 1fr);
}
.post-type-archive .projekt--wrapper .videoThumb,
.page-id-1133 .projekt--wrapper .videoThumb,				
.page-id-1133 .projekt--wrapper-video .videoThumb,		
.post-type-archive-projekte--bilder-active .projekt--wrapper-video .videoThumb { padding: inherit;
background-image: none !important;
}
.post-type-archive .projekt--wrapper:hover,
.page-id-1133 .projekt--wrapper:hover,
.post-type-archive-projekte--bilder-active .projekt--wrapper:hover {
background: inherit;
}
.post-type-archive .projekt--wrapper .projekt--thumb a,
.page-id-1133 .projekt--wrapper .projekt--thumb a,
.post-type-archive-projekte--bilder-active .projekt--wrapper .projekt--thumb a {
display: flex;
flex-direction: column;
}
.post-type-archive .projekt--wrapper .projekt--thumb a img,
.page-id-1133 .projekt--wrapper .projekt--thumb a img,
.post-type-archive-projekte--bilder-active .projekt--wrapper .projekt--thumb a img {
order: 1;
opacity: 1;
}
.page-id-1133 .projekt--wrapper a,
.post-type-archive-projekte--bilder-active .projekt--wrapper a {
text-decoration: none;
}
.page-id-1133 .projekt--wrapper a .projekt--caption,
.post-type-archive-projekte--bilder-active .projekt--wrapper a .projekt--caption {
order: 2;
position: relative;
transform: none;
top: inherit;
opacity: 1;
box-sizing: border-box;
padding-left: 0px;
background: none;
}
.page-id-1133 .projekt--wrapper .projekt--caption, 
.post-type-archive-projekte--bilder-active .projekt--wrapper .projekt--caption, 
.tax-disziplinen .projekt--wrapper .projekt--caption {
height: auto;
width: auto;
}
.page-id-1133 .projekt--wrapper a .projekt--caption h2,
.post-type-archive-projekte--bilder-active .projekt--wrapper .projekt--caption h2,
.post-type-archive-projekte--bilder-active .projekt--wrapper a .projekt--caption h2,
.news--caption h2.size--3.text--blue {
text-align: left;
color: var(--col-blue);
position: relative;
}
}
.projekt--wrapper:hover {
color: var(--col-gray);
}
.single-projekte .projekt--wrapper:hover {
color: var(--col-lightgray);
}
.projekt--wrapper .projekt--col {
margin-bottom: 0px !important;
}
.body--bg-blue,
footer {
background-color: var(--col-blue);
color: white !important;
}
.body--bg-blue .current-menu-item, 
.body--bg-blue .current-page-ancestor, 
.body--bg-blue .current_page_item, 
.body--bg-blue a,
.body--bg-blue a::after,
.body--bg-blue a:hover,
.body--bg-blue a:hover::after {
color: white !important;
}
.body--bg-blue #page-main a {
text-decoration: none;
transition: .2s all ease;
}
.body--bg-blue #page-main a:hover {
color: dodgerblue !important;
}
.text--hyphens {
hyphens: auto;
}
.text--centered {
text-align: center;
width: 100%;
}
.text--dreispalter h3 {
padding-bottom: 5px;
border-bottom: 1px solid rgba(203, 203, 203, 1);
margin-bottom: 15px;
}
.body--bg-blue .text--dreispalter h3 {
border-bottom: 1px solid white;	
}
.page-kontakt #page-main,
.page-credits #page-main {
display: flex;
align-items: center;
justify-content: center;
}
.page-kontakt #page-main .wrap,
.page-credits #page-main .wrap {
width: 100%;
padding-top: 0px;
}
.padding--bottom {
padding-bottom: 20px;
}  
.row.row-full {
margin-left: -50px;
margin-right: -50px;
}
.text--orange {
color: var(--col-orange);
}
.menu-item.text--orange:not(.current-menu-item):hover {
color: var(--col-darkorange);
}
a#blau {
color: black;
right: 20px;
position: fixed;
bottom: 55px;
height: 128px;
width: 128px;
box-sizing: border-box;
z-index: 5;
fill: blue;
}
@media (max-width: 768px) {
a#blau {
display: none;
}
}
.videoThumb {
top: 0;
height: 100%;
width: 100%;
transition: background 0.3s linear;
background-repeat: no-repeat;
background-position: center;
position: relative;
overflow: hidden !important;
pointer-events: none;
}
.videoThumb > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videoThumb > iframe > #player > div.vp-controls-wrapper > div.vp-controls.invisible > button {
display: none !important;
}
.projekt--thumb-row.row-inner,
.projekt--wrapper-video,
.projekt--wrapper .row,
.projekt--wrapper-video .row,
.projekt--wrapper .projekt--thumb-row,
.projekt--wrapper-video .projekt--thumb-row.row-inner,
.projekt--wrapper-video .projekt--thumb,
.projekt--wrapper .projekt--thumb {
height: 100%;
}
.projekt--wrapper .projekt--thumb #player {
width: 100%;
}
.grid__team {
display: grid;
gap: 10%;
}
.grid-size__2 {
grid-template-columns: 1fr 1fr;
}
.grid-size__3 {
grid-template-columns: 1fr 1fr 1fr;
}
.item__hashtags .hashtag {
display: block;
}
.item__hashtags .hashtag::before {
content: '#';
}
@media (max-width: 1024px) {
.grid-size__2,
.grid-size__3 {
grid-template-columns: 1fr;
gap: 10px;
}
}
.grid--item__video {
position: relative;
width: 90%;
padding-top: 133.33%;
overflow: hidden;
}
.grid--item__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
display: block;
}.glide--static,.glide--move{position:relative;width:100%;box-sizing:border-box}.glide--static *,.glide--move *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}
.glide__track {
transition: height .2s ease;
}
.glide__bullets_wrap {
display: block;
position: relative;
width: 100%;
height: 50px;
}
@media (min-width: 1024px) {
.glide__bullets_wrap {
opacity: 0;
transition: .2s ease opacity;
}
.glide:hover .glide__bullets_wrap {
opacity: 1 !important;
}
}
.glide__bullets {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
}
.glide__bullet {
width: 16px;
height: 16px;
margin-right: 10px;
background: var(--col-gray);
border-radius: 10px;
opacity: .5;
transition: opacity .2s ease;
cursor: pointer;
}
@media (max-width: 768px) {
.glide__bullet {
width: 12px;
height: 12px;
}
}
.glide__bullet--active {
opacity: 1;
}
.glide__arrows {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1080px) {
.glide__arrows {
display: none;
}
}
.glide__arrow {
width: 50%;
height: 100%;
background: none;
float: left;
}
.glide__arrow--left {
cursor: w-resize;
}
.glide__arrow--right {
cursor: e-resize;
}