/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C5kiK-u.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CdkiK-u.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C9kiK-u.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CBkiK-u.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CFkiK-u.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CxkiK-u.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C1kiK-u.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CNkiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C5kiK-u.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CdkiK-u.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C9kiK-u.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CBkiK-u.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CFkiK-u.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CxkiK-u.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C1kiK-u.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CNkiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10UxCF8jA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10dxCF8jA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10VxCF8jA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10axCF8jA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10WxCF8jA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10XxCF8jA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10ZxCE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10UxCF8jA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10dxCF8jA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10VxCF8jA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10axCF8jA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10WxCF8jA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10XxCF8jA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10ZxCE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Reset
-------------------------------------------------- */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
article, aside, details, figure, figcaption,
footer, header, hgroup, main, nav, section, summary {
  display: block;
}

/* Pix
-------------------------------------------------- */
img {
  display: block;
  max-width: 100%;
 }


/* allgemeine Links im Text
-------------------------------------------------- */
a {
    text-decoration: none;
    color: #0e3749;
 }
a:hover {
  color:   #cbce0D;

}

/*Raster
 * +++++++++++++++++++++++++++++++++++++++++++++++++*/
.row {
    width: auto;
    margin: auto;
}
.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.columns {
    float: left;
}

    .large-0 {width: 25%;}
    .large-1 {width: 33.33%;}
    .large-2 {width: 50%;}
    .large-3 {width: 66.33%;}
    .large-4 {width: 75%;}
    .large-5 {width: 100%;}
    
    
 /* Site
------------------------------------------------------------------*/

body {
  font-family: 'Arimo', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 1em;
  line-height: 1.3;
  color: #606060;

}
.seite {
  max-width: 1270px;
  width: 100%;
  margin: auto;
}
/*Hintergründe------------------------------------------------------
 * ----------------------------------------------------------------*/
.bgrgelb {
    background-color: #cbce0D;
    color: #fff;
    padding: 0.5em 1em;
}
.bgrhome {
    background-image: url(../images/agenos-header-blau02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgr02 {
    background-color:#0e3749;
    }
 .bgr03 {
    background-color: #efefef;
}
.bgrcloud {
    background-image: url(../images/agenos-header-claud.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgrsicherheit {
    background-image: url(../images/agenos-header-sicherheit.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgrinfra {
   background-image: url(../images/agenos-header-infra.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgrdefault {
    background-image: url(../images/agenos-header-blau02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgrblog {
   background-image: url(../images/agenos-header-blog.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgrsupport {
    background-image: url(../images/agenos-header-support.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgrimpressum {
    background-image: url(../images/agenos-header-impressum.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgrgodigital {
    background-image: url(../images/agenos-header-godigital.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
 .bgrtelefon {
    background-image: url(../images/header-telefon.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.bgrglasfaser {
    background-image: url(../images/agenos-header-glasfaser03.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}


/*Hintergrundbild auf Homepage unten*/
.bgr10 {
    background-image: url(../images/home-agenos-01.jpg);

    background-repeat: no-repeat;
    background-size:cover ;
    background-position: left top;
    color: #fff;
} 
.bgr11 {
  background-color: #F947A4;  
  color: #fff;
}
.linieweiss {
    border-bottom: solid 10px #fff;
    border-top : solid 10px #fff;
}

/*allgemeine Einstellungen--------------------------------------------
 * -----------------------------------------------------------------*/
  .test {
    background-color: green;
  }
 
/* Überschriften udn Texteinstellungen-----------------------------  */
h1 {
  font-size: 2.1em;
  line-height: 1.3;
  font-weight: 400;
}
h2 {
  font-size: 1.8em;
  line-height: 1.3;
  font-weight: 400;
}
h3 {
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 400;
}
h4 {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.3;

}
.textweiss a {
    color: #fff;
}
.linieoben {
    border-top : 1px solid #ccc;
}
.linieunten {
    border-bottom: 1px solid #cbce0D;
}
.textlinie p {
    display: inline;
}
.textmitte {
    text-align: center;
}
.textklein {
    font-size: 0.8em;

}
.textfett {
    font-weight: 600;
}
.textweiss  {
    color: #fff!important;
}
.support a:hover {
    color: #cbce0D;
}
.zeige {
    display:none ;
}
.zeige01 {
    display:none ;
}
/*Anstände ---------------------------------------------------------
 * ----------------------------------------------------------------*/
.dislinks01 {
    padding-left: 3%;
}
.disrechts01 {
    padding-right: 3%;
}
.dislinks02 {
    padding-left: 2%;
}
.dislinks03 {
    padding-left: 4%;
}
.disrechts02 {
    padding-right: 2%;
}
.disnurrechts01 {
    padding-right: 1em;
}
.disnurlinks01 {
    padding-left: 1em;
}
.disoben01  {
  padding-top: 0.5em;
}
.disoben02  {
  padding-top: 1em;
}
.disoben03  {
  padding-top: 1.5em;
}
.disoben04  {
  padding-top: 2em;
}
.disoben05  {
  padding-top: 2.5em;
}
.disoben06  {
  padding-top: 3em;
}
.disunten01 {
   padding-bottom: 0.5em;
}
.disunten02 {
   padding-bottom: 1em;
}
.disunten03 {
   padding-bottom: 1.5em;
}
 .disunten04 {
   padding-bottom: 2em;
}
.disunten05 {
    padding-bottom: 2.5em;
}
.disunten06 {
    padding-bottom: 5em;
}

 
/* alle Angaben für den Inhaltsbereich Main bei Kirbytext
------------------------------------------------------------------- */
.main hr {
 margin-top: 1.5em;
 margin-bottom: 1em;
  color: #ccc;
     height: 1px;
     width: 100%;
     border-width: 0;
     background-color: #ccc;
}
.main h1, h2, h3, h4 {
   padding-bottom: 0.25em;
   padding-top: 1em;
}
.main p,
.main ul,
.main ol {
 margin-top: 0.5em;
 display: block;
}
.main ul {
    margin-left: 1em;
}
table {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}
td {
    width: auto;
    padding: 0.25em;
}
/* Text blocks
 * -----------------------------------------------------------------*/
.text ul,
.text ol {
  margin-left: 1em;
}
/*Bilder allgemen --------------------------------------------------*/
.bild100 {
    padding-top: 2em;
    padding-bottom: 2em;
}
.bildlinks30 {
    width: 30%;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-top: 1em;
    float: left;
  
}

.bildlinks30rand {
    width: 31.333%;
    margin: 1%;
    float: left;
    border: solid 1px #ccc;
}
.bildlinks50 {
    width: 50%;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-top: 1em;
    float: left;
}
.bildrechts30 {
    width: 30%;
    padding-left: 1em;
    padding-bottom: 1em;
    padding-top: 1em;
    float: right;
}
.bildrechts50 {
    width: 50%;
    padding-left: 1em;
    padding-bottom: 1em;
    padding-top: 1em;
    float: right;
}
.bildsupport img {
    width: 20%;
    margin-left: 70%;
}
/*Bild in Artikelvorschau und auf Artikelseite*/
.artikelbild img{
    border: solid 1px #ddd;
}
.bildcontainer {
    position: relative;
    border: solid 1px #ccc;
}
.bildtext {
   position: absolute;
   top: 75%;
   left: 0em;
   background-color: #fff;
   padding: 0.5em 2em;
   border-radius: 0px 10px 10px 0px;
}
.bildtitel {
   font-size: 1.6em;
}
.bildautor {
   font-size: 0.9em;
}
.randrechts {
    border-right: solid 1px #ccc;
}
.bildmitte{
    display: flex;
    justify-content: center;
    align-items: center;	
} 
.video iframe
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

/* Header
-------------------------------------------------- */


/*Logo für alle hader ausser Home*/
.logo img {
   width:20%;
   float: left;
   padding-top: 2em;
   padding-bottom: 0.5em;
}
/*slogan im Header-----------------------------------*/

 .titel {
    padding-top: 0em;
    padding-bottom: 0em;
    color: #cbce0D;
   text-align: right;

 }
 
 /*Hesderbild im Homeheader - zukunft*/
 .headerbild01 img {
     width: 40%;
     margin-top: 3em;
     margin-bottom: 1em;
 }
 /*Headerbild im Homeheader - Logo*/
 .headerbild02 img {
     width: 28%;
     margin-top: 1em;
     margin-bottom: 2em;
 }
 /*Headerbild im Homeheader team*/
 .headerbild03 img {
    margin-left: 35%;
    margin-top: 1em;

 }
 /*blaues Feld mit Text im Homeheader*/
 .headertext {
    position: relative;
    top: -75px;
    background-color: #0e3749;
    padding: 1.5em;
    color: #fff;
  }
  .headertext p{
    line-height: 1.7;
 }

/*Flexcontainer im Header-------------------------------------------*/
 .flexboxsymbol {
   font-size: 4em;
   text-align: center!important;
   color: #cbce0D;
 }
 .flexboxtitel {
     font-size: 1.4em;
     text-align: center;
     padding-bottom: 0.5em;
 }
 .flexboxtext {
     padding-top: 0.5em;
 }
 .flex-container {
      display: flex;
      flex-direction: row ;
      flex-wrap:wrap;
  }
  .flexbox {
     background-color: #fff;
     width: 29.33%;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 0.5em;
     height: auto;
     box-shadow: 5px 5px 5px #ccc;
     padding: 0.5em;

  }
  .flexbox a {
      color: #606060;
  }
  .flexbox a:hover {
      color: #cbce0D;
  }
  
  /*Flexbox - Gründe für mitarbeiter - snippet*/
  .flexbox-grund {
    background-color: #fff;
     width: 21%;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 0.5em;
     height: auto;
     padding: 0.5em;  
  }
  .flexbox-grund p {
      text-align: center;
  }
   .flexbox-grundbild img {
     width: 50%;
     margin-left: 25%;
     border: solid 4px #cbce0D;
     border-radius:50%;
     margin-bottom: 0.5em;
  }
 /*Flexbox - Jobs mitarbeiter - snippet*/
  .flexjob-box {
    background-color: #fff;
     width: 29.33%;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 1em;
     margin-bottom: 1em;
     height: auto;
     padding: 0.5em;
     
  }
  .flexjobnummer p {
      color: #cbce0D;
      font-size: 2em;
      margin-top: 0.5em;
      
  }
  .flexjobbild img {
      width: 40%;
      margin-left: 0%;
      border-bottom:solid 1px #cbce0D;
  }
  .jobbild img {
      width: 30%;
  }
  

 
  
  
  
  
  

/*Seite Homepage--------------------------------------------------
 * -----------------------------------------------------------------*/
 .textgelb {
     color: #cbce0D;
 }
 .zitat {
   quotes: "\0022" "\0022" "‹" "›";
   }
 .linierechts {
    border-right: solid 2px #cbce0D;
  }
  .textrechts {
      text-align: right;
  }
  .icongelb {
      color: #cbce0D;
  }
  .hr01 {
     color: #cbce0D;
     height: 2px;
     width: 50%;
     border-width: 0;
     background-color: #cbce0D;
  }
 .hr02 {
     color: #cbce0D;
     height: 2px;
     width: 50%;
     border-width: 0;
     background-color: #cbce0D;
     margin-left: 25%;
 }
 .hr03 {
     color: #cbce0D;
     height: 2px;
     width: 100%;
     border-width: 0;
     background-color: #cbce0D;

 }
/*Text auf Bild im mittleren Bereich---------------------------*/
 .slogan03 p {
 font-size: 2.2em;
     padding-top: 4em;
 }
 .slogan04 p {
   font-size: 2.2em;
 }
 .slogan05 p {
     padding-top: 3em;
     padding-bottom: 7em;
 }
 
 /*accordeon auf Home-Seite----------------------------------------*/
  .accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  font-size: 1.1em;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition:0.5s;
}

.activeacc, .accordion:hover {
  color: #cbce0D;
}
  .panel {
  padding: 1em;
  background-color: #efefef;
  display: none;
  overflow: hidden;
   }
 .panel li {
    list-style-type: '\2714';
    padding: 0.5em;

}
 .accordion:before {
  content: '\25BC'; /* Unicode character for "plus" sign (+) */
  float: left;
  margin-left: 5px;
  color: #cbce0D;
}
.activeacc:before {
  content: "\25B2"; /* Unicode character for "minus" sign (-) */
 }
.buttonacc {
    background-color: #efefef;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
} 

/*Flexcontainer Job* im unteren Bereich----------------------------*/
 .flexjob-container {
      display: flex;
      flex-direction: row ;
      flex-wrap:wrap;
      margin-bottom: 2em;
  }
  .flexjob-box {
     width: 23%;
     margin-left: 1%;
     margin-right: 1%;
     height: auto;
     background-color: #fff;
    
    }
  .flexjob-box a {
      color: #606060;
  }
 .hbnummer{
    color: #cbce0D;
    font-weight: 600;
    font-size: 1.6em;
 }
 .hbtitel {
    font-size: 1.4em;
    font-weight: 400;
 }
 .hbtext {
   padding-top: 0.5em;
   padding-bottom: 1.5em;
 }
 .hbbild img {
     width: 40%;
 }
 .hbbild {
      border-top: solid 1px  #cbce0D;
 }
 .hbbild01 {
    background-image: url(../../content/1_home/icon01kk.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
 }
 .hbbild02 {
    background-image: url(../../content/1_home/icon02kk.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
 }
 .hbbild03 {
    background-image: url(../../content/1_home/icon03kk.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
 }
 .hbbild04 {
    background-image: url(../../content/1_home/icon04kk.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
 }
 /*Flexcontainer auf Homepage -anzeige aktuelle Meldungen*/
 .flexnews-container {
      display: flex;
      flex-direction: row ;
      flex-wrap:wrap;
      margin-bottom: 2em;
  }
  .flexnews-box {
     width: 29.33%;
     margin-left: 2%;
     margin-right: 2%;
     height: auto;
     background-color: #fff;
     border: 1px solid #ddd;
     padding: 1em;
  }
  .flexnews-box a {
      color: #606060;
  }

  
/* footer------------------------------------------------------------
 * -----------------------------------------------------------------*/  
 .footer {
    color: #fff;
}
.footer p {
    line-height: 1.5;
}
 
 /*Navigation im Header*/
 .menu {
    padding-top: 1em;
    padding-bottom: 1em;
}
.menu li{
    list-style: none;
    display: block;
   padding-top: 0.5em;

}
.menu li a {
    color: #fff;
     text-transform: uppercase;
}
.active {
   color: #cbce0D!important;
   font-weight: 600;

}
 
 
 
 /*Menu im fuss*/
 .menufuss li{
    list-style: none;
}
.menufuss li a {
    color: #fff;
}
.activefooter  {
    font-weight: 600;
}
/*Artikelseite------------------------------------------------------*/    
  
.untermenu li {
   list-style: none;
   padding-top: 0.25em;
   padding-bottom: 0.25em;
}
.untermenu a {
    color: #606060;
}
.activeunter {
    font-weight: 600;
    color: #cbce0D!important;
}

/*Template Unterseiten Infra, usw.-------------------------------------*/
 /*Slogan auf Artikelseiteen*/
 .mainslogan p {
    font-style: italic;
 }

/*Flexcontainer auf Unterseiten zur Anzeige zugehöriger Beiträge (snippet aktuell-...))*/
 .flexinfra-container {
      display: flex;
      flex-direction: column;
      flex-wrap:wrap;
      margin-bottom: 2em;
   }
   .flexinfra-box {
     width: 98%;
     margin-left: 1%;
     margin-right: 1%;
     margin-top: 1em;
     height: auto;
     background-color:#fff;
     border: solid 1px #ccc;
         }
  .flexinfra-box a {
     color: #606060;
   }
  .flexinfra-box a:hover {
     color: #cbce0D;
   }
  .flexinfra-text {
      padding: 0.5em;
  }
 /* Template Blog
------------------------------------------------------------------- */
 /*Flexcontainer auf Blogseite zur Anzeige der Beiträge*/
  .flexblog-container {
      display: flex;
      flex-direction: row ;
      flex-wrap:wrap;
      margin-bottom: 2em;
  }
  .flexblog-container a {
      color: #606060;
  }
  .flexblog-box {
     width: 23%;
     margin-left: 1%;
     margin-right:1%;
     margin-top: 1em;
     height: auto;
     background-color: #fff;
     border: solid 1px #ccc;
  }
 .flexblog-text {
     padding: 0.5em;
 }
 .articlebild {
      border: 1px solid #ccc;
  }
 /*Artikelseiten--------------------------------------------------*/
 /*Einstellungen zum Blättern auf Artikelseite--------------------*/
  .prev a {
        color: #606060;
    }
  .prev a:hover {
      color: #cbce0D;
  }
  

 /*Snippet Kontakt---------------------------------------------------*/

.formkontakt h3, h5, p {
    padding-top: 0em;
    padding-bottom: 0em;
}
.formkontakt label, input {
    display: block;
}
.formkontakt input, textarea {
background-color: #fff;
border: solid 1px #dfdfdf;
padding: 0.5em;
width: 100%;

}
.formkontakt label {
    padding-top: 0.5em;
    font-size: 0.8em !important;
 }
/*Button Kontaktbox im fuß*/
.kontaktbutton{
   width: 100%;
   padding: 0.5em;
   border: solid 1px #ccc;
   color: #0e3749;
   background-color: #cbce0D;
   text-align: center;
   font-size: 1.1em;
}
.textdaten {
    font-size: 0.9em;
}
.textdaten a {
    color: #fff!important;
}
 @media screen and (max-width: 1024px) {
   body {
   
    color: red;
   
   }
   .normal-0 { width: 25%;}
   .normal-1 { width: 33.33%;}
   .normal-2 { width: 50%;}
   .normal-3 { width: 66.6%;}
   .normal-4 { width: 75%;}
   .normal-5 { width: 100%;}
   .logo img {
   width:25%;
   float: left;
   padding-top: 2em;
   padding-bottom: 1em;
}
.bgrinfra {
   background-image: url(../images/agenos-header-infra.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
} 
.bgrsicherheit {
    background-image: url(../images/agenos-header-sicherheit.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
} 
.bgrcloud {
    background-image: url(../images/agenos-header-claud.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
} 
.bgrsupport {
    background-image: url(../images/agenos-header-support.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.bgrimpressum {
    background-image: url(../images/agenos-header-impressum.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.bgrhome {
    background-image: url(../images/agenos-header-blau02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.bgr10 {
    background-image: url(../../content/1_home/home-agenos-01.jpg);
    background-repeat: no-repeat;
    background-size:cover ;
    background-position: 30% 0%;
    color: #fff;
}
/*Hesderbild im Homeheader - zukunft*/
 .headerbild01 img {
     width: 50%;
     margin-top: 3em;
     margin-bottom: 1em;
 }
 /*Headerbild im Homeheader - Logo*/
 .headerbild02 img {
     width: 30%;
     margin-top: 1em;
     margin-bottom: 2em;
 }
 /*Headerbild im Homeheader team*/
 .headerbild03 img {
    position: relative;
    top: 0px;
    margin-left: 30%;
    margin-top: 0em;
    width: 60%;
 }
 /*blaues Feld mit Text im Homeheader*/
 .headertext {
    margin-top: 6.5em; 
    background-color: #0e3749;
    padding: 3em 1.5em;
    color: #fff;
  }
  .headertext p{
    line-height: 1.7;
    padding-bottom: 2em;
 }

 /*Flexcontainer im Header-------------------------------------------*/
 
 .flex-container {
 
      display: flex;
      flex-direction: row ;
      flex-wrap:wrap;
  }
  .flexbox {
     background-color: #fff;
     width: 96%;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 0.5em;
     height: auto;
     box-shadow: 5px 5px 5px #ccc;
     padding: 0.5em;

  }
  .flexbox a {
      color: #606060;
  }
  .flexbox a:hover {
      color: #cbce0D;
  }
  .flexboxsymbol {
  width: 25%;
  float: left;
   font-size: 3em;
   text-align: left;
   color: #cbce0D;
 }
  .flexboxtitel {
   width: 75%;  
   float: left; 
   text-align: left;
  }  
  .flexboxtext {
   width: 100%;   
  }

  .flexjob-box {
      width: 48%;
  }
  .hbbild img {
      width: 25%;
      padding-bottom: 0.5em;
  }
  
   }
  /*Angaben für Bildschirm größer 780Pixel
 * ----------------------------------------------------------------*/
@media screen and (max-width: 780px) {
  body {
   
      color: green;
   }

.middle-0 { width: 25%;}
.middle-1 { width: 33.3%;}
.middle-2 { width: 50%;}
.middle-3 { width: 66.6%;}
.middle-4 { width: 75%;}
.middle-5 { width: 100%;}
/* Überschriften udn Texteinstellungen-----------------------------  */
h1 {
  font-size: 2.4em;
  line-height: 1.3;
  font-weight: 400;
}
h2 {
  font-size: 2.0em;
  line-height: 1.3;
  font-weight: 400;
}
h3 {
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 400;
}
h4 {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.3;

}

 .logo img {
   width:35%;
   float: left;
   padding-top: 2em;
   padding-bottom: 1em;
}
/*Headerbild im Homeheader team*/
 .headerbild03 img {
    position: relative;
    top: 1em;
    margin-left: 20%;
    margin-top: 0em;
    width: 60%;

 }
 .zeige {
     display: block;
 }
.bgrblog {
   background-image: url(../images/agenos-header-blog.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.bgrinfra {
   background-image: url(../images/agenos-header-infra.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.bgrsicherheit {
    background-image: url(../images/agenos-header-sicherheit.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.bgrcloud {
    background-image: url(../images/agenos-header-claud.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}

.flexbox {
     background-color: #fff;
     width: 29.33%;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 0.5em;
     height: auto;
     box-shadow: 5px 5px 5px #ccc;
     padding: 0.5em;

  }
  
  .flexboxsymbol {
  width: 100%;
  float: left;
   font-size: 3em;
   text-align: left;
   color: #cbce0D;   
 }
  .flexboxtitel {
   width: 100%;
   float: left;
   text-align: left;
  }
  .flexboxtext {
   width: 100%;
  }
.flexblog-box {
     width: 48%;
     margin-left: 1%;
     margin-right:1%;
     margin-top: 1em;
     height: auto;
     background-color: #fff;
     border: solid 1px #ccc;
  }
  .flexjob-box {
     width: 48%;
     margin-left: 1%;
     margin-right: 1%;
     height: auto;
     background-color: #fff;
     margin-bottom: 1em;
    }
    
  /*Flexbox - Gründe für mitarbeiter - snippet*/
  .flexbox-grund {
    background-color: #fff;
     width: 46%;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 0.5em;
     height: auto;
     padding: 0.5em;
  }   
  .flexbox-grundbild img {
     width: 40%;
     margin-left: 30%;
     border: solid 4px #cbce0D;
     border-radius:50%;
     margin-bottom: 0.5em;
  }
  
}

@media screen and (max-width: 520px) {
  body {
    color: blue;
    }
  .small-0 {width: 50%;}
  .small-1 {width: 100%;}
   .logo img {
   width:60%;
   float: left;
   padding-top: 2em;
   padding-bottom: 1em;
}
/* Überschriften udn Texteinstellungen-----------------------------  */
h1 {
  font-size: 2.0em;
  line-height: 1.25;
  font-weight: 400;
}
h2 {
  font-size: 1.7em;
  line-height: 1.25;
  font-weight: 400;
}
h3 {
  font-size: 1.4em;
  line-height: 1.25;
  font-weight: 400;
}
h4 {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.25;

}
.textadresse {
    font-size: 0.9em;
}
.menu li {
    padding-left: 0%;
}
.menu {
    padding-bottom: 3em;
}
.bgrblog {
   background-image: url(../images/agenos-header-blog.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.bgrinfra {
   background-image: url(../images/agenos-header-infra.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.bgrcloud {
    background-image: url(../images/agenos-header-claud.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.bgr10 {
    background-image: url(../../content/1_home/home-agenos-01.jpg);
    background-repeat: no-repeat;
    background-size:cover ;
    background-position: left bottom;
    color: #fff;
}

.headerbild01 img {
     width: 80%;
     margin-top: 2em;
     margin-bottom: 1em;
 }
 /*Headerbild im Homeheader - Logo*/
 .headerbild02 img {
     width: 60%;
     margin-top: 1em;
     margin-bottom: 1em;
 }
 /*Headerbild im Homeheader team*/
 .headerbild03 img {
    position: relative;
    top: 3em;
    margin-left: 10%;
    width: 80%;
   

 }
 .flexblog-box {
     width: 98%;
     margin-left: 1%;
     margin-right:1%;
     margin-top: 1em;
     height: auto;
     background-color: #fff;
     border: solid 1px #ccc;
  }
  .flexjob-box {
     width: 98%;
     margin-left: 1%;
     margin-right: 1%;
     height: auto;
     background-color: #fff;
     margin-bottom: 1em;
    }
  .flexjobbild img {
      width: 30%;
      margin-left: 0%;
      border-bottom:solid 1px #cbce0D;
  }  
 .flexbox {
     background-color: #fff;
     width: 96%;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 0.5em;
     height: auto;
     box-shadow: 5px 5px 5px #ccc;
     padding: 0.5em;

  }
  .flexbox a {
      color: #606060;
  }
  .flexbox a:hover {
      color: #cbce0D;
  }
  .flexboxsymbol {
  width: 25%;
  float: left;
   font-size: 3em;
   text-align: left;
   color: #cbce0D;
 }
  .flexboxtitel {
   width: 75%;
   float: left;
   text-align: left;
  }
  .flexboxtext {
   width: 100%;
  }   
 /*Flexbox - Gründe für mitarbeiter - snippet*/
  .flexbox-grund {
    background-color: #fff;
     width: 96%;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 0.5em;
     height: auto;
     padding: 0.5em;
  }
  .flexbox-grundbild img {
     width: 30%;
     margin-left: 35%;
     border: solid 4px #cbce0D;
     border-radius:50%;
     margin-bottom: 0.5em;
  }   
  .zeige01 {
      display: block;
  }
  
}