/* @override https://dev.foerster.gmbh/fileadmin/templates/css/foku.css?* */

/* @group Fonts */

/* titillium-web-200 - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/titillium-web-v9-latin-ext-200.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'),
       url('fonts/titillium-web-v9-latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-200italic - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/titillium-web-v9-latin-ext-200italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'),
       url('fonts/titillium-web-v9-latin-ext-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-200italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300 - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/titillium-web-v9-latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('fonts/titillium-web-v9-latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300italic - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/titillium-web-v9-latin-ext-300italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'),
       url('fonts/titillium-web-v9-latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/titillium-web-v9-latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('fonts/titillium-web-v9-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-italic - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/titillium-web-v9-latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
       url('fonts/titillium-web-v9-latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/titillium-web-v9-latin-ext-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('fonts/titillium-web-v9-latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/titillium-web-v9-latin-ext-600italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'),
       url('fonts/titillium-web-v9-latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/titillium-web-v9-latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('fonts/titillium-web-v9-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700italic - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/titillium-web-v9-latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'),
       url('fonts/titillium-web-v9-latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-900 - latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/titillium-web-v9-latin-ext-900.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Black'), local('TitilliumWeb-Black'),
       url('fonts/titillium-web-v9-latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-ext-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* @end */

/* @group Sticky Footer */

body {
  margin: 0; 
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  /*-ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
}

.foku-container {
  flex: 1;
  float: left;
}

/* @end */

/* @group Fullscreen Section */

section {
  width: 100%;
  padding: 0;
  display: table;
  margin: 0;
  max-width: none;
  float: left;
}

section:first-child {
  margin-top: 94px;
}

section:nth-of-type(2n) {
  background-color: white;
}

/* @group Nur Bild/Kein Slider */

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery figure.image {
  margin: 0;
}

.flexslider ul.slides.startseite img,
.flexslider .slides img {
    height: auto;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: calc(100vh - 384px);
}
.foku-header-img .image-embed-item {
    width: 100%;
    height: auto;
    min-height: 400px;
    height: calc(100vh - 384px);
    object-fit: cover;
    font-family: 'object-fit: cover;';
}


/* @end */

/* @end */

/* @group Header Arrow */

a div.foku-header-arrow img {
  width: 60px;
  height: auto;
  position: absolute;
  right: 80px;
  bottom: 320px;
  opacity: .85;
  z-index: 11;
}
a div.foku-header-arrow img:hover {
  opacity: 1;
}

/* @end */

/* @group General */

/* @group Links */

a,
.ce-bodytext p a[href^="tel"]:link,
.ce-bodytext p a[href^="tel"]:visited,
.ce-bodytext p a[href^="tel"]:hover {
  -webkit-transition: all 0.2s ease-in, all 0.2s ease-out; /* Safari / Chrome */
  -moz-transition: all 0.2s ease-in, all 0.2s ease-out; /* Firefox */
  -o-transition: all 0.2s ease-in, all 0.2s ease-out; /* Opera */
  transition: all 0.2s ease-in, all 0.2s ease-out; /* Standard */
}
.ce-bodytext p a,
div.news.news-single div.article div.news-text-wrap p a {
  color: rgb(0, 102, 100);
  text-decoration: none;
}
.ce-bodytext p a:hover,
div.news.news-single div.article div.news-text-wrap p a:hover {
  color: rgb(74, 74, 74);
}
section.foku-standard .ce-bodytext h5 a {
  background-color: rgb(48, 153, 139);
  padding: 15px 40px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  letter-spacing: .05em;
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  color: white;
}
section.foku-standard .ce-bodytext h5 a:hover {
  background-color: rgba(0, 102, 100, 1);
}

.news.news-single div.article div.news-text-wrap h5 a {
  background-color: rgb(48, 153, 139);
  padding: 10px 10px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .05em;
  font: 12px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  color: white;
}
.news.news-single div.article div.news-text-wrap h5 a:hover {
  background-color: rgba(0, 102, 100, 1);
}

/* @end */

.ce-bodytext h1,
.ce-bodytext h2,
.ce-bodytext h3,
.ce-bodytext h4,
.ce-bodytext h5 {
  margin: 0;
  padding: 0;
}

div.ce-bodytext h2 {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}

.ce-bodytext h1 {
  font: 28px/28px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  color: rgb(0, 102, 100);
  letter-spacing: .03em;
  padding-bottom: 42px;
}

.ce-bodytext h2 {
  font: 20px/26px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  color: rgb(0, 102, 100);
  text-transform: uppercase;
  letter-spacing: .05em;
  padding-bottom: 28px;
}

.ce-bodytext h3 {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  color: rgb(0, 102, 100);
  text-transform: uppercase;
  letter-spacing: .05em;
  padding-bottom: 22px;
}

.ce-bodytext h4 {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  color: rgb(0, 102, 100);
  letter-spacing: .01em;
  padding-bottom: 22px;
}

.ce-bodytext p {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  color: rgb(74, 74, 74);
}

.ce-bodytext p strong {
  font-weight: 600;
  letter-spacing: 0.01em;
}

.ce-bodytext ul li,
.news.news-single div.article div.news-text-wrap ul li {
  list-style: none;
  background: url("../img/foku-bullet.gif") 0 9px no-repeat scroll;
  padding-left: 18px;
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  color: rgb(74, 74, 74);
  padding-bottom: 3px;
}

.ce-bodytext table.contenttable tbody tr {
  vertical-align: top;
}
.ce-bodytext table.contenttable tbody tr td:nth-child(1) {
  width: 50px;
}
.ce-bodytext table.contenttable tbody tr td:nth-child(1) p {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  color: rgb(0, 102, 100);
}

.foku-width {
  max-width: 984px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
 
.foku-paddtop {
  width: 100%;
  float: left;
  margin-top: 40px;
  margin-bottom: 80px;
}

.foku-paddtop-start {
  width: 100%;
  float: left;
  margin-top: 40px;
  margin-bottom: 60px;
}

.foku-paddtop-produkte {
  width: 100%;
  float: left;
  margin-top: 60px;
  margin-bottom: 80px;
}
body div.foku-sprachwahl {
  position: fixed;
  z-index: 100;
  right: 40px;
  top: 10px;
}

body div.foku-sprachwahl ul  {
  list-style-type: none;
}

body div.foku-sprachwahl ul li{
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 15px;
}

body div.foku-sprachwahl ul li a {
    color: rgb(157, 157, 157);
}
body div.foku-sprachwahl ul li.aktiv a {
   color: rgb(0, 102, 100);
}
header {
  width: 100%;
  height: 94px;
  /*float: left;*/
  
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 11;
}

a div.foku-logo-mobile img {
  position: absolute;
  width: 150px;
  height: auto;
  top: 11px;
  left: 20px;
  display: none;
  z-index: 13;

}

a div.foku-logo img {
  width: 200px;
  height: auto;
  float: left;
  margin-top: 20px;
}

.frame-intro {
  padding-right: 240px;
}

.frame-intro .ce-bodytext p {
  font: 30px/36px 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  color: rgb(0, 102, 100);
  padding-bottom: 20px;
  padding-left: 10px;
}
.frame-intro .ce-bodytext p a {
  font: 20px/24px 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  color: rgb(0, 102, 100);
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 1px solid rgb(0, 102, 100);
}
.frame-intro .ce-bodytext p a:hover {
  color: rgb(74, 74, 74);
  text-decoration: none;
  border-bottom: 1px solid rgb(0, 0, 0);
}



section.foku-greenbox {
  padding-top: 60px;
  padding-bottom: 60px;
  background: rgb(0, 153, 139);
}

section.foku-greenbox .ce-bodytext p {
  font: 30px/36px 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  color: rgb(0, 102, 100);
}

section.foku-greenbox .ce-bodytext h5 {
  font: 60px/86px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  float: left;
  padding-right: 100px;
  background: url(../img/foku-greenbox-arrow.png) right 33px no-repeat scroll transparent;
}

section.foku-greenbox .ce-bodytext h5 a {
  display: inline-block;
  height: 70px;
    border-bottom: 3px solid rgba(213, 229, 229, 1);
  color: rgba(213, 229, 229, 1);
}
section.foku-greenbox .ce-bodytext h5 a:hover {
    border-bottom: 3px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}


footer {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  background: rgb(74, 74, 74);
}

.foku-copyright {
  width: auto;
  height: auto;
  float: left;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  color: rgb(157, 157, 157);
  text-transform: uppercase;
  letter-spacing: .01em;
}


/* @group header navi */

body header ul {
  float: right;
  list-style: none;
  text-align: right;
}

body header ul li {
  display: inline-block;
}
body header ul li a {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: rgb(157, 157, 157);
  text-transform: uppercase;
  letter-spacing: .03em;
  
  display: block;
  margin-left: 30px;
  padding-top: 35px;
  border-top: 4px solid rgb(255, 255, 255);
  }
body header ul li a:hover,
body header ul li.active a {
  color: rgb(29, 102, 100);
  border-top: 4px solid rgb(29, 102, 100);
}

/* @end */

/* @group produkte navi */

body main.foku-container section.foku-subnavi {
  background-image: url(../img/foku-bg-produkte.jpg);
  background-size: 100%;
  padding-bottom: 30px;
}

body .foku-subnavi ul {
  list-style: none;
  /*border-top: 1px solid rgb(156, 157, 156);
  border-bottom: 1px solid rgb(156, 157, 156);*/
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
}

body .foku-subnavi ul li a {
  width: calc(50% - 18px);
  float: left;

background: url("../img/foku-bullet-produkte0.png") 0 9px no-repeat scroll;
  padding-left: 18px;
  
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, .8);
  letter-spacing: .02em;
  
  display: block;
}

body .foku-subnavi ul li.active a,
body .foku-subnavi ul li a:hover {
  color: rgba(255, 255, 255, 1);
  background: url("../img/foku-bullet-produkte1.png") 0 9px no-repeat scroll;
}

/* @end */

/* @group footer navi */

body footer ul {
  float: right;
  list-style: none;
  text-align: right;
}

body footer ul li {
  display: inline-block;
  padding-top: 1px;
}
body footer ul li a {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  color: rgb(157, 157, 157);
  text-transform: uppercase;
  letter-spacing: .03em;
  display: block;
  margin-left: 20px;
}
body footer ul li a:hover,
body footer ul li.active a {
  color: rgb(255, 255, 255);
}

/* @group European logo */

body main.foku-container section div.funded p {
  color: white;
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 10px;
}

div.funded   {
  position: absolute;
  right: 45px;
  top: 129px;
  width: 200px;
  z-index: 10;
}

div.funded div.funded-logo img {
  width: 100%;
  height: auto;
}

/* @end */

/* @end */

.news div.no-news-found {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  color: rgb(0, 102, 100);
}

/* @end */


/* @group GridElements */

/* @group zweispalter.html */

.rows33-66 {
  width: 100%;
  height: auto;
  float: left;
}

.rows33-66 .row1 {
  width: calc(33.33% - 20px);
  height: auto;
  float: left;
  padding-right: 20px;
}
.rows33-66 .row2 {
  width: 66.66%;
  height: auto;
  float: left;
}

/* @end */

/* @group dreispalter.html */

.rows33 {
  width: 100%;
  height: auto;
  float: left;
}

.rows33 .row1,
.rows33 .row2,
.rows33 .row3 {
  width: calc(33.33% - 20px);
  height: auto;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

/* @end */

/* @group zweispalter-start.html */

.rows66-33 {
  width: calc(100% - 20px);
  height: auto;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.rows66-33 .row1 {
  width: 66.66%;
  height: auto;
  float: left;
  padding-right: 20px;
}
.rows66-33 .row2 {
  width: calc(33.33% - 20px);
  height: auto;
  float: left;
}

div#c77.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a img.image-embed-item {
  width: 100%;
  height: auto;
  float: left;
}


/* @end */


/* @group zweispalter-padd.html */

.rows33-66 .row1-padd {
  width: calc(33.33% - 20px);
  height: auto;
  float: left;
  padding-right: 20px;
}
.rows33-66 .row2-padd {
  width: 66.66%;
  height: auto;
  float: left;
}

/* @end */

/* @end */



/* @group Startseite Text & Media */

.rows33 .ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column {
  background-color: #ededed;
  width: 100%;
  padding-top: 56%; /* 1:1 Aspect Ratio */
  position: relative; /* If you want text inside of it */
  margin-bottom: 40px;
}

.rows33 .ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image,
.rows33 .ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  
  padding: 10px;
  margin: 0;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.rows33 .ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image img.image-embed-item {
  max-height: 125px;
  height: auto;
  max-width: 100%;
  width: auto;
}

/* @end */

/* @group Trenner */

hr.ce-div {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
  
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #ffffff 0%, #9d9da1, #ffffff 100%);
  background-image: -moz-linear-gradient(left, #ffffff 0%, #9d9da1, #ffffff 100%);
  background-image: -ms-linear-gradient(left, #ffffff 0%, #9d9da1, #ffffff 100%);
  background-image: -o-linear-gradient(left, #ffffff 0%, #9d9da1, #ffffff 100%);
  background-image: linear-gradient(to right, #ffffff 0%, #9d9da1, #ffffff 100%);
}

div#c79.frame.frame-default.frame-type-div.frame-layout-0 hr.ce-div {
  margin-bottom: 60px;
}

/* @end */

/* @group Produktgalerie */

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-above div.ce-gallery div.ce-row div.ce-column figure.image {
  width: calc(33.33% - 20px);
    padding-top: 20%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-above div.ce-gallery div.ce-row div.ce-column figure {
  margin: 0 0 20px;
}

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-above div.ce-gallery div.ce-row div.ce-column figure.image a.lightbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* @end */

/* @group Förderung */

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-gallery div.ce-row div.ce-column figure.image {
  float: left;
  margin: 0 20px 0 0;
  width: 150px;
}


.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-gallery div.ce-row div.ce-column figure.image img.image-embed-item {
  width: 100%;
  height: auto;
}
.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext  {
  padding-top: 40px;
}
/* @end */

/* @group Media Queries */
  
@media only screen and (min-width: 1024px) {

.flexslider ul.slides.startseite img,
.flexslider .slides img { 
   min-height: 384px;
}
 a div.foku-header-arrow img {
   width: 60px;
   height: auto;
   position: absolute;
   right: 80px;
   bottom: 320px;
   opacity: .85;
   z-index: 11;
 }

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

/* @group Header Arrow */

a div.foku-header-arrow img {
width: 60px;
height: auto;
position: absolute;
right: 40px;
top: 380px;
}

div.funded   {
  position: absolute;
  right: 25px;
  width: 200px;
  z-index: 12;
  top: 380px;
}


body main.foku-container section a div.foku-header-arrow {
  display: none;
}
body div.foku-sprachwahl {
  position: absolute;
  z-index: 100;
  right: 100px;
  top: 14px;
}

body div.foku-sprachwahl ul li.aktiv a {
   color: rgb(255, 255, 255);
}
/* @end */
}
  
  
  
  
  
  
@media only screen and (max-width: 1023px) {

section:first-child {
  margin-top: 0;
}
.flexslider ul.slides.startseite img,
.flexslider .slides img { 
  height: 450px;
}

/* @group Nur Bild/Kein Slider */
.foku-header-img img {
  height: 450px;
}
/* @end */

/* @group Header Arrow */

a div.foku-header-arrow img {
  width: 60px;
  height: auto;
  position: absolute;
  right: 40px;
  top: 430px;
}

/* @end */


header,
footer ul {
  display: none;
}
body a div.foku-logo-mobile img {
  display: block;
}

  
.rows33-66 .row1 {
  width: calc(100% - 0px);
  padding-right: 0px;
  padding-bottom: 0px;
}
.rows33-66 .row1-padd {
  width: calc(100% - 0px);
  padding-right: 0px;
  padding-bottom: 40px;
}
.rows33-66 .row2,
.rows33-66 .row2-padd {
  width: 100%;
}


.foku-paddtop,
.foku-paddtop-produkte {
  margin-bottom: 40px;
}
  
}  


@media only screen and (max-width: 800px) {
body main.foku-container section.foku-subnavi {
  padding-bottom: 30px;
}

body .foku-subnavi ul li a {
  width: calc(100% - 18px);
  padding-left: 18px;
}


.frame-intro {
  padding-right: 0px;
}

.frame-intro .ce-bodytext p {
    font-size: 20px;
    line-height: 28px;
  }
 .rows66-33 .row1 {
   width: 50%;
 }
 .rows66-33 .row2 {
   width: calc(50% - 20px);
} 
}




 


@media only screen and (max-width: 767px) {
body .foku-subnavi ul li a {
  
  font-size: 15px;
}

section.foku-greenbox {
  padding-top: 40px;
  padding-bottom: 40px;
}

section.foku-greenbox .ce-bodytext p {
  font: 20px/30px 'Titillium Web';
}

section.foku-greenbox .ce-bodytext h5 {
  font: 30px/60px 'Titillium Web';
  font-weight:bold;
  padding-right: 70px;
  background: url(../img/foku-greenbox-arrow-s.png) right 24px no-repeat scroll transparent;
}

section.foku-greenbox .ce-bodytext h5 a {
  display: inline-block;
  height: 48px;
  border-bottom: 3px solid rgba(213, 229, 229, 1);
}
section.foku-greenbox .ce-bodytext h5 a:hover {
  border-bottom: 3px solid rgba(255, 255, 255, 1);
}

/* @group Grid Elements */

.rows66-33 .row1 {
  width: 100%;
}
.rows66-33 .row2 {
  width: calc(100% - 20px);
}

.rows66-33 .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a img.image-embed-item {
  padding-bottom: 40px;
}

.rows33 .row1,
.rows33 .row2,
.rows33 .row3 {
  width: calc(100% - 20px);
}
.rows33 .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
  padding-bottom: 40px;
}

.frame-intro .ce-bodytext p {
  font-size: 18px;
  line-height: 26px;
  padding-left: 0px;
}
.frame-intro .ce-bodytext p:last-child {
  padding-bottom: 0px;
}


.foku-paddtop,
.foku-paddtop-start,
.foku-paddtop-produkte {
  margin-top: 20px;
}

section.foku-standard .ce-bodytext h5 a {
  font-size: 12px;
  line-height: 12px;
}

.news.news-single div.article div.news-text-wrap h5 a {
  font-size: 12px;
  line-height: 12px;
}

.rows66-33 {
  width: calc(100% - 0px);
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div#c79.frame.frame-default.frame-type-div.frame-layout-0 hr.ce-div {
  margin-bottom: 40px;
}

.rows33 .row1,
.rows33 .row2,
.rows33 .row3 {
  width: calc(100% - 0px);
  padding-left: 0px;
  padding-right: 0px;
}

.ce-bodytext h2 {
  padding-bottom: 14px;
}

.rows33 .ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column {
  margin-bottom: 20px;
}

.foku-paddtop-start {
  margin-bottom: 0px;
}

.rows33 .ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image img.image-embed-item {
  max-height: 300px;
}

/* @end */

}

@media only screen and (max-width: 680px) {
.flexslider ul.slides.startseite img,
.flexslider .slides img { 
  height: 300px;
}

/* @group Nur Bild/Kein Slider */
.foku-header-img img {
  height: 300px;
}
/* @end */

/* @group Header Arrow */
a div.foku-header-arrow img {
  right: 40px;
  top: 290px;
}
/* @end */
div.funded   {
  position: absolute;
  right: 25px;
  width: 150px;
  z-index: 12;
  top: 240px;
}
.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-gallery div.ce-row div.ce-column figure.image {
  float: left;
  margin: 0 20px 0 0;
  width: 150px;
}


.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-gallery div.ce-row div.ce-column figure.image img.image-embed-item {
  width: 100%;
    float: left;
  height: auto;
}

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-bodytext p {
    float: left;
  height: auto;
  margin-top: 12px;
}
}


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

.rows33 .ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image img.image-embed-item {
  max-height: 175px;
}

}


@media only screen and (max-width: 460px) {
.flexslider ul.slides.startseite img,
.flexslider .slides img { 
  height: 230px;
}

/* @group Nur Bild/Kein Slider */
.foku-header-img img {
  height: 230px;
}
/* @end */

/* @group Header Arrow */

div.funded   {
  right: 20px;
  width: 100px;
  z-index: 12;
  top: 180px;
}

a div.foku-header-arrow img {
  width: 40px;
  height: auto;
  top: 240px;
  right: 20px;
}

body main.foku-container section div.funded p {
  color: black;
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 10px;
}
/* @end */

section:nth-of-type(2n) {
  background-color: white;
  margin-top: 0px;
}

}