/* OpenSans, OpenSansBT, OpenSansSBT, OpenSansIT, OpenSansEBIT, OpenSansSBIT */

#contentmain {padding-top:60px;}

/* owl slider */
.owl-carousel {display:block;}
.tx-ff-owl-slider img {width:100%; height:621px; object-fit: cover;}
.tx-ff-owl-slider .item {line-height:0; width:100%;}
.slider-caption {position:absolute; margin:0 auto; top:180px; left:0; right:0; max-width:1365px;}
.slider-caption h1 {margin:0; color:#fff; font-family:OpenSansBT, sans-serif; font-size:60px; font-size:6rem; line-height:64px;
  text-shadow: -1px 1px 2px #000000;}
.slider-caption h3 {display:none;}
.owl-controls {position:absolute; bottom:0; width:100%;}
.owl-pagination {display:flex; width:100%;}
.owl-theme .owl-controls .owl-page {flex-grow: 1; width:33.33333%; }
.owl-theme .owl-controls .owl-page span {width:100%; margin:0; background:none; background-color:rgba(255, 255, 255, 0.6); opacity:1; border-radius:0;}
.owl-theme .owl-controls .owl-page.active span {background-color:#004674;}

/* section 1 */
#missionswrap {margin:0 -15px; padding-bottom:50px; background:url(/typo3conf/ext/ff_sitepackage_c2c/Resources/Public/Images/structure_home.png) right bottom no-repeat;}
#missionswrap p {font-size:24px; font-size:2.4rem; line-height:28px;}
#missionswrap img {width:100%; height:auto;border:solid 7px #004674;}
#missionswrap .cols-2-inner {position:relative;}
#missionswrap .cols-50-inner-right {position:absolute; right:0; bottom:-12px; width:60%; padding:50px 60px 30px;; background-color:#004674;}
#missionswrap .cols-50-inner-right p {color:#fff; font-size:18px; font-size:1.8rem; line-height:22px;}
#missionswrap .cols-50-inner-right a {display:block; position:relative; margin:35px auto 0; padding-top:14px; width:205px; height:54px; border:solid 2px #fff; text-align:center; text-decoration:none; 
  color:#fff; text-transform:uppercase; font-size:24px; font-size:2.4rem; font-family:OpenSans,sans-serif;}
#missionswrap .col {margin-top:20px;}

/* section 2 */
#accesswrap {margin-left:-15px; margin-right:-15px; padding:60px 15px; background:url(/typo3conf/ext/ff_sitepackage_c2c/Resources/Public/Images/quick_access_bg.jpg) center no-repeat; background-size:cover;}
#accesswrap h2 {color:#fff;}
#accesswrap a {color:#fff; text-decoration:none; font-size:38px; font-size:3.8rem; text-align:center; font-family:OpenSansBT, sans-serif;}
#accesswrap .cols-4-inner {margin:0 auto 50px;}
#accesswrap .cols-header {margin-bottom:40px;}
#accesswrap .cols-4-inner .col {padding:40px 0 30px; border:solid 7px #fff; text-align:center;}
#accesswrap .cols-4-inner .col a.accesslink {display:block;}
#accesswrap svg {fill: white; width:20px;}

#accesswrap .cols-25-inner-left svg {width:30px;}
#accesswrap .cols-25-inner-leftmiddle svg {width:72px;}
#accesswrap .cols-25-inner-rightmiddle svg {width:70px;}
#accesswrap .cols-25-inner-right svg {width:103px;}

/* news */
#newswrap {padding:90px 0 100px; margin:0 auto;}
#newswrap h2 {margin-top:0; margin-bottom:50px;}
#newswrap .frame-type-html {margin-top:50px; text-align:center;}
.news .article:last-child,
.news-list-view .article {margin-bottom:0;}

@media only screen and (max-width:1440px) { 
.slider-caption {left:15px;}

#missionswrap {padding:0 15px 50px;}
#missionswrap .cols-50-inner-right {padding:30px;}
}


@media only screen and (max-width:1280px) { 
.tx-ff-owl-slider img {height:575px; object-position: -25px;}
.slider-caption h1 {font-size:48px; font-size:4.8rem; line-height:52px;}

#accesswrap a {font-size:28px; font-size:2.8rem;}
.cols-4-inner .col {width:49%; margin-right:2%; margin-bottom:15px;}
.cols-4-inner .cols-25-inner-leftmiddle {margin-right:0;}

#missionswrap .col {width:50%;}
#missionswrap .cols-50-inner-left {width:40%; padding:30px 10px; background-color: #004674;}
#missionswrap .cols-50-inner-right {width:60%; position:static; margin-left:0;}
}

@media only screen and (max-width:1024px) {
.tx-ff-owl-slider img {height:500px;}
.slider-caption {top:150px;}
.slider-caption h1 {font-size:42px; font-size:4.2rem; line-height:46px;}

#missionswrap .cols-50-inner-left {width:50%;}
#missionswrap .cols-50-inner-right {width:50%; padding:30px 20px 30px 0;}
}

@media only screen and (max-width: 768px) { 
  .tx-ff-owl-slider img {height:410px; object-position: -25px;}
  
  .slider-caption h1 {font-size:36px; font-size:3.6rem; line-height:40px;}
  #newswrap {padding:50px 0;}
 .news-list-view .article {width:100%; margin-bottom:25px;}
 .cols-2-inner {margin-bottom:0;}
 #missionswrap p {font-size: 20px; font-size: 2rem; line-height: 24px; margin:0;}
 #missionswrap .cols-50-inner-right p {font-size:16px; font-size:1.6rem; line-height:20px;}
 #missionswrap .cols-50-inner-right a {margin-top:30px; width:165px; font-size:18px; font-size:1.8rem;}
}


@media only screen and (max-width:640px) {
#contentmain {padding-top:30px;}

.tx-ff-owl-slider img {height:380px;}
.slider-caption {top:120px;}


#accesswrap .cols-25-inner-left svg {width:25px;}
#accesswrap .cols-25-inner-leftmiddle svg {width:58px;}
#accesswrap .cols-25-inner-rightmiddle svg {width:64px;}
#accesswrap .cols-25-inner-right svg {width:94px;}

#missionswrap .cols-50-inner-left {width:100%; background:none; padding:0; margin-bottom:0;}
#missionswrap .ce-above .ce-gallery {margin-bottom:0;}
#missionswrap .cols-50-inner-right {width:100%; margin-top:0; padding:20px;}
}

@media only screen and (max-width:480px) {
.tx-ff-owl-slider img {height:300px;}
.slider-caption {top:80px;}
.slider-caption h1 {font-size:32px; font-size:3.2rem; line-height:36px;}
.owl-theme .owl-controls .owl-page span {height:8px;}

#accesswrap .cols-header {margin-bottom:20px;}
#accesswrap .cols-4-inner .col {padding:20px 18px;}
#accesswrap a {font-size:22px; font-size:2.2rem;}
#accesswrap .cols-25-inner-left svg {width:18px;}
#accesswrap .cols-25-inner-leftmiddle svg {width:42px;}
#accesswrap .cols-25-inner-rightmiddle svg {width:55px;}
#accesswrap .cols-25-inner-right svg {width:80px;}
}


@media only screen and (max-width:380px) {
.tx-ff-owl-slider img {height:260px;}
.slider-caption {top:60px;}
.slider-caption h1 {font-size:25px; font-size:2.5rem; line-height:29px;}

#accesswrap .cols-4-inner {margin-bottom:0;}
#accesswrap .cols-4-inner .col {border: solid 4px #fff; margin-bottom:8px;}
#accesswrap a {font-size:18px; font-size:1.8rem;}
#accesswrap p {margin:5px 0;}
#accesswrap .cols-25-inner-rightmiddle svg {width:46px;}
#accesswrap .cols-25-inner-right svg {width:68px;}
}