/*------ index_shtml.css ------*/

@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,500,500italic);

@media screen {

html {
	font-family: Ubuntu, arial, verdana, sans-serif;
	font-size: 100%;
}

body {
	font-size: 13px;
	font-size: 0.875rem;
}

header {
	margin-top: 100px;
	width: 100%;
	text-align: center;
}

h1 {
	font-weight: bold;
	font-size: 1.4rem;
}

.folder {
	margin-top: 30px;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
}

.force {
	padding: 10px 0;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

.plain {
	display: inline-block;
	margin-top: 30px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	background: lightgrey;
}

.ip {
	display: inline-block;
}

.href {
	text-decoration: none;
	color: white;
}

a:hover {
	text-decoration: underline;
	color: blue;
}

} /* Ende @media */


/* min-width = oberhalb einer Breite von XXXpx des Screens sind diese Eigenschaften aktiv.
   min-width => Desktop-Bereich weil größerer Bereich 
   min-width => Mobile-First, weil die Hauptdefinitionen (@media ohne Breite) für kleinere Bildschirme passen.
   ----------------------------------------------------------------------------------------
   max-width = unterhalb einer Breite von XXXpx des Screens sind diese Eigenschaften aktiv.
   max-width => Mobile-Bereich weil kleinerer Bereich 
   max-width => Desktop-First, weil die Hauptdefinitionen (@media ohne Breite) für größere Bildschirme passen.*/

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

  html {
  font-size: 80%; /* bei 100% wäre das Browserdefault, 16px  */ 
  }
  
  .link {
  display: inline;
  }

} /* Ende @media screen min-width 400px */