article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block
}

audio,canvas,video{
	display:inline-block
}

audio:not([controls]){
	display:none;
	height:0
}

[hidden]{
	display:none
}

html{
	background:#fff;
	color:#000;
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

body{
	margin:0
}

a:focus{
	outline:thin dotted
}

a:active,a:hover{
	outline:0
}

h1{
	font-size:2em;
	margin:0.67em 0
}

abbr[title]{
	border-bottom:1px dotted
}

b,strong{
	font-weight:bold
}

dfn{
	font-style:italic
}

hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}

mark{
	background:#ff0;
	color:#000
}

code,kbd,pre,samp{
	font-family:monospace,serif;
	font-size:1em
}

pre{
	white-space:pre-wrap
}

q{
	quotes:"\201C" "\201D" "\2018" "\2019"
}

small{
	font-size:80%
}

sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sup{
	top:-0.5em
}

sub{
	bottom:-0.25em
}

img{
	border:0
}

svg:not(:root){
	overflow:hidden
}

figure{
	margin:0
}

fieldset{
	border:1px solid silver;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}

legend{
	border:0;
	padding:0
}

button,input,select,textarea{
	font-family:inherit;
	font-size:100%;
	margin:0
}

button,input{
	line-height:normal
}

button,select{
	text-transform:none
}

button,html input[type='button'],input[type='reset'],input[type='submit']{
	-webkit-appearance:button;
	cursor:pointer
}

button[disabled],html input[disabled]{
	cursor:default
}

input[type='checkbox'],input[type='radio']{
	box-sizing:border-box;
	padding:0
}

input[type='search']{
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}

input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
	-webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
}

textarea{
	overflow:auto;
	vertical-align:top
}

table{
	border-collapse:collapse;
	border-spacing:0
}

html{
	font:87%/1.5 "Karla","lucida grande",sans-serif,sans-serif;
	font-weight:400
}

@media (min-width: 40rem){
	html{
		font-size:100%
	}

}

@media (min-width: 64rem){
	html{
		font-size:100%
	}

}

body{
	color:#666;
	background-color:#fff
}

h1,h2,h3,h4,h5{
	color:#222;
	line-height:1.2em;
	font-family:"Montserrat","Helvetica",sans-serif;
	font-weight:700
}

h1{
	font-size:3.5rem;
	margin:0 0 0.1em 0
}

@media (min-width: 40rem){
	h1{
		font-size:4.5rem
	}

}

@media (min-width: 64rem){
	h1{
		font-size:5rem
	}

}

h2{
	color:#e67e39;
	margin-top:0;
	margin-bottom:1.5rem;
	font-size:1.5rem;
	text-transform:uppercase
}

@media (min-width: 40rem){
	h2{
		font-size:2rem
	}

}

h3{
	font-size:1.2rem;
	margin-bottom:0.5rem
}

blockquote{
	margin:0
}

blockquote p{
	color:#bbb;
	font-style:italic;
	margin-bottom:1.5rem
}

cite{
	color:#bbb
}

p{
	margin:0 auto 2em auto;
	text-align:left
}

.lead{
	max-width:45rem;
	margin-bottom:1.1rem;
	font-size:1.25rem
}

ol{
	list-style-type:decimal
}

ul,ol{
	margin:0 0 1.25em 0
}

li{
	margin-bottom:2em
}

li.last-list-item{
	border-bottom:none
}

dt{
	font-weight:bold
}

dd{
	margin-bottom:1.625em
}

strong{
	font-weight:bold
}

i{
	font-style:italic
}

em{
	font-style:normal
}

a{
	color:#4ae;
	text-decoration:none
}

a:hover{
	text-decoration:underline
}

::-moz-selection,::selection{
	background:#e67e39;
	color:#fff
}

.sub-point{
	display:block;
	font-size:0.75rem
}

code{
	color:#666;
	background-color:#f5f5f5;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	font-family:Consolas,Courier,monospace;
	font-size:0.9rem;
	padding:0.1rem 0.3rem;
	position:relative;
	top:-1px
}

pre{
	background-color:#f5f5f5;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	padding:0 0.5rem 0.1rem 0.5rem
}

pre code{
	padding:0;
	font-size:0.8rem;
	border:none
}

ul{
	margin:0;
	text-align:left
}

@media (min-width: 40rem){
	ul{
		display:inline-block
	}

}

.button{
	display:block;
	padding:0.7rem 2rem;
	margin-bottom:0.5rem;
	border:none;
	color:#fff;
	background-color:#4ae;
	font-size:1.1rem;
	font-weight:bold;
	text-transform:uppercase;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	vertical-align:middle;
	white-space:nowrap
}


.button:hover{
	background:#1595ea;
	text-decoration:none
}

@media (min-width: 40rem){
	.button{
		display:inline-block;
		margin:0 0.25rem
	}

}

.button-minor{
	padding:0.3rem 1rem;
	border:2px solid #4ae;
	color:#4ae;
	background-color:transparent;
	font-size:0.8rem
}

.button-minor:hover{
	color:#fff;
	background:#4ae
}


hr{
	border:0;
	border-top:2px solid #f5f5f5;
	margin:1rem auto 1.5rem auto;
	width:3rem
}

*,*:before,*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

body{
	margin:0;
	padding:0;
	background:#fff
}

section{
	border-top:2px solid #f5f5f5;
	text-align:center;
	padding:2rem 0
	background-color:#f5f5f5
}

section:first-of-type{
	border-top:none
}

@media (min-width: 40rem){
	section{
		padding:1rem 0
		background-color:#f5f5f5
}

}

.container{
	margin:0 auto;
	max-width:40rem;
	width:90%
}

.row{
	*zoom:1
}

.row:after{
	content:"";
	display:table;
	clear:both
}

.backdrop{
	position:fixed;
	z-index:5;
	width:100%;
	height:100%;
	background-color:#f5f5f5
}

.picture-icon{
	width:2.7rem;
	height:2.7rem;
	margin-right:0.5rem;
	-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.51, 1.285, 0.855, 1.185);
	-moz-transition:-moz-transform 0.4s cubic-bezier(0.51, 1.285, 0.855, 1.185);
	-o-transition:-o-transform 0.4s cubic-bezier(0.51, 1.285, 0.855, 1.185);
	transition:transform 0.4s cubic-bezier(0.51, 1.285, 0.855, 1.185)
}

.picture-icon:hover{
	-webkit-transform:scale(3, 3);
	-moz-transform:scale(3, 3);
	-ms-transform:scale(3, 3);
	-o-transform:scale(3, 3);
	transform:scale(3, 3)
}

@media (min-width: 40rem){
	.picture-icon{
		width:3.4rem;
		height:3.4rem
	}

}

@media (min-width: 64rem){
	.picture-icon{
		width:3.75rem;
		height:3.75rem
	}

}

header{
	padding-top:5rem;
	text-align:center;
	color:#666
}

header p{
	text-align:center
}

@media (min-width: 40rem){
	header{
		padding-top:2.5rem
	}

}

.primary-actions{
	margin-bottom:1.5rem
}

.credits p{
	text-align:center
}

.credits .button{
	margin-top:0.5rem
}

.content{
	position:absolute;
	z-index:10;
	top:28rem;
	width:100%;
	border-top:1px solid #e8e8e8;
	background-color:#fff
}

@media (min-width: 40rem){
	.content{
		top:15rem
	}

}

.example-image-link{
	display:inline-block;
	padding:4px;
	margin:0 0.5rem 1rem 0.5rem;
	background-color:#fff;
	line-height:0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	-webkit-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	transition:background-color 0.5s ease-out
}

.example-image-link:hover{
	background-color:#4ae;
	-webkit-transition:background-color 0;
	-moz-transition:background-color 0;
	-o-transition:background-color 0;
	transition:background-color 0
}

.example-image{
	width:7rem;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}

.how-to-use-section p,.how-to-use-section ol,.how-to-use-section ul,.how-to-use-section pre{
	text-align:left
	background-color:#f5f5f5
		
}

fieldset{
	border:none
}

.donate-button{
	width:100%
}

@media (min-width: 30rem){
	.donate-button{
		width:auto
	}

}

.sharing-section{
	position:fixed;
	z-index:20;
	top:20px;
	right:0
}

/*  ~ ~ ~ ~ ~ ~  Anfang eigene Definitionen  ~ ~ ~ ~ ~ ~  */

#fusszeile{
  clear: both;
	margin-top: 7em;
	padding-top: 3em;
	padding-bottom: 3em;
	background-color:#f5f5f5;
  border-top:1px solid;
	border-top-color:#e5e5e5;
	text-align:center;
	font-size: 0.7rem;
}

.cell {
	display: table-cell;
	padding: 1em;
	/* text-align: center;  */
	vertical-align: top;


/*  ~ ~ ~ ~ ~ ~  Ende eigene Definitionen  ~ ~ ~ ~ ~ ~  */



/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~  Ende hinzugefuegter  ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */