/* Bilder in voller Container-Breite, die runter skaliert werden wenn das Display zu klein ist für die Bildbreite */	
.imagefullwidthscaledown {max-width:100%; height:auto;}
	
/* Set font style and size */
body { 		
	font-size: 1.125em;
	font-family: Roboto, Helvetica, Arial, sans-serif;
}	

/* Define color for highlighting text (via mouse), and in search results via text framgent function of Chrome */

::selection {
  background-color: #038108;
  color: white;
}

::target-text {
  background-color: #038108;
  color: white;
}


p {
	line-height: 1.4;
  /* Silbentrennung anschalten; "lang" muss für Dokument definiert sein */  
  	-ms-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}

/* Increase text size */
/* Nur Iphone kann das nicht, solange ein fester Viewport da ist */ 
.groesser {
	font-size: 1.2em;
}	

/* Last Paragraph on page, shall have no margin if located directly before the footer */	
p.lastpar {
	margin-bottom: 0;
}	
	
/* Breadcrum navigation */	
.breadcrumbs{
  font-size: smaller;
  padding: 0px;
  margin-top: 15pt;
  margin-bottom: 10pt;
  margin-right: 3%; /* to align with pagecontent margin */
  text-align: right;
}

/* Margin for page content 3% + 3% */
.pagecontent { 
  margin-left: 3%; 
  margin-right: 3%;
  margin-top: 2pt;
  margin-bottom: 2pt; 
}

/* A box (for hints) */
.box{
   border-width:1px;
   border-style:solid;
   border-color:#000000;
   padding:5pt;
}

/* Infobox, floats right (grows on mobile devices) */
.box_right_grow {
	float: right;
	width: 30%;
	border: 1px solid #265928;
	line-height: 1.4em;
 	text-align: left;
	margin-left: 1em;
	margin-bottom: 0.8em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.6em;
	padding-top: 0.7em;
}

/* Inhaltsverzeichnis (grows on mobile devices) */
.tocbox {
	float: right;
	border: 1px dashed #265928;
	margin-left: 2em;
	margin-bottom: 0.8em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	line-height: 1.4em;
	text-align: left;	
	font-family: serif;
	font-size: 0.8888em;
		
	/* Transparenzverlauf für Hintergrund des Inhaltsverzeichnisses */
	/* Gradient-Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ddc16e+0,ddc16e+100&1+0,0+50 */
	background: -moz-linear-gradient(left, rgba(221,193,110,1) 0%, rgba(221,193,110,0) 50%, rgba(221,193,110,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(221,193,110,1) 0%,rgba(221,193,110,0) 50%,rgba(221,193,110,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(221,193,110,1) 0%,rgba(221,193,110,0) 50%,rgba(221,193,110,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddc16e', endColorstr='#00ddc16e',GradientType=1 ); /* IE6-9 */
}
.tocbox_header {
	/* "Auf dieser Seite", "On this page" */
	font-weight: bold;
	margin: 0 0 0.2em 0;
}
.tocbox_readon {
	/* "Weiterlesen über Wurfmesser", "Read more on Throwing knives" */
	font-weight: bold;
	margin: 0.8em 0 0.2em 0;
}

/* Responsive image gallery */

/* Description hint: Entry #2 of a row needs to have most text lines (or #3 will be empty in 2x2 mode), enforce via <br>; Two (or three) <br> after last item in 4-line if there is another row. 
Variants: 
Class "rundeecken" to obain not oval images, but more square ones, for galleries that only show images; Use in conjunction with class "nohovertransparency" to suppress the standard hover transparency effect.*/

/* In responsive gallery, generally show four image columns,
  two columns for my Standard-Viewport-screens, 
  one column if smaller than 500px; see media queries below */
.gallerycolumnsresponsive {
  padding: 0 8px 0 8px; 
  float: left;
  width: 24.99999%;
  box-sizing: border-box;
}

div.gallerycolumns:hover {
  opacity: 0.7; /* transparency effect on hover */
  box-sizing: border-box;
}

div.gallerycolumns.nohovertransparency:hover {
  opacity: 1;
}

div.gallerycolumns img {
  width: 100%;
  height: auto;
  border-radius: 50%; /* Standard ovales Bild */
  box-sizing: border-box;
}

div.gallerycolumns img.rundeecken {
  border-radius: 20%; /* Runde Ecken */
}

div.gallerycolumnsdescription {
  padding: 10px 15px 20px 15px;
  text-align: center;
  font-size: 1.222em;
  box-sizing: border-box;
}

/* After responsive gallery, make a clear break */
.gallerycolumnsclearit:after {
  content: "";
  display: table;
  clear: both;
}

/* @media queries im Stylesheet nach allen Styles einfügen, die dadurch geändert werden - 
sonst werden die @media-Änderungen überschrieben */

/* Triggern, wenn mein Standard-Viewport 650 genutzt wird */
@media only screen 
	and (max-width: 655px) {
		/* Boxen (Inhaltverzeichnis, Infobox) breit machen */
			.tocbox {float: none; margin-left: 0em;}
			.box_right_grow {float: none; margin-left: 0em; width: auto;}
		/* Zwei Image Spalten für Galleries */		
			.gallerycolumnsresponsive {width: 49.99999%; margin: 6px 0;}
	}

/* Show only one responsive gallery column if smaller than 500px */
@media only screen 
	and (max-width: 500px) { 
  		.gallerycolumnsresponsive {
     	width: 100%;	}
	}
	
.chapterheadline {
	/* Kapitel-Überschriften in Seiten auffälliger machen */ 
	/* Muss in <div> stehen, dass <hx> umschließt */
	font-size: larger;
	text-align: center;
}

/* h3 sieht  zu klein aus auf Iphone / IE, vergrößern */
h3 {
	font-size: 1.4em;
}

/* linklist: Vertikale Auflistung, zum Beispiel von Links */
table.linklist td {
	/*padding-bottom:10pt;*/
	padding-bottom:0.9em;
}
ul.linklist li {
	padding-bottom:0.9em;
}
ol.linklist li {
	padding-bottom:0.9em;
}
ul.linklist_huge li {
	padding-bottom:0.9em;
	font-size: larger;
}

.linkdescriptionheader {
	/* used for links page */
	font-size: 1.389em;
	padding-bottom:0.1em;
}

/* Links unter einer Überschrift */
.subheadinglinks {
	/* for subheading-links
	/* Only in werfertreffen reports, it is used for big-link hints outside the sub heading line. */
	font-size: 140%;
	line-height: 130%;
}

/* Informationen/Links unter einem Artikel */
.infobottom {
	/* Information at the bottom of pages */
	font-size: 1.4em;
}

/* Header that lists alternative languages */
.languageheader {
	font-size: 1.4em;
	/*margin-top: 15pt; Bringt nichts da nur in div eine Auswirkung */
}

/* Menü oben auf der Seite - Deutsche Variante*/
.navigationheader_german {
	font-size: 1.222em;
	line-height: 1.5;
	text-align: center;
	word-spacing: 0.1em;
}

/* Menü oben auf der Seite - Englische Variante */
.navigationheader_english {
	font-size: 1.222em;
	line-height: 1.5;
	text-align: center;
}

/* Unterschrift unter Artikeln */
.signature {
	/* For signatures under articles */
	font-size: 190%;
	margin-left: 4em;
	font-family: 'Brush Script MT', 'Comic Sans MS', cursive, serif;
}

/* Floating action button für Shop */
.floatingbutton {
   width: 80px;
   height: 80px;
   background-color: #689f38;
   border-radius: 50%;
   box-shadow: 0 6px 10px 0 #666;
   transition: all 0.1s ease-in-out;
    
   position: fixed;
   right: 40px;
   bottom: 80px;
}
 .floatingbutton:hover {
   box-shadow: 0 6px 14px 0 #666;
   transform: scale(1.05);
}

/* Sprechblasen */
.speechbubble {
	display: inline-block; 
	color: #000;
	background-color: #DDC16E; 
	border: 2px solid #265928;
	padding: 15px;
	border-radius: 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	position: relative;
	font-family: serif;
}
.speechbubble:after {
	content: "";
	display: block;
	background-color: #DDC16E;
	border: 2px solid #265928;
	border-width: 0 0 2px 2px;
	width: 24px;
	height: 24px;
	/* box-shadow: 5px 0 5px rgba(0,0,0,.5); */
	position: absolute;
	bottom: -15px;
	left: 40px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
}

/* Search design based on the nice examples at http://www.textfixer.com/tutorials/html-search-box.php */
.search{
 padding: 0;
 font-size: 70%;
 margin-top: 0pt;
 margin-bottom: 5pt;
 margin-right: 3%; /* to align with pagecontent margin */
 font-family: Roboto, Helvetica, Arial, sans-serif; /* Ohne Angabe wird hier als Standard sans serif gerendert */
}
.searchbutton{
	margin: 0;
	margin-left: 4pt;
	padding: 3px 5px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #FEF3C7; /* for the text */
	border: solid 1px #265928; 
	background: #265928;
	background: -webkit-gradient(linear, left top, left bottom, from(#3B8B3E), to(#265928));
	background: -moz-linear-gradient(top,  #3B8B3E,  #265928);
	border-radius: 5px 5px;
	font-family: Roboto, Helvetica, Arial, sans-serif; /* Ohne Angabe wird hier als Standard sans serif gerendert */
}
/* Fixes submit button height problem in Firefox */
.searchbutton::-moz-focus-inner {
	border: 0;
}
.searchinput{
	margin: 0;
	padding: 2px 5px;
	background: #DDC16E;
	/* To get a round text input box: 
		border: 1px solid #265928;
		border-radius: 5px 5px; */ 
}