:root
{
  --basic-font-size: 13px;
 
  --bg-white : white;
  --bg-black : black;
  --bg-silver : #F2F2F2;
  --bg-color : #FFCC00;
}

.clear { clear: both; }

.floatright { float: right; }
.floatleft { float: left; }

.hidden
{
  display: none !important;
}

.bgyellow
{
  background-color: #FFCC00 !important;
  color: black !important;
}

body
{
  text-align: left;
  /* font: Regular 18px/28px 'Cera PRO', 'Comic Sans MS'; */
  font-family: CeraPro-Regular;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;

  padding: 0px;
  margin: 0px;
  user-select: none;
  margin-top: 70px;
  /* text-align: center; */
  overflow-x: hidden;
}

option
{
  font-family: CeraPro-Regular, Arial, Helvetica, sans-serif;
}

h1 { margin-bottom: 30px; padding: 0px; font-size: 48px; line-height: 48px; font-family: CeraPro-Bold; font-weight: 800 }
h2 { margin-bottom: 20px; padding: 0px; font-size: 28px; line-height: 36px; font-family: CeraPro-Bold }
h3 { margin-bottom: 6px; padding: 0px; font-size: 25px; line-height: 32px; font-family: CeraPro-Bold; margin-block-start: 1.4em }
h4 { margin: 0px; margin-bottom: 4px; padding: 0px; font-size: 14px; line-height: 20px; font-family: CeraPro-Bold }

.site-igm { display: none; }
.site-ngg { display: none; }
.site-evg { display: none; }
.site-bau { display: none; }
.site-evg { display: none; }

.link
{
  border-bottom: 1.5px solid #FFCC00;
  text-decoration: none;
  cursor: pointer;
}
.link:link { color: black; }
.link:visited { color: black; }
.link:active { color: black; }
.link:hover { color: black; }

.hovercolor {  }
.hovercolor:hover { background-color: #FFCC00; cursor: pointer; }

#arrowdown
{
  cursor: pointer;
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width: 30px; 
  height: 30px; 
  background-image: url(../images/icons/arrow2-down.svg); 
  background-size: cover;  
  background-position: center center;
}

.contentbox
{
  width: calc(100% - 40px);
  font-size: 16px; 
  line-height: 24px;
  max-width: 1088px;
  margin-left: auto;
  margin-right: auto;
  /*
  border: 1px solid #E0E0E0; 
  background-color: #F8F8F8;
  */
}

.contentbox-impressum
{
  max-width: 812px;
  font-size: 16px; 
  line-height: 24px;
}

.contentbox-datenschutz
{
  max-width: 812px;
  font-size: 16px; 
  line-height: 24px;
}


.pagelogo
{
  position: relative;
  width: 90%;
  max-width: 440px;
  margin-left: auto;
  padding: 0px;
}

.contentlogo
{
  position: relative;
  width: 400px;
  margin-left: auto;
  padding: 0px;
}


.btnGewerkschaft
{
  float: left;
  width: 190px;
  height: 75px;
  margin-right: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
  cursor: pointer;
}
.btnGewerkschaft-last
{
  margin-right: 0px;
}
.btnGewerkschaft-second
{
  
}

#btn-igm { background: url(../images/igmj_logo_4c_DinA4_schwarz.png) no-repeat center center; background-size: auto 48px; background-color: #F2F2F2; }
#btn-igm:hover { background-color: #FFCC00; }

#btn-bce { background: url(../images/IGBCE_Jugend_Logo_neu_2022_sw_01.svg) no-repeat center center; background-size: auto 28px; background-color: #F2F2F2; }
#btn-bce:hover { background-color: #FFCC00; }

#btn-bau { background: url(../images/jungeBAU_Logo_ohne_Claim_schwarz.png) no-repeat center center; background-size: auto 38px; background-color: #F2F2F2; }
#btn-bau:hover { background-color: #FFCC00; }

#btn-ngg { background: url(../images/NGG_Logo_black.png) no-repeat center center; background-size: auto 41px; background-color: #F2F2F2; }
#btn-ngg:hover { background-color: #FFCC00; }

#btn-evg { background: url(../images/evg_jugend_rgb_black.png) no-repeat center center; background-size: auto 39px; background-color: #F2F2F2; }
#btn-evg:hover { background-color: #FFCC00; }



/*  ---------------------------------------- */
#header
{
  position: fixed;
  background-color: black;
  top: 0px;
  left: 0px;
  height: 70px;
  width: 100%;
  z-index: 9;
}

.header-text
{
  float: left;
  font-size: 14px;
  line-height: 70px;
  font-family: CeraPRO-Black;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
  cursor: pointer;
}
.header-text:hover
{
  color: #F2F2F2;
}

.header-text-right
{
  float: right;
  font-size: 14px;
  line-height: 70px;
  font-family: CeraPRO-Black;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  display: none;
}
.header-text-right:hover
{
  color: #F2F2F2;
}

#header-searchicon
{
  float: right;
  top: 0px;
  height: 70px;
  width: 70px;
  background: url(../images/icons/search-white.svg) no-repeat center center; 
  background-size: auto 16px; 
  cursor: pointer;
}

#header-searchinput
{
  position: fixed;
  right: 18px;
  top: 8px;
  width: 200px; 
  border: 1px solid #000000; 
  border-radius: 4px; 
  padding: 8px;
  padding-right: 30px; 
  font-size: 16px; 
  line-height: 20px;  
  /* background: url(../images/icons/search.svg) no-repeat 210px center; 
  background-size: 16px 16px; */
  background-color: white;
  font-family: CeraPro-Regular;
  margin-top: 8px;
  display: none;
}
#header-searchinput:focus
{
  outline:none;
}

#header-searchinput-icon
{
  position: fixed;
  right: 20px;
  top: 12px;
  width: 30px; 
  height: 30px;
  background: url(../images/icons/search.svg) no-repeat center center; 
  background-size: 16px 16px;
  /* background-color: silver; */
  margin-top: 8px;
  display: none;
  cursor: pointer;
}


.header-menu-btn
{
  float: left;
  top: 0px;
  height: 70px;
  padding-left: 20px;
  padding-right: 20px;
  width: 16px;
  cursor: pointer;
  display: none;
  background: url(../images/icons/menu.svg) no-repeat center center; 
  background-size: auto 16px;
}

.header-social-btn
{
  float: right;
  top: 0px;
  height: 70px;
  width: 45px;
  cursor: pointer;
  display: none;
}

#btn-social-web { background: url(../images/icons/social-web.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-facebook { background: url(../images/icons/social-facebook.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-instagram { background: url(../images/icons/social-instagram.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-twitter { background: url(../images/icons/social-twitter.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-tiktok { background: url(../images/icons/social-tiktok.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-whatsapp { background: url(../images/icons/social-whatsapp.svg) no-repeat center center; background-size: 16px 16px;}

#btn-social-web-footer { background: url(../images/icons/social-web.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-facebook-footer { background: url(../images/icons/social-facebook.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-instagram-footer { background: url(../images/icons/social-instagram.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-twitter-footer { background: url(../images/icons/social-twitter.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-tiktok-footer { background: url(../images/icons/social-tiktok.svg) no-repeat center center; background-size: 16px 16px;}
#btn-social-whatsapp-footer { background: url(../images/icons/social-whatsapp.svg) no-repeat center center; background-size: 16px 16px;}


.header-spacer
{
  float: right;
  top: 0px;
  height: 70px;
  width: 55px;
}


/*  ---------------------------------------- */

#pulldownmenu
{
  position: fixed; 
  left: 0px; 
  top: 70px; 
  width: 100%; 
  height: calc(100% - 70px); 
  background-color: rgba(0, 0, 0, 0.3);
  /* background: #0000004D 0% 0% no-repeat padding-box;  */
  display: none; 
  z-index: 1000;
}

#pulldownmenu-inner
{
  position: fixed; 
  left: 0px;
  right: 0px;
  top: 70px;
  width: calc(100% - 56px);
  max-width: 712px; 
  height: calc(100% - 70px); 
  /* margin: auto; */
  color: white;
  
  background-color: black; 
  box-shadow: 0px 30px 30px #00000062; 
  overflow-x: none;
  overflow-y: none;
}

.pulldownmenu-item
{
  background-color: black; 
  color: white;  
  font-size: 14px;
  line-height: 70px;
  padding-left: 60px;
  padding-right: 0px;
  width: calc(100% - 60px);
  font-family: CeraPRO-Black;
  cursor: pointer;
}
.pulldownmenu-item:hover
{
  background-color: #FFCC00; 
  color: black; 
}

.pulldown-social-frame
{
  height: 70px; 
  padding-left: 45px;
}

#pulldownmenu-input
{
  width: 270px; 
  border: 1px solid #000000; 
  border-radius: 4px; 
  padding: 10px;
  padding-top: 8px;
  padding-left: 30px; 
  font-size: 14px; 
  line-height: 20px;  
  background: url(../images/icons/search.svg) no-repeat 6px center; 
  background-size: 16px 16px;
  background-color: #F2F2F2;
  font-family: CeraPro-Regular;
  margin-top: 38px;
  margin-left: 60px;
}
#pulldownmenu-input:focus
{
  outline:none;
}


/*
  width: 200px; 
  padding: 8px;
  padding-right: 30px; 
  font-size: 16px; 
  line-height: 16px;  
  background: url(../images/icons/search.svg) no-repeat 210px center; 
  background-size: 16px 16px;
  
*/

.pulldown-social-btn
{
  float: right;
  top: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: none;
}

.pulldown-social-web { background: url(../images/icons/social-web.svg) no-repeat center center; background-size: auto 16px;}
.pulldown-social-facebook { background: url(../images/icons/social-facebook.svg) no-repeat center center; background-size: auto 16px;}
.pulldown-social-instagram { background: url(../images/icons/social-instagram.svg) no-repeat center center; background-size: auto 16px;}
.pulldown-social-twitter { background: url(../images/icons/social-twitter.svg) no-repeat center center; background-size: auto 16px;}
.pulldown-social-tiktok { background: url(../images/icons/social-tiktok.svg) no-repeat center center; background-size: auto 16px;}
.pulldown-social-whatsapp { background: url(../images/icons/social-whatsapp.svg) no-repeat center center; background-size: auto 16px;}

/*
#pulldown-social-web:hover { background-color: #FFCC00;}
#pulldown-social-facebook:hover { background-color: #FFCC00;}
#pulldown-social-instagram:hover { background-color: #FFCC00;}
#pulldown-social-twitter:hover { background-color: #FFCC00;}
*/


/*  ---------------------------------------- */
#footer
{
  background-color: #F2F2F2;
  height: 70px;
  text-align: right;
}

#footer-btn-enable
{
  float: right;
  width: 70px;
  height: 70px;
  background: url(../images/icons/arrow-up.svg) no-repeat center center; background-size: auto 16px;
  background-color: #FFCC00;
  cursor: pointer;
}

#footer-btn-spacer
{
  float: right;
  width: 35px;
  height: 70px;
}

.footer-btn-spacer-small
{
  max-width: 20px;
}

.footer-link
{
  /* float: right; */
  font-size: 14px;
  line-height: 70px;
  font-family: CeraPRO-Black;
  cursor: pointer;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 22px;
  padding-bottom: 22px;
  
}
/*
.footer-link:hover
{
  background-color: #FFCC00;
}
*/

.btn-backtotop
{
  position: fixed;  
  left: calc(50% + 720px); 
  bottom: 125px; 
  width: 35px; 
  height: 35px; 
  border-radius: 4px; 
  
  cursor: pointer;
  /*
  background-image: url(../images/icons/arrow-up.svg); 
  background-size: 16px 16px; 
  background-position: center center;
  background-color: black; 
  */

  background: url(../images/icons/arrow2-up-white.svg) no-repeat center center; background-size: auto 12px;
  background-color: black;
  display: none;
  z-index: 95;
}
.btn-backtotop:hover
{
  background-image: url(../images/icons/arrow2-up.svg);
  background-color: #FFCC00;
  
}
.btn-backtotop-up
{
  bottom: 226px;
}


/*  ---------------------------------------- */

#footer-btn-disable
{
  float: right;
  width: 70px;
  height: 70px;
  background: url(../images/icons/arrow-down.svg) no-repeat center center; background-size: auto 16px;
  background-color: #FFCC00;
  cursor: pointer;
}

#footer-links
{
  /*
  position: absolute; 
  top: 0px; 
  */
  height: 0px;
  background-color: #FFCC00; 
  z-index: 88; 
  width: 100%;
  overflow: hidden;
  display: block;


  /*
  position: absolute; 
  top: 0px; 
  height: 145px;
  background-color: #FFCC00; 
  display:none;
  z-index: 88; 
  width: 100%;
  overflow: hidden;
  */
}

#footer-mobile
{
  /* position: absolute; 
  top: 0px;  */
  height: 90px; 
  background-color: #FFCC00; 
  display: none; 
  z-index: 88; 
  width: 100%;
}

#footer-social
{
  height: 70px; 
  background-color: black; 
  display: none; 
  z-index: 88; 
  width: 100%;
}

#footer-social-icons
{
  position: absolute;
}

#footer-links-klammer
{
  float: left;
  /* height: 100%; */
  height: 170px;
  width: 510px;
  /* border: 1px solid black; */
  background: url(../images/DGB-Jugend_Klammerlogo_02_2024_mitClaim.png) no-repeat center center; 
  background-size: auto 75px;
  margin-left: 20px;
  margin-right: 110px;
  cursor: pointer;
}

.footer-links-ig
{
  float: left;
  margin-top: 20px;
  margin-right: 70px;
  /* border: 1px solid silver; */
}
.footer-links-ig-last
{
  margin-right: 0px;
}

.footer-links-title
{
  font-size: 10px;
  font-family: CeraPRO-Black;
  line-height: 16px;
  /* font: Black 10px/20px Cera PRO; */
  cursor: pointer;
  font-weight: 600;
}

.footer-links-link
{
  font-size: 10px;
  font-family: CeraPro-Regular;
  font-weight: 600;

  line-height: 20px;
  /* font: Medium 10px/20px Cera PRO; */
  cursor: pointer;
}

.page-anchor
{
  position: relative; 
  top: -70px;
}

.downloadLink
{
  font-family: CeraPro-Bold;
  font-size: 14px; 
  line-height: 16px; 
  color: black;
  cursor: pointer;
  /* text-decoration: none; */
}

/*  ---------------------------------------- */

/*
#index-image
{
  position: absolute; 
  left: 0px; 
  top: 70px; 
  width: calc(100% - 0px); 
  height: calc(100% - 70px); 
  margin: 0px; 
  background-image: url(../images/index_desktop.jpg?version=2); 
  background-size: cover;  
  background-position: center center;
}


#index-jav-logo
{
  position: absolute;
  display: none;
}
*/

/*  ---------------------------------------- */

.btn-anchor
{
  float: left;
  height: 55px;
  background-color: black;
  color: white;
  font-size: 19px;
  font-family: CeraPro-Bold;
  line-height: 55px;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;

  text-align: center;
  width: 210px;
}
.btn-anchor:hover
{
  background-color: #FFCC00;
  color: black;
}
.btn-anchor-lastitem
{
  margin-right: 0px;
}


.btn-link
{
  float: left;
  height: 55px;
  width: 260px;
  background-color: black;
  color: white;
  font-size: 19px;
  font-family: CeraPro-Bold;
  line-height: 55px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}
.btn-link:hover
{
  background-color: #FFCC00;
  color: black;
}


/*  ---------------------------------------- */

#mockup-desktop-col1, #generator-desktop-col1
{
  float: left;
  width: 674px;
  margin-right: 19px;
  min-height: 100px;
}

#mockup-desktop-col2, #generator-desktop-col2
{
  float: left;
  width: 674px;
  margin-right: 0px;
  min-height: 100px;
}

/*
#mockup-desktop-col3, #generator-desktop-col3
{
  float: right;
  width: 350px;
  min-height: 100px;
}
*/


#mockup-tabquer-col1
{
  float: left;
  width: 262px;
  min-height: 100px;
  margin-right: 14px;
}

#mockup-tabquer-col2
{
  float: left;
  width: 262px;
  min-height: 100px;
  margin-right: 14px;
}

#mockup-tabquer-col3
{
  float: right;
  width: 262px;
  min-height: 100px;
}




#generator-tabquer-col1
{
  float: left;
  width: 262px;
  /* width: 400px; */
  min-height: 100px;
  margin-right: 14px;
}

#generator-tabquer-col2
{
  float: left;
  width: 262px;
  /* width: 400px; */
  min-height: 100px;
  margin-right: 14px;
}

#generator-tabquer-col3 
{
  float: right;
  width: 262px;
  min-height: 100px;
}




#mockup-tabhoch-col1, #generator-tabhoch-col1
{
  float: left;
  width: 322px;
  min-height: 100px;
}

#mockup-tabhoch-col2, #generator-tabhoch-col2
{
  float: right;
  width: 322px;
  min-height: 100px;
}

#mockup-phone-col1, #generator-phone-col1
{
  float: left;
  width: 155px;
  min-height: 100px;
}

#mockup-phone-col2, #generator-phone-col2
{
  float: right;
  width: 155px;
  min-height: 100px;
}

#mockupWindowBackground
{
  position: fixed; 
  left: 0px; 
  top: 0px; 
  width: 100%; 
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.3);
  /* background: #0000004D 0% 0% no-repeat padding-box; */
  display: none; 
  /* z-index: 6; */
  z-index: 99;
}


/*  ---------------------------------------- */


#statebox
{
  position: fixed;
  /* left: calc(50% - 100px); */
  left: 20px;
  top: 1px;
  padding: 2px;
  width: 260px;
  /* height: 75px; */
  /* border: 1px solid #E0E0E0; */
  font-size: 14px;
  font-family: calibri,Tahoma,Arial;
  line-height: 1.1em;
  z-index: 100000;
  color: silver;
  background-color: rgba(255,255,255,0.2);
  text-align: center;
  display: none;
}


/*  ---------------------------------------- */

#kontaktformular
{
  position: fixed; 
  left: 0px; 
  top: 0px; 
  width: 100%; 
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.3);
  /* background: #0000004D 0% 0% no-repeat padding-box;  */
  display: none; 
  z-index: 1000;
}

#kontaktformular-inner
{
  position: fixed; 
  left: 0px;
  right: 0px;
  top: 119px; 
  width: calc(100% - 300px);
  max-width: 812px; 
  height: calc(100% - 119px - 49px);
  margin: auto;
  
  background-color: white; 
  box-shadow: 0px 30px 30px #00000062; 
  overflow-x: auto; 
  overflow-y: none;
}

#kontaktformular-inner-inputs
{
  margin: 20px; margin-left: 139px;
}

.kontakt-input
{
  width: calc(100% - 120px); border: 1px solid #000000; border-radius: 4px; font-size: 14px; line-height: 14px; padding: 5px; padding-left: 10px;
}
.kontakt-input:focus
{
  outline:none;
  border:1px solid #FFCC00;
}
.kontakt-input-area
{
  width: calc(100% - 120px); border: 1px solid #000000; border-radius: 4px; font-family: CeraPro-Regular; font-size: 14px; line-height: 18px; height: 150px; padding-left: 10px;
}
.kontakt-input-area:focus
{
  outline:none;
  border:1px solid #FFCC00;
}
.kontakt-message
{
  height: 15px; line-height: 13px; text-align: right; width: calc(100% - 120px);
}
.kontakt-message-text
{
  display: none; color: black; font-size: 13px; margin-left: 10px;
}

.btn-send
{
  float: left;
  height: 55px;
  width: 260px;
  background-color: black;
  color: white;
  font-size: 19px;
  font-family: CeraPro-Bold;
  line-height: 55px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}
.btn-send:hover
{
  background-color: #FFCC00;
  color: black;
}

.bulletpoint
{
  width: 18px;
  background-image: url(../images/icons/arrow2-right.svg); background-size: 10px auto; background-position: center 9px; background-repeat: no-repeat;
}


/*  ---------------------------------------- */

#teilen
{
  position: fixed; 
  /* width: 200px;
  height: 400px; */
  right: 50px;
  bottom: 60px;
  background-color: #FFFFFF; 
  border: 1px solid #F0F0F0; 
  padding: 0px; 
  display: none;
  border-radius: 4px;
  box-shadow: 0px 30px 30px #00000062; 
  z-index: 1000;
}

.teilen_link
{
  padding-left: 35px;
  padding-top: 4px;
  padding-right: 20px;
  padding-bottom: 4px;
  height: 20px;
  font-size: 14px;
  cursor: pointer;
}
.teilen_link:hover
{
  color: #FFFFFF;
  background-color: #8080FF;
}

.icon_facebook
  {
    background: url("../images/icons/icon_facebook.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_googleplus
  {
    background: url("../images/icons/icon_googleplus.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_instagram
  {
    background: url("../images/icons/icon_instagram.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_whatsapp
  {
    background: url("../images/icons/icon_whatsapp.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_linkedin
  {
    background: url("../images/icons/icon_linkedin.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_mail
  {
    background: url("../images/icons/icon_mail.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_pinterest
  {
    background: url("../images/icons/icon_pinterest.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_telegram
  {
    background: url("../images/icons/icon_telegram.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_tumblr
  {
    background: url("../images/icons/icon_tumblr.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_twitter
  {
    background: url("../images/icons/icon_twitter.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }

  .icon_xing
  {
    background: url("../images/icons/icon_xing.png") no-repeat;
    background-position: 8px center;
    background-size: 17px;
  }




/*  ---------------------------------------- */

.wahlplaner-input
{
  width: 356px; 
  border: 1px solid #000000; 
  border-radius: 4px; 
  padding: 6px;
  padding-left: 6px; 
  margin-top: 22px;
  font-size: 15.5px; 
  line-height: 22px;  
  font-family: CeraPro-Regular;
}
.wahlplaner-input:focus
{
  outline:none;
  border:1px solid #FFCC00;
}

.wahlplaner-datetext
{
  display: inline; 
  font-size: 14px;
  font-family: CeraPro-Bold;
  margin-left: 10px;
}

#btn-wahlkalender-calc
{
  margin-top: 10px;
}

/*  ---------------------------------------- */

.search-result-item
{
  margin-top: 20px;
  display: none;
}

.search-result-link
{
  display: inline;
  /* 
  padding-left: 20px; 
  background: url(../images/icons/arrow-right.svg) 2px 9px no-repeat; 
  background-size: 12px 12px;  
  */
  cursor: pointer;
  /* text-decoration: underline;
  font-style: italic; */

  margin-bottom: 6px; 
  padding: 0px; 
  font-size: 25px; 
  line-height: 24px; 
  font-family: CeraPro-Bold;
  /* border-bottom: 1px solid white; */
}
/*
.search-result-link:hover
{
  border-bottom: 1px solid #FFCC00;
}
*/

.search-result-text
{
  font-size: 14px; 
  line-height: 27px; 
}

.search-result-keywords
{
  display: none;
}

.search-title
{
  /* font-size: 1em;  */
  display: none; 
  margin-top: 40px;

  margin-bottom: 6px; 
  padding: 0px; 
  font-size: 25px; 
  line-height: 24px; 
  font-family: CeraPro-Bold;
  /* text-decoration: underline; */
}

#search-count
{
  /* font-size: 1em;  */
  margin-top: 40px;

  margin-bottom: 6px; 
  padding: 0px; 
  font-size: 25px; 
  line-height: 24px; 
  font-family: CeraPro-Bold;
}

#search-input
{
  width: 100%; 
  border: 1px solid #000000; 
  border-radius: 4px; 
  padding: 10px;
  padding-top: 8px;
  font-size: 14px; 
  line-height: 24px;  
  font-family: CeraPro-Regular;
  margin-top: 8px;
}
#search-input:focus
{
  outline:none;
  border:1px solid #FFCC00;
}

#btn-search
{
  height: 55px;
  width: 260px;
  background-color: black;
  color: white;
  font-size: 19px;
  font-family: CeraPro-Bold;
  line-height: 55px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;

  background: url(../images/icons/search-white.svg) no-repeat 85px center; 
  background-size: 16px 16px;
  background-color: black;
}
#btn-search:hover
{
  
  background: url(../images/icons/search.svg) no-repeat 85px center; 
  background-size: 16px 16px;
  background-color: #FFCC00; 
  color: black; 
}


/*  ---------------------------------------- */


.gew-header-javlogo { position: absolute; left: calc(50% - 691px); top: 105px; width: 350px; cursor: pointer; }
/* .gew-header-arrow { position: absolute; left: calc(50% - 233px); top: -693px; width: 1590px; height: 1258px; } */

.gew-mitglied-bottom { margin-left: calc(100% - 367px); width: 367px; height: 400px; cursor: pointer;}
.gew-igm-mitglied-bottom { background-image: url(../images/igm/Mitglied.png); background-size: 650px auto; background-position: left center; }
.gew-evg-mitglied-bottom { background-image: url(../images/evg/Mitglied.png); background-size: 650px auto; background-position: left center; }
.gew-bce-mitglied-bottom { background-image: url(../images/bce/Mitglied.png); background-size: 650px auto; background-position: left center; }
.gew-ngg-mitglied-bottom { background-image: url(../images/ngg/Mitglied.png); background-size: 650px auto; background-position: left center; }
.gew-bau-mitglied-bottom { background-image: url(../images/bau/Mitglied.png); background-size: 650px auto; background-position: left center; }

/*
.gew-header-arrow { position: absolute; left: calc(50% - 233px); top: 70px; width: calc(100% - 233px); height: 500px; background-color: silver; }
.gew-header-igm-arrow { background-image: url(../images/igm/Header_Pfeil_IGM+EVG.png); background-size: 1590px 1258px; background-position: 0px -763px; background-repeat: no-repeat; }
*/

.gew-header-arrow { position: absolute; left: 0px; top: 70px; width: 100%; height: 500px; background-size: 1590px 1258px; background-position-y: -763px; background-repeat: no-repeat; }
.gew-header-igm-arrow { background-image: url(../images/igm/Header_Pfeil_IGM+EVG.png); }
.gew-header-bau-arrow { background-image: url(../images/bau/Header_Pfeil.png); }
.gew-header-ngg-arrow { background-image: url(../images/ngg/Header_Pfeil.png); }
.gew-header-bce-arrow { background-image: url(../images/bce/Header_Pfeil.png); }
.gew-header-evg-arrow { background-image: url(../images/evg/Header_Pfeil.png); }

.gew-header-space { margin-top: 624px;}

.gew-header-igm-logo { position: absolute; left: calc(50% + 522px); top: 100px; width: 100px }
.gew-header-igm-mitglied { position: fixed;  right: -207px; top: 390px; width: 474px; z-index: 12; cursor: pointer;}
.gew-header-igm-text { position: absolute;  left: calc(50% - 319px); top: 219px; width: 395px; }

.gew-header-ngg-logo { position: absolute; left: calc(50% + 442px); top: 75px; width: 170px }
.gew-header-ngg-mitglied { position: fixed;  right: -207px; top: 390px; width: 474px; cursor: pointer; }
.gew-header-ngg-text { position: absolute;  left: calc(50% - 209px); top: 220px; width: 260px; }

.gew-header-bce-logo { position: absolute; left: calc(50% + 440px); top: 105px; width: 190px }
.gew-header-bce-mitglied { position: fixed;  right: -207px; top: 390px; width: 474px; cursor: pointer; }
.gew-header-bce-text { position: absolute;  left: calc(50% - 239px); top: 180px; width: 395px; }

.gew-header-evg-logo { position: absolute; left: calc(50% + 442px); top: 85px; width: 150px }
.gew-header-evg-mitglied { position: fixed;  right: -207px; top: 390px; width: 474px; cursor: pointer; }
.gew-header-evg-text { position: absolute;  left: calc(50% - 220px); top: 220px; width: 300px; }

.gew-header-bau-logo { position: absolute; left: calc(50% + 442px); top: 70px; width: 170px; }
.gew-header-bau-mitglied { position: fixed;  right: -207px; top: 390px; width: 474px; cursor: pointer;}
.gew-header-bau-text { position: absolute;  left: calc(50% - 209px); top: 220px; width: 260px; }



:-ms-input-placeholder {  
  color: black;  
}

::-webkit-input-placeholder {
  color: black;
}

:-moz-placeholder { 
  color: black;  
}

::-moz-placeholder {  
  color: black;  
}

.input-icon-ok
{
  background-image: url(../images/icons/done.svg); 
  background-size: 16px 16px; 
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
}

.input-icon-fail
{
  border: 1px solid #FFCC00;
  background-image: url(../images/icons/fail.svg); 
  background-size: 12px 12px; 
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
}
.input-icon-fail
{
  border-color: #FFCC00;
}

.inputa-icon-fail
{
  border-color: #FFCC00;
}


.kontaktinput::-ms-clear 
{
  display: none;
}