/* ALLGEMEIN
-------------------------------------------------------------------------- */ 

BODY {
  font-size: 18px;
  }
  
.desktop {
  display: none;
  }  

/* HEADER
-------------------------------------------------------------------------- */ 

HEADER {
  padding: 35px 0;
  width: 100%;
  height: 110px;
  z-index: 100;
  position: fixed;
  background-color: rgba(255,255,255,0.97);
  }
  
HEADER:before {
  z-index: 100;
  }  
  
HEADER .container {
  margin: 0 20px;
  background: none;
  }  
  
HEADER .container .grid {
  padding-top: 0;
  margin: 0;
  }  

HEADER #logo {
  height: 110px;
  width: 50px;
  margin-top: -35px;
  background-size: auto 42px;
  z-index: 51;
  } 

BODY.submenu HEADER #logo {
  transform: translateX(-100vw);
  }    
  
HEADER .right {
  width: 100px;
  z-index: 10;
  margin-top: 0px;
  }
  
HEADER #menu {
  width: 100%;
  right: -100%;
  padding-top: 100px;
  }
  
HEADER UL DIV.megamenu {
  width: 100%;
  }  
  
HEADER UL DIV.megamenu .back {
  top: -118px;
  }      
  
HEADER #search {
  width: calc(100% - 60px);
  top: -5px;
  right: 0px;
  }
  
.scrolling.sticky HEADER .right {
  margin-top: 0px;
  }  
  
.scrolling HEADER #logo { 
  margin-top: -25px;
  }
  
.scrolling HEADER .container .grid {
  padding-top: 25px;
  }    

/* LAYOUT
-------------------------------------------------------------------------- */   

#page {
  margin: 0;
  min-height: 0;
  }

MAIN {
  overflow: hidden;
  padding-top: 110px;
  }
  
MAIN P,
MAIN UL LI { 
  font-size: 18px;
  }  
  
MAIN UL {
  margin: 20px auto 40px auto;
  }  

MAIN .container {
  padding: 0 20px;
  }
  
.columns.c2 .column {
  width: 100%;
  float: none;
  }  
  
/* HEADLINES
-------------------------------------------------------------------------- */     
  
H2 {
  font-size: 36px;
  margin-bottom: 30px;
  } 
  
H4 {
  font-size: 26px;
  } 
  
H6 {
  font-size: 20px;
  }    
  
P.has-large-font-size,
P.has-large-font-size + P {
  font-size: 20px !important;
  }  
  

.single H1 {
  font-size: 30px;
  padding-right: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  }
  
/* HOME
-------------------------------------------------------------------------- */   
  
#home {
  height: auto;
  }
  
#home #slider {
  width: 100%;
  height: 100vw;
  min-height: 385px;
  margin-bottom: 10px;
  }  

#home .tiles {
  position: relative;
  width: auto;
  }
  
#home .tiles .tile {
  height: 160px;
  margin-bottom: 10px;
  } 
  
#home .tiles .tile .content {
  padding: 20px;  
  bottom: -25px;
  }   
  
#home .tiles .tile .content H5 {
  font-size: 20px;
  padding-top: 5px;
  margin-bottom: 0;
  }   
  
.home H2 {
  font-size: 50px;
  }  
  
.home H2 ~ P {
  margin-left: 0;
  }  
  
.home H2 ~ .wp-block-buttons {
  max-width: 100%;
  }
  
.wp-block-button__link {
  margin-left: -100%;
  }    
  
.slick-slide .text.typo-new {
  width: 75%;
  }  
  
.slick-slide .text.typo-new .title {
  font-size: 40px;
  }  
  
/* BLOCK COVER
-------------------------------------------------------------------------- */   
  
.wp-block-cover {
  min-height: 385px !important;
  max-height: 10000px;
  padding: 0;
  padding-top: 70px;
  margin: 20px 0;
  } 
  
.wp-block-cover:first-child {
  margin-bottom: 50px;
  }  
  
.wp-block-cover .wp-block-cover__inner-container {
  margin-left: 0px;
  padding-bottom: 25px;
  padding-right: 0;
  width: calc(100% - 40px);
  } 
  
.wp-block-cover H2,
.wp-block-cover H3 {
  font-size: 36px;
  margin-bottom: 10px;
  line-height: 1.15;
  }  
  
.wp-block-cover P.has-large-font-size {
  font-size: 16px !important;
  line-height: 24px !important;
  }  
  
/* BLOCK MEDIA TEXT
-------------------------------------------------------------------------- */    
  
.wp-block-media-text {
  display: block;
  margin: 20px 0;
  }
  
.wp-block-media-text .wp-block-media-text__media {
  display: block;
  margin-bottom: 30px;
  } 
  
.wp-block-media-text .wp-block-media-text__content {
  margin: 0;
  } 
  
.wp-block-media-text.clickable .wp-block-media-text__media:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  }

/* IMAGE BOX
-------------------------------------------------------------------------- */      

.wp-block-getwid-image-box {
  margin-top: 50px;
  margin-bottom: 50px;
  }
  
.wp-block-column:last-child .wp-block-getwid-image-box {
  margin-top: 0;
  }
  
.wp-block-getwid-image-box__image-container {
  margin-bottom: 20px;
  }  
  
.wp-block-getwid-image-box__content H3 {
  font-size: 30px;
  }
  
.wp-block-spacer {
  display: none;
  }  
  
/* SECTION
-------------------------------------------------------------------------- */      
  
.wp-block-getwid-section.alignfull {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  }
  
.wp-block-getwid-section__wrapper {
  padding: 40px 0;
  }  
  
/* COLUMNS
-------------------------------------------------------------------------- */    

.wp-block-columns {
  margin-top: 50px;
  margin-bottom: 50px;
  }
  
.wp-block-columns.alignwide {
  max-width: inherit;
  }  
  
.wp-block-columns + .wp-block-columns {
  margin-top: -50px;
  }  
  
.wp-block-columns.clickable .wp-block-column:last-child {
  left: 15px;
  margin-bottom: 30px !important;
  }

.wp-block-column,
.wp-block-getwid-section .wp-block-columns.c2 .wp-block-column:first-child,
.wp-block-columns.c2 .wp-block-column,
.wp-block-columns.c3 .wp-block-column {
  display: block;
  margin-bottom: 40px;
  flex-basis: 100% !important;
  }
  
.wp-block-column H6 ~ P {
  font-size: 16px;
  padding-right: 0;
  } 
  
.wp-block-getwid-section .wp-block-columns {
  margin-top: 0;
  margin-bottom: 0px;
  }
  
.wp-block-columns.contains-factbox P {
  font-size: 20px;
  }  
  
/* BLOCK IMAGE
-------------------------------------------------------------------------- */   
  
.wp-block-image {
  min-width: 100%;
  max-width: 100%;
  margin: 30px auto;
  }

.wp-block-image.alignwide {
  margin: 50px -20px 30px -20px;
  padding: 0;
  }
  
.wp-block-image IMG {
  max-width: 100%;  
  height: auto;
  }
  
/* BLOCK VIDEO
-------------------------------------------------------------------------- */   
  
.wp-block-video {
  margin: 50px -20px;
  }
  
.wp-block-video:first-child {
  margin-top: 0px;
  margin-bottom: 20px;
  max-width: 100vw;
  }  
  
/* BLOCK QUOTE
-------------------------------------------------------------------------- */     
  
.wp-block-quote {
  padding: 0;
  margin: 50px 0;
  }
  
.wp-block-quote P {
  font-size: 36px !important;
  }
  
.wp-block-quote CITE {
  font-size: 16px;
  margin-top: 30px;
  }
  
  
/* BLOCK TABLE
-------------------------------------------------------------------------- */   
  
.wp-block-table {
  margin: 50px 0;
  padding: 0;
  }   
  
.wp-block-table TD {
  font-size: 16px;
  } 
  
.wp-block-table TD STRONG.description {   
  display: inline-block;
  min-width: 500px;
  }
  
/* FORMULAR
-------------------------------------------------------------------------- */   

FORM {
  margin-top: 50px;
  }

.form-row,
.form-field {
  margin-bottom: 10px;
  }
  
.form-field.left,
.form-field.right {
  width: 100%;
  float: none;
  margin-left: 0;
  padding-left: 0;
  margin-right: 0;
  padding-right: 0;
  }
  
#date .form-field.left {
  margin-bottom: 10px;
  }
  
.form-bottom {
  margin-top: 20px;
  }  
  
.md-radio {
  margin-right: 0;
  }  
  
.data-handling .md-radio .md-radio-label {
  font-size: 16px;
  margin-right: 0;
  }
  
.md-checkbox .md-checkbox-label {
  font-size: 16px;
  height: auto;
  }  
  
.md-button {
  width: 100%;
  }  
  
.linebreaks LABEL {
  padding-right: 50px;  
  line-height: 1.2;
  margin-top: -3px;
  }
  
.linebreaks .md-has-value LABEL {
  margin-top: 1px;
  }  
  
.linebreaks .md-field {
  height: auto;
  padding-bottom: 20px;
  }
  
.linebreaks .md-select {
  overflow: visible;  
  }
  
.linebreaks .md-select > .md-icon {
  margin-top: 15px;
  }
  
.linebreaks .md-field.md-has-value label {
  margin-top: 2px !important;
  }
  
.linebreaks .md-select-value {
  margin-top: 20px;
  margin-bottom: -20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  }
  
.md-menu-content.md-menu-30, 
.md-menu-content.md-menu-73 {
  
  }  
  
.md-menu-content {
  max-height: 45vh;  
  }
  
.md-list-item-text {
  overflow: visible;  
  white-space: normal;
  line-height: 1.4;
  }
  
/* BLANK TEMPLATE
-------------------------------------------------------------------------- */      
  
.page-template-blank MAIN {
  padding-top: 110px;
  padding-bottom: 0;
  }
  
/* CROSSLINKS
-------------------------------------------------------------------------- */   

#crosslinks {
  margin-top: 40px;
  }

#crosslinks .cover {
  height: 150px;
  }
  
#crosslinks .column {
  margin-bottom: 10px;
  padding: 0 20px;
  }
  
#crosslinks .column:last-child {
  margin-bottom: 0;
  }  
  
#crosslinks .cover IMG {
  height: 100%;
  object-fit: cover;
  }  
  
#crosslinks .cover .content {
  bottom: auto;
  top: 80px;
  transform: translate(0);
  }  
  
#crosslinks .cover:hover .content {
  bottom: auto;
  top: 80px;
  }  
  
#crosslinks .cover .content .title {
  font-size: 18px;
  }  
  
#crosslinks .cover .content .title I {
  font-size: 15px;
  top: 2px;
  }  
  
#downloads + #crosslinks {
  margin-top: -20px !important;
  }  
  
/* DIGITAL SERVICES
-------------------------------------------------------------------------- */   

.digital-services MAIN {
  padding-bottom: 50px;
  }

.digital-services #crosslinks #e-banking.cover {
  height: 50vw;
  }
  
.digital-services #crosslinks .cover .content {
  top: auto;
  }  

.digital-services #login {
  padding-left: 0;
  }

.digital-services #crosslinks .column {
  padding: 0;
  margin-bottom: 15px;
  }  
  
.digital-services .form-bottom {
  margin-top: 0;
  }  
  
.digital-services H5 {
  padding-top: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  }
  
/* POSTS ÜBERSICHT
-------------------------------------------------------------------------- */     
  
#posts H4 {
  margin-top: 40px;
  padding: 0;
  }
  
#posts .post {
  background-position: 0 center;
  padding-left: 110px;
  font-size: 16px;
  }  
  
#posts .post .title {
  font-size: 16px;
  line-height: 1.2;
  }  
  
/* POST DETAIL
-------------------------------------------------------------------------- */    

.single H1 {
  font-size: 36px;
  }
  
.single MAIN P {
  font-size: 18px;
  }  
  
/* NEWSLETTER
-------------------------------------------------------------------------- */    
  
.banner .container {
  margin-left: 0;
  display: block;
  padding: 0;
  }
  
.banner {
  margin-top: 20px;
  margin-bottom: 0px;
  padding: 40px;
  }
  
.banner .left {
  float: none;
  margin-bottom: 20px;
  }  
  
.banner .right {
  float: none;
  }  
  
.banner .text {
  margin-bottom: 30px;
  }    
  
.banner .button {
  font-size: 18px;
  height: auto;
  line-height: 1.2;
  padding-top: 18px;
  padding-bottom: 20px;
  text-align: center;
  }  
  
.button.apply {
  margin-top: 0;
  }
  

  
/* NEWSLETTER ÜBERSICHT
-------------------------------------------------------------------------- */ 

#newsletters #filter {
  margin: 50px 0 0px 0;
  gap: 20px;
  }  
  
#newsletters #filter LI {
  font-size: 14px;
  line-height: 1.12;
  text-align: center;
  padding-top: 0;
  padding-bottom: 5px;
  }  
  
#newsletters #filter LI.active {
  color: #9B3558;
  border-color: #9B3558;
  }  
  
#newsletters #posts .headline {
  margin-left: 0;
  margin-right: 0;
  }  
  
#newsletters .more {
  padding-top: 30px;
  }  
  
#newsletters .more A {
  color: #9B3558 !important;
  }  
  
/* CONTACT
-------------------------------------------------------------------------- */  
  
#contact #toggle {
  bottom: 20px;
  right: 20px;
  }
  
#contact .options {
  bottom: 110px;
  }  
  
#contact.open .options {
  right: 20px;
  }  
  
#contact A {
  margin-right: 0;
  }
  
/* BEWERBUNGSFORMULAR
-------------------------------------------------------------------------- */   

.page-template-application H1 {
  font-size: 54px;
  }
  
.page-template-application FORM H6 {
  margin-top: 50px;
  margin-bottom: 10px;
  }
  
.page-template-application FORM P.small BR {
  display: none;
  }  
  
.md-checkbox + #agreement-error {
  top: 14px;
  right: -5px;
  }  
  
.form-upload {
  display: block;
  }  
  
.form-upload SPAN {
  display: block;
  }  
  
.form-upload .btn {
  margin-right: 0;
  text-align: center;
  }  
  
.form-upload .msg {
  margin-top: 0;
  padding: 10px 0 0 5px;
  text-align: center;
  }  
  
.form-upload LABEL.invalid {
  position: static;
  padding: 5px 0 0 5px;
  }  
  
.form-upload .remove { 
  top: auto;
  width: 20px;
  height: 20px;
  line-height: 16px;
  bottom: 13px;
  right: 15px;
  }
  
.form-upload .remove:after {
  font-size: 8px;
  line-height: 1;
  }
  
/* POPUP
------------------------------------------------------------------------- */    

.popup {
  width: auto;
  padding: 30px;
  top: -500px;
  left: 15px;
  right: 15px;
  margin-left: 0;
  margin-top: 0;
  transition: 0.2s;
  }
  
BODY.overlay .popup {
  top: 15px;
  }   
  
.form-bottom .response {
  position: relative;
  }  
  
.form-bottom .response.error {
  position: static;  
  }
  
/* IDnow 
-------------------------------------------------------------------------- */ 

.page-template-idnow HEADER #logo {
  margin-left: 18px;
  }

.page-template-idnow HEADER #menu #digital-services {
  font-size: 16px;
  transform: translateX(-100vw);
  line-height: 36px;
  margin-right: -20px;
  }
  
.page-template-idnow HEADER #menu #digital-services I {
  font-size: 12px;
  line-height: 40px;
  margin-left: 10px;
  }  

/* FOOTER
-------------------------------------------------------------------------- */   

FOOTER, #push {
  height: auto;
  }
  
FOOTER {
  padding-top: 20px;
  }  
  
FOOTER .top .left {
  padding-left: 20px;
  }  
  
FOOTER .top ADDRESS {
  float: none;
  }  
  
FOOTER .top .contact {
  float: none;
  width: 100%;
  }  
  
FOOTER .bottom {
  position: static;
  padding-bottom: 20px;
  padding-left: 20px;
  overflow: hidden;
  line-height: 2.5;  
  } 
  
FOOTER .bottom .left,
FOOTER .bottom .right {
  float: none;
  }