* {}
.ce-uploads a.filename {max-width:none;}
.greybg {margin-bottom:0;}
.frame-type-uploads {margin:50px 0;}

.specialbg {margin-bottom:0; background:url(/typo3conf/ext/ff_sitepackage_c2c/Resources/Public/Images/access_bg.jpg) center no-repeat; background-size:cover;}
.specialbg h2,
.specialbg li,
.specialbg p {color:#fff;}


/* 2 cols with image as background */
/* #c258 {margin:0 -30px; max-width:none; width:calc(100% + 60px);} */
#c258 {margin-top:35px; margin-bottom:0; max-width:none;}
#c258 .cols-50-inner-right {margin:0;}
#c258 .cols-header {display:none;}
#c258 .col {position:relative; width:50%;}
#c258 .col img {width:100%; height:auto;}
#c258 .ce-bodytext {position:absolute; top:25%; text-align:center; width:100%;}
#c258 h3 {margin:0 0 40px 0; color:#fff; text-transform:uppercase; font-size:44px; font-size:4.4rem; line-height:48px;}
#c258 .more {background:none; padding:25px; font-size:30px; font-size:3rem; border:solid 5px #fff;}
#c258 .more:hover {}
#c258 .ce-gallery {margin-bottom:0;}
#c258 .ce-gallery figure {display:block;}
#c258 .ce-column {float:none;}
#c258 .ce-center .ce-outer, 
#c258 .ce-center .ce-inner {position:static; float:none; right:auto;}

/* 3 cols with blue background */
#c541 .col {padding:15px; background-color: #004674;}
#c541 .col .ce-bodytext {text-align:center;}
#c541 .col > .frame {padding:10px 0; border:solid 4px #fff;}
#c541 .col h3 {margin-bottom:35px; color:#fff;}
#c541 .col .more {padding:12px 15px; border: solid 3px #fff;}

#forum {display:none;}

#filtertable {width: 50%; height: 40px; padding: 0 15px; font-family: OpenSans,sans-serif;}



@media only screen and (max-width: 1280px) {
#c258 h3 {font-size:34px; font-size:3.4rem; line-height:38px; margin-bottom:20px;}
#c258 .more {font-size:22px; font-size:2.2rem; padding:18px;}
}

@media only screen and (max-width: 1024px) {
#c258 h3 {font-size:26px; font-size:2.6rem; line-height:30px; margin-bottom:20px;}
#c258 .ce-bodytext {top:18%;}


}


@media only screen and (max-width: 768px) {
#picture img {object-position:-300px 0;}
#c258 .col {width:100%; margin-bottom:20px;}
#c258 h3 {font-size:34px; font-size:3.4rem; line-height:38px;}

#c541 .col {width:100%; margin-right:0; margin-bottom:15px;}
#c541 .col h3 {font-size:22px; font-size:2.2rem; line-height:26px;}
#c541 .col .more {font-size:14px; font-size:1.4rem;}

#filtertable {width:100%;}
}


@media only screen and (max-width: 480px) {
#c258 h3 {font-size:24px; font-size:2.4rem; line-height:28px;}
#c258 .more {font-size:18px; font-size:1.8rem; padding:12px;  border: solid 3px #fff;}
.frame-layout-2 {overflow-x:scroll;}
}


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

}