.briefkasten
{
  color:black;
}

.impressum figcaption
{
  background: transparent;
  color:black;
  font-size:1em;
  text-shadow:none;
  text-transform:none;
  
}


#cf_1

{
  width:500px;
  margin: 0 auto;
}

.bilder_gartendj
{
  display:grid;
  grid-gap:1em;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;
}


.header-wrap .navbar-brand {
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}

.briefkasten a:hover
{
  color:#8dc53f;
}

.briefkasten a
{
  color:#8dc53f;
}

.gruen
{
  color:#506f5f;
  margin-top:1em;
  
 
}

.chronoforms label
{
  font-size:1.5em !important;
}

.t4-section-inner h3
{
 color:transparent;
}

.briefkasten
{
  text-align:center;
}

.briefkasten
{
  font-size: 36px;
}


.bildgrid
{
  display:grid;
 
 
  
  grid-gap:1em;
  justify-items:end;
}



.bildgrid_sm
{
  display:grid;
 
 
  
  grid-gap:1em;
  justify-items:end;
}



.footer_blinzeln
{
  font-size:1.3em;
  color: #6c757d;
  background-color: #fff; /*#939498;*/
}


.leistungen_minimap a:hover
{
  opacity: 0.3;
}



.leistungen_minimap
{
  margin-top: 6em;
  margin-bottom:6em;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  display:grid;
  grid-template-columns: 300px 300px;
  grid-gap: 1em;
}

.collapse.show {
    min-height: 160px;
}
.leistungen_minimap figcaption
{
  text-align:left;
background: none;
  font-size: 1em;
}
.footer_grid
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
}



.customstart_row_1
{
  display:grid;
}

.t4-section-1 .container
{
	padding-top: 0 !important; 
	padding-bottom: 0 !important;
 
}

.home-grid
{
  
  display:grid;
  grid-template-columns: 1fr 1fr;
  
  
}


.bildunterschriftamsee figcaption
{
  background-color: transparent;
  text-shadow: none;
  color:black;
  font-size:1rem;
  text-transform:none;
}

.einleitungstext_gdj a
{
    color:#00f;
}


.einleitungstext a
{
  color:#00f;
}

.bildunterschriftamsee
{
  
	grid-column: 3/6;
}

/* #region Jobs Seite */


.jobs_site #adminForm .table-striped tbody tr:nth-of-type(2n+1)
{
  background-color: #c2e09a6b;
}

.jobs_site .fields-container

{
  list-style-type: none;
}

.jobs_bezeichnung
{
  text-align: center;
  font-weight: bolder;
}


.jobs_ort
{
  font-weight: lighter;
  
}


.jobs_slider_title
{
  text-decoration-style: wavy;
}


.category-desc
{
  border:none !important; 
}


    /* #region Jobs Detailseite */
    
    .jobs_ort
    {
      margin-top: 2em;
        font-size: 1.5em;
        font-weight: bold;
        text-align:center;
        
      
    }

    .jobs_jobart
    {
      text-align: center;
      padding-bottom: 2em;
      color: #506f5f;
    }

    .jobs_bezeichnung
    {
      margin-bottom:1em;
    }

    .jobbeschreibung 
    {
      font-size: 1.3em;
    }



    /*endregion Jobs Detailseite*/
    

/*endregion Jobs Seite*/

/*-------------------------------------------------------------Smartphone-K-------------------------------------------------------------------*/

@media (min-width: 320px) 
{
  
  
  
  .gruen
  {
    font-size: 30px;
  }
  
.logo_slider 
  {
    max-width:100%;
  }

 
  
  
  
  .pic_mobile
  {
    width:100%;
  }
  
    .einleitungstext
{
 
  /*font-size:1.4em;*/
  font-size:16px;
  padding:1em;
  }

   .gdj_logo
    {
    width:30%;
	position: absolute;
	top: 200px;
	left: 70%;
	transform: rotate(45deg);
    }
  
  
}


/*-------------------------------------------------------------Smartphone-------------------------------------------------------------------*/

@media (min-width: 576px) 
{
  
 .gdj_logo
    {
    width:30%;
	position: absolute;
	top: 300px;
	left: 70%;
	transform: rotate(45deg);
    }

}

@media (min-width: 701px )
{
  .gdl_pic
  {
    display:none;
  }
}

/*-------------------------------------------------------------Tablet-P-------------------------------------------------------------------*/




  @media (min-width: 768px) {
   
    

.bilder_gartendj
{
  margin-top:3em;
 /* display:grid;
   grid-template-columns: 1fr 1fr;*/

}

   
    
    
  .gruen
  {
    font-size: 40px;
  }
    
    
    
    .pic_mobile
    {
      display:none;
    }


 .t4-megamenu a
    {
      padding-right: 2em !important;
    }
    
    
    
    .customkontakt_2
    {
      
	margin-top: -4em;
	margin-bottom: -9em;

    }
    
    
.bildgrid
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ; 
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  grid-gap:1em;
  justify-items:end;
}
    
    
    
    
.bildgrid_sm
{
  display:grid;
  /*grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%; */
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  grid-gap:1em;
  justify-items:end;
}
    
   
    
    
    .einleitungstext
{
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  color:black;
  /*font-size:1.5em;*/
  font-size:20px;
  padding:1em;
  border-radius: 15px;
/*  margin-top:3em;*/
}

    
   
    
    .einleitungstext_gdj
{
  max-width:1024px;
  margin-left:auto;
  margin-right:auto;
  color:black;
  /*font-size:1.5em;*/
  font-size:20px;
  padding:1em;
  border-radius: 15px;
/*  margin-top:3em;*/
}
    
    
    .logo_slider {
	max-width: 50vw !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
    
    
 .chronoforms  
    {
      width: 500px;
      margin-left:auto;
      margin-right:auto;
    }
    
   
/*
   
    .ga-bild1
    {
      grid-row:2;
      grid-column: 1/4;
      
    }
    
    
    .ga-bild2
    {
      grid-row:1;
      grid-column: 1/7;
      
    }
    
     .ga-bild3
    {
     grid-row: 2;
      grid-column: 4/7;
      
    }
    
     .ga-bild4
    {
     grid-row: 4;
      grid-column: 1/7;
     
      
    }
    
    */
    
    
     
    .ga-bild1
    {
      grid-column: 5/7;
      grid-row:1;
      
    }
    
    
    .ga-bild2
    {
      grid-column: 1/5;
      grid-row:1/2;
      height:325px;
    }
    
     .ga-bild3
    {
     grid-row: 2/3;
      grid-column: 1/3;
   
      
    }
    
     .ga-bild4
    {
     grid-row: 2/3;
      grid-column: 3/7;
      height:325px;
      
      
    }
    
     .wd-bild1
    {
      grid-column: 1/4;
      
    }
    
    
    .wd-bild2
    {
      grid-column: 4/7;
      
    }
    
     .wd-bild3
    {
     grid-row: 2/4;
      grid-column: 4/7;
      
    }
    
     .wd-bild4
    {
     grid-row: 2/3;
      grid-column: 1/4;
     
      
    }
    
    .wd-bild5
    {
     grid-row: 3;
      grid-column: 1/4;
      
    }
    
    .wd-bild6
    {
    grid-row: 3;
      grid-column: 4/7;
      
    }
    
    .wd-bild7
    {
     
      grid-row: 3/4;
      grid-column: 1/4; 
     
    }
    
    
    
    
    
     .ma-bild1
    {
      grid-column: 1/4;
      
    }
    
    
    .ma-bild2
    {
      grid-column: 4/7;
      
    }
    
     .ma-bild3
    {
     grid-row: 2/4;
      grid-column: 4/7;
      
    }
    
     .ma-bild4
    {
     grid-row: 2/3;
      grid-column: 1/4;
      height:250px;
      
    }
    
    .ma-bild5
    {
     grid-row: 4;
      grid-column: 1/4;
      
    }
    
    .ma-bild6
    {
    grid-row: 4;
      grid-column: 4/7;
      
    }
    
    .ma-bild7
    {
     
      grid-row: 3/4;
      grid-column: 1/4; 
      height:225px;
    }
    
    
    
    
    
    .hm-bild1
    {
      grid-column: 2/4;
      
    }
    
    
    .hm-bild2
    {
      grid-column: 4/6;
      
    }
    
     .hm-bild3
    {
     grid-row: 1/3;
      grid-column:2/6;
      
    }
    
    
    
    
    
    
    .km-bild1
    {
      grid-column: 1/4;
      
    }
    
    
    .km-bild2
    {
      grid-column: 4/7;
      
    }
    
     .km-bild3
    {
     grid-row: 2/3;
      grid-column: 5/7;
      
    }
    
     .km-bild4
    {
     grid-row: 2/3;
      grid-column: 1/5;
      height:320px;
      
    }
    
    
    
    
    
    .na-bild1
    {
      grid-column:1/3;
      grid-row:1;
      
      
    }
    
    
    .na-bild2
    {
      grid-column: 5/7;
      grid-row:2;
      
    }
    
     .na-bild3
    {
     grid-row: 2;
      grid-column:1/5;
      height:325px;
      
    }
    
    .na-bild4
    {
      grid-row:1;
      grid-column:3/7;
      height:325px;
    }
    
    
.navbar
    {
     
      min-height:100px !important;
      font-size:22px;
    }







}





/*-------------------------------------------------------------Tablet-L-------------------------------------------------------------------*/

  @media (min-width: 992px) {
   
   

.footer_kontakt
{
  padding-left:1em;
  border-left: 1px solid grey;
}

.footer
{
  font-size:1.2em;
 
}

.footer_links
{
  padding-left:1em;
  border-left: 1px solid grey;
}

.footer_zeiten
{
  padding-left:1em;
  border-left: 1px solid grey;
  
}

    /*
.ga-bild4
    {
     grid-row: 2/3;
      grid-column: 1/5;
      height:420px;
      
    }
    
    .ga-bild2
    {
     grid-row: 1/2;
      grid-column: 3/7;
      height:420px;
      
    }
    
 
    
     .ma-bild7
    {
     
      grid-row: 3/4;
      grid-column: 1/4; 
      height:320px;
    }
    
    
     .ma-bild4
    {
     grid-row: 2/3;
      grid-column: 1/4;
      height:320px;
      
    }
    
  */ 
.customstart_row_1
    {
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    
    
    
  .logo-img
  {
    width:100%;
  }
    
    

}






/*-------------------------------------------------------------Desktop-------------------------------------------------------------------*/


  @media (min-width: 1200px) {

    

    /* #region Jobs Detailseite */
    
    .jobs_ort
    {
        font-size: 1.5em;
        font-weight: bold;
        text-align:center;
        
      
    }







    /*endregion Jobs Detailseite*/
    
   
    .t4-megamenu a
    {
      padding-right: 2em !important;
    }
    
    
    
    .customkontakt_2
    {
      
	margin-top: -4em;
	margin-bottom: -9em;

    }
    
    
.bildgrid
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  grid-gap:1em;
  justify-items:end;
}
    
    
    
    
.bildgrid_sm
{
  display:grid;
  /*grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%; */
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  grid-gap:1em;
  justify-items:end;
}
    
    
    
    
    .einleitungstext
{
  max-width:761px;
  margin-left:auto;
  margin-right:auto;
  color:black;
  /*font-size:1.5em;*/
  font-size:20px;
  padding:1em;
  border-radius: 15px;
  margin-top:3em;
}

    
   
    .logo_slider {
	max-width: 50vw !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
    
    
 .chronoforms  
    {
      width: 500px;
      margin-left:auto;
      margin-right:auto;
    }
    
      
     .wd-bild1
    {
      grid-column: 1/4;
      
    }
    
    
    .wd-bild2
    {
      grid-column: 4/7;
      
    }
    
     .wd-bild3
    {
     grid-row: 2/4;
      grid-column: 4/7;
      
    }
    
     .wd-bild4
    {
     grid-row: 2/3;
      grid-column: 1/4;
     
      
    }
    
    .wd-bild5
    {
     grid-row: 3;
      grid-column: 1/4;
      
    }
    
    .wd-bild6
    {
    grid-row: 3;
      grid-column: 4/7;
      
    }
    
    .wd-bild7
    {
     
      grid-row: 3/4;
      grid-column: 1/4; 
      
    }
    
    

    
    
    
    .ga-bild1
    {
      grid-column: 5/7;
      grid-row:1;
      
    }
    
    
    .ga-bild2
    {
      grid-column: 1/5;
      grid-row:1/2;
      height:325px;
    }
    
     .ga-bild3
    {
     grid-row: 2/3;
      grid-column: 1/3;
   
      
    }
    
     .ga-bild4
    {
     grid-row: 2/3;
      grid-column: 3/7;
      height:325px;
      
      
    }
    
    
    
    
     .ma-bild1
    {
      grid-column: 1/4;
      
    }
    
    
    .ma-bild2
    {
      grid-column: 4/7;
      
    }
    
     .ma-bild3
    {
     grid-row: 2/4;
      grid-column: 4/7;
      
    }
    
     .ma-bild4
    {
     grid-row: 2/3;
      grid-column: 1/4;
      height:240px;
      
    }
    
    .ma-bild5
    {
     grid-row: 4;
      grid-column: 1/4;
      
    }
    
    .ma-bild6
    {
    grid-row: 4;
      grid-column: 4/7;
      
    }
    
    .ma-bild7
    {
     
      grid-row: 3/4;
      grid-column: 1/4; 
      height:240px;
    }
    
    
    
    
    
    .hm-bild1
    {
      grid-column: 2/4;
      
    }
    
    
    .hm-bild2
    {
      grid-column: 4/6;
      
    }
    
     .hm-bild3
    {
     grid-row: 1/3;
      grid-column:2/6;
      
    }
    
    
    
    
    
    
    .km-bild1
    {
      grid-column: 1/4;
      
    }
    
    
    .km-bild2
    {
      grid-column: 4/7;
      
    }
    
     .km-bild3
    {
     grid-row: 2/3;
      grid-column: 5/7;
      
    }
    
     .km-bild4
    {
     grid-row: 2/3;
      grid-column: 1/5;
      height:325px;
      
    }
    
    
    
    
    
    
    .na-bild1
    {
      grid-column:1/3;
      grid-row:1;
      
      
    }
    
    
    .na-bild2
    {
      grid-column: 5/7;
      grid-row:2;
      
    }
    
     .na-bild3
    {
     grid-row: 2;
      grid-column:1/5;
      height:325px;
      
    }
    
    .na-bild4
    {
      grid-row:1;
      grid-column:3/7;
      height:325px;
    }
    
    
    
    
.navbar
    {
      float:left !important;
      min-height:100px !important;
      font-size:22px;
    }




}


  @media (min-width: 1920px) {
    
    
    
    
    
    
    
    
    
    
    .einleitungstext
{
 max-width:900px; 
  color:black;
  font-size:20px;
  padding:1em;
/*  margin-top:3em;*/}

    
     
    .einleitungstext_2
{
 max-width:900px; 
  color:black;
  font-size:20px;
  padding:1em;
 
}

    
    
    
   
    .logo_slider {
	max-width: 50vw !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
    
    
    .chronoforms  
    {
      width: 500px;
      margin-left:auto;
      margin-right:auto;
    }
    
    





}