/**
 * @license
 * MyFonts Webfont Build ID 4237732, 2021-12-10T09:24:19-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FF Nort Thin by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/thin/
 * 
 * Webfont: FF Nort Thin Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/thin-italic/
 * 
 * Webfont: FF Nort Extra Light by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/extralight/
 * 
 * Webfont: FF Nort Extra Light Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/extralight-italic/
 * 
 * Webfont: FF Nort Light by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/light/
 * 
 * Webfont: FF Nort Light Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/light-italic/
 * 
 * Webfont: FF Nort Regular by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/regular/
 * 
 * Webfont: FF Nort Regular Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/regular-italic/
 * 
 * Webfont: FF Nort Medium by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/medium/
 * 
 * Webfont: FF Nort Medium Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/medium-italic/
 * 
 * Webfont: FF Nort Bold by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/bold/
 * 
 * Webfont: FF Nort Bold Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/bold-italic/
 * 
 * Webfont: FF Nort Black by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/black/
 * 
 * Webfont: FF Nort Black Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/black-italic/
 * 
 * Webfont: FF Nort Ultra by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/ultra/
 * 
 * Webfont: FF Nort Ultra Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-nort/ultra--italic/
 * 
 * 
 * Webfonts copyright: Copyright © 2017-2018 Monotype GmbH. All rights reserved
 * 
 * © 2021 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/40a9a4");
 /*
@font-face {
  font-family: "FFNortThinItalic";
  src: url('webFonts/FFNortThinItalic/font.woff2') format('woff2'), url('webFonts/FFNortThinItalic/font.woff') format('woff');
}
@font-face {
  font-family: "FFNortMediumItalic";
  src: url('webFonts/FFNortMediumItalic/font.woff2') format('woff2'), url('webFonts/FFNortMediumItalic/font.woff') format('woff');
}*/
@font-face {
  font-family: "FFNort";
		font-style: normal;
    font-weight: 400;
  src: url('webFonts/FFNortRegular/font.woff2') format('woff2'), url('webFonts/FFNortRegular/font.woff') format('woff');
}
@font-face {
  font-family: "FFNort";
		font-style: italic;
    font-weight: 600;
  src: url('webFonts/FFNortBoldItalic/font.woff2') format('woff2'), url('webFonts/FFNortBoldItalic/font.woff') format('woff');
}/*
@font-face {
  font-family: "FFNortBlackItalic";
  src: url('webFonts/FFNortBlackItalic/font.woff2') format('woff2'), url('webFonts/FFNortBlackItalic/font.woff') format('woff');
}*/
@font-face {
  font-family: "FFNort";
	font-style: normal;
    font-weight: 500;
  src: url('webFonts/FFNortMedium/font.woff2') format('woff2'), url('webFonts/FFNortMedium/font.woff') format('woff');
}/*
@font-face {
  font-family: "FFNortLightItalic";
  src: url('webFonts/FFNortLightItalic/font.woff2') format('woff2'), url('webFonts/FFNortLightItalic/font.woff') format('woff');
}
@font-face {
  font-family: "FFNortExtraLightItalic";
  src: url('webFonts/FFNortExtraLightItalic/font.woff2') format('woff2'), url('webFonts/FFNortExtraLightItalic/font.woff') format('woff');
}
@font-face {
  font-family: "FFNortLight";
  src: url('webFonts/FFNortLight/font.woff2') format('woff2'), url('webFonts/FFNortLight/font.woff') format('woff');
}
@font-face {
  font-family: "FFNortBlack";
  src: url('webFonts/FFNortBlack/font.woff2') format('woff2'), url('webFonts/FFNortBlack/font.woff') format('woff');
}
@font-face {
  font-family: "FFNortExtraLight";
  src: url('webFonts/FFNortExtraLight/font.woff2') format('woff2'), url('webFonts/FFNortExtraLight/font.woff') format('woff');
}*/
@font-face {
  font-family: "FFNort";
	font-style: normal;
    font-weight: 600;
  src: url('webFonts/FFNortBold/font.woff2') format('woff2'), url('webFonts/FFNortBold/font.woff') format('woff');
}/*
@font-face {
  font-family: "FFNort";
  src: url('webFonts/FFNortUltraItalic/font.woff2') format('woff2'), url('webFonts/FFNortUltraItalic/font.woff') format('woff');
}
@font-face {
  font-family: "FFNortUltra";
  src: url('webFonts/FFNortUltra/font.woff2') format('woff2'), url('webFonts/FFNortUltra/font.woff') format('woff');
}
@font-face {
  font-family: "FFNortThin";
  src: url('webFonts/FFNortThin/font.woff2') format('woff2'), url('webFonts/FFNortThin/font.woff') format('woff');
}*/
@font-face {
  font-family: "FFNort";
	font-style: italic;
    font-weight: 400;
  src: url('webFonts/FFNortRegularItalic/font.woff2') format('woff2'), url('webFonts/FFNortRegularItalic/font.woff') format('woff');
}



  /* TEMPLATE CSS
  *********************************************/
  :root {
  
  --blue: #00989d;
  --yellow: #fcc65e;
  --yellow-rgb: 252, 198, 94;
	  --green: #99cead;
    --tg: #E83168;
    --dark-blue: #0073A4;
    --lila: #58348B;
    --wg:#64C2C7;
	  
	  --fbsize: 1em;

	  --header-height: 45px;
	  --pagemargin: 1rem;
  }
  .visually-hidden {
      display: none;
  }

html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
      border: 0;
      font-size: var(--fbsize);
      margin: 0;
      padding: 0;
  }
  
  html {height:100%; margin-bottom:1px; overflow-y:scroll;}
	  
  body {background: var(--yellow); color:#323232; 
	  
	 /* font-family: 'Public Sans', sans-serif; font:normal normal normal 75%/125% 'Public Sans',sans-serif; */
	  font-family: FFNort, sans-serif;
	  height:100%; text-align:left;}
	  

  
  /* LAYOUT
  *********************************************/
  
  
  
  
  /* #main {
      background: url(../images/schweif-aussen.png) no-repeat center top;
  } */
  .search  {
display: none;
  }

  header {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 var(
      --pagemargin);
      position: fixed;
      /* top: 0; */
      /* background-attachment: fixed; */
      background: var(--yellow);
      z-index: 3;
      transition: height 0.3s ease;
      height: var(--header-height);
  }
  
  .menubutton {
    cursor: pointer;
  }
.ghostheader {
	height: var(--header-height);
}

  
  
  #help {
      margin: 0;
      border: 0;
      padding: 0;
      clear: both;
      float: none;
      font-size: 1px;
  }
  
    header h1 {
    	height:100%;
    	/* position: relative; */
    	display: flex;
    	align-items: center;
    	/* padding: 10px 0; */
      z-index: 99;
    }

  header h1 a {
    display: block;
    width: 100%;
    /* background-size: 80%; */
    height: 100%;
    display: flex;
    align-items: center;
    /* padding: 10px 0; */
    /* margin: 10px; */
  }


  .menu_icon {
    /* display: inline; */
    /* grid-column-start: 3; */
    /* grid-row-start: 1; */
    /* grid-column-end: 5; */
    /* place-self: start end; */
    /* z-index: 10; */
    /* margin-top: calc(var(--xxs) / 2); */
    display: flex;
    align-items: center;
    height: 100%;
}

#icon {
    height: 50%;
    cursor: pointer;
  z-index: 99;
}

.menu_icon path {
    fill: none;
    stroke-width: 30px;
    stroke: var(--blue);
    stroke-dashoffset: 0px;
    Transition: stroke-dashoffset 0.5s ease;
}

.menu_icon path#top, .menu_icon path#bottom {
    stroke-dasharray: 240px 950px;
}

.menu_icon path#middle {
    stroke-dasharray: 240px 240px;
}

.cross path#top, .cross path#bottom {
    stroke-dashoffset: -635px;
}

.cross path#middle {
    stroke-dashoffset: -115px;
    stroke-dasharray: 1px 220px;
}

  header h1 a svg {
  	height: 50%;
  	width: auto;
  	display: block;
  }

  header .nav {
    --navwidth: 100vw;
  	display:flex;
  	left: 100%;
  	position: fixed;
  	top: 0;
  	background: #fff;
  	width: var(--navwidth);
   /* height: calc(100vh - var(--header-height));*/
    overflow-x: hidden;
  	/* backdrop-filter: blur(20px); */
    transition: all 0.5s ease;
    padding-top: calc(var(--header-height) * 2);
    overflow-y: scroll;

  }

  header .nav.open {
  	display: flex;
    left: 0;
  }
header .nav .parent a {
  font-weight: 600;
  font-size: calc(var(--fbsize) * 1.05);
}
  header ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
  }
  header .nav ul {
    transform: translateX(0);
    transition: all 0.3s ease;
    flex-grow: 1;
    height: calc(100vh - var(--header-height) * 2);
  }


  header .nav .hidemain {
    transform: translateX(-100vw);
  }

  header .nav .hidemain>li>a, header .nav .hidemain>li>label{
    opacity: 0;
  }

 

  header .nav ul li ul {
    position: absolute;
    top: 0;
    transform: translateX(100vw);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease all;
    display: none;
  }
  header .nav ul li.display > ul {
    display: block;
  }

  header .nav ul li.revealsub > ul {
    visibility: visible;
    opacity: 1;
  }


  
  header .nav li {
    /*  list-style: none;
	  font-weight: 500;*/
    margin: 0 calc(var(--pagemargin)*2.5);
    margin-bottom: calc(var( --fbsize) / 2);
    display: flex;
  }

  header .nav li li {
    /*  list-style: none;
	  font-weight: 500;*/
    margin-left: 0;
  }
  header .nav label span {
display: block;  }

  header .nav a, header .nav label {
    text-decoration: none;
    font-weight: 300;
    display: flex;
      color: var(--blue);
      font-size: var(--fbsize);
      opacity: 1;
      line-height: 1;
      min-height: calc(var(--fbsize) * 2.5);
      flex-grow: 1;
      justify-content: space-between;
      align-items: center;
      /*line-height: 40px;
      text-decoration: none;*/
      /*background: url(../images/menu-trenner.png) no-repeat -20px bottom;
      padding: 0 0 0 30px;
      margin: 0 0 0 20px;
      position: relative;*/
  }
  
  header .nav li  a:hover {
     /* text-decoration: underline;*/
  }

  .submenu {
    cursor: pointer;
    color: #fff;
  }
  
  header .nav  li:last-child  a {
      /*background: none;*/
  }
  
  header .nav  li.active a {
      /*background: url(../images/menu-verlauf.png) repeat-y;
      border-radius: 5px 0 0 5px;
      -webkit-box-shadow: 0 0 4px #444;
      -moz-box-shadow: 0 0 4px #444;
      box-shadow: 0 0 4px #444;
      color: #082c52;*/
     /* font-weight: bold;*/
      
  }
  
  /*header .nav > li.active > a:before {
      content: ' ';
      display: block;
      background: url(../images/menu-arrow.gif) no-repeat;
      width: 5px;
      height: 9px;
      position: absolute;
      left: 17px;
      top: 16px;
  }*/
  
  header .nav li ul li a {
     /* display: block;
      color: var(--blue);
      margin: 0 0 0 0px;
      padding: 0 0 0 20px;
      line-height: 30px;
      position: relative;*/
  }
  
  header .nav li ul li a:before {

        /*content: 'â';
        display: block;
        background: url(../images/menu-arrow.gif) no-repeat; 
        width: 5px;
        height: 9px;
        position: absolute;
        left: 8px;
         top: 12px; */
  }
  /*
  header .nav li ul li a:hover {
      text-decoration: none;
  }
  
  header .nav li ul li.active a {
      font-weight: bold;
  }*/
  
  .search {
      display: none;
  }
  
  .search label {
      display: none;
  }
  
 

  img {
    width: 100%;
  	max-width: 100%;
    height: auto;
    object-fit:cover
  }

.angebot_intro {
  height: calc(100vh - var(--header-height));
    position: relative;
    position: sticky;
    top: var(--header-height);
    z-index: -2;
}

.angebot_intro figure {
  	margin: 0;
    height: calc(50vh - var(--header-height));
    margin: 0 var(--pagemargin);
} 

.angebot_intro img {
    width: 100%;
  	max-width: 100%;
    height: 100%;
    object-fit:cover
  }

.angebot_intro h1 {
    font-size: 4rem;
    margin: calc( 1* var(--pagemargin)) var(--pagemargin) 0;
    color: var(--blue);
    line-height: 1;
  hyphens:auto;
}

.angebot_intro h5 {
    font-size: 1.3rem;
    margin: calc(var(--pagemargin) * 2) var(--pagemargin) 0;
    color: var(--dark-blue);
    font-weight: 300;
    line-height: 1;
}

.angebot_intro +  #ekjvcontent { padding-top: calc(var(--pagemargin) * 2);
  
}

  #ekjvcontent {
      background: #fff;
      min-height: 100vh;
    padding-bottom: calc(var(--pagemargin) * 2);
  }

  #content {
      /* padding: 0 60px 0 40px; */
      /* margin: 250px 0 0 0; */
      /* position: relative; */
      /* width: 580px; */
      margin:  0 var(--pagemargin);
      /* width:  100%; */
  }
  
  #content h1 {
	  --fbsize: 2em;
      color: var(--blue);
      font-size: var(--fbsize);
      line-height: calc(var(--fbsize) * 1);
      /*background: url(../images/h2-verlauf-gelb.png) left bottom no-repeat;*/
      /*margin: 0 0 calc(var(--fbsize) * 0.5) 0;*/
  }
  
  
  #content h2 {
      --fbsize: 1.5em;
      color: var(--blue);
      font-size: var(--fbsize);
      line-height: calc(var(--fbsize) * 1.2);
      /*background: url(../images/h2-verlauf-gelb.png) left bottom no-repeat;*/
    /* margin: 0 0 calc(var(--fbsize) * 0.5) 0;*/

  }
  
  #content h3 {
      --fbsize: 1.2em;
      color: var(--blue);
      font-size: var(--fbsize);
      line-height: calc(var(--fbsize) * 1.2);
      margin: 20px 0 10px 0;
  }
  
  #content p {
      margin: 0 0 calc(var(--fbsize) * 1.5) 0;
      line-height: calc(var(--fbsize) * 1.5);
      letter-spacing: 0.02rem;
      text-align: left;
  }
  
  #content ul {
      margin: 0 0 20px 0;
  }
  
  #content ul li {
      margin: 0 0 10px 20px;
      background: url(../images/ul-bullet.gif) no-repeat left 4px;
      padding: 0 0 5px 15px;
      list-style: none;
  }
  
  #content a {
      color: #1d61a7;
  }
  
  #content a:hover {
      text-decoration: none;
  }
  
  #content hr {
      border: none;
      border-bottom: 1px solid #ddd;
      margin: 10px 0;
  }
  
  #content .blog img.bild_links {
      float: left;
      margin: 0 15 10 0;
  }
  
  .row-separator {
      clear: both;
      display: block;
      border-top: 1px solid #e0e0e0;
      margin: 20px 0;
  }
  
  #footer {
      /*background: url(../images/footer-verlauf.png) no-repeat left top;*/
      padding: 15px 0 30px 0;
  }
  
  #footer .nav {
      list-style: none;
  }
  
  #footer .nav li {
      display: inline;
      padding: 0 5px 0 0;
      background: none;
      margin: 0;
  }
  
  #footer .nav li:before {
      content:"\2219 \0020";
  }
  
  #footer .nav li:first-child:before {
      content:"";
  }
  
  #footer .nav li a {
      color: #323232;
      text-decoration: none;
  }
  
  
 
  
  .stellenanzeigen form tr {
      margin-bottom: 1.25rem;
      display: block;
  }
  
  .stellenanzeigen form a {
      font-size: 1.25rem;
  }
  
  
  #content  ul > li > ul > li:first-child { margin-top: 15px;}
  #content  ul > li > ul > li:last-child { margin-bottom: 0px;}
  #content  ul > li > ul { margin-bottom: 0px;}


  @media only screen and (min-width: 600px) {
    header .nav {
     
    }

    #content {
      padding: calc(var(--header-height) * 1.5) 0;
      margin: 0 auto;
      
    }
    
    .com-content-article__body.angebote {
      display: grid;
      grid-template-columns: repeat(12,1fr);
      gap: 1.5rem;
      grid-row-gap: 6.25rem;
      padding-top: 6.25rem;
      padding-bottom: 6.25rem;
    }
    
    .com-content-article__body.angebote h4 {
      grid-column: 2/span 3;
      font-size: 2rem;
    transform: translateY(calc(-2rem * 0.5));
      hyphens: auto;
    } 
    
     .com-content-article__body.angebote ul {
      grid-column: 6/span 5;
    } 
    
    .com-content-article__body.angebote p {
      grid-column: 6/span 5;
    } 
    
     .com-content-article__body.angebote .conblock {
      grid-column: 6/span 5;
    } 


  }