@charset "UTF-8";

/*
Theme Name: GFA Steriltechnik
Theme URI: https://www.gfa-steriltechnik.de
Author: Ingo Stephan
Author URI: https://www.ingostephan.de
Description: Theme für GFA Steriltechnik
Version: 2.0-modernized
Tags: SGP, Gute Botschaften, Agentur, Remscheid, Werbung, Marketing, Internet, Facebook
Text Domain: Gute Botschaften.sgp
*/

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; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
html, body { height:100%; }
body { line-height: 1; margin:0; padding:0;  }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; hyphens: auto; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a, a:active, a:visited { text-decoration: none; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
.clear { clear:both; }
.nobr { white-space:nowrap; }
*, *::before, *::after { margin: 0; padding: 0; border: none; box-sizing: border-box; list-style: none; }
::-moz-selection { background: var(--black); color: var(--white); }
::selection { background: var(--black); color: var(--white); }
b, strong { font-weight: 700; }
em { font-style: italic; }

.show2000, .show1500, .show1200, .show1024, .show1100, .show768, .show550, .show450 { display: none; }

body {
  font-family: 'Exo 2', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: 0px;
  font-style: normal;
  position: relative;
  overflow-x: hidden;
}

header, article, footer { position: relative; width: 100%; }
article, footer { padding-left: 3vw; }
section { position: relative; width: 100%; padding: 8vw 6vw; }

header { z-index: 9999; }
header section { padding: 1.7rem 6vw 1.7rem 3vw; line-height: 0;  }
header section img.logo { height: 7vw; max-height: 150px; min-height: 100px; width: auto; }
header .nav.scroll img.logo { margin: 0.7vw 0 0 3vw; height: 1.6vw; }
header .anfragen { font-size: .8rem; color: var(--black); font-weight: 300; }
header .anfragen a { color: var(--blue); }
header .anfragen a:hover { color: var(--green); }

article section.content h1 .square { position: absolute; left: -6vw; top: 0.8rem; width: 1.5rem; height: 3vw; z-index: 1000; }
article section.content h2 .square, article section.content .h2 .square { position: absolute; left: -6vw; top: 0.3rem; width: 1.25rem; height: 2.5rem; z-index: 1000; }
article section h2 .square, article section .h2 .square { position: absolute; left: -6vw; top: 0.6rem; width: 1.6vw; height: 3.2vw; z-index: 1000; }

article#start { opacity: 1; position: relative; width: 100%; padding: 0; overflow: hidden; }
article#start section { position: relative; width: 100%; height: 60vh; }
article#start section .text { z-index: 100; position: absolute; left: 9vw; bottom: 0; height: 25vh; }
article#start section .bg-green { position: absolute; left:0; bottom: 0vw; height: 25vh; width: 3vw; z-index: 100; }
article#start section .h1 { line-height: .75em; font-size: 4vw; margin-bottom: .45em; }
article#start section .h4 { line-height: 1.15em; font-size: 1.85rem; }

article#welcome section h1 { font-size: var(--hrem-size); }

article#service #service-box.col_l_4 { position: relative; cursor: pointer; min-height: 22vw; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
article#service #service-box.col_l_4 .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5000; }
article#service #service-box.col_l_4:hover { background: rgb(161 187 83 / 90%) !important; }
article#service #service-box.col_l_4 a.btn_themen { position: absolute; right: 3vw; bottom: 3vw; font-size: 2rem; color: var(--white); text-decoration: none; }
article#service #service-box.col_l_4:hover a.btn_themen { right: 2vw; }
article#service #service-box.col_l_4 a.btn_themen i { margin: 0; }

article#misc #slide { margin: 0; position: relative; }
article#misc #slide .shape_top_white { position: absolute; top: -3px; left: 0; width: 100%; height: 50px; z-index: 2000; }
article#misc #slide_content { position: relative; width: 100%; overflow: hidden; padding: 0; }
article#misc .slide:hover { cursor: crosshair; }
article#misc .slide .title { width: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 1; z-index: 1; }
article#misc .slide .title h1 { position: absolute; top: 2vw; left: 1.5vw; right: 1.5vw; font-size: 2vw; line-height: 1.2em; display: block; margin: 0 !important; color: var(--white); -webkit-transition:font-size .35s ease; -moz-transition:font-size .35s ease; -o-transition:font-size .35s ease; transition:font-size .35s ease; }
article#misc .slide .title.inactive { opacity: 0; }
article#misc .content .slide .slide_content h1 { margin-bottom: .6em; }
article#misc .slide .slide_content h4 { font-size: 1.2rem; line-height: 1.35em; }
article#misc .slide .slide_content { position: absolute; left: 2vw; top: 4vw; right: calc(2vw - 15px); width: calc(100% - 4vw - 15px); opacity: 0; }
article#misc .slide .slide_content.active { opacity: 1; top: 2vw; z-index: 1; }

article#misc .slide .slide_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .85;}
article#misc .slide:hover .slide_overlay { left: calc(100% - 15px); -webkit-transition: left .2s linear; -ms-transition: left .2s linear; transition: left .2s linear; }

article#misc .slide .title { -webkit-transition: all .25s ease; -ms-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
article#misc .slide .title.inactive { -webkit-transition:opacity .35s ease; -moz-transition:opacity .35s ease; -o-transition:opacity .35s ease; transition:opacity .35s ease; }
article#misc .slide .slide_content.active { -webkit-transition:opacity 0.8s .3s ease, top 0.8s .3s ease; z-index: 1; -moz-transition:opacity 0.8s .3s ease, top 0.8s .3s ease; z-index: 1; -o-transition:opacity 0.8s .3s ease, top 0.8s .3s ease; z-index: 1; transition:opacity 0.8s .3s ease, top 0.8s .3s ease; }
article#misc .slide .slide_overlay { -webkit-transition:right .35s ease; -moz-transition:right .35s ease; -o-transition:right .35s ease; transition:right .35s ease; }
article#misc #slide_content i.icon-arrow-right { position: absolute; bottom: 2vw; right: 1.5vw; margin: 0; font-size: 1.75rem; z-index: 1; color: var(--white); }
article#misc #slide_content.active .slide a.overlay { display: none; }
article#misc #slide_content.active .slide.active a.overlay { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; }

article#misc #slide_content .slide {
  position: relative; 
  min-height: 45vh;
  width: calc(1/4*100%);
  overflow: hidden; 
  -webkit-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; 
}
article#misc #slide_content.active .slide.active { width: calc(3/6*100%); }
article#misc #slide_content.active .slide.inactive { width: calc(1/6*100%); }
article#misc #slide_content.active .slide.inactive .title h1 { font-size: 1.5vw; }

article#page-head .col_l_6.mittig { min-height: 16vw; }
article#page-head section h1,
article#page-head section h2, article#page-head section content h2 { margin-bottom: 0; z-index: 10; }
article#calltoaction .h3 { margin-bottom: 0; }
article#calltoaction .h3 a { color: rgb(255 255 255 / 75%); }
article#calltoaction .h3 a:hover { color: rgb(255 255 255 / 100%); }
article#contact .din_zert img { max-width: 300px; min-width: 200px; width: 20vw; height: auto; border-radius: 15px; border: 10px solid var(--white); }

article#service section { background: rgb(91 197 242 / 65%) url('images/chemical_treatment_plant.png') right -10px bottom -10px no-repeat; background-size: 47% auto; }

article#jobs.invisible { background: transparent url('images/bg_jobs.jpg') center center no-repeat; Background-size: cover; }

article#single-news-head section { overflow: hidden; border-top: 0px solid var(--purple); }
article#single-news-head section > div { position: relative; overflow: hidden; }
article#single-news-head section .h2 { position: relative; margin-bottom: 0; margin-bottom: 0; z-index: 1000; }
article#single-news .col_l_6.padtop9vw { margin-top: -3vw; }
article#single-news .overlay, article#single-services .overlay, article#page .overlay, article#news .overlay { position: absolute; top: 0; left: 0; width: 3vw; height: 12vw; }

article#single-services-head section { overflow: hidden; border-top: 0px solid var(--purple); }
article#single-services-head section > div { position: relative; overflow: hidden; }
article#single-services-head section h1 { position: relative; margin-bottom: 0; margin-bottom: 0; z-index: 1000; }
article#single-services-head section .h5 { position: relative; margin-bottom: .5rem; z-index: 1000; }
article#single-services .col_l_8 { margin-top: -3vw; }

article#page table.referenzen tbody,
article#page table.referenzen tr td { border: 0; }
article#page table.referenzen tr td { padding: 15px 0; }
article#page table.referenzen tr td .h3 { font-size: 1.5rem; margin-bottom: .5rem; display: inline-block; }
article#page table.referenzen tr { border-bottom: 1px solid var(--skyblue); }
article#page table.referenzen tr td img { width: auto; max-width: 300px; line-height: 0; }

#sidebox a h6 { margin-bottom: .5rem; color: var(--black); }
#sidebox a:hover h6 { color: var(--green); }
#sidebox a h6 i { color: var(--blue); }
#sidebox a:hover h6 i { color: var(--green); }