@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=637a400b-7b3b-4dae-bfe8-e9bcab78060c");
    @font-face{
        font-family:"Calibri Light";
        src:url("fonts/5a9b0b34-ed8d-4401-a5a3-58a142c626ec.eot?#iefix");
        src:url("fonts/5a9b0b34-ed8d-4401-a5a3-58a142c626ec.eot?#iefix") format("eot"),url("fonts/20685c06-277c-434c-9362-96bd3446e057.woff2") format("woff2"),url("fonts/c107f5db-1c4f-46e7-9a18-36ab736d2d6e.woff") format("woff"),url("fonts/ac18e6c2-1d34-49b8-8acb-0251e41d546f.ttf") format("truetype");
    }
    @font-face{
        font-family:"Calibri W01 Bold_904607";
        src:url("fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix");
        src:url("fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix") format("eot"),url("fonts/3ded7064-503f-4fa0-853b-9f7a2cf55f20.woff2") format("woff2"),url("fonts/4e7b2126-77d3-4e53-810d-7ccfde46450a.woff") format("woff"),url("fonts/dcb27c78-fcd6-43bb-ab8b-9152bcfeb336.ttf") format("truetype");
    }

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

/* exo-600 - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/exo-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Exo SemiBold'), local('Exo-SemiBold'),
       url('fonts/exo-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v8-latin-600.svg#Exo') format('svg'); /* Legacy iOS */
}

* { font-family: "Calibri Light"; font-weight: 400; }
b, strong { font-family: "Calibri W01 Bold_904607"; font-weight: 400; }
.text-center { text-align: center; }
body { background-color: #f6f6f5; }
html { color: #333; }

a, .uk-button, .powermail_fieldwrap_type_submit input { transition: all 0.75s ease-in-out; -webkit-transition: all 0.75s ease-in-out; }
.jermi-kopf-verlauf { transition: background 0.75s ease-in-out; -webkit-transition: background 0.75s ease-in-out; }

.jermi-totop { display: none; }

.jermi-rot { background-color: #e2001a; }
.jermi-kopf { z-index: 899; animation-name: JermiKopfAnimation; animation-duration: 6s; top: 0; left: 0; animation-iteration-count: 1; }
@keyframes JermiKopfAnimation {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.jermi-kopf .uk-margin-small-bottom { margin-bottom: 20px!important; }
.jermi-kopf .uk-margin-small-top { margin-top: 20px!important; }

.jermi-kopf-verlauf { background: rgba(255,255,255,0); position: fixed; top: 0; width: calc(100% - 80px); }
.jermi-kopf-verlauf.uk-active { background: rgba(255,255,255,0.55); }

#jermi-navigation { height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(32,32,32,0.95); z-index: 4000; }
#jermi-navigation a { color: #e2001a; font-family: "Calibri W01 Bold_904607" !important; font-size: 2rem; letter-spacing: 2px; padding: 10px 0; }
#jermi-navigation a:hover { color: #fff; }

.uk-logo { display: inline-block; font-size: 1rem; }
.uk-logo img { max-width: 100px; }

.jermi-video-overlay { position: absolute; }
.jermi-mitte { bottom: calc(35vh); }

.jermi-kopfelement-text { animation-name: JermiKopfAnimationText; animation-duration: 4.5s; animation-iteration-count: 1; }
@keyframes JermiKopfAnimationText {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.jermi-desktop { display: inline-block; }
.jermi-mobil { display: none; }
.jermi-desktop.jermi-vollebreite { width: 100%; display: block!important; }

@media only screen and (max-width: 768px) {
	.jermi-mobil.jermi-vollebreite { width: 100%; display: block!important; }
	.jermi-desktop { display: none; }
	.jermi-desktop.jermi-vollebreite { display: none !important; }
	.jermi-mobil { display: inline-block; }
}

p { letter-spacing: 1px; line-height: 1.6em; }
h1 { font-family: 'Exo'; font-size: 2.625rem; line-height: 1.3em; letter-spacing: 2px; }
h2 { font-family: 'Exo'; font-size: 2.625rem; line-height: 1.3em; letter-spacing: 2px; }
h3 { font-family: 'Exo'; font-size: 1.8rem; line-height: 1.3em; letter-spacing: 2px; }
h4 { font-family: 'Exo'; font-size: 1.2rem; line-height: 1.6em; letter-spacing: 1px; }
h5 { font-family: 'Exo'; font-size: 1rem; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 2px; }
a { color: #666; }
.uk-light a { color: #fff; }
a:hover { color: #e2001a; }
.uk-light a:hover { color: #e2001a; }

.jermi-inhalt-animation { opacity: 0; }
.jermi-inhalt-animation.aktiv { animation-name: JermiInhaltAnimation; animation-duration: 3s; animation-iteration-count: 1; opacity: 1; }
@keyframes JermiInhaltAnimation {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.jermi-halb h2 { width: 55%; }
.uk-text-right.jermi-halb h2 { margin: 0 0 20px 45%; }
.jermi-halb h1 { width: 55%; }
.uk-text-right.jermi-halb h1 { margin: 0 0 20px 45%; }
.jermi-fullscreen { min-height: 100vh; height: 100vh; overflow: hidden; position: relative; }
.jermi-rot.jermi-fullscreen { height: auto; }
.jermi-video-fullscreen { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100vw; min-height: 100vh; width: auto; height: auto; overflow: hidden; max-width: none; }

.jermi-video-ani-immer video { animation-name: JermiVideoAnimation; animation-duration: 3s; }
.jermi-video-ani video.jermi-video-animation { animation-name: JermiVideoAnimation; animation-duration: 3s; animation-iteration-count: 1; }
.jermi-video-ani-immer video.jermi-mobil { animation-name: JermiVideoAnimation; animation-duration: 2s; }

.jermi-video-text { min-height: 100vh; }
.jermi-video-text video { opacity: 0; }
.jermi-video-text img { opacity: 0; width: 100%; }
.jermi-video-text video.jermi-video-animation { animation-name: JermiVideoAnimation; animation-duration: 3s; animation-iteration-count: 1; opacity: 1; }
.jermi-video-text img.jermi-video-animation { animation-name: JermiVideoAnimation; animation-duration: 3s; animation-iteration-count: 1; opacity: 1; }
@keyframes JermiVideoAnimation {
  0% { opacity: 0; filter: blur(10px) }
  50% { opacity: 0; filter: blur(10px) }
  100% { opacity: 1; filter: blur(0px) }
}
.jermi-historie { min-height: 100vh; }
.jermi-qualitaet { min-height: 100vh; }

.jermi-fuss { background-color: #41403F; color: #fff; padding: 90px 0; }
.jermi-fuss img { max-width: 55px; }
.jermi-fuss ul { margin: 0; padding: 0; }
.jermi-fuss ul li { display: inline-block; list-style: none; margin: 0 20px 0 0; padding: 0; }
.jermi-fuss ul li a { color: #fff; font-size: 14px; }
.jermi-fuss ul li a:hover { color: #ccc; text-decoration: none; }
.jermi-fuss p { font-size: 11px; }

.jermi-strich:before { content: ' '; width: 120px; height: 2px; background-color: #e2001a; position: absolute; left: -140px; top: 20px; z-index: 1; }
.jermi-strich-rechts:before { content: ' '; width: 120px; height: 2px; background-color: #e2001a; position: absolute; right: -140px; top: 20px; z-index: 1; }

.frame-space-after-extra-small { margin-bottom: 50px !important; }
.frame-space-after-small { margin-bottom: 100px !important; }
.frame-space-after-medium { margin-bottom: 200px !important; }
.frame-space-after-large { margin-bottom: 300px !important; }
.frame-space-after-extra-large { margin-bottom: 350px !important; }
.frame-space-before-extra-small { margin-top: 50px !important; }
.frame-space-before-small { margin-top: 100px !important; }
.frame-space-before-medium { margin-top: 200px !important; }
.frame-space-before-large { margin-top: 300px !important; }
.frame-space-before-extra-large { margin-top: 350px !important; }

.uk-grid-collapse .frame-type-text { padding: 0 20px; }
.uk-grid-collapse .jermi-ausbildung .frame-type-text { padding: 0 0; }
.uk-grid-collapse .frame-type-text h4 { margin-bottom: 0; font-size: 1.4rem; }
.uk-grid-collapse .frame-type-text h5 { font-size: 0.75rem; }

.jermi-ausbildung .uk-margin-medium-left { margin-left: 15px!important; }
.jermi-ausbildung .uk-margin-medium-bottom { margin-bottom: 15px!important; }
.uk-button { font-size: .875rem; padding: 0 30px; line-height: 42px; }
.jermi-ausbildung img { max-width: none; width: 100%; }
.jermi-ausbildung { overflow: hidden; }

.jermi-vordergrund { z-index: 1; }

.jermi-animation { opacity: 0; }
.jermi-animation-akt { animation-name: JermiAnimation; animation-duration: 3s; animation-iteration-count: 1; opacity: 1; }
@keyframes JermiAnimation {
  0% { margin-right: -20%; margin-left: 20%; opacity: 0; }
  100% { margin-right: 0%; margin-left: 0%; opacity: 1; }
}
.uk-text-right .jermi-animation-akt { animation-name: JermiAnimation2; animation-duration: 3s; animation-iteration-count: 1; }
@keyframes JermiAnimation2 {
  0% { margin-right: 20%; margin-left: -20%; opacity: 0; }
  100% { margin-right: 0%; margin-left: 0%; opacity: 1; }
}

.jermi-qualitaet .uk-light .uk-slidenav { color: #000; }



/* Kontaktformular */
.tx-powermail { width: calc(100% - 0px); margin: 0 0 0 0; }
.tx-powermail h3 { display: none; }
.tx-powermail .powermail_legend { display: none; }
.tx-powermail fieldset { border: none; margin: 0; padding: 0; }
.powermail_fieldwrap { margin: 0 0 15px 0; width: 100%; float: left; clear: both; position: relative; }
.powermail_fieldwrap label { font-size: 0.75em; line-height: 1.6em; font-family: 'Exo'; text-transform: uppercase; }
.tx-powermail .layout1 { width: calc(33.3333333333%); clear: none; margin: 0 0 15px 0; }
.tx-powermail .layout2 { width: calc(50%); clear: none; margin: 0 0 15px 0; }
.tx-powermail .layout3 { width: calc(66.6666666666%); clear: none; margin: 0 0 15px 0; }
.parsley-required, .parsley-custom-error-message { font-size: 0.6em; color: #ff0000; margin: 0 0 5px 0; font-family: 'Calibri W01 Bold_904607'; position: absolute; top: 35px; left: 15px; }
ul.parsley-errors-list { margin: 0; line-height: 1em; list-style: none; }
.powermail_fieldwrap input { font-size: 0.875em; font-family:"Calibri Light"; background-color: #e5e5e5; color: #000; width: calc(100% - 37px); border: none; border-radius: 20px; padding: 10px 10px; margin: 0 15px 0 0; outline: none; }
.powermail_fieldwrap textarea { font-family:"Calibri Light"; background-color: #e5e5e5; color: #000; width: calc(100% - 37px); height: 80px; border: none; padding: 10px 10px; font-size: 0.875em; border-radius: 20px; margin: 0 15px 0 0; }
.powermail_fieldwrap_type_submit { clear: both !important; text-align: center; }
.powermail_fieldwrap_type_submit input { font-size: 0.875em; font-family:"Exo"; background: none; color: #000; width: auto; border: 1px solid #000; padding: 10px 40px; text-align: center; display: block; border-radius: 20px; margin: auto; text-transform: uppercase; cursor: pointer; -webkit-appearance: button; }
.powermail_fieldwrap_type_submit input:hover { color: #fff; background-color: #e2001a; border: none; border: 1px solid #e2001a; }
.powermail_fieldwrap .powermail_check_inner input { width: 20px; margin: 7px 0 0 0; }
.powermail_fieldwrap .powermail_check_inner label { display: inline; }
.powermail_fieldwrap .checkbox label { font-size: 0.875em; font-family:"Calibri Light"; }
.powermail_fieldwrap_textarea label { display: block; margin: 0 0 5px 0; }
#powermail_field_amorder { display: none; }
label[for=powermail_field_amorder] { display: none; }

.uk-slideshow h1, .uk-slideshow h2, .uk-slideshow h3, .uk-slideshow h4, .uk-slideshow h5, .uk-slideshow p { text-shadow: 1px 1px 4px #000000; }
.uk-slideshow p { font-size: 18px; line-height: 20px; padding: 0 80px; }

#jermi-popup p, #jermi-popup h1, #jermi-popup h2, #jermi-popup h3, #jermi-popup h4, #jermi-popup h5 { color: #fff; }
#jermi-popup a { color: #fff; text-decoration: underline; font-family: inherit; }


/* TYPO3 Anpassungen */
.ce-gallery[data-ce-columns="5"] .ce-column { width: calc(20% - 30px); margin: 0 15px; }
.ce-gallery[data-ce-columns="5"] .ce-column figure { text-align: center; width: 100%; }
.ce-gallery[data-ce-columns="5"] .ce-column img { max-height: 80px; width: auto; }

@media only screen and (max-width: 767px) {
	.ce-gallery[data-ce-columns="5"] .ce-column { width: calc(50% - 30px); margin: 0 15px; }
	.ce-gallery[data-ce-columns="5"] .ce-column img { max-height: none; }
}


/* Individuelle Anpassungen */
@media only screen and (max-width: 1300px) {
	#c58 video.jermi-desktop { top: 70%; }
}


/* UIKIT Anpassungen */

.uk-offcanvas-bar { left: -100%; width: 100%; padding: 0; background: rgba(40,40,40,0.9); }
@media (min-width: 960px) { .uk-offcanvas-bar { left: -100%; width: 100%; padding: 0} }
.uk-button { font-family: "Calibri W01 Bold_904607"; letter-spacing: 2px; margin: 0 20px 10px 0; }
.uk-button-default { border-color: rgba(0,0,0,1); }
.uk-button-default:hover { border-color: #e2001a; background-color: #e2001a; color: #fff; }
.uk-light .uk-button-default { border-color: rgba(255,255,255,1); }
.jermi-startseite .uk-button-default { background-color: rgba(255,255,255,1); color: #e2001a; }
.uk-light .uk-button-default:hover { border-color: #e2001a; background-color: #e2001a; color: #fff; }
.uk-light.jermi-rot .uk-button-default:hover { border-color: #fff; background-color: #fff; color: #e2001a; }
.uk-text-right .uk-button { margin: 0 0 10px 20px; }
.uk-icon { margin: 0 0 0 0; }
.uk-accordion-title { font-family: 'Exo'; letter-spacing: 2px; }
.uk-accordion-title:before { background: none !important; }
.uk-accordion-title:after { content:' '; background-image: url("../img/icon-down.svg"); background-repeat: no-repeat; width: 30px; height: 28px; position: absolute; background-position: right; }
.uk-accordion-title:focus { color: rgba(0,0,0,1); }
.uk-accordion-title:active { color: rgba(0,0,0,1); }
.uk-open .uk-accordion-title:after { background-image: url("../img/icon-up.svg"); }
.uk-light .uk-accordion-title:after { content:' '; background-image: url("../img/icon-down-w.svg"); background-repeat: no-repeat; width: 30px; height: 28px; position: absolute; background-position: right; }
.uk-light .uk-accordion-title:focus { color: rgba(255,255,255,1); }
.uk-light .uk-accordion-title:hover { color: rgba(255,255,255,1); }
.uk-light .uk-accordion-title:active { color: rgba(255,255,255,1); }
.uk-light .uk-open .uk-accordion-title:after { background-image: url("../img/icon-up-w.svg"); }
.uk-lightbox { background: rgba(0,0,0,0.9); }
.uk-responsive-width { max-height: 90%!important; max-width: 90%!important; }
.uk-light { color: rgba(255,255,255,1); }
_:-ms-lang(x),
.uk-container { width: 100%; }

/* Responsive Anpassungen */
@media only screen and (max-width: 1023px) {
	.jermi-fullscreen { min-height: 50vh; }
	.jermi-fullscreen.jermi-kopfvideo { min-height: 100vh; }
	.jermi-video-text { min-height: 50vh; }
	.jermi-historie { min-height: 50vh; }
	.jermi-qualitaet { min-height: 50vh; }
	.jermi-fullscreen .uk-position-center { position: relative !important; top: auto; left: auto; transform: none; width: auto; max-width: 100%; box-sizing: border-box; }
	.jermi-ausbildung h3 { font-size: 1.2rem; }
	.uk-slideshow p { padding: 0; font-size: 0.875em; font-weight: 600; }
	.uk-slideshow .uk-text-center { padding: 20px; }
	.uk-slideshow h1, .uk-slideshow h2, .uk-slideshow h3, .uk-slideshow h4, .uk-slideshow h5, .uk-slideshow p { font-size: 1.4em; }
}
@media only screen and (max-width: 767px) {
	.jermi-fullscreen { min-height: 0px; }
	.jermi-fullscreen.jermi-kopfvideo { min-height: 100vh; }
	.jermi-video-text { min-height: 0px; }
	.jermi-video-text video { margin: 0 -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); }
	.jermi-video-text .ce-image { margin: 0 -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); }
	.jermi-historie { min-height: 0px; }
	.jermi-historie .jermi-inhalt-animation { margin: 0 -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); }
	.jermi-qualitaet { min-height: 0px; }
	.jermi-qualitaet .jermi-inhalt-animation { margin: 0 -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); }
	.jermi-fullscreen .uk-position-center { position: relative !important; top: auto; left: auto; transform: none; width: auto; max-width: 100%; box-sizing: border-box; }
	.jermi-video-fullscreen { position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; min-width: auto; min-height: auto; width: auto; height: 100vh; overflow: hidden; max-width: none; }
	.jermi-kopf-verlauf.uk-active { background: rgba(255,255,255,0.95); }
	
	.jermi-kopf-verlauf { width: calc(100% - 60px); }
	
	#jermi-navigation { background-color: rgba(0,0,0,0.9); }
	
	.uk-logo img { max-width: 85px; }

	.jermi-ausbildung h3 { font-size: 1rem; }
	
	p { font-size: 1em; }
	h1 { font-size: 1.5rem; }
	h2 { font-size: 1.3rem; }
	h3 { font-size: 1rem; }
	h4 { font-size: 1rem; }
	h5 { font-size: 1rem; }
	.jermi-halb h2 { width: 100%; }
	.uk-text-right.jermi-halb h2 { margin: 0 0 20px 0; }
	.jermi-halb h1 { width: 100%; }
	.uk-text-right.jermi-halb h1 { margin: 0 0 20px 0; }
	.jermi-strich:before { content: none; }
	.jermi-strich-rechts:before { content: none; }
	*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin { margin-top: 0; }
	.jermi-seitenwechsel { flex-direction: column-reverse; }
	.uk-text-right { text-align: left!important; }
	.jermi-kopfvideo .uk-text-right { text-align: right!important; }
	.text-center { text-align: left!important; }
	.jermi-rot .text-center { text-align: center!important; }	
	.uk-text-right .uk-button { margin: 0 20px 10px 0; }
	.jermi-kopfvideo .uk-text-right .uk-button { margin: 0 0 10px 10px; }
	.jermi-fuss .uk-text-right { text-align: right!important; }
	
	.uk-button { font-size: .75rem; padding: 0 20px; line-height: 30px; }
	.powermail_fieldwrap_type_submit input { font-size: 0.75em; padding: 10px 20px; }	
	
	.uk-slideshow h1, .uk-slideshow h2, .uk-slideshow h3, .uk-slideshow h4, .uk-slideshow h5, .uk-slideshow p { font-size: 1em; }
	
	.uk-grid-collapse .frame-space-before-extra-small {
    	margin-top: 30px !important;
	}
	
	@keyframes JermiAnimation {
		0% { margin-right: 0%; margin-left: 0%; opacity: 0; }
		100% { margin-right: 0%; margin-left: 0%; opacity: 1; }
	}
	@keyframes JermiAnimation2 {
		0% { margin-right: 0%; margin-left: 0%; opacity: 0; }
		100% { margin-right: 0%; margin-left: 0%; opacity: 1; }
	}
	#c25 img { width: 120px; }
	#c138 .text-center { text-align: left; }
	
	.tx-powermail .layout1 { width: calc(100%); }
	.tx-powermail .layout2 { width: calc(100%); }
	.tx-powermail .layout3 { width: calc(100%); }
	
	.frame-space-after-extra-small { margin-bottom: 50px !important; }
	.frame-space-after-small { margin-bottom: 75px !important; }
	.frame-space-after-medium { margin-bottom: 120px !important; }
	.frame-space-after-large { margin-bottom: 150px !important; }
	.frame-space-after-extra-large { margin-bottom: 220px !important; }
	.frame-space-before-extra-small { margin-top: 50px !important; }
	.frame-space-before-small { margin-top: 75px !important; }
	.frame-space-before-medium { margin-top: 120px !important; }
	.frame-space-before-large { margin-top: 150px !important; }
	.frame-space-before-extra-large { margin-top: 220px !important; }
}
@media only screen and (max-width: 375px) {
	.jermi-video-fullscreen { width: 100%; height: auto; }
}
@media only screen and (max-width: 380px) {
	.uk-margin-xlarge-bottom { margin-bottom: 150px !important; }	
}
@media only screen and (max-width: 370px) {
	.uk-margin-xlarge-bottom { margin-bottom: 70px !important; }	
}
@media only screen and (max-width: 550px) {
	#c104 { display: none; }
}
@media only screen and (max-width: 640px) {
	.uk-width-1-1.jermi-ausbildung img { margin: 0 0% 0 -50%; width: 200%; }
	.uk-grid .uk-width-1-1.jermi-ausbildung img { margin: 0; width: 100%; }	
}