/*
* Ritzmann-Skeleton 1.0.0
* Copyright 2016 Uwe Ritzmann
* 
* (This is based on Skeleton V2.0.4 by Dave Gamache, see www.getskeleton.com))
*
* Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Colors
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries

- Navigation/Menu
- Breadcrumb
- Bibliography 
*/

/*
	my colors:
		green: #59B34D;
		dark-grey: #737373 
		light-green: #ABD8A5
		light-grey: #BABABA
*/



/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	max-width: none;
}

.area {
	width: 100%;
	float: left;
	box-sizing: border-box;
}

/* Larger than mobile */
@media ( min-width : 400px) {
}

/* Larger than phablet (also point when grid becomes active) */
@media ( min-width : 550px) {
	.area {
		margin-left: 4%;
	}
	.area:first-child {
		margin-left: 0;
	}
	.left.area {
		width: 65.3333333333%;
	}
	.right.area {
		width: 30.6666666667%;
	}
}


/* Larger than tablet */
@media ( min-width : 750px) {
}

/* Larger than desktop */
@media ( min-width : 1000px) {
	.left.area {
		width: 48%;
	}
	.right.area {
		width: 48%;
	}
}

/* Larger than Desktop HD */
@media ( min-width : 1200px) {
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
p {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

.top.row {
	margin-top: 40px;
}

img.current-lang {
	padding:1px;
	border:1px solid #59B34D;	
}

img.translation {
	padding:1px;
	border:1px solid #BABABA;		
}

img.missing-lang {
	padding:1px;
	border:1px solid #FFFFFF;		
	opacity: 0.4;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1rem;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #59B34D;
	text-decoration: none;
}

a.img {
	border: 0 none;
}

a:hover {
	color: #737373;
}

a.largetext {
	display: none;
}

@media ( min-width : 750px) {
	a.smalltext {
		display: none;
	}
	a.largetext {
		display: inline-block;
	}
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	color: #737373;
	background-color: transparent;
	border: 1px solid #737373;
	overflow: hidden;
	text-overflow: ellipsis;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover,
	input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus,
	input[type="reset"]:focus, input[type="button"]:focus {
	color: #ffffff;
	border-color: #59B34D;
	background-color: #59B34D;
	outline: 0;
}

.button.button-primary, button.button-primary, input[type="submit"].button-primary,
	input[type="reset"].button-primary, input[type="button"].button-primary
	{
	color: #FFF;
	background-color: #59B34D;
	border-color: #59B34D;
	text-overflow: ellipsis;
}

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover,
	input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover,
	.button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus,
	input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus
	{
	color: #FFF;
	background-color: #737373;
	border-color: #737373;
}

.button.social, .button.button-primary.social {
	padding: 0 5px;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	font-size: 100%;
	border: 1px solid #BABABA;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td {
	border-bottom: 1px solid #BABABA;
}

td {
	vertical-align: top;
}

th.no-thead, td.no-thead {
	border-top: 1px solid #BABABA;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
pre, blockquote, p, ul, ol {
	margin-bottom: 1rem;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-width: 0;
	border-top: 1px solid #BABABA;
}

hr.menu {
	color: #59B34D;
	background-color: #59B34D;
	border-color: #59B34D;
	margin-bottom: 1rem; 
}

div.pagination {
	overflow: hidden;
}

@media ( min-width : 550px) {
	hr.flag-separator {
		display: none;
	}
}

/* Navigation/Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav {
	border-top-width: 0;
	display: block;
	width: 100%;
	/*	height: 6.5rem;*/
	z-index: 99;
}

nav>div {
	width: 100%;
}

nav ul {
	list-style: none;
	margin-bottom: 0;
}

nav ul li {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap
}

nav ul li a {
	text-transform: uppercase;
	margin-right: 35px;
}

nav ul li.u-pull-right a {
	text-transform: uppercase;
	margin-right: 0px;
}

/* Breadcrumb
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.breadcrumb {
	list-style: none;
	margin-bottom: 0;
}

.breadcrumb li {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap
}

.breadcrumb li+li:before {
	content: "» ";
}

/* Bibliography (DIN 15050)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bib-name {
	font-variant: small-caps;	
}

.bib-publisher {
	font-variant: small-caps;	
}