@media screen and (max-width: 1439px) 
{
   .page nav.quick  { display:none; }
   .page.default nav.quick  { display:none; }
}

@media screen and (max-width: 1200px) 
{
   .center-inner   { padding:0em 1em 0em 1em; }
   .navbar ul.mainlinks > li { padding-left:1.9em; padding-right:1.9em; }
}


@media screen and (max-width: 1024px) 
{
   .navbar ul.mainlinks > li { padding-left:1.4em; padding-right:1.4em; }
    .navbar ul.mainlinks > li > a { font-size: 1.4em; }
    .navbar ul.mainlinks > li:first-child {  padding-left:2rem; }

    /* default.aspx */
    #default .news a > p  { font-size:1.2em; }

    /* folderdownload.aspx */
    #folderdownload .thumbsbox { display: block; padding: 2em 0em 2em 2em; }


    /* inhalt.aspx */
    .inhalt-6782 .template-person .person   { width: 32.2%;  }
}

@media screen and (max-width: 990px) 
{
   .navbar ul.mainlinks > li { font-size:9px; }
   .navbar ul.mainlinks > li { padding: 1.2em 1.7em 1.2em 1.7em; }
   .mainlinks .submega { top:14em; }

   /* inhalt.aspx */
   .template-person .person { width: 49%; margin-right:1%; }


   /* tageskarte.aspx */
   #tageskarte .form .field span.label         { font-size:1.4em; padding:0.4em 0.8em 0.2em 0em; width:100%; display:block; float:none; }
   #tageskarte .form .field > label            { font-size:1.4em; padding:0.4em 0.8em 0.2em 0em; width:100%; display:block; float:none; }
   #tageskarte .form .field .control           { max-width:100%; }
}

@media screen and (max-width: 900px) 
{
  .navbar ul.mainlinks > li { padding-left:1em; padding-right:1em; }

   /* default.aspx */
   #default .news a                     { padding:1em 1em 1em 17em; }
   #default .news a > span:first-child  { display:none; }
   #default .news a  > h3               { font-size:1.4em; }
   #default .news a  > p                { display:block; }
   #default .quicklinks > a > span      { font-size:1.4em; }
   #default .agenda .calpdf             { position:absolute; top:1.2em; right:0em; font-size:1.6em; }
}

@media screen and (max-width: 800px) 
{
  .navbar ul.mainlinks > li { padding-left:0.7em; padding-right:0.7em; }
}



/* Anpassungen für Geräte kleiner Ipad Hochformat */

@media screen and (max-width: 768px) 
{
    body                     { background-image:none; }
    .page                     { }
    .center-inner             { min-width: 0em; }
    .navbar                   { display:none;  }
    .searchtrigger            { position:absolute; top:3em; right:6em; cursor:pointer; display:block; max-width:3em;  }
    .menutrigger              { position:absolute; top:3em; right:1em; cursor:pointer; display:block; max-width:3em;  }
    .searchtrigger img        { width:100%; }
    .menutrigger img          { width:100%; }

    .menu-mobile              { position:fixed; top:7.3em; right:0em; z-index:9999;  }
    .menu-mobile.show         { display:block; }

    .page > .header                     { height:8em;  }
    .page > .header .logo               { text-align:left; }
    .page > .header .logo img           { max-height:6em; top:0em; }
    .page > .header .search i           { font-size:2.5em; color:#2C2D2D; }

    .page > .header.minimized           { height:8em; padding-top:0em; font-size:9px; }
    .page > .header.minimized .logo     { display:block; }

    .page > .content                    { background-color:#f0f1f1; margin-top:12em; min-height:auto; }
    
    .page > .content .search            { display:none; position:fixed; left:1%; top:8.5em; width:100%; max-width:98%; }
    .page.default > .content .search    { display:none; position:fixed; left:1%; top:8.5em; width:100%; max-width:98%; } 
    .page > .content[data-state="minimized"] .search          { top:8em; }
    .page.default > .content[data-state="minimized"] .search  { top:8em; }

    .page > .content > .main        { width:100%; float:none; margin-right:0%; margin-bottom:2em; background-color:#F0F1F1; margin-top:0em; padding:0em; }
    .page > .content > .main > .state { padding:1em; }
    .page > .content > .main > section { padding:1em; }
    .page > .content > aside        { width:100%; float:none; }
  
    .page > .footer.fixed               { position:relative; bottom:0em; left:0em; width:100%; top:unset; }

    #default .news a > .more { font-size:1em; }

    nav.mobile                      { height:100%; display:block; text-align:left; z-index:999; }
    nav.mobile li                   { list-style-type:none; padding:1.2em 1.2em 1.2em 2.5em; border-bottom:solid 1px #84A5C8;  }
    nav.mobile li a                 { color:white; text-decoration:none; cursor:pointer; font-size:1.8em; }
    nav.mobile li > h2              { padding-left:0.3em; color:white; margin:0.2em 0em 0em 0em; font-size:2em; }
    nav.mobile ul                   { overflow:auto; background-color:#004A99; z-index:999; position:fixed; top:8em; right:-65em; width:80%; height:100%; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); }
    nav.mobile li.withchild         { background-image:url(/images/rechtsweiss.png); background-repeat:no-repeat; background-position:right 1em center; background-size:0.8em; }
    nav.mobile li li:first-child    { background-image:url(/images/linksweiss.png); background-repeat:no-repeat; background-position:left 1em center; background-size:0.6em; }


    /* nachrichten.aspx */
    #nachrichten .news .line      { border-width:0em; text-align:left; visibility:hidden; }
    #nachrichten .news .date      { background:none; text-align:left; width:100%; font-size:1.2em; color:inherit; }
    #nachrichten .news h3         { float:none; text-align:left; color:inherit; }
    #nachrichten .news .left img  { width:100%; }

    /* geschichte.aspx */
    #geschichte table td:first-child       { display:none; }
    #geschichte table td:last-child { padding-bottom:1em; }
    #geschichte table td:last-child > h3   { display:block; }

    /* inhalt.aspx */
    #inhalt { padding-bottom:1em; }
    .inhalt-6782 .template-person .person[data-id="123283"] { clear:both; }

}


@media screen and (max-width: 640px) 
{
    
   /* default.aspx */
   #default .news           { width:100%; margin-right:0em; }
   #default .news a         { padding-left:18em; background-size:contain; background-position:-0em -0em; }
   #default .news a > p     { display:block; }
   #default .quicklinks > a { width:48%; margin-right:2%; margin-bottom:1em; }
   #default .quicklinks > a > span { font-size:1.6em; }
   #default .agenda         { width:100%; float:none; clear:both; margin-right:0%; }
   #default .media          { width:100%; float:none; clear:both; }
   #default .agenda .calpdf { top:0.2em; }
   #default .quicklinks.quicklinks--ges > a         { margin-right:1%; height:18rem; }

   /* tageskarte.aspx */
   #tageskarte .leftcol     { width:100%; float:none; clear:both; }
   #tageskarte .rightcol    { width:100%; float:none; clear:both; padding-top:2em; }
   #tageskarte .legend      { float:left; clear:none; padding-left:2em; margin-top:0em; }
   #tageskarte .field.checkbox         { padding-left:0%; }
   #tageskarte .field.send             { padding-left:0%; width:100%; }
   #tageskarte .field.send .button     { width:100%; }

   /* protokolle.aspx */
   #protokolle h2                   { font-size:1.5em; }
   #protokolle .docs                { width:45%; }
   #protokolle .dates               { width:45%; }

   /* folderdownload.aspx */
    #folderdownload .thumbsbox          { background-color:none; padding:0em; }
    #folderdownload .thumbsbox .preview { width: 33%; }
    #folderdownload .thumbsbox .preview:nth-child(3) { display:none; }

    /* wetter.aspx */
    #wetter .day { width: 32%; margin-right: 1%; margin-bottom:0.5em; }
}

@media screen and (max-width: 550px) 
{
    .page > .footer > div > div { width:50%; }
    .page > .footer > div > div:nth-child(2) { width:100%; float:left; }
    .page > .footer > div > div:nth-child(3) { width:50%; float:right; position:absolute; top:0em; right:0em; }

    /* nachrichten.aspx */
    #nachrichten .news .left        { width:100%; margin:1.5em 0em 0em 0em; }
    #nachrichten .news .text        { width:100%;  }

    /* kontakt.aspx */
    #kontakt .leftcol           { width:100%; clear:both; }
    #kontakt .rightcol          { width:100%; clear:both; padding:1em 0em 2em 0em; }
    #kontakt .intro             { top:0em; margin-bottom:3em; }

    /* vereine.aspx */
    #vereine .intro     { float: none; clear:both; width: 100%; }
    #vereine .register  { float: none; clear:both; width: 100%; padding:1em 1em 1em 1em; text-align:center; background-image:none; min-height:100%; height:4em; }
    #vereine .logobox { display:none; }
}

@media screen and (max-width: 475px) 
{
    .page > .footer > div > div { width:100%; }
    .page > .footer > div > div:nth-child(2) { width:100%; float:left; }
    .page > .footer > div > div:nth-child(3) { width:100%; float:left; position:relative; margin-bottom:2em;  }
 
 
   /* default.aspx */
   #default .news a             { padding-left:2em; background-position:-100em -100em; }
   #default .news a > span:first-child  { display:block; }
   #default .news a  > h3       { font-size:1.6em; }
   #default .news a  > p        { display:block; font-size:1.4em; }
   #default .news a  > .more    { font-size:1.4em; }
   #default .agenda li > span   { max-width: 20%; }
   #default .agenda li > a      { max-width: 80%; }

   /* protokolle.aspx */
   #protokolle h2                   { font-size:1.8em; }
   #protokolle .docs                { width:100%; }
   #protokolle .dates               { width:100%; }

    /* inhalt.aspx */
    .template-imageleft img.preview { margin-bottom:2em; }
    .template-imageshorizontal[data-images] img.preview { width:100%; margin-right:0%; }

    /* wetter.aspx */
    #wetter .day { width: 49%; margin-right: 1%; }

    /* downloads.aspx */
    #downloads .filterbox .styled-select    { width:100%;  }
    #downloads .filterbox .styled-textbox   { width:100%; float:none; margin-top:1em; }
    
    /* archiv */ 
    .menu-archive                 { clear:both; font-size:0.8em; }

    /* presseartikel.aspx */
    #presseartikel .filterbox .styled-textbox    {  max-width:14em;  }

    /* nachrichtenarchiv.aspx */
    #nacharchiv .filterbox .styled-select { width:48%; }
    #nacharchiv .filterbox .styled-textbox { width:48%; }

    /* tageskarte.aspx */
    #tageskarte .article    { width:100%; text-align:left; }
    #tageskarte .article:nth-child(2) { width:100%; text-align:left; }
    #tageskarte .legend     { padding-left:0em; clear:both; }
    #tageskarte .resform    { padding-bottom:4em; }
    #tageskarte .button     { width:100%; }
}

    
@media screen and (max-width: 425px) 
{
    /* master */
    .page > .footer > div > div { width:100%; }

    /* inhalt.aspx */
    .template-imagesvertical .images        { width:100%; max-width:100%; clear:both; margin:0em 0em 1em 0em; } 
    .template-imageleft img.preview         { width:100%; max-width:100%; clear:both; } 
    .template-person                        { text-align:center; }
    .template-person .person                { width: 100%; margin-right:0%; max-width:23em; margin:0em auto 1em auto; float:none;  }
    .inhalt-6782 .template-person .person   { width: 100%; margin-right:0%; max-width:23em; margin:0em auto 1em auto; float:none; }
    .template-person .person .image         { }
    .template-person .person .text          { min-height:auto; }
    .template-person .person .text h3 + p   { min-height:auto; }

     /* archiv */ 
    .menu-archive                 { clear:both; font-size:0.7em; }

    /* presseartikel.aspx */
    #presseartikel .filterbox .years            { float:none; width:100%; max-width:100%; margin-bottom:0.5em; }
    #presseartikel .filterbox .categories       { float:none; width:100%; max-width:100%; margin-bottom:0.5em; }
    #presseartikel .filterbox .styled-textbox   { float:none; width:100%; max-width:100%; }

    /* nachrichtenarchiv.aspx */
    #nacharchiv .filterbox .styled-select   { float:none; width:100%; max-width:100%; margin-bottom:0.5em; }
    #nacharchiv .filterbox .styled-textbox  { float:none; width:100%; max-width:100%; }
}

@media screen and (max-width: 320px) 
{
    #default .quicklinks > a { font-size:8px; }
}