/* El Buen Samaritano e.V. */
body {
	font-size:1.6em;
}
.container {
	padding: 1rem 1rem 0rem 1rem;
	background-color: #FFFEFC;
^	/* margin-top: 1%; */
}

@media (min-width: 400px) {
	body {
		background-image:url("../images/background.jpg");
		background-attachment:fixed;
		background-size:cover;
		background-color:#b2a192;
	}
	.container {
		margin: 2rem auto;

		box-shadow: 0rem 0rem 5rem 0rem #eeeeee;
		-moz-box-shadow: 0rem 0rem 5rem 0rem #eeeeee;
		-webkit-box-shadow: 0rem 0rem 5rem 0rem #eeeeee;
		
		border-radius: 6px;
	  
		box-sizing: border-box;		
	}
	.column, .columns {
		padding: 0 2.5%;
	}
}

@media (min-width: 550px) {
	body {
		/* background-color:#b2a192; */ /*find a less ugly color, please */
		font-size:1.8em;
	}
}

p , td, ul, ol {
	font-family:'times new roman',times,roman,serif;
}

ul ul, ul ol, ol ol, ol ul {
	font-size: 100%;
}

h1 { font-size: 2.5rem; margin-top: 1rem;}
h1 strong { color: red; }
h2 { font-size: 2.3rem; }
h3 { font-size: 2.1rem; }
h4 { font-size: 1.9rem; }
h5 { font-size: 1.7rem; }
h6 { font-size: 1.5rem; }

@media (min-width: 550px) {
	h1 { font-size: 3.0rem; }
	h2 { font-size: 2.7rem; }
	h3 { font-size: 2.4rem; }
	h4 { font-size: 2.1rem; }
	h5 { font-size: 1.8rem; }
	h6 { font-size: 1.5rem; }
}

img, video {
	max-width: 100%;
}

blockquote {
	margin:0 5%;
	padding:0;
}

#titel {
	padding:2% 0;
}
@media (min-width: 500px) {
	#titel {
		padding:2%
	}
}
#titel img {
	width:100%;
}

#foot {
/* 	width:100%; */
  	padding: 1rem 0 0 0;
	/* border-top: 1px solid #bbb; */
}
#footer {
	display: table;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 3vh;
}
#footermenu {
	margin-top: 0;
	margin-bottom: 0;
	/* text-align:center; */
	padding:0;
	/* background-color: yellow; */
 	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
} 
#footermenu  li {
	float: left;
	margin: 0 0.5vw ;
}

#footerbuttontop, #footerbuttonwebmaster {
	display: none;
}
@media (min-width: 550px) {
	#footerbuttonwebmaster {
		display: block;
	}
}
@media (min-width: 800px) {
	#footerbuttontop {
		display: block;
	}
}
#footermastodonlink {
	margin: 10px;
}

/* LINKS */

a:link {
	color:#663300;
	font-weight:bold;
	text-decoration:none
}
a:visited {
	color:#996600;
	font-weight:bold;
	text-decoration:none
}
a:hover {
	/* background-color:#FFFCF8; */
	background-color:white;
	color:#990000;
	font-weight:bold;
	text-decoration:underline
}
a:active {
	color:#990000;
	font-weight:bold;
	text-decoration:none
}
a:focus {
	color:#990000;
	font-weight:bold;
	text-decoration:underline
}

/* / LINKS */

/* BUTTONS */

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	padding: 0 15px;
	background-color: #FFFEFC;
	font-weight:bold;
	font-size: 1.3rem;
	text-transform: none;
	text-decoration:none;
}
a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	color:#663300;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background-color:white;
	border-color: #663300;
	color:#990000;
	text-decoration:none;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border-color: #663300;
}

span.button:hover {
	color: #555;
	border-color: #bbb;
	background-color: #FFFEFC;
	/* color: #663300; */
}

@media (min-width: 750px) {
	.button {
		padding: 0 20px;
	}
}
@media (min-width: 900px) {
	.button {
		padding: 0 30px;
	}
}

/* / BUTTONS */

/* TABLES */

div .tablewrapper {
	width: 100%;
	overflow-x:auto;
	margin-bottom: 4vh;
}

table {
	margin:auto;
	width: 100%;
	max-width: 768px;
	/* max-width: 100%; */
	/* table-layout:fixed; */
	/* background-color:gray; */
}

/* / TABLES */

.repfin td:nth-of-type(1) {
	/* -ms-hyphens: auto; */
	/* -webkit-hyphens: auto; */
	/* hyphens: auto; */
	padding-left: 4vw;
}

.repfin td:nth-of-type(1) strong {
	margin-left: -4vw;
}

.repfin td:nth-of-type(2) {
	overflow-x: visible;
}
/* 3. und 4. Spalte rechtsbündig */
.repfin td:nth-of-type(2), .repfin td:nth-of-type(3) {
	width: 12.5%;
	/* min-width: 80px; */
	text-align: right;
	padding: 0px;	
}

img.block  {
	display: block;
	text-align:center;
	margin: 1rem auto 0px auto;
}

img.rb {
	border: 1px solid #bbb;
	border-radius: 4px;
	/* cursor: pointer; */
	box-sizing: border-box;
	width: 100%;
	max-width:608px;
	height: auto;
	margin:0;
}

/* classes for skeleton rows and cols */
.center  {
	text-align: center;
}

.gallery {
	padding: 0;
}

.rbteaser img {
	border: 1px solid #bbb;
	border-radius: 4px;
	/* cursor: pointer; */
	box-sizing: border-box;
	width: 100%;
	max-width:608px;
	height: auto;
	margin:0;
}

.nobullet ul li {
	list-style-type: none;
	line-height: 1;
	text-indent: 10%;
}

#tripcalendar td {
	vertical-align: top;
}

#tripcalendar strong {
	color: red;
	font-weight: normal;
}
#tripcalendar em {
	color: green;
	font-weight: bold; 
}
/* ############################################################### */

/* NAVIGATION MENU */

/* format the sandwich sign for responsive menu */
.open-menu-label {
	font-size: 4rem;
	color:#663300;
	text-align: right;
	/* padding-top: 10px; */
}

.open-menu-label strong {
	padding: 0px 10px 0px 10px;
	margin-right: 10px;
	background-color: #FFFEFC;
	border: 1px solid #bbb;
	border-radius: 4px;
	/* cursor: pointer; */
	box-sizing: border-box;
}

.open-menu-label strong:hover {
	background-color: white;
	border-color: #663300;
	color: #990000;
	text-decoration: none;
}

div#navigation-menu {
	background-image:url("../images/background_small.jpg");
	text-align: center;
	/* padding-bottom: 6vh; */
}

nav ul li#thisfile {
	display:none;
}

/* taken from: https://www.basta-media.de/weblog/entry/ein-responsive-menue-mit-css-1 */
nav {
	display: none;
}

nav ul {
 	padding: 0px;
 	margin: 0px 0px -30px 0px;
 	width: 100%;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* padding-top:10px; */
	/* border-top:1px solid #FFFEFC; */
	/* padding-top:5px; */
}

nav ul li {
	list-style: none;
}

input#open-menu {
	display: none;
}

input[type=checkbox]:checked ~ nav {
    display: block;
	padding: 10px 0px 20px 0px;
	border-top:1px solid #FFFEFC;
}
	
label.open-menu-label {
	display: block;
 	margin: 0px;
	cursor:pointer;
 	width: 100%;
}

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

	div#navigation-menu {
		background: none;
		margin: 0px 0px 0px 0px;
		padding-bottom: 6vh;
	}
	
	nav {
		display: block;
	}
	
	nav ul li {
		display:inline;
	}
	nav ul li#thisfile {
		display:inline;
	}
	nav ul li#thisfile span {
		cursor: default;
	}
	
	/** Label wird ausgeblendet **/
	label.open-menu-label {
		display: none;
	}	
}

/* / NAVIGATION MENU */