#einklinker { position:absolute; top:150px; left:10%; background-color:#fff; width:40%; height:auto; padding:20px; opacity:0.9; }
#einklinker #swes_img { float: left; width:45%; }
#einklinker #swes_txt { float: left; padding-left: 20px; width:50%; text-align:left; }
#einklinker #swes_txt p { margin:0 0 10px 0; }
@media screen and (max-width: 1500px) {
  #einklinker { width:60%; }
}

#c38 { background-color:#fff; padding:20px; }
#c38 .ce-bodytext { text-align:left; padding-left:20px; }
#c38 p { margin-bottom:10px; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 font-size: 100%;
	 font: inherit;
	 vertical-align: baseline;
}
body {
	 font-family: 'Open Sans', sans-serif;
	 font-size: 100%;
	 line-height: 1.3em;
	 color:#626262;
	 text-align: center;
     margin:0;
}
#head { background-color:#4d5754; position:sticky; top:0; z-index:1000; }
#head .container2 { max-width: 1100px; margin: auto; position: relative; height:110px; }
#navigation { padding: 44px 0 0 0; }
#navigation ul { float:right; }
#navigation li { display:inline; list-style-type:none; }
#navigation li a { color:#fff; margin-left:20px; text-decoration:none; }
#socialmedia { float:right; padding: 35px 0 0 20px; }
#socialmedia a { margin-left: 10px; }
#logo { float: left; padding:22px 0 0 0; }

#content { width:100%; margin:0 auto; }
.container {
  position:relative;
  max-width: 1100px;
  margin: auto;
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-columns: repeat(12, 1fr [col-start]);
}
.container > div:not(.frame-slider) {
  grid-column: span 12;
}
#footer .container { grid-row-gap: 0; }

#showreel .video-embed-item { width:100%; height:auto; }
#showreel img { width:100%; height:auto; }
#news, #team { background-color:#edeeee; padding:50px 0;}
#dokus, #kunden { padding:50px 0;}
#kunden img { width:100%; height:auto; }

.frame-box30-grau, .frame-box30-weiss { grid-column: span 4 !important; overflow:hidden; }
.frame-box30-grau .ce-bodytext, .frame-box30-weiss .ce-bodytext { padding:10px; }
.frame-box30-grau img, .frame-box30-weiss img { width:100%; height:auto; min-height: 0 !important; }
.frame-box30-grau h3, .frame-box30-weiss h3 { color:#000; margin-bottom:10px; }

.frame-box30-grau, .frame-box25-grau { background-color:#edeeee; } 
.frame-box30-weiss, .frame-box25-weiss { background-color:#fff; }

.frame-box30-grau, .frame-box30-weiss { display: flex; flex-direction: column; }
.frame-box30-grau header, .frame-box30-weiss header { order: 2; }
.frame-box30-grau div.tx-sg-vimeo, .frame-box30-weiss div.tx-sg-vimeo { order: 1; }
.frame-box30-grau h2, .frame-box30-weiss h2 { font-weight: 400; font-size: 20px; color: #000; margin-bottom:10px; }
.frame-box30-grau h3, .frame-box30-weiss h3 { font-weight: 400; font-size: 100%; color:#626262; margin-bottom:20px; }

.frame-box25-grau, .frame-box25-weiss { grid-column: span 3 !important; overflow:hidden; }
.frame-box25-grau .ce-bodytext, .frame-box25-weiss .ce-bodytext { padding:10px; }
.frame-box25-grau img, .frame-box25-weiss img { width:100%; height:auto; }
.frame-box25-grau h3, .frame-box25-weiss h3 { color:#000; margin-bottom:10px; }

.frame-type-text { text-align:left; margin: 0 auto; }
.frame-type-text h3 { margin: 10px 0; }

.frame-type-image h2 { margin-top:20px; }

#footer { width:100%; background:#4d5754; padding:50px 0 30px 0; line-height:1.3em; color:#fff; }
#footer .footer_row { grid-column: span 3; text-align:left; margin-bottom: 25px; }
#footer .footer_row a { color:#fff; }
#footer .c0 { grid-column-start:1; grid-column-end:3; }
#footer .c1 { grid-column-start:4; grid-column-end:7; }
#footer .c2 { grid-column-start:7; grid-column-end:10; }
#footer .c3 { grid-column-start:10; grid-column-end:12; text-align:right; }
#footer a { text-decoration:none; }
#socialmedia_footer img { padding:10px 0 0 10px; }

.container .frame-type-image [data-ce-columns="1"] .ce-column { grid-column: span 12; }
.container .frame-type-image [data-ce-columns="2"] .ce-column { grid-column: span 6; }
.container .frame-type-image [data-ce-columns="3"] .ce-column { grid-column: span 4; }

.container ul { margin-left:20px; }
.tx-sg-vimeo { margin-bottom: 0 !important; }





p { margin:0; }

 h1 {
	 font-weight: 300;
	 font-size: 48px;
	 line-height: 48px;
	 color: #fff;
	 margin-bottom:50px;
}

 h2 {
	 font-weight: 400;
	 font-size: 32px;
	 color: #000;
   line-height:1em;
   margin: 20px 0;
}
#footer h2 { color:#fff; margin-bottom:50px; }
 h3 {
	 font-weight: 400;
	 font-size: 20px;
	 color: #000;
}
 h4 {
	 font-weight: 700;
	 font-size: 16px;
	 color: #000;
}
 h5 {
	 font-weight: 400;
	 font-size: 100%;
	 color: #EA9700;
     margin:0;
}
 em {
	 font-style:italic;
}
 pre {
	 margin-top:50px;
}
 pre a, pre a:visited {
	 color:#000;
	 text-decoration:none;
	 padding:10px 30px;
	 background:#FFCC00;
	 border-radius:10px;
   white-space: normal;
   line-height: 2em;
}
b, strong {
  font-weight:700;
}
 a {
	 text-decoration: underline;
	 color: #EA9700;
}
 a:hover {
	 text-decoration:none;
}
 a:visited {
	 color: #7b9789;
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



@media screen and (max-width: 1100px) {
  .container, .container2 { width:90%; }
}

@media screen and (max-width: 786px) {
  body { font-size:95%; }
  .frame-box30-grau, .frame-box30-weiss { grid-column: span 6 !important; overflow:hidden; }
  .frame-box25-grau, .frame-box25-weiss { grid-column: span 6 !important; overflow:hidden; }
  #footer .c0 { grid-column-start:1; grid-column-end:6; }
  #footer .c1 { grid-column-start:6; grid-column-end:12; }
  #footer .c2 { grid-column-start:6; grid-column-end:12; }
  #footer .c3 { grid-column-start:6; grid-column-end:12; text-align:left; }
  #logo img, #footer .c0 img  { width:104px; height:46px; }
  #showreel img { position:relative; width:150%; height:auto; left:-40%; }
  #c38 .ce-left .ce-gallery, .ce-column { float: none; }
}

@media screen and (max-width: 600px) {
  .frame-box30-grau, .frame-box30-weiss { grid-column: span 12 !important; overflow:hidden; }
  .frame-box25-grau, .frame-box25-weiss { grid-column: span 12 !important; overflow:hidden; }
  #head .container2 { height:140px; }
  #navigation { padding: 100px 0 0 0; }
  #navigation ul { float:left; }
  #navigation li a { margin:0 15px 0 0; }
  #socialmedia { padding: 25px 0 0 20px; }
  #showreel img { position:relative; width:200%; height:auto; left:-70%; }
  #c38 .ce-left .ce-gallery, .ce-column { float: none; }
}