/* -------------------------------------------------------
color 1: #3faf67; //grün
color 2: #2f6bb6; // blau

8px = 0.5rem
9px = 0.5625rem
10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
22px = 1.375rem
24px = 1.5rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
34px = 2.125rem
36px = 2.25rem
38px = 2.375rem
40px = 2.5rem
 ------------------------------------------------------- */
*, *:after, *::before{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body{
  border: none;
  color: #383838;
  font-family: 'Titillium Web', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  background: #fff;
/*  overflow-x: hidden;*/
}

a {outline: none; text-decoration: none; color: #0F3B8A;}

a:hover {text-decoration: underline;}

h1, h2, h3{
  font-family: 'Titillium Web', sans-serif;
  padding: 0;
}

h1{
  color: #0F3B8A;
  font-size: 1.625rem;
  font-weight: 700;
  margin: 2rem 0 0.5rem;
}

h1:first-child{margin-top: 0;}

h2{
  color: #353534;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 1.5rem 0 0.75rem;
}

h3{
  color: #353534;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 1.25rem 0 0.5rem;
}

h1 + h2 {margin-top: 0;}

p {margin: 0; padding: 0;}

em {font-style: italic;}

strong, .strong {font-weight: 700;}

small{font-size: 0.8em;}

img{border: 0;}

ol, ul{
  font-weight: normal;
  list-style-position: outside;
  margin: 15px 0 20px 30px;
  padding: 0;
  text-align: left;
}

ol{list-style-type: decimal-leading-zero;}

ul{list-style-type: square;}

li{padding: 0 0 8px 0;}

div.clear{clear: both; float: none;}

.mb-1{margin-bottom: 0.5rem;}

.bg-white {background: #fff;}
.bg-black {background: #000;}
.bg-black > * {color: #fff!important;}
.bg-gray {background: #EBEBEB;}

.bg {
	background-position: center center;
	background-attachment: static;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0!important;
}

.black-layer{
	background: rgba(0,0,0,0.7);
	padding: 1.75em;
	}

.black-layer > div > h1, .black-layer > div > h2, .black-layerdiv > div > h3{
    color: #fff;
  }

.white-layer{
	background: rgba(255,255,255,0.5);
	padding: 1.75em;
	}

.black-color {
	color: #000;
}

.white-color {
	color: #fff;
}

.noborder {border: none!important;}

.border-t-dark { border-top: 1px solid #000; }
.border-b-dark { border-bottom: 1px solid #000; }
.border-t-light { border-top: 1px solid #fff; }
.border-b-light { border-bottom: 1px solid #fff; }

.mb-1 { margin-bottom: 1rem; }

/*-------------------------------------------------------------------
-------------------------------------------------------------------*/
#wrap {
	background: #f5f5f5;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	width: calc(100% - 1rem);
  max-width: 500px;
  margin: 2rem auto 1rem;
	padding:2rem;
	box-shadow: 1px 1px 5px #e1e1e1;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	text-align:center;
}
#wrap img {
	margin: 0 auto 20px;
	display: block;
  width: 100%;
  max-width: 478px;

}