/* ---- INFO ---- ----* /

/*    Dunkler Grünton: #006666 */
/*    MEPA Grünton: #00a98a */
/*    heller Grünton: #94cec3 */

/* FONTS */
    /* lato-300 - latin */
    @font-face {
      font-family: 'Lato';
      font-style: light;
      font-weight: 300;
      src: url('../fonts/lato-v16-latin-300.eot'); /* IE9 Compat Modes */
      src: local('Lato Light'), local('Lato-Light'),
           url('../fonts/lato-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/lato-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/lato-v16-latin-300.woff') format('woff'), /* Modern Browsers */
           url('../fonts/lato-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/lato-v16-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
    }

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

  /* lato-700 - latin */
  @font-face {
    font-family: 'Lato';
    font-style: bold;
    font-weight: 700;
    src: url('../fonts/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Lato Bold'), local('Lato-Bold'),
         url('../fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
  }

  /* roboto-100 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: thin;
    font-weight: 100;
    src: url('../fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'),
         url('../fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
  }

  /* roboto-300 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: light;
    font-weight: 300;
    src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
         url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
  }

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

  /* roboto-500 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: bold;
    font-weight: 500;
    src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
         url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
  }

  /* roboto-700 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: extrabold;
    font-weight: 700;
    src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
         url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }


/* generell visibility */ 

.invis-desktop {display: block; visibility: visible;}
.invis-mobil {display: none; visibility: hidden;}


/* basics and fonts */ 

html, body { font-family: "Roboto", sans-serif; }
html { height: 100%; }
body { height: 100%; margin: 0;}
/* compensation of height of fixed navbar */
body { padding-top: 50px; }

h1 {font-weight: 100; color: #414141; font-size: 250%;}
h2 {font-weight: 100; color: #00a98a;}
h3 {font-weight: 100; color: #000;  margin-bottom: 0; padding-bottom: 10px; font-size:220%;}
.h3-hr	{border :none; border-top: 1px solid #00a98a; background-color: none; height: 1px; 
left:0;
/*margin: 0px 90% 25px 0px; */
padding: 0 0 0 0;
margin: 0px 0px 25px 0px;
margin-left:0;
width:70px;
}

.underline {border-bottom: 1px solid #00a98a; width: 70px; margin-bottom:25px;}

h4 {font-weight: 500; color: #333;}
p, a, li {font-weight: 300; }
.row p, .csc-default li {font-size:120%; }

p > a, sub > a, .csc-default li > a {text-decoration: none; border-bottom: 1px solid #000; color: #000;}
p > a:hover, sub > a:hover, .csc-default li > a:hover {text-decoration: none; border-bottom: 2px solid #00a98a; color: #00a98a;}

.csc-default ul {list-style-image: url(../../img/aufzahel-cont.gif); padding: 0 0 0 0; margin: 0 0 0 20px;}
.csc-default li {padding: 2px 0 2px 0; margin: 0 0 0 0;}

.faq {margin-left:10px; font-size:120%;}

.abstand50 {margin-bottom: 50px; }

.grun {color: #00a98a;}
.neg, .neg a {color: #fff;}
.neg a {border-bottom: 1px solid #fff;}
.neg a:hover {border-bottom: 2px solid #00a98a; color: #00a98a;}



/* IMAGES */


.row img {
	margin-bottom: 20px; margin-top: 20px;
	}


.img_standard {
    object-fit: cover;
	width: 100%; height: 300px; 
}

.img_wide_cover {
    object-fit: cover;
	width: 100%; height: 150px; 
}

.img_contain {
   object-fit: contain;
	width: 90%; height: auto; 
}

.img_text_rechts {
    object-fit: contain;
	width: 100%; height: auto; 
	float:none;
}


.frau img {width: 70%;}


/* navbar */
	.navbar-inverse {
	background-color: #414141;
	background-image: none;
	border-radius: 0px;
	border-bottom: 5px solid #00a98a;
	}
	
.dropdown-menu > .active > a,
 .dropdown-menu > .active > a:hover,
 .dropdown-menu > .active > a:focus {background-color: #006666; background-image: none;}

/* buttons */
	.btn {text-transform:uppercase; font-family: "Roboto", sans-serif; border-radius: 0px; margin-top: 15px; }
	.btn-prim {padding: 18px 30px 15px 30px; font-weight: 300; letter-spacing: 1px;  background-color: #00a98a;
	color: #fff !important;
	border: 2px solid #00a98a !important; }
	.btn-prim:hover, .btn-prim:focus, .btn-sek:hover {background-color: #006666; border-color:#006666 !important; background-position: 0 100px; color: #fff; border: 2px solid #006666;}
	.btn-sek {padding: 10px 20px 8px 20px; font-weight: 300; letter-spacing: 1px; background-color: none; 
	color: #00a98a !important; 
	border: 2px solid !important;
	border-color: #00a98a !important;}


/* container sizes */
	.row {padding: 25px 0 50px 0;  }
	.cont-xs {min-height: 5%;}
	.cont-s {min-height: 20%;}
	.cont-l {min-height: 50%;}
	.cont-xl {min-height: 80%;}

	.fullscreen {border: 2px solid #ccc; height: 90%; background-color: #666;}
	.layout {border: 1px solid black; }

/* row subs */ 
	.box3 {padding: 20px; border-right: none; border-bottom: 15px solid #fff; height: 100%;}
	.box3 > p {margin-bottom: 40px; line-height: 150%;}
	.box3 > .btn {}

	.font-hell {background-color: #94cec3;}
	.font-graudunkel {background-color: #414141;}
	.font-grauhell {background-color: #ccc;}

/* header start*/
	.headstart-cont {
	background-image: url("../../img/headstart-bg.jpg"); 
	background-repeat:no-repeat; background-position: 100% 80%;
	/*background-size: contain;*/
	 background-color: #ccc;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	}
	.headstart h2 {font-size: 20px; line-height: 90%; color: #414141; margin-top:-5px;}
	.headstart .aktionslabel {width: 250px;}

/* footer */
	.foot-adr h2 {font-size: 110%; color: #fff; font-weight: 400;}
	.foot-adr p {color: #ccc;font-size: 90%;}	
	.footer .row  img {width: 100px; margin-bottom: 0px; margin-top: 0px;}
  .footer-poweredby {width: 100%;}
  .footer .row .footer-poweredby img {width: 100px; height: auto; float: right; padding-top: 50px;}


/* MAPS fuer Endverbraucher */
	.tx-wecmap-map {width: 290px !important; height: 350px !important; margin:0; padding:0; }


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */



/* base grid */



/* Head */

/* Footer */

/* --  -------------- */
/* -- Mini Parallax Effect -- */ /* margin-top: 5%; font-weight: 100;*/
/* --  -------------- */
.par-hinweis-s, .par-hinweis-l {position:absolute; text-align: right; height: 20px; font-size:70%; overflow:hidden; padding: 0 10px 0 0; margin: 0;}
.par-hinweis-s { margin-top:250px; }
.par-hinweis-l { margin-top:450px; }
.par-hinweis p {font-weight: 500;}

.parallax-s, .parallax-l { text-align: center; }
.parallax-s h1 {font-size: 220%; margin-top: 5%; font-weight: 300; }
.parallax-s h2, .parallax-l h2 {font-weight: 500; color: #333; font-size: 120%;}
.parallax-l h1 {font-size: 220%; margin-top: 20%; font-weight: 300;}

.parallax-s {
  height: 300px;
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
}

.parallax-l {
  height: 500px;
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
}


    /* MEPA Videothek */ 
    .container-vid {width: 100%; height: 0; padding-bottom: 56.25%; }
	.video {top: 0; left: 0; width: 100%; height: 100%;}




/*
*
* Mediaquery width 
*
*/

/* Smaller devices (phones, 380px and up) */
@media (min-width: 380px ) { 
	.box3 {height: 100%;}
	.img_wide_cover {width: 100%; height: 200px;}
	.img_text_rechts {width: 40%; float:right; }
	.tx-wecmap-map {width: 450px !important; height: 350px !important;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px ) { 
	.box3 {padding: 20px; border-right: 10px solid #fff; border-bottom: 15px solid #fff; height: 100%;}
	.invis-desktop {display: none; visibility: hidden;}
	.invis-mobil {display: block; visibility: visible;}
	.frau {  background-image: url("../../img/frau.png"); background-repeat:no-repeat; background-position: 20% 100%;} 
	.box3 {height: 400px; overflow: hidden;}
	.headstart .aktionslabel {width: 300px;}
	.img_standard {width: 100%; height: 400px; }
	.img_wide_cover {width: 100%; height: 300px;}
	h1 { font-size: 350%;}
	
	.parallax-s h1 {font-size: 300%; }
	.parallax-l h1 {font-size: 400%; }

	.faq {margin-left:50px; font-size:160%;}
	
	.tx-wecmap-map {width: 750px !important; height: 450px !important;}
  .footer-poweredby {width: 80%;}
  .footer .row .footer-poweredby img {width: 200px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px )  {
	.box3 {padding: 30px; height: 400px; overflow: hidden;}
	.img_standard {width: 100%; height: 500px; }
	.tx-wecmap-map {width: 850px !important; height: 550px !important;}
	.frau {  background-image: url("../../img/frau_text.png"); background-repeat:no-repeat; background-position: 20% 100%;} 
  .footer-poweredby {width: 65%;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.box3 {padding: 40px; }
	.headstart .aktionslabel {width: 400px; margin-bottom: 50px; }
	.headstart h1 {font-size: 400%;}
	.headstart h2 {font-size: 30px; line-height: 110%; color: #414141; margin-top:-5px;}

	.tx-wecmap-map {width:950px !important; height: 550px !important;}

	.parallax-s h1 {font-size: 380%; }
	.parallax-l h1 {font-size: 500%; }
 }
 
 @media (min-width: 1600px) {
		.img_standard {width: 80%; } 
 }


/* Mediaquery Height */

@media (min-height: 500px ) { 

 }

 @media (min-height: 700px ) { 
 }