@charset "utf-8";
/* CSS Document                     */
/* Template Coswig Ort der Vielfalt */
/* mobile design */

@media only screen and (max-width: 480px) {

  #contentarea, #contentarea2 {
    /*top: -10px;*/
    }
  #news {
    height: 23vw;
    width: 34.5vw;
    background-size: 34.5vw 23vw;
  }
    .category-module li {
    font-size: 3vw;
    padding: 1.8vw 0 0 1.6vw;
    width: 29vw;
    height: 17vw;
  }
  .category-module li {margin-left:1.2vw}
  .category-module li p:first-child {
    margin-top: 2.2vw;
  }
  #news p {
    font-size: 2.4vw;
  }
  .footercontainer {
                /* allgemeine Definitionen für den übergeordneten Container */
                /*background-color: #00aa00;*/
                padding: 0;
                margin: 0;

                /* Darstellung IE11 */
                display: -ms-grid;
                -ms-grid-rows: auto;
                -ms-grid-columns: repeat(1, 1fr);
                grid-template-columns: repeat(1, 1fr);                     
            }
            
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    #news {
    position: absolute; 
    height: 20vw;
    width: 30.5vw;
    background-size: 30.5vw 20vw;
  }
  .category-module li {
    font-size: 3vw;
    padding: 1.8vw 0 0 1.6vw;
    width: 26vw;
    height: 15vw;
  }
  .category-module li p:first-child {
    margin-top: 2.1vw;
  }
  #news p {
    font-size: 2.2vw;
  }
  
  .footercontainer {
                /* allgemeine Definitionen für den übergeordneten Container */
                /*background-color: #00aa00;*/
                padding: 0;
                margin: 0;

                /* Darstellung IE11 */
                display: -ms-grid;
                -ms-grid-rows: auto;
                -ms-grid-columns: repeat(2, 1fr);

                /* Darstellung als Raster */
                display: grid;
                /* Breite der Elemente je Zeile automatisch */
                grid-template-rows: auto;
                /* in jeder Zeile sollen die Boxen die gleiche Höhe haben (FitRow) */
                grid-template-columns: repeat(3, 1fr);
                /* Abstand zwischen den Elementen (Vertikal, Horizontal) */
                grid-gap: 20px 0.4vw;                       
            }
            .item {
                list-style-type: none;
                /*border: 1px solid #000000;*/
                padding: 10px;
                /*background-color: #FF0000;*/
                display: table;
                position: relative;
            }
}
@media only screen and (max-width: 768px) {

	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
    #mobile-nav {display: block;}
	#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
        top: 20vw;
        margin-left: 0.5vw;  
	}
	#header {/*padding-top:3em;*/height: 23vw;}
	#header form  {margin:0}
	.logoheader {/*background:#0C1D43;*/ min-height:100px; margin:0}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
  #contentarea {top:-9vw;}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;

		margin: 0 0px; background:#095197;
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; }
	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc
	}
  #leftmargin {display: none;}
  #wrapper2 {top: 20vw;margin-left: 0.5vw;}

}


@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
  ul.menu {margin-left: 0px;}
  #news {
    height: 15vw;
    width: 24.5vw;
    background-position-y: 2px;
    background-size: 23.5vw 14.0vw;
  }
  .category-module li {
    font-size: 2vw;
    padding: 1.4vw 0 0 1.4vw;
    width: 20vw;
    height: 10vw;
  }
  #news p {
    font-size: 1.6vw;
  }
    .footercontainer {
                /* Darstellung IE11 */
                display: -ms-grid;
                -ms-grid-rows: auto;
                -ms-grid-columns: repeat(2, 1fr);

                /* Darstellung als Raster */
                display: grid;
                /* Breite der Elemente je Zeile automatisch */
                grid-template-rows: auto;
                /* in jeder Zeile sollen die Boxen die gleiche Höhe haben (FitRow) */
                grid-template-columns: repeat(3, 1fr);
                /* Abstand zwischen den Elementen (Vertikal, Horizontal) */
                grid-gap: 20px 0.4vw;                       
            }
            .item {
                list-style-type: none;
                /*border: 1px solid #000000;*/
                padding: 10px;
                /*background-color: #FF0000;*/
                position: relative;
            }
}

@media only screen and (min-width: 992px) {
}
@media only screen and (max-width: 1024px) {
  #header {
    height: 30vw;
  }
  #contentarea, #contentarea2 {
    position: relative;
    
  }

  .category-module {padding: 0.6vw;}
  /*.category-module li {
    font-size: 2vw;
    padding: 1.4vw 0 0 1.4vw;
    width: 20vw;
    height: 10vw;
  }
  #news p {
    font-size: 1.6vw;
  }*/
}  
@media only screen and (min-width: 1023px) { 
  /* Styles */
  #news {
    height: 150px; 
    width: 245px; 
    background-position-y: 2px;
    background-size: 246px 148px;
  }
  .category-module {padding: 1px;}
  .category-module li {
    font-size: 20px;
    padding: 20px 0 0 20px;
    width: 212px;
    height: 120px;
  }
  #contentarea {top: -3vw;}
  #news p {
    font-size: 16px;
  }
  ul.menu {margin-left: 12px;}
  
   .footercontainer {
                /* allgemeine Definitionen für den übergeordneten Container */
                /*background-color: #00aa00;*/
                padding: 0;
                margin: 0;

                /* Darstellung IE11 */
                display: -ms-grid;
                -ms-grid-rows: auto;
                -ms-grid-columns: repeat(3, 1fr);

                /* Darstellung als Raster */
                display: grid;
                /* Breite der Elemente je Zeile automatisch */
                grid-template-rows: auto;
                /* in jeder Zeile sollen die Boxen die gleiche Höhe haben (FitRow) */
                grid-template-columns: repeat(3, 1fr);
                /* Abstand zwischen den Elementen (Vertikal, Horizontal) */
                grid-gap: 20px 5px;                       
            }
            .item {
                list-style-type: none;
                /*border: 1px solid #000000;*/
                padding: 10px;
                /*background-color: #FF0000;*/
                display: table;
                position: relative;
            }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}