/* ---------------------------------------------------------
   Mobile styles 
   ---------------------------------------------------------*/

/* Anpassung Zustände Startseite Textgroessen */

@media only screen and (min-width:1370px) and (max-width: 1525px)   
{
  .teaser h1  {height: 65px; font-size: 1.6rem;}
  .teaser p {font-size: 0.95rem; height: 315px;}	
  
}

@media only screen and (min-width:1270px) and (max-width: 1369px)   
{
  .teaser h1  {font-size: 1.4rem; height: 65px;}
  .teaser p {font-size: 0.9rem; height: 315px;}	
}

@media only screen and (min-width:1080px) and (max-width: 1269px)   
{
  .teaser h1  {font-size: 1.3rem; height: 65px;}
  .teaser p {font-size: 0.9rem; height: 295px;}	
}

@media only screen and (min-width:1025px) and (max-width: 1079px)   
{
  .teaser h1  {font-size: 1.2rem; height: 65px;}
  .teaser p {font-size: 0.9rem; height: 295px;}   	
}


/* Anpassung Zustände Mitarbeiter-Seite Textgroessen */


@media only screen and (min-width:1600px) and (max-width: 1650px) {.oeffnungszeiten dt,  .oeffnungszeiten dd, main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 1.15rem !important; }}
@media only screen and (min-width:1380px) and (max-width: 1600px) {.oeffnungszeiten dt,  .oeffnungszeiten dd, main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 1.0rem !important; }}
@media only screen and (min-width:1150px) and (max-width: 1379px) {.oeffnungszeiten dt,  .oeffnungszeiten dd, main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 0.9rem !important; }}
@media only screen and (min-width:1025px) and (max-width: 1149px) {.oeffnungszeiten dt,  .oeffnungszeiten dd, main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 0.8rem !important; }}

@media only screen and (min-width:790px) and (max-width: 860px) {main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 1.15rem; }}
@media only screen and (min-width:700px) and (max-width: 789px) {main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 1.00rem; }}
@media only screen and (min-width:625px) and (max-width: 699px) {main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 0.90rem; }}
@media only screen and (min-width:561px) and (max-width: 624px) {main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 0.80rem; }}
@media only screen and (min-width:501px) and (max-width: 560px) {main[role="content"] .m4_links .teaser dt, main[role="content"] .m4_links .teaser dd, main[role="content"] .m4_links .teaser dd a { font-size: 0.70rem; }}

@media only screen and (min-width:501px) and (max-width: 580px) {.oeffnungszeiten dt,  .oeffnungszeiten dd { font-size: 0.97rem !important; }}



/* Anpassung Kontaktformular */

@media only screen and (min-width:1025px) and (max-width: 1500px)
{
    label,
    input,
    textarea

    {
      width: 100%;
    }
}

/* Anpassung Impressum */

@media only screen and (min-width:1311px) and (max-width: 1470px) {main[role="content"] .go {width: 45%;}}
@media only screen and (min-width:1025px) and (max-width: 1310px) {main[role="content"] .go {width: 95%; height: auto;}}

/* Anpassung Partner Fusszeile */

@media only screen and (max-width: 1374px)   
{
  
  footer[role="footer"] #crafthunt
  {
    clear: both;
    text-align: center; 
    margin: 0;
    padding: 20px 0;
    width: 100%;
  }  	
  
}