/* Webfonts in use: 
font-family: "RalewayRegular",sans-serif;
font-family: "RalewayMedium",sans-serif;
font-family: "RalewayBold",sans-serif;
fonmt-family: "RalewayExtraBold",sans-serif;

  FontAwesome:
  Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
  Light: :"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
  Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
  Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
 */
 .wf-loading {visibility:hidden;}
 .wf-active {visibility:visible;}
 .sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto}
 .sidr.right{left:auto;right:-260px}
 .sidr.left{left:-260px;right:auto}
 .responsive-video {width:75%; position:relative; padding-bottom:42.25%; padding-top:0; height:0; overflow:hidden;}
 .responsive-video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
 
 /* overall */
 * {box-sizing:border-box; outline:0; letter-spacing: 0.04rem;}
 *::selection {background: #f7cd00; color: #000;}
 *::-moz-selection {background: #f7cd00; color: #000;}
::-webkit-scrollbar {width: 2px;}
::-webkit-scrollbar-track {background: #000;}
::-webkit-scrollbar-thumb {background: #f7cd00;}
 html {height:100.2%; font-size: 62.5%;}
 body {margin:0; font-size:16px; font-size:1.6rem; line-height:1; color:#fff; font-family: "RalewayRegular", sans-serif;
 background: rgb(13,13,14);
 background: linear-gradient(180deg, rgba(13,13,14,1) 0%, rgba(50,49,45,1) 62%, rgba(18,18,17,1) 100%);
   background-repeat: no-repeat;
   background-attachment: fixed;
 }
 main:not(.home) {border-top:solid 1px #f7cd00;}
 main:not(.home) #contentmain {max-width: 1230px; margin: 0 auto; padding: 30px 30px;}
 strong {font-family: "RalewayBold",sans-serif;}
 img {border:none;}
 h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family: "RalewayMedium",sans-serif;}
 p {margin-top:0; font-size: 1.8rem; line-height:1.4; letter-spacing: 0.04rem;}
 a {text-decoration: none;}
 th, td {vertical-align:top;}
 input {font-size:1.6rem;}
 hr {border-color:#f7cd00;}
 .text-center {text-align: center;}

.flex-grid {display:flex; flex-wrap:wrap;}
.flex-grid .col-6 {width:49%;}

.video-embed iframe {width:100%; height:auto; aspect-ratio: 16/9;}

 /*rte styles */
 .link-button {display:inline-block; text-decoration:none !important; margin:0 10px 20px 0; padding:12px; width:auto; height:50px; color:#f7cd00;
   background-color:#000; text-decoration:none; font-size:20px; font-size:2rem; text-transform:uppercase; font-family: "RalewayMedium",sans-serif;}
 .link-button:hover {background-color:#f7cd00; color:#000 !important;}
 
 .yellow-highlight {color:#f7cd00;}
 
 /* header */
 body > header {width:100%; padding:0;}
 div#topbox {display:flex; justify-content: space-between; align-items: center; position:relative; padding:20px 30px;}
 div#specialbar {display:flex; justify-content: flex-end; flex-wrap:wrap; padding:10px 30px; background-color:#f7cd00;}

 /* special nav */
 #specialnav ul {padding:0; margin:0; list-style-type: none;}
 #specialnav li {display:inline-block; margin-right:20px;}
 #specialnav a {text-transform: uppercase; font-size:2rem; color:#000; font-family: "RalewayMedium",sans-serif;}
 #specialnav a::before {margin-right:6px; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
 #specialnav li a[href*="tickets"]::before {content:"\f3ff";}
 #specialnav li a[href*="https://vp.eventival.com/biff/"]::before {content:"\f023";}
 #specialnav li a[href*="newsletter"]::before {content:"\f0e0";}
 
 /* language menu */
 #specialbar > .tohide {color:transparent; display:none;}
 #languageswitch {margin:0 0; color:#000; font-size:2rem; font-family: "RalewayMedium",sans-serif;}
 #languageswitch::before {margin-right:6px; content:"\f0ac"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
 #languageswitch:hover {text-decoration: underline;}
 
 /* search */
 div.searchbox {margin:0 0 0;}
 div.searchbox a {font-size:18px; font-size:1.8rem; line-height:20px; color:#fff;}
 /* social bar */
 #social {position:fixed; right:0; top:360px; padding:15px; background-color:#f7cd00; z-index:999;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-bottomleft: 10px;
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px;
 -webkit-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.3);
 -moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.3);
 box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.3);
 }
 #social a {display:block; margin-bottom:10px; font-size:30px; font-size:3rem;color:#000; text-align:center;}
 #social a:last-child {margin-bottom:0;}
 /* topnav */
 body.nav-open {overflow: hidden;}
 #mainnav-call {color:#f7cd00; font-size:3.4rem;}
 #mobilenav-call {display:none; color:#f7cd00; font-size:3.4rem;}
 .sidr-open  #mobilenav-call .fa-bars:before {content:"\f00d"; font-weight: 400;}
 .topnav-wrap {display:none; position:absolute; top:-40px; left:0; width:100%; height:100vh; z-index:999; overflow-y:scroll;  
  background: rgb(13,13,14);
  background: linear-gradient(180deg, rgba(13,13,14,1) 0%, rgba(50,49,45,1) 62%, rgba(18,18,17,1) 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;}
.topnav-wrap hr {margin:0 0 100px 0;}
.topnav-head {display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; padding:20px 100px;}
#topnav-close {color:#f7cd00; font-size:3.6rem;}

#topnav {padding:0 100px;}
#topnav ul {margin:0; padding:0; list-style-type:none;}
#topnav > ul {display:flex; flex-wrap:wrap; gap:2%;}
#topnav > ul > li {width:18.4%; color:#f7cd00; font-size:3rem; font-family: "RalewayBold",sans-serif;}
#topnav ul li a {display:block; margin:0 0 18px 0; color:#f7cd00; font-size:2rem; font-family: "RalewayRegular", sans-serif;}
#topnav ul li a:hover {text-decoration: underline;}
#topnav .topnavsub {margin-top:20px;}

.topnav-wrap #specialnav {margin:100px 0; padding:0 100px;}
.topnav-wrap #specialnav a {display:inline-block; padding:12px 25px; background-color:#f7cd00; font-size:2.2rem;}
.topnav-wrap #specialnav a:hover {background-color:#000; color:#f7cd00;}

#socialnav {padding:0 100px 20px; text-align: center;}
#socialnav a {display:inline-flex; align-items: center; justify-content:center; margin:0 5px; width:40px; height:40px; background-color:#f7cd00; color:#000;}
#socialnav a i {font-size:2.4rem;}

 /* mobil nav */
 #sidr-main .logo {display:block; padding:15px; width:100%; height:auto;}
 #sidr-main {z-index:1000; background: rgb(13,13,14);
  background: linear-gradient(180deg, rgba(13,13,14,1) 0%, rgba(50,49,45,1) 62%, rgba(18,18,17,1) 100%);
  background-repeat: no-repeat;
  background-attachment: fixed; border-right:1px solid #000;}
 #sidr-main ul  {padding:0; margin:0; list-style-type:none;}
 #sidr-main .navlvl {clear:both;}
 #sidr-main .navlvl li {display:inline-block; width:100%; padding:15px 15px; font-size:1.8rem; color:#f7cd00; text-decoration:none; border-top:1px solid #f7cd00; cursor:pointer;}
 #sidr-main .navlvl li.act,
 #sidr-main .navlvl > li.open {text-decoration:underline;}
 #sidr-main .navlvl > li:last-child {border-bottom:1px solid #f7cd00;}
 #sidr-main .plus {display: inline-block; margin-right:8px; font-size:1.6rem; }
 #sidr-main .plus::after {content:"\f067"; display:block; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400; color:#f7cd00;}
 #sidr-main .minus::after {content:"\f068"; display:block; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;}
 /* second lvl */
 #sidr-main ul li ul {display:none;}
 #sidr-main .navlvl li ul {padding-left:3px; padding-top:10px;}
 #sidr-main .navlvl li ul li {border:none; padding:0; text-decoration:none;}
 #sidr-main .navlvl li ul li.act {text-decoration:none;}
 #sidr-main .navlvl li ul li a {display:inline-block; padding:12px 0; color:#f7cd00; text-decoration:none; font-size:1.6rem;}
 #sidr-main .navlvl li ul li.act a {text-decoration:underline;}
 #sidr-main .navlvl li ul li::before {display:inline-block; margin-right:8px; content:"\f105"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;}
 /*special nav */
 #sidr-main #specialnav {display:block !important; margin-top:20px; padding:0 15px;}
 #sidr-main #specialnav li {display:block; margin-right:0;}
 #sidr-main #specialnav a {display:block; margin-bottom:10px; padding:10px 0; width:100%; background-color:#f7cd00; text-align: center;}
 #sidr-main #languageswitch {display:none;}
 
 /* main */
 div#main {max-width:1230px; margin:0 auto; padding:0 30px;}
 
 
 div.claimwrapper {margin-left: auto; float:right;}
 div#contentmain {padding:20px 0;}
 /* breadcrumb */
 div#breadcrumb {font-size:1.3rem; color:#fff;}
 div#breadcrumb a {text-decoration:none; color:#fff; font-family: "RalewayMedium",sans-serif;}
 div#breadcrumb > a:first-child {margin-left:5px;}
 div#breadcrumb a:hover {text-decoration:underline,}
 /* content*/
 #col-1 {margin-top:30px;}
 #contentmain h1 {margin:0 0 25px 0; font-size:4rem; letter-spacing: 0.04rem; color: #f7cd00; font-family: "RalewayBold",sans-serif;}
 #contentmain h2 {margin:20px 0 15px 0; font-size:3rem; line-height:1.3; letter-spacing: 0.04rem; color: #f7cd00; font-family: "RalewayBold",sans-serif;}
 #contentmain h3 {margin:15px 0; font-size:2.4rem; line-height:1.3;color: #f7cd00; letter-spacing: 0.04rem;}
 #contentmain h4 {margin:15px 0; font-size:2rem; line-height:1.3;}
 #contentmain li {margin:0 0 5px 0; font-size: 1.6rem; line-height:1.3;}
 #contentmain a {color:#f7cd00; line-height: inherit;}
 #contentmain figcaption {margin-top:6px; font-style: italic; font-size:1.3rem;}
 #contentmain .frame-default {margin-bottom:35px;}
 #contentmain .frame-type-menu_subpages ul {margin:0; padding:0; list-style-type:none;}
 #contentmain .frame-type-menu_subpages li {margin-bottom:10px;}
 #contentmain .frame-type-menu_subpages li::before {display:inline-block; content:""; position: relative; top:-3px; margin-right:5px; width:8px; height:8px; background-color: #f7cd00;}
 ul.csc-uploads span.csc-uploads-fileName,
 ul.csc-uploads a {text-decoration: none;}
 .csc-uploads-element-pdf a::before {margin-right:12px; content:"\f1c1"; font-family:FontAwesome;}
 
 /* table */
 .contenttable {width:100%; margin:20px 0; border-collapse:collapse; border:solid 1px #f7cd00;}
 .contenttable tr {border-bottom:solid 1px #f7cd00;}
 .contenttable th {padding:15px; text-align:left; font-weight:normal; font-size:16x; font-size:1.6rem; color:#fff;}
 .contenttable th p {text-align:left; font-weight:normal; font-size:16px; font-size:1.6rem; color:#fff;}
 .contenttable td {padding:15px; font-size:16px; font-size:1.6rem; color:#fff;}
 .contenttable td p {font-size:16px; font-size:1.6rem; color:#fff;}
 
 /* special menu */
 .teasermenu {display:flex; flex-wrap:wrap; margin:0; padding:0;}
 .teasermenu li {list-style-type:none; padding:0; width:22.75%; margin-right:3%; margin-bottom: 25px; background-color: #f7cd00; border: solid 1px #f7cd00;}
 .teasermenu li:nth-child(4n) {margin-right:0;}
 .teasermenu li a {display:block; text-decoration:none !important; font-size: 20px; font-size: 1.25rem; line-height: 24px;}
 .teasermenu li span {display:block; padding:12px 0; text-align:center; color: #000;}
 .teasermenu li img {width:100%; height:auto;}
 
 /* fe login */
 .tx-felogin-pi1 form {margin-top:15px;}
 .tx-felogin-pi1 fieldset {border:none; padding:0; margin:0;}
 .tx-felogin-pi1 legend {display:none;}
 .tx-felogin-pi1 div {margin-bottom:6px;}
 .tx-felogin-pi1 label {display:block; margin-bottom:5px; font-size:1.8rem;}
 .tx-felogin-pi1 input {width:40%; height:40px; padding:0 18px;}
 .tx-felogin-pi1 input[type="submit"] {margin-top:10px; width: 140px; padding:8px 15px; background-color: #000; color: #f7cd00; border: none; cursor: pointer; border-radius:12px; font-family: "RalewayBold",sans-serif; font-size:2rem;}
 .tx-felogin-pi1 input[type="submit"]:hover {background-color: #f7cd00; color: #000;}
 
 /* 2 cols */
 .cols-2-inner {display:flex; flex-wrap:wrap;}
 .cols-2-inner .col {width:48.5%; margin-right:3%;}
 .cols-2-inner .col:last-child {margin-right:0;}
 .cols-2-inner .col img {width:100%; height:auto;}
 #contentmain .cols-2-inner h2 {margin-top:0;}
 #contentmain .cols-2-inner .frame-default {margin-bottom:15px;}
 /* 4 cols */
 .cols-4-inner {display:flex; flex-wrap:wrap;}
 .cols-4-inner .col {width:22.75%; margin-right:3%;}
 .cols-4-inner .col:last-child {margin-right:0;}
 .cols-4-inner .col img {width:100%; height:auto;}
 
 
 /* newsletter subscription */
 .tx-ffnlsubscription-subscription-plugin .formfield {margin-bottom:20px;}
 .tx-ffnlsubscription-subscription-plugin label {display:inline-block; margin-bottom:5px; font-size:1.6rem;}
 input[name="fetch"],
 .tx-ffnlsubscription-subscription-plugin input[type="text"] {width: 400px; height: 40px; padding: 0 18px; font-size:1.6rem;}
 .tx-ffnlsubscription-subscription-plugin .privacy input {float:left; margin-right:10px;}
 .tx-ffnlsubscription-subscription-plugin .privacy strong {font-family: "RalewayRegular",sans-serif; font-weight: normal;}
 .tx-ffnlsubscription-subscription-plugin .privacy label {display:inline; line-height:1.2;}
 .tx-ffnlsubscription-subscription-plugin span.error {display:block; color:#f00; font-weight:bold;}
 #contentmain .tx-ffnlsubscription-subscription-plugin .editinfo {margin-top:10px;}
 #contentmain .tx-ffnlsubscription-subscription-plugin em {font-size:18px; font-size:1.125rem;}
 #contentmain input[name="whatever"],
 #contentmain button[type="submit"],
 #contentmain input[type="submit"] {width: 140px; padding:8px 15px; background-color: #000; color: #f7cd00; border: none; cursor: pointer; border-radius:12px;
   font-family: "RalewayBold",sans-serif; font-size:2rem;
  }
 #contentmain input[name="whatever"]:hover,
 #contentmain button[type="submit"]:hover,
 #contentmain input[type="submit"]:hover {color:#000; background-color:#f7cd00;}
 #contentmain input[name="whatever"] {display:block; margin-top:20px;}
 #tt_address_captcha {width: 400px; height: 40px; padding: 0 18px;}
 
 /* footer */
footer {}
footer h3 {margin:0 0 15px 0; color:#f7cd00; font-size:2.4rem; font-family: "RalewayBold",sans-serif;}
footer h3 a {color:#f7cd00;}
footer .footerinner.section-inner {max-width:1440px; padding:80px 30px; margin:auto;}
.footerinner {display:flex; flex-wrap:wrap; justify-content:space-between; gap:1%;}
.footerinner .col {width:19.2%;}
footer ul {list-style-type:none; padding:0; margin:0;}
footer .frame-type-menu_subpages li {display:block; margin-bottom:15px;}
footer .frame-type-menu_subpages a {display:block; color:#f7cd00; font-size:1.8rem;}
footer hr {margin:0;}

footer > .frame-type-image {width:100%; max-width:1440px; margin:auto;}

#footernav-mobile {display:none; width:100%;}

#metanav {padding:30px 30px 50px; width:100%; text-align:center;}
#metanav ul {margin:0;}
#metanav li {display:inline; margin-left:10px;}
#metanav li:last-child a {margin-left:0; border-right:none;}
#metanav li.last a {cursor: pointer;}
#metanav a {display:inline-block; color:#f7cd00; border-right: 1px solid #f7cd00; padding-right: 10px;}
#metanav a:before {display:none;}

 /* sponsors */
 .logos {padding:0 30px;}
 .logos .section-inner {max-width:1440px; padding:0; margin:50px auto;}
 .logos .flex-grid .col-6:first-child {display:flex; align-items:center; max-width:15%; width: auto;}
 .logos .flex-grid .col-6:last-child {max-width:85%; width: auto;}
 .sponsoren_logos img {display:block; max-width: 100%; height:auto;}
 
 /* images */
 .frame img,
 .frame img {max-width:100%; height:auto;}
 .ce-intext.ce-left .ce-gallery {margin-right:20px;}
 .ce-intext.ce-right .ce-gallery {margin-left:20px;}
 .frame .ce-above .ce-gallery {margin:0 0 20px;}
 .frame .ce-above .ce-gallery[data-ce-images="1"] {margin:0 0 0;}
 .frame .ce-below .ce-gallery {margin:20px 0 0;}
 .frame .ce-column {margin-bottom:10px;}

 /* textmedia */
 .frame-type-textmedia .ce-outer,
 .frame-type-textmedia .ce-inner {right:0; left:0; float:none;}
 .frame-type-textmedia .ce-column {float:none;}
 .frame-type-textmedia .ce-gallery figure {display:block;}
 
 /* slick slider */
ul.slick-dots {margin:50px 0 !important; list-style-type:none; margin:0; padding:0; text-align: center;}
ul.slick-dots li {display:inline-block; margin:0 5px !important;}
ul.slick-dots li button {background-color:#f7cd00; opacity:.5; width:15px; height:15px; line-height:0; color:transparent; border-radius:100%; outline:0; border:none;}
ul.slick-dots li button::before {content:none !important;}
ul.slick-dots li.slick-active button {background-color:#f7cd00 !important; opacity: 1;}

/* slick slider */
/* Arrows */
.slick-prev,
.slick-next {font-size:0; line-height:0; position:absolute; top:45%; display:block; width:20px; height:20px; padding:0;
     color: transparent; border: none; outline: none; background: transparent; z-index:999;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color:transparent; outline:none; background:transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity: .75; color: #f7cd00; cursor: pointer;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before,
.slick-next:before {font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400; font-size:4rem; line-height: 1; opacity:1; color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {left: 8px;}
.slick-prev:before {content:'\f053';}
.slick-next {right:8px;}
.slick-next:before {content:'\f054';}

/* klaro */
* {
  --green1: #f7cd00;
  --green2: #f7cd00;
  --green3: #000;
  --blue1: #000;
  --dark1: #000;
  --dark2: #fff;
  --dark2: #fff;
  --dark3: #fff;
  --light1: #fff;
  --light2: #fff;
  --light3: #fff;
  --button-text-color: #000;
  --white3: #000;

}
.klaro .cookie-modal .cm-modal.cm-klaro {border:solid 1px var(--green1, #f7cd00);}
#klaro p {font-size:1.4rem;}
#klaro .cookie-modal .cm-list-title, 
#klaro .context-notice .cm-list-title, 
#klaro .cookie-notice .cm-list-title,
#klaro .cookie-modal .cm-btn, 
#klaro .context-notice .cm-btn, 
#klaro .cookie-notice .cm-btn {font-size:1.5rem; font-family: "RalewayMedium",sans-serif;}
.klaro .context-notice .cm-btn {background:transparent; font-size:1.6rem !important; padding: 6px 20px !important;}
.cm-btn-info.cm-btn-accept,
.cm-btn.cn-decline {background:transparent !important; border:solid 1px var(--green1, #f7cd00) !important; color: var(--green1, #f7cd00) !important;}

.movie-trailer-video div[data-name="youtube"],
.frame-type-textmedia .video div[data-name="youtube"] {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 16/9;
}
div[data-name="youtube"] .context-notice {background-color:#000; border:solid 1px #f7cd00;}
div[data-name="youtube"] .context-notice p {z-index:2; font-size:1.6rem; color:#fff;}
div[data-name="youtube"] .context-notice::after {position:absolute; z-index:1; opacity: 10%; color:#f7cd00; font-size:20rem; line-height:1; content:"\f167"; font-family:"Font Awesome 5 Brands"; font-style:normal;font-weight:normal;}


@media only screen and (max-width: 1023px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {-webkit-box-shadow: 0px -2px 14px 5px rgba(0,0,0,0.2); 
    box-shadow: 0px -2px 14px 5px rgba(0,0,0,0.2);}
}

@media only screen and (min-width: 360px) {
  .klaro .cookie-modal .cm-modal.cm-klaro  { max-width: 95%; margin:auto; left:0; right:0;}  
}
@media only screen and (max-width: 480px) {
  #klaro .cookie-modal .cm-modal .cm-header h1 {font-size:2rem;} 
  div[data-name="youtube"] .context-notice p {font-size:1.4rem;}
  div[data-name="youtube"] .context-notice::after {font-size:12rem;}
}

/* media querys */
@media only screen and (max-width : 1680px) {
  .topnav-wrap hr {margin:0 0 75px 0;}
  .topnav-head {padding:20px 50px;}
  #topnav {padding:0 50px;}
  .topnav-wrap #specialnav {padding: 0 50px;}
  #topnav > ul > li {font-size:2.6rem;}
  #topnav ul li a {font-size:1.8rem;}
  .topnav-wrap #specialnav a {font-size:2rem;}
}  

@media only screen and (max-width : 1440px) {
  .topnav-wrap hr {margin:0 0 50px 0;}
  .topnav-head {padding:20px 30px;}
  #topnav {padding:0 30px;}
  .topnav-wrap #specialnav {padding: 0 30px;}
}  

@media only screen and (max-width : 1200px) {
  /*images */
  /* 2 cols */
  .ce-gallery[data-ce-columns="2"] .ce-outer,
  .ce-gallery[data-ce-columns="2"] .ce-inner {float:none; position: static;}
  .ce-gallery[data-ce-columns="2"] .ce-row {display:flex; flex-wrap:wrap; justify-content: space-between;}
  .ce-gallery[data-ce-columns="2"] .ce-column {width:49%; margin-right:2%;}
  .ce-gallery[data-ce-columns="2"] .ce-column:last-child {margin-right:0;}

  /* 3 cols */
  .ce-gallery[data-ce-columns="3"] .ce-row {display:flex; flex-wrap:wrap; justify-content: space-between;}
  .ce-gallery[data-ce-columns="3"] .ce-column {width:32%; margin-right:2%;}
  .ce-gallery[data-ce-columns="3"] .ce-column:last-child {margin-right:0;}

  /* 4 cols */
  .ce-gallery[data-ce-columns="4"] .ce-row {display:flex; flex-wrap:wrap; justify-content: space-between;}
  .ce-gallery[data-ce-columns="4"] .ce-column {width:23.5%; margin-right:2%;}
  .ce-gallery[data-ce-columns="4"] .ce-column:last-child {margin-right:0;}
}
 
 
 @media only screen and (max-width : 1024px) {  
  #contentmain h2,
  #contentmain h1 {font-size:3.8rem;}
  div#topbox {padding:15px;}
  div#main {padding:0 15px;}
  div#footerbox {padding:35px 0 65px;}
  footer .footerinner.section-inner {display:none;}
  #metanav {padding-bottom:80px;}
  main:not(.home) #contentmain {padding:30px 15px;}

  /* specialbar */
  div#specialbar {padding:10px 15px;}
  #specialnav a {font-size:1.6rem;}
  #languageswitch {font-size:1.6rem;}
 
  /* logo */
  a#homelink {width:100%; max-width:380px;}
  a#homelink img {width:100%; height:auto;}

  /* nav */
  #mainnav-call {display:none;}
  #mobilenav-call {display:block;}
 
  /* social */
  #social {bottom:0; top:auto; padding:5px 0; width:100%; border-radius:0; display:flex; flex-wrap:wrap; justify-content: space-between;}
  #social a {width:20%; margin-bottom:0;}

  /* footer */
  .logos {padding:0 15px;}
  .logos .section-inner {margin:0 0;}
  .logos .flex-grid .col-6:first-child {max-width: 20%;}
  .logos .flex-grid .col-6:last-child {max-width:80%;}
 }
 
 @media only screen and (max-width : 900px) {
  /* logo */
  a#homelink {max-width:250px;}

   /* images */
  .ce-left.ce-intext .image,
  .ce-right.ce-intext .image {max-width:250px;}
 
  .ce-gallery[data-ce-columns="4"] .ce-column {width:32%; margin-right:2%;}
  .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(3) {margin-right:0;}
 }
 
 
 @media only screen and (max-width : 768px) {
  #contentmain h2,
  #contentmain h1 {font-size:3.2rem;}
  p {font-size:1.6rem;}

 .teasermenu li {width:49%; margin-right:2%;}
 .teasermenu li:nth-child(3n) {margin-right:2%;}
 .teasermenu li:nth-child(2n) {margin-right:0;}
 
 /* images */
 .ce-left.ce-intext .image,
 .ce-right.ce-intext .image {max-width:200px;}
 
}
 
 @media only screen and (max-width : 640px) {
  /* logo */
  a#homelink {max-width:200px;}  
  
  /* specialbar */
  #specialnav {display:none;}  

  /* footer */
  .logos .flex-grid .col-6:first-child {max-width: 33.333333%;}
  .logos .flex-grid .col-6:last-child {max-width:66.666666%;}  
 }
 
 @media only screen and (max-width : 480px) {

 .tx-ffnlsubscription-subscription-plugin input[type="text"] {width:100%;}

 /* 2 cols */
 .cols-2-inner .col {width:100%; margin-right:0; margin-bottom:20px;}
 /* 4 cols */
 .cols-4-inner .col {width:100%; margin-right:0;}
 
 /* search */
 .tx-indexedsearch table {width:100%;}
 .tx-indexedsearch input.tx-indexedsearch-searchbox-sword {width:100% !important;}
 
 /* felogin */
 .tx-felogin-pi1 input {width:100%;}
 
 /* newsletter */
 .nl-subscription input.text {width: 100%;}
 .privacy input {margin-top:5px; margin-right:2%; vertical-align:top;}
 .privacy label {width:275px;}
 
 /* images */
 .ce-left.ce-intext .image,
 .ce-right.ce-intext .image {max-width:150px;}
 
 .ce-gallery[data-ce-columns="2"] .ce-column {width:100%; margin-right:0;}
 
 /* 3 cols */
 .ce-gallery[data-ce-columns="3"] .ce-column {width:100%; margin-right:0;}
 .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(2) {margin-right:0;}
 .ce-gallery[data-ce-columns="3"] .ce-column:last-child {margin-right:0;}
 
 .ce-gallery[data-ce-columns="4"] .ce-column {width:49%; margin-right:2%;}
 .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(2) {margin-right:0;}

 /* footer */
  footer .frame-space-after-large {margin-bottom:40px;}
  #metanav {padding-bottom:50px;}
  #metanav li {display:block; margin:0 0 20px 0;}
  #metanav li a {border:none; margin:0; padding:0;}

  .logos .flex-grid .col-6:first-child {max-width: 50%;}
  .logos .flex-grid .col-6:last-child {max-width:50%;}  
 }

 @media only screen and (max-width : 580px) {
  .submission {display:block; margin-left:0 !important; margin:0 auto 10px; text-align: center;}
 } 
 

 @media only screen and (max-width : 520px) {
  #contentmain h2,
  #contentmain h1 {font-size:3rem;}

  .submission {display:block; margin-bottom:10px;}
 } 
 
 @media only screen and (max-width : 360px) {

 }
 
 @media only screen and (max-width : 345px) {

 }