/*
Theme Name: ICB Theme
Theme URI: http://html5blank.com
Description: Theme for ICB based on HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Olli Exner
Author URI:
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* open-sans-300 - latin */
@font-face {
font-family: 'OpenSansLight';
font-style: normal;
font-weight: 300;
src: url('webfonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('webfonts/open-sans-v34-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('webfonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
url('webfonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'OpenSansRegular';
font-style: normal;
font-weight: 400;
src: url('webfonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('webfonts/open-sans-v34-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('webfonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
url('webfonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
font-family: 'OpenSansMedium';
font-style: normal;
font-weight: 500;
src: url('webfonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('webfonts/open-sans-v34-latin-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('webfonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
url('webfonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
font-family: 'OpenSansSemiBold';
font-style: normal;
font-weight: 600;
src: url('webfonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('webfonts/open-sans-v34-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('webfonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
url('webfonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'OpenSansBold';
font-style: normal;
font-weight: 700;
src: url('webfonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('webfonts/open-sans-v34-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('webfonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
url('webfonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-200 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'NunitoSansExtraLight';
font-style: normal;
font-weight: 200;
src: url('webfonts/nunito-sans-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'NunitoSansLight';
font-style: normal;
font-weight: 300;
src: url('webfonts/nunito-sans-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'NunitoSansRegular';
font-style: normal;
font-weight: 400;
src: url('webfonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'NunitoSansMedium';
font-style: normal;
font-weight: 500;
src: url('webfonts/nunito-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'NunitoSansSemibold';
font-style: normal;
font-weight: 600;
src: url('webfonts/nunito-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
}
body {
color:#444;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
@media only screen and (min-width:768px) {
.w-60 {width:60%;margin-left:auto;margin-right:auto;}
.container.w-60 {max-width:60%;}
.w-80 {width:80%;margin-left:auto;margin-right:auto;}
}
/* wrapper */
.wrapper {
width:100%;
margin:0 auto;
position:relative;overflow-x:hidden;top:0px;
}
img, svg, video, object {width:100%;height:auto;}
/* header */
.header {
position:relative;top:0;left:0;width:100%;background:white;z-index:100;height:85px;
}
.menuHeader {position:relative;height:85px;}
/* logo */
.logo {
}
a.mainHeadLogoLink {position:absolute;top:10px;left:0;right:0;width:100px;display:block;margin:0 auto;}
a.subHeadLogoLink {position:relative;left:0;right:0;width:100px;display:block;margin:30px auto 0 auto;}
.logo-img {
}
.pageIntro {position:relative;height:calc(100vH - 85px);background-size:cover;background-position:center center;display:flex;flex-direction: column;justify-content: center!important;}
.pageIntro::after {
content: "";
background: rgba(0, 0, 0, 0.55);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.pageIntro > * {
z-index: 10;
}
.pageIntroHead h1 {color:white;text-transform: uppercase;font-family: 'NunitoSansLight';font-size:55px;}
.pageIntroHead h2 {color:white;text-transform: uppercase;font-family: 'NunitoSansLight';font-size:25px;}
.pageIntro.no_thumb {height:auto;}
.pageIntro.no_thumb::after {display:none;}
.goldButton .ow-button-base a {font-family: 'OpenSansRegular';font-size: 20px!important;padding: 1em 2em;background: #988E5F!important;color: #ffffff !important;border: none!important;-webkit-border-radius: 10px!important;-moz-border-radius:10px!important;border-radius:10px!important;text-shadow: none!important;text-transform:uppercase;}
.darkGreyButton .ow-button-base a {font-family: 'OpenSansRegular';font-size: 20px!important;padding: 1em 2em;background: #697B77!important;color: #ffffff !important;border: none!important;-webkit-border-radius: 10px!important;-moz-border-radius: 10px!important;border-radius: 10px!important;text-shadow: none!important;text-transform:uppercase;}
.blackButton .ow-button-base a {font-family: 'OpenSansRegular';font-size: 20px!important;padding: 1em 2em;background:#000000 !important;color: #ffffff !important;border: none!important;-webkit-border-radius: 10px!important;-moz-border-radius: 10px!important;border-radius: 10px!important;text-shadow: none!important;text-transform:uppercase;}
.pageIntro.pageIntroSmall {height:470px;}
.pageIntro.pageIntroSmall:after {display:none;}
.darkGreenBG {background:#00342E;}
.innerIntro {position:relative;height:auto;background-size:cover;background-position:center center;display:flex;flex-direction: column;justify-content: center!important;}
.innerIntro::after {
content: "";
background: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.innerIntro > * {
z-index: 10;
}
@media only screen and (min-width:768px) {
.HomeBoxAbsolute.brighterGreen {background:rgba(57,89,83,0.9);position:relative;width:45%;margin-top:-40%;left:10%;max-width:450px;}
.HomeBoxAbsolute.brighterGreen .textBox_whithIconHead {padding:25px 35px;}
.HomeBoxAbsolute.brighterGreen .textBox_whithIconHead h2:after {position:absolute;bottom:-35px;left:0;right:0;background-image:url('img/headlineDecoration-w.svg');background-repeat: no-repeat;background-size: contain;content:'';width:226px;height:26px;margin:0 auto;}
.HomeBoxAbsolute.brighterGreen .textBox_whithIconHead h2 {color:white;}
.HomeBoxAbsolute.brighterGreen .textBox_whithIconHead p {color:white;font-size:16px;}
}
/* Texts */
p {font-family: 'OpenSansRegular';font-size:19px;color:#000000;line-height:1.6}
p strong{font-family: 'OpenSansSemiBold';}
h2 {color:#697B77;font-family: 'NunitoSansExtraLight';font-size:50px;text-transform:uppercase;}
.textBox_whithIconHead h2 {position:relative;margin-bottom:55px;}
.textBox_whithIconHead h2:after {position:absolute;bottom:-35px;left:0;right:0;background-image:url('img/headlineDecoration.svg');background-repeat: no-repeat;background-size: contain;content:'';width:226px;height:26px;margin:0 auto;}
.darkGreenBG p {color:white;}
.darkGreenBG h2 {color:white;}
.darkGreenBG h1 {color:white;}
.darkGreenBG .textBox_whithIconHead h2:after {position:absolute;bottom:-35px;left:0;right:0;background-image:url('img/headlineDecoration-w.svg');background-repeat: no-repeat;background-size: contain;content:'';width:226px;height:26px;margin:0 auto;}
.innerIntro h2 {color:white;}
.innerIntro .textBox_whithIconHead h2:after {position:absolute;bottom:-35px;left:0;right:0;background-image:url('img/headlineDecoration-w.svg');background-repeat: no-repeat;background-size: contain;content:'';width:226px;height:26px;margin:0 auto;}
.innerIntro p {color:white;}
.pageIntroHead.membersIntroHead h1 {margin-bottom:60px;text-transform: uppercase;font-family: 'NunitoSansExtraLight';font-size:60px;position: relative;}
.pageIntroHead.membersIntroHead h1:after {position:absolute;bottom:-35px;left:0;right:0;background-image:url('img/headlineDecoration-w.svg');background-repeat: no-repeat;background-size: contain;content:'';width:226px;height:26px;margin:0 auto;}
.pageIntroHead.membersIntroHead h2 {font-family: 'NunitoSansRegular';font-size:23px;color:white;}
.pageIntro.pageIntroSmall h1 {margin-bottom:60px;text-transform: uppercase;font-family: 'NunitoSansExtraLight';font-size:60px;position: relative;}
.pageIntro.pageIntroSmall h1:after {position:absolute;bottom:-35px;left:0;right:0;background-image:url('img/headlineDecoration-w.svg');background-repeat: no-repeat;background-size: contain;content:'';width:226px;height:26px;margin:0 auto;}
.pageTeaserGreen p {font-size:19px;padding-bottom:20px;}
.pageIntroAktuell .carousel-indicators {position:relative;}
span.ank_date {font-family: 'OpenSansRegular';font-size:15px;display:block;text-align: center;margin-bottom:15px;color:white;}
.pageIntroAktuell h3 {font-family: 'NunitoSansRegular';font-size:40px;color:white;text-transform:uppercase;}
.pageIntroAktuell p {color:white;font-size:17px;}
h1.withDec {margin-bottom:60px;text-transform: uppercase;font-family: 'NunitoSansExtraLight';font-size:60px;position: relative;}
h1.withDec:after {position:absolute;bottom:-35px;left:0;right:0;background-image:url('img/headlineDecoration-w.svg');background-repeat: no-repeat;background-size: contain;content:'';width:226px;height:26px;margin:0 auto;}
/* BOXES Loop */
.pageIntroAktuell {background:#202E45;}
.greenGreyBoxHolder {background:#697B77;border-top:1px solid white;border-bottom:1px solid white;}
.greenGreyBoxHolder p {color:white;font-size:17px;}
.greenGreyBoxHolder a {color:white;}
.greenGreyBoxHolder h3 {font-family: 'NunitoSansRegular';font-size:23px;color:white;margin-bottom:15px;text-transform:uppercase;}
.greenGreyTeaserInner {padding:20px 20px;}
.greenBoxesHolder .greenTeaserInner.greenBoxWithIcon {background:#697B77;padding:20px 20px 40px 20px;}
.greenBoxesHolder .greenTeaserInner h3 {font-family: 'NunitoSansRegular';font-size:23px;color:white;margin-bottom:15px;text-transform:uppercase;}
.greenBoxesHolder .greenTeaserInner p {color:#fff;font-size:17px;}
.teaserIcon {width:115px;height:115px;background:#9CB0AC;border-radius:100%;margin:20px auto;display:flex;flex-direction: column;justify-content: center;align-items:center;text-align:center;}
.teaserIcon img {width:55%;height:auto;}
@media only screen and (min-width:768px) {
.greenGreyBoxesInnerHolder .col-12 {border-left:2px solid white;border-right:2px solid white;}
.greenGreyBoxesInnerHolder .col-12:last-child {border-left:0px solid white;border-right:2px solid white;}
.greenGreyBoxesInnerHolder .col-12:first-child {border-left:2px solid white;border-right:0px solid white;}
}
.row.eventsListLoop {background-color:#F0F7F6;}
.eventsListLoop h3 {width:80%;margin-left:auto;margin-right:auto;font-family: 'NunitoSansSemibold';color:black;font-size:20px;text-transform: uppercase;margin-bottom:25px;}
.eventsListLoop a.more-link {display:none;}
.eventsListLoop p {font-family: 'OpenSansRegular';font-size:17px;line-height:1.6}
.eventsListLoop .event-excerpt{width:80%;margin:0 auto;font-family: 'OpenSansRegular';font-size:15px;line-height:1.6}
.eventFooterLine {width:100%;position:absolute;bottom:0;left:0;background:#202E45;text-align:center;color:#fff;font-family: 'OpenSansRegular';font-size:15px;text-transform: uppercase;padding:10px 0}
.eventFooterLine a {color:#fff;}
.pageIntroAktuell .carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 18px;
height: 18px;border-radius: 100%;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #4E5C76;
background-clip: padding-box;
border: 0;
border-top-width: 0px;
border-top-style: none;
border-top-color: currentcolor;
border-bottom-width: 0px;
border-bottom-style: none;
border-bottom-color: currentcolor;
border-top: 0px solid transparent;
border-bottom: 0px solid transparent;
opacity: 1;
transition: opacity .6s ease;
}
.pageIntroAktuell .carousel-indicators .active {background-color:#9CB0AC;}
.subPageLine {background:#697B77;}
.subPageButton {width:90%;margin-left:auto;margin-right:auto;}
.subPageButton a.ow-icon-placement-top {width:95%;display:block;position: relative;margin:70px auto 15px auto;background-color:transparent!important;border:none!important;/*border:1px solid white!important;*/border-radius:0!important;font-family: 'NunitoSansRegular';color:white;font-size:23px!important;text-transform: uppercase;}
.subPageButton a.ow-icon-placement-top .sow-icon-image {position:absolute;top:-50px;width:80px;height:60px;left:0;right:0;display:block;margin:0 auto;background-color:#697B77;background-size:70%;background-position:center center;background-repeat: no-repeat;}
.subPageLine.withBorders {background-color:#697B77;position:relative;}
.subPageLine.withBorders:before {content:'';position:absolute;z-index:-1;background-color:#697B77;width:100%;left:-100%;top:0;bottom:0;}
.subPageLine.withBorders:after {content:'';position:absolute;z-index:-1;background-color:#697B77;width:100%;right:-100%;top:0;bottom:0;}
@media only screen and (min-width:768px) {
.subPageLine.withBorders .panel-grid-cell {border-left:3px solid white;border-right:3px solid white;}
.subPageLine.withBorders .panel-grid-cell:last-child {border:0;border-right:3px solid white;}
.subPageLine.withBorders .panel-grid-cell:first-child {border:0;border-left:3px solid white;}
.subPageLine.withBorders.onlyTwo .panel-grid-cell:first-child{border-right:3px solid white;}
}
.pageTeaserIcon {width:50px;height:auto;display:block;margin:0 auto 20px auto;}
.subPageListLoop h3 {color:#697B77;font-family: 'NunitoSansExtraLight';text-transform: uppercase;font-size:60px;text-align:center;}
.subPageListLoop h3 a {color:#697B77;}
.subPageListLoop p {font-size:19px;}
a.subPageReadMore {display:block;width:55px;height:55px;margin:20px auto;background:url('img/readmore.svg') no-repeat;background-size:contain;background-position:center center;}
@media only screen and (min-width:1200px) {
.alignScaleImageRight img{transform: scale(1.1);transform-origin:center right;}
.alignScaleImageLeft img{transform: scale(1.1);transform-origin:center left;}
.subPageListLoop {padding-bottom:60px;}
}
@media only screen and (max-width:1200px) {
.container {max-width:95%!important}
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
footer {background:#00342E;margin-top:80px;}
.footerLogoHochgerueckt {position: relative;}
.footerLogoHochgerueckt img {position:absolute;top:-60px;width:125px;margin:0 auto;left:0;right:0;}
.footerDark {background:black;}
.footerDark p {color:white;padding:0;margin-bottom:0;font-family: 'OpenSansSemiBold';font-size:15px;text-transform: uppercase;}
ul.footerMenu {list-style: none;padding:0;margin:0;}
ul.footerMenu li a {font-family: 'OpenSansSemiBold';font-size:15px;color:white;padding:3px 0;display:block;text-transform: uppercase;}
ul.footerMenu li li a {font-family: 'OpenSansLight';font-size:15px;color:white;text-transform: none;}
ul.sub-menu {list-style: none;padding:0;margin:0;}
.headerMenu {list-style: none;padding:0;margin:0;}
ul.headerMenu li a {font-family: 'OpenSansSemiBold';font-size:15px;color:#000;padding:3px 0;display:block;text-transform: uppercase;}
ul.headerMenu li li a {font-family: 'OpenSansLight';font-size:15px;color:#000;text-transform: none;}
ul.headerMenu {list-style: none;padding:0;margin:0;}
.footermenus {padding-top:70px;}
ul.footerMenuDark {list-style: none;padding:0;margin:20px auto;display:flex;flex-direction: row;justify-content: center;}
ul.footerMenuDark li {padding:0 10px;}
ul.footerMenuDark li a{font-family: 'OpenSansSemiBold';font-size:15px;color:white;text-transform: uppercase;}
ul.headerMenuDark {list-style: none;padding:0;margin:20px auto;display:flex;flex-direction: row;justify-content: center;}
ul.headerMenuDark li {padding:0 10px;}
ul.headerMenuDark li a{font-family: 'OpenSansSemiBold';font-size:15px;color:white;text-transform: uppercase;}
.headerDark {background:black;}
/* FORMS */
#loginForm .form-check .form-check-input {float:none;height:20px;width:35px;margin-right:20px;}
#loginForm .form-check .form-check-input:checked {background-color:#00342E;border-color:#00342E;}
#loginForm label {font-family: 'OpenSansRegular';font-size: 14px;line-height:1.7;}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-family: 'OpenSansRegular';
font-size: 16px;
color: #000000;
line-height: 1.6;
line-height: 1.5;
}
.form-check-input {}
.form-label {font-family: 'OpenSansRegular'; font-size: 14px;}
.btn-primary {font-family: 'OpenSansRegular';
font-size: 20px !important;
padding: 1em 2em;
background: #988E5F !important;
color: #ffffff !important;
border: none !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
text-shadow: none !important;
text-transform: uppercase;}
.form-check-input , .form-control:focus {box-shadow: none;border-color:#000;}
/* NAV start */
.outer-menu {
position: relative;
bottom: 00px;
left: 10px;
z-index: 1000;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
opacity: 1;
}
.outer-menu.sticky{
position: fixed;
top: 50px;
left: 20px;
z-index: 1000;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
opacity: 1;
}
.outer-menu .checkbox-toggle {
position: absolute;
top: -18px;
left: 0;
z-index: 2;
cursor: pointer;
width: 70px;
height: 40px;
opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
transform: rotate(135deg);background:#707070;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
top: 0;
transform: rotate(90deg);width:100%;background:#707070;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
opacity: 0;width:100%;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
pointer-events: auto;
visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
top:0;
transition-duration: 0.75s;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
opacity: 1;
transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
/*box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);*/
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
transform: rotate(225deg);width:100%;background:#707070;
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div:after {
width:100%;background:#707070;
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div:before {
width:100%;background:#707070;
}
.outer-menu .hamburger {
position: absolute;
top: -18px;
left: 0;
z-index: 1;
width: 70px;
height: 40px;
padding: 0.5em 1em;
background: transparent;
border-radius: 0 0.12em 0.12em 0;
cursor: pointer;
transition: box-shadow 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu.sticky .hamburger {
}
.outer-menu .hamburger > div {
position: relative;
flex: none;
width: 100%;
height: 4px;
background: #707070;
transition: all 0.4s ease;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after {
content: '';
position: absolute;
z-index: 1;
top: -10px;
left: 0;
width: 100%;
height: 4px;
background: inherit;
transition: all 0.4s ease;
}
.outer-menu.sticky .hamburger > div {
position: relative;
flex: none;
width: 90%;
height: 4px;
background: #000000;
transition: all 0.4s ease;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .hamburger > div:after {
top: 10px;
}
.outer-menu .menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height:auto;
pointer-events: none;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 1px solid transparent;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .menu > div {
width: 100%;
height: auto;
color: #FEFEFE;
background: rgba(255, 255, 255, 0.97);
transition: all 0.4s ease;
top:-100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
align-items: center;
justify-content: center;
border-bottom:5px solid #707070;
}
.outer-menu .menu > div > div {
text-align: start;
opacity: 0;
transition: opacity 0.4s ease;
}
.outer-menu .menu > div > div > ul {
list-style: none;
padding: 0 1em;
margin: 0;
display: block;
max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
padding: 0;
margin: 1em;
font-size: 24px;
display: block;
}
.outer-menu .menu > div > div > ul > li > a {
position: relative;
display: inline;
cursor: pointer;
color: white;
transition: color 0.4s ease;
text-decoration: none;text-transform:uppercase;font-size:25px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
color: white;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
content: '';
position: absolute;
z-index: 1;
bottom: -0.15em;
left: 0;
width: 0;
height: 2px;
background: #fff;
transition: width 0.4s ease;
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@font-face {
font-family:'Font-Name';
src:url('fonts/font-name.html');
src:url('fonts/font-named41d.html?#iefix') format('embedded-opentype'),
url('fonts/font-name-2.html') format('woff'),
url('fonts/font-name-3.html') format('truetype'),
url('fonts/font-name-4.html#font-name') format('svg');
font-weight:normal;
font-style:normal;
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
}
@media only screen and (max-width:576px) {
}
@media only screen and (max-width:768px) {
a.partnerNavLink {display:block;}
a.partnerNavLink:after {display:none;}
.eventsListLoop .event-excerpt {padding-bottom: 40px;}
.eventsListLoop h3 {padding-top:20px;}
.pageIntroHead.membersIntroHead h1 {margin-bottom: 60px;font-size: 50px;}
h2 {font-size: 49px;}
ul.headerMenuDark {list-style: none;padding:0;margin:20px auto;display:flex;flex-direction: row;justify-content: center;}
ul.headerMenuDark li {padding:0 10px;}
ul.headerMenuDark li a{font-family: 'OpenSansSemiBold';font-size:12px;color:white;text-transform: uppercase;}
.headerDark {background:black;}
}
@media only screen and (max-width:576px) {
.pageIntroHead h1 {font-size: 40px;}
.eventsListLoop .event-excerpt {padding-bottom: 40px;}
.eventsListLoop h3 {padding-top:20px;}
ul.footerMenuDark {list-style: none;padding:0;margin:20px auto;display:flex;flex-direction: column;justify-content: start;}
ul.footerMenuDark li {padding:0 10px;}
ul.footerMenuDark li a{font-family: 'OpenSansSemiBold';font-size:12px;color:white;text-transform: uppercase;}
ul.headerMenuDark {list-style: none;padding:0;margin:20px auto;display:flex;flex-direction: column;justify-content: start;}
ul.headerMenuDark li {padding:0 10px;}
ul.headerMenuDark li a{font-family: 'OpenSansSemiBold';font-size:12px;color:white;text-transform: uppercase;}
.headerDark {background:black;}
.pageIntroHead.membersIntroHead h1 {margin-bottom: 40px;font-size: 30px;}
h2 {font-size: 29px;}
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.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 {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.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;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/* Listnav */
/*
STYLE SHEET FOR JQUERY LISTNAV PLUGIN V 3.0.0, 11/22/2017
For more information, visit http://esteinborn.github.com/jquery-listnav
*/
.listNav,
.ln-letters {
overflow: hidden;
}
.listNavHide {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.letterCountShow {
display: block;
}
ul#membersList {font-family: 'OpenSansRegular';font-size:15px;}
.ln-letters a {font-family: 'OpenSansRegular';font-size:17px;
border: 1px solid silver;
border-right: none;
display: block;
float: left;
font-size:17px;
padding: 2px 6px;
text-decoration: none;
}
.ln-letters .ln-last {
border-right: 1px solid silver;
}
.ln-letters a:hover,
.ln-letters .ln-selected {
background-color:#00342E;color:white;
}
.ln-letters .ln-disabled {
color: #ccc;
}
.ln-letter-count {
color: #000;
font-size: 12px;
left: 0;
line-height: 1.35;
position: absolute;
text-align: center;
top: 0;
width: 20px;
}
.invisi {display:none;}
.visi {display:block;}
.visi.listNavHide {display:block;}
/*# sourceMappingURL=listnav.css.map */
@media only screen and (min-width:576px) {
ol.tags.main {column-count: 2;column-gap: 25px;}
}
@media only screen and (min-width:960px) {
ol.tags.main {column-count: 3;column-gap: 25px;}
}
/* EVENTS */
.eventThumbContainer {min-height:450px;}
a.fullEventLink {position: relative;
display: block;
width: 100%;
height: 100%;}
.grid-item {width:100%;}
.filterLine {border:1px solid #ededed;padding:15px 20px;border-radius:15px;}
span.iconEnabled {font-size:60px;color:#988E5F;display:block;}
span.iconDescription {font-family: 'OpenSansRegular';font-size:15px;display:block;}
table thead {font-family: 'OpenSansSemibold';font-size: 13px;color: #000000;}
table tbody {font-family: 'OpenSansRegular';font-size: 13px;color: #000000;}
a.eventsActionButton {font-family: 'OpenSansRegular';
font-size: 12px !important;
padding: 10px 15px;
background: #988E5F !important;
color: #ffffff !important;
text-transform: uppercase;margin-top:25px;display:inline-block;text-align:center;}
a.eventsActionButton i {font-size:20px;}
a.smallLogin{font-family: 'OpenSansRegular';
font-size: 12px !important;
padding: 10px 15px;
background: #988E5F !important;
color: #ffffff !important;
text-transform: uppercase;margin:15px auto;display:inline-block;text-align:center;}
/* Partnerclubs */
.pageIntro.partnerclubsPage {height:auto!important}
.pageIntro.partnerclubsPage:after {display:none;}
.partnerClubInner {background:#F0F7F6;height:100%;}
.partnerInnerText {padding:20px 15px 15 15px;}
.partnerClubInner h4.partnerClubHL {font-family: 'NunitoSansSemibold';text-transform:uppercase;color:#0C2926;font-size:20px;}
.partnerClubInner p {font-family: 'OpenSansRegular';font-size:15px;}
.accredButton {background:#697B77;text-align:center;padding:10px}
.accredButton a {color:white;text-transform:uppercase;font-size:15px;font-family: 'NunitoSansSemibold';}
.partnerNav {background:#00342E;padding:25px 0;}
.partnerNav a {font-family: 'NunitoSansRegular';color:#fff;font-size:15px;margin:0 0 0 0;text-transform: uppercase;}
.partnerNav a:after {content:'|';font-family: 'NunitoSansRegular';color:#fff;font-size:15px;margin:0 20px}
.partnerNav a:last-child:after {display:none;}
@media only screen and (max-width:768px) {
.subPageListLoop h3 {
color: #697B77;
font-family: 'NunitoSansExtraLight';
text-transform: uppercase;
font-size: 40px;
text-align: center;
}
.partnerNav {padding-left:20px;}
}
@media only screen and (max-width:1200px) {
.partnerNav a {font-size: 12px;}
.partnerNav a::after {font-size: 12px;margin: 0 10px;}
}
/* Produkte */
.produktRow {}
.produktInner {padding:20px 15px 15 15px;background:#F0F7F6;}
.produktBildHolder {width:100%;height:250px;background-repeat: no-repeat;background-size: cover;background-position:center center;}
.produktInner h3 {font-family: 'NunitoSansSemibold';text-transform:uppercase;color:#0C2926;font-size:20px;}
/* Der Club */
.galleryBlock {margin-top:-35px;}
.darkGreenWithBackgoundBG {background-color:rgba(0, 52, 46, 0.99)!important;background-image:url('img/background-logo.svg');background-repeat:no-repeat;background-size:65%;background-position:-20% center ;padding:50px 0 50px 0!important}
.darkGreenWithBackgoundBG p {color:white;}
.darkGreenWithBackgoundBG h3 {font-family: 'NunitoSansExtraLight';font-size:60px;text-transform:uppercase;color:white;}
p.teamHead {font-family: 'OpenSansSemibold';font-size:15px;line-height:1.1}
p.teamSub {font-family: 'OpenSansRegular';font-size:15px;line-height:1.4}
.teamHolderSlide {
transition: all .6s ease;position:absolute;bottom:-100%;left:0;width:100%;background-color:rgba(0, 52, 46, 0.8);height:100%;display:flex;flex-direction: column;justify-content:center;text-align:center;}
.teamHolderSlide p a {color:white;}
.teamHolderInner:hover .teamHolderSlide {bottom:0;}
.teamFíter {border:1px solid #ededed;padding:15px 20px;border-radius:15px;display: flex;flex-direction: row;justify-content: center;}
.teamFíter a { text-transform:uppercase;transition: all .6s ease;font-family: 'OpenSansSemibold';font-size:16px;display:block;margin:0 15px;color:black;cursor: pointer;}
.teamFíter a.active {color:#988E5F}
a.galLink {display:block;overflow:hidden;}
span.galDescr { transition: all .6s ease; ;display:inline-block;text-align:center;position:absolute;left:0;bottom:-100%;background:#697B77;color:white;font-family: 'OpenSansRegular';font-size:15px;width:100%;padding:15px 0}
a.galLink:hover span.galDescr {bottom:0;}
span.galBigDesc {position:absolute;right:0;bottom:25px;background:#697B77;color:white;font-family: 'OpenSansSemibold';font-size:17px;padding:10px 25px}
#galModal .carousel-control-next, #galModal .carousel-control-prev {
position: relative;
top: auto;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 30px;
padding: 0;
color: #fff;
text-align: right;
background: #00342E;
border: 0;
opacity: 1;
transition: opacity .15s ease;
border-radius: 5%;
}
#galModal .carousel-control-next-icon, #galModal .carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
#galModal .modal-footer {
justify-content: center;
}
#galModal .modal-body {padding:0;}