.logodiv.smartphone, .smartphone { display: none; }


@media only screen and (max-width : 1200px) { 
	.nav li a {
    font-size: 1.2em;
    letter-spacing: 0px;
		/* margin-right: 10px; */
	}
	
	#frontcontent {
		top: 47vh;
		max-width: 63vw;
	}
	
	
	.iconlinks {	margin-right: 30px;	}


	.contentblock {	width: 90%; }
	
	#boxcontainer { width: 100%; }
	
	.newsentry { width: 47%; }	

}



@media only screen and (max-width : 1060px) {
  body { font-size: 95%; }

  
	.logodiv, .logodiv.logotop {
		/*
		width: 132px; 
		height: 137px;
		*/
	}
	
	#fixedtop {
		background: linear-gradient(to right, #FFF 45%, #DDD 57%);
	}
	
	#topmenu, #topmenutop {
		margin-top: 32px;
	}
	
	
	#imgfront, #imgback {
		width: 135%;
	}

	
	
	
  .iconlinks a {
    background-position: 50% 50%; 
    background-size: contain;  
		width: 35px;
    height: 35px;
  }
  
  .iconlinks a:first-child {
    margin-bottom: 14px;
  }
  
	
  #chfont {
		height: 52px;
	}
		
	.productdesc { height: 165px; }
	
	
	#boxcontainer { width: 100%; }
	
}





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

	.page {
		display: block;
	}
	
	#frontcontent {
		left: 5vw;
		max-width:66vw;
	}
	
	
	.flexcontainer {
		flex-wrap: wrap;
	}
	
	#flexnav .flexcontainer {
		display: flex;
	}

	
	/*
	.logodiv, .logodiv.logotop {
		width: 105px;
		height: 130px;
		font-size: 0.8em;
		padding: 3px 4px 4px 4px;
	}
	*/
	
	.postit {
		width: 190px;
		height: 152px;
	}
	.postit::before {
		height: 35px;
	}
	.postit h1, .postit h2  {
		font-size: 1.9rem
	}
	.postit div {
		font-size: 1.4em
	}


  .iconlinks {
    margin-top: 34px; 
		margin-right: 15px;
  }
  .iconlinks a {
    width: 30px;
    height: 30px;
  }
  
  .iconlinks a:first-child {
    margin-bottom: 14px;
  }
  
  
  
  
  .comptable th, .comptable td  {
    text-align: center;
    height: 60px;
  }

  .comptable td {
    padding: 2px;
    font-size: 0.8em;
  }

	.rstop .rstoptitle { font-size: 14px; }
	
  a.gmlink {
    width: 90px;
    height: 24px;
    padding-top: 8px;
    border-radius: 5px;
  }
  a.gmlink:hover {
    box-shadow: -2px -2px 5px #181818 inset, 2px 2px 5px #181818 inset;
    width: 88px;
    height: 22px;
    padding-left: 2px;
    padding-top: 10px;
  }

	
	#mainimg { height: 200px; }
	
	/*
	#maintitlebg { font-size: 220%; bottom: 18px; }
	#maintitle { font-size: 218%; bottom: 20px; }
	*/
	
	.contentblock {	width: 90%; }
	
	
	.productdesc { height: 160px; }
}







@media only screen and (max-width : 760px) {
  .screen, #left.screen , #right.screen	{display: none;}
	.smartphone { display: block; }
	
	
	#wrapper { margin-top: -16px; }
	#wrapper { height: 70vh; }
	
	#frontcontent {
		top: 23vh;
	}
	
	
	#wrapper { margin-top: 0; }
	
	#contentblock {
		width: 96%;
		border-radius: 0px;
		box-shadow: none;
		margin-top: 0px;
	}
	
	
	
	.logodiv.smartphone { 
		display: inline-block; 
		width: 205px;
		height: 57px;
	}
	
	.postit {
		top: 2vh;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 61vw;
		height: 72px;
		transform: none;
		padding: 5px 6px;
		text-align: center;
		z-index: 10;
	}
	
	.postit:hover {
		transform: scale(1.2);
	}
	
	.postit h1, .postit h2  {
		font-size: 1.5rem;
	}
	
	.postit div {
		display: inline-block;
		margin-right: 5px;
		line-height: 1;
	}
	
	.postit::before {
		height: 0px;
	}
	
	#imgfront, #imgback {
		width: 145%;
	}
	
	
	#imgnavleft, #imgnavright {
		width: 12vw;
	}		
	#imgnavright {
		left: 86%;
	}
	
	#flexnav{
		top: 17vh;
		width: 65vw;
	}
	#flexnav .flexbox {
		font-size: 110%;
		font-weight: bold;
		flex-basis: 40%;
	}
	#flexnav a {
		margin-bottom: 5px;
	}
	
	#contentblock{
		min-height: 400vh;
	}
	
	
	.verticaldivider { height: 30px; }
	
	/*
	h1{ font-size: 22pt; }
	h2 { font-size: 20pt; }
	h3  { font-size: 16pt; }
	*/
	
	.tricol { margin-bottom: 20px; }
	
	.tricol .tcol {
		display: block;
		margin: 0;
		margin-bottom: 30px;
		width: 100%;
	}
	
	
	.titlebox {
		width: 48%;
		margin-right: 3px;
		margin-bottom: 6px;
		border: 1px solid var(--main-border-color);
		border-radius: 3px;
		
		font-size: 90%;
	}
	 
	
	#foomenue .itemtitle { height: auto;	}
	#foomenusuppdr { margin: 0;}
	#foomenusuppdr h3 { margin-bottom: 0.2em; }
	
  
  .title, .wtitle, .pwtitle  {
    width: 80%;
    padding: 2%;
  }
  .wtitle, .pwtitle  {
    width: 90%;
  }
  
  #titlestrip {
    height: 68px; 
    padding: 0px 0px; 
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
  }
	
	#smenu label {
		padding-top: 2.0%;
	}
  
  .logodiv {
    top: -10px; 
    left: 5px; 
  }
  

  .nav li a {
    padding: 10px 3px 5px 3px;
    height: 23px; 
    font-size: 1.2em;
		color: #F2F2F2;
		text-shadow: 1px 1px 0 #333;
		width: auto;
  }
	
	.nav li a:hover, .nav li a.active {
		color: #D2D2D2;
		text-shadow: 0px 0px 20px rgba(255,255,255,.9);
	}
	
	.nav li a.active {
		color: #FFF;
	}
  
	.nav li a:before, .nav li a.active:before {
		height: 0px;
	}
  
	
	#mainimg { margin-bottom: 15px; height: 97px;}
	
	.contentblock {	box-shadow: none; }
	
	#footer { padding-top: 4px; }
	#fcontent a { font-size: 0.8em; }
	
		
	.productblock {
		width: 47%;
	}

	.productblock:nth-child(3n) { margin-right: 3.5%; }
	.productblock:nth-child(2n) { margin-right: 0; }
	

	.contentbox { width: 48.5%; margin-right: 2%; height: 450px;}
	.contentbox:nth-of-type(3n) {margin-right: 2%; }
	.contentbox:nth-of-type(2n) {margin-right: 0; }
	
	
	#memberlistdiv {	width: 60%; }
	
	#memberlogodiv {	width: auto; }
	#memberlogowrapper {	width: 164px; }
	.memberlogo { width: 48%; }
	.memberlogo:nth-of-type(2n) {margin-right: 0; }
}






@media only screen and (max-width : 570px) {
  body, input, textarea { font-size: 80%; }
	
	#wrapper { height: 65vh; }
	
	#imgfront, #imgback {
		width: 150%;
	}
	
  input[type="text"], input[type="email"], textarea, select {
      border-radius: 2px;
      margin-bottom: 2px;
      padding: 2px;
  }

  input[type="text"], input[type="email"] {
      line-height: 16px;
      height: 16px;
  }

  input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
     box-shadow: 0 0 2px rgba(95, 169, 212, 0.8);
  }
	


  h1,h2 { margin: 2px 0px 4px 0px; }
  h3 { margin: 2px 0px 3px 0px; }
  
  .navicon {
    width: 3.1em;
  }
  
  .navicon:before {
    top: .69rem;
  }

  
  #up {
    bottom: 10px;
  }

  
  /** NAVIGATION TOP MENU **/
  #smenu label { 
    padding: 3.5% 4.5%;
  }
  
  
  .nav {
    height: 30px;
  }
  
  .nav li a {
    padding: 3px 3px 8px 3px;
    height: 18px; 
  }
  /** NAVIGATION TOP MENU - ENDE **/


  /** ICON-LINKS **/
  .iconlinks {
    margin-top: 15px; margin-left: 40px;
  }
  .iconlinks a {
    width: 25px;
    height: 28px;
  }
  
  .iconlinks a:first-child {
    margin-bottom: 10px;
  }
  
  
  /** Table für CSV Daten **/
  .comptable th, .comptable td  {
    text-align: center;
    height: 60px;
  }

  .comptable td {
    padding: 2px;
    font-size: 0.7em;
  }
	
	.rstop .rstoptitle { font-size: 12	px; }

  a.gmlink {
    width: 65px;
    height: 22px;
    padding-top: 8px;
    border-radius: 5px;
  }
  a.gmlink:hover {
    box-shadow: -2px -2px 5px #181818 inset, 2px 2px 5px #181818 inset;
    width: 63px;
    height: 20px;
    padding-left: 2px;
    padding-top: 10px;
  }
  /** Table für CSV Daten ENDE **/
  
  #mainimg { height: 80px;}
  
  
	table.gbentry tr td:nth-child(1) {
		width: 20%;
	}
	
	.newsentry { width: 99%; margin-right: 0px;}
}




@media only screen and (max-width : 460px) {
	/* h1, h2, h3 , #flytitle { font-size: 14pt; } */

	#imgfront, #imgback {
		width: 175%;
	}
	
	
	.postit {
		top: 5vh;
	}
	
	#flexnav{
		top: 18vh;
		width: 90vw;
	}
	
	.hint450 {display: inline-block; }
	
	#animation {display: none; }
  
  .comptable td {
    font-size: 0.6em;
  }
  
  a.gmlink {
    width: 60px;
    height: 18px;
    padding-top: 6px;
    border-radius: 5px;
  }
  a.gmlink:hover {
    width: 58px;
    height: 16px;
    padding-left: 2px;
    padding-top: 8px;
  }

	.productblock { width: 97%; margin-bottom: 20px;	}
	.productdesc { height: 100px; }

	.productblock:nth-child(3n) { margin-right: 0; }	

	#bio .profilepic { position: relative; right: auto; top: auto; text-align: center;}	
	.cvyear, .cvtext { display: block; text-align: left; }
  
}