/*-----------------------------------------------------------------------------------*/
/*        MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 1000px) and (max-width: 1250px) {
        body { font-size:95%; }
        img.links, img.rechts {  max-width: 45%;  height: auto; }
        #maincontent {   padding-right:0.7em; }
        #maincontent img { margin:0 0.5em 0 0; }
        ul {             padding-left:0.5em; }
        #logo, #slogan { float:none; margin:0; }
        #slogan h1 {     font-size: 1.1em; text-shadow: 0 1px 2px #000, 0 -1px 0 #faf8bb ; }
        ul#nav {         font-size:0.95em; }
        #leftcol #aktion { top:-5px; font-size:0.9em; }
        .padding3 {      padding-left:1em; }
        .lineheight1 {   line-height:1.1em; }
        label { float:none; width:100%; display:block;}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 700px) and (max-width: 1000px) {
        body { font-size:92.5%; }
        #container {     margin:5px auto; padding:0; }
        .breite100 {     width:700px; margin:0 auto; }
        img.links, img.rechts {  max-width: 40%;  height: auto; }
        #maincontent {   padding-right:0.7em; }
        #maincontent img { margin:0 0.5em 0 0; }
        ul {             padding-left:0.5em; }
        ul#nav > li > a {   padding:17px 0; }
        #logo, #slogan { float:none; margin:0; }
        #slogan h1 {     font-size: 1.1em; text-shadow: 0 1px 2px #000, 0 -1px 0 #faf8bb ; }
        ul#nav {         font-size:0.95em; }
        #leftcol {         font-size:0.85em; }
        #leftcol #aktion { top:-5px; width: 70%; font-size:0.9em; }
        .padding3 { padding-left:0; }
        .lineheight1 {   line-height:1em; }
        label { float:none; width:100%; display:block;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 700px) {

        body { font-size:90%; }
        #container { margin:5px auto; padding:0; }
        .breite100 { width:280px; margin:0 auto; }
        img {            max-width: 80%;  height: auto; }
        img.links, img.rechts {  max-width: 30%;  height: auto; }
        .halb {          float:none; width:100%; border-bottom:1px dotted #323232; }
        #maincontent img { margin:0.25em; }
        #maincontent { margin-right:-9px; }
        #head {          width:100%; height:140px; }
        #logo h1 {       margin:0; padding:0; }
        #logo h1 img {   position:relative; top:0; left:0; max-width:60%; }
        #logo, #slogan { float:none; margin:0; }
        #slogan h1 {     margin:0; font-size: 1.05em; text-shadow: 0 1px 2px #000, 0 -1px 0 #faf8bb ; }
        #content {       display:block; }
        #leftcol, #rightcol, #main, #footer {
                float: none !important;
                width: 100% !important;
                display:block;
                margin:0;
                padding:0 9px;
        }
        #leftcol {
          padding-bottom:20px;
          margin-bottom:-10px;
        }
        #leftcol #aktion {
        top:-5px;
        margin-left:-8px;
        width: 95%;
        font-size:0.9em;
        padding:5px;
        min-height:30px;
         }
        #leftcol .leftred {
        margin-left:-9px;
         }
        .padding5, .padding12 {
         padding-left:0;
         }
        form{   }
        form label { width:100%; float:none; }
        input[type="text"], textarea { width:100%; }
        #footer {        text-align:center;  }
        ul#nav, #quicknavi {
                display: none;
        }
        ul#footernav { display:block; margin:0; padding:0; }
        .lineright, .lineleft { border:none; }
        .anchor-link {
                 display: block;
                 position:absolute;
                 top:30px;
                 right:0;
                 text-align: center;
                 padding: 5px;
                 margin:0;
                 background:#cb292b;
                 color:#ffffff;
                 font-size:1.2em;
                 text-decoration: none;
                 text-transform:uppercase;
                 line-height:1em;
                 border-radius: 50px;
                 border:solid 1px #c6a936;
                 width:50px; height:50px;
                 box-shadow: inset 0px 0px 7px #860405, 0px 1px 4px 0px rgba(0,0,0,0.3);
                 }
         a.anchor-link:hover {
                 color:#ffffff;
                 background:#008980;
                 }

}