* {
margin:0;
padding:0;
}

html { height: 100%; }

@font-face {
  font-family: FAsolid;
  src: url('fonts/fa-solid-900.woff2')  format('woff2'),
       url('fonts/fa-solid-900.woff') format('woff');
}

@font-face {
  font-family: FAreg;
  src: url('fonts/fa-regular-400.woff2')  format('woff2'),
       url('fonts/fonts/fa-regular-400.woff') format('woff');;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Montserratlgt';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-light.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-light.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-light.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-light.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-light.svg#Montserrat') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Montserratbd';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-800.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}


:root {
  --orange: #F6A52C;
  --dark: #000;
  --grey: #F7F7F7;
  --darkgrey: #efefef;
}

body {
font-size: 17px;
color: #333;
font-family: 'Montserrat', Arial;
background: #fff;
line-height: 30px;
}

.clear { clear: both; }

a {
text-decoration: none;
color: var(--orange);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

a:hover { color: var(--blue); }

h1 {
  font-family: 'Montserratbd';
position: relative;
margin-bottom: 30px;
}

h1.plus { font-family: 'Montserratlgt'; font-size: 32px; }

h1.plus:before {
content: '+';
position: absolute;
top: -22px;
font-size: 60px;
font-weight: normal;
left: -26px;
}

h2 {
  font-family: 'Montserratbd';
text-transform: uppercase;
margin-bottom: 30px;
}

h3 { 
  font-family: 'Montserratbd';
  margin-bottom: 15px;
  text-transform: uppercase;
  }

p, li { line-height: 30px;}

.content { margin-top: 170px; }

.wrapper {
margin: 0 auto;
width: 80%;
}

.top { text-align: center; }

.heroimg {
position: absolute;
top: -250px;
right: 0px;
width: 100%;
z-index: -1;
height: 1147px;
background: url(images/bg.jpg) top center no-repeat;
background-size: 100%;
}

.logo {
width: 350px;
float: left; 
}

.datum {
text-align: center;
color: #000;
/*color: #000; */
line-height: initial;
font-size: 5rem;    
background: rgba(255,255,255,0.5);
display: inline-block;
padding: 10px 20px;
}
             
ul { padding-left: 11px; }

li {
  list-style-type: none;
  position: relative;
  padding-left: 10px;
}

li:before {
content: "\25BA \0020";
font-size: 6px;
position: absolute;
top: 0px;
left: -8px;
}

.main {margin-top: 100px; }


.infobox {
background-color: var(--orange);
padding: 50px;
box-sizing: border-box;
color: #fff;
}

.faq {
padding: 60px 40px 40px 40px;
box-sizing: border-box;
background-color: var(--darkgrey);
}

.togglebtn {
position: relative;
cursor: pointer;
padding: 20px 30px 20px 0px;
border-top: 1px solid #ddd;
margin-top: -1px;
font-size: 1.3rem;
}

.toggletxt {
display: none;
padding: 10px 15px 20px 0px;
margin-bottom: 5px;
color: #666;
}

.openit:after, .closeit:after  {
position: absolute;
font-size: 18px;
font-family: FAsolid;
right: 15px;
}


.closeit:after { content: '\f077'; }
.openit:after {content: '\f078';}

.btn {
position: relative;
background: var(--orange);
padding: 10px 40px 10px 50px;
box-sizing: border-box;
color: #fff;
margin-top: 20px;
text-align: center;
font-weight: bold;
outline: 3px solid var(--orange);
display: inline-block;
font-family: Montserratbd;
}

.btn:before { 
position: absolute;
font-family: FAsolid;
content: '\f054';
left: 20px;
}

.btn.pfeil { margin-top: 120px; }

.btn.pfeil:after { 
width: 141px; 
height: 184px; 
position: absolute; 
content: "";
background: url("images/pfeil.png") no-repeat top right;
top: -194px;
left: -141px;
transform: rotate(19deg);
}

.btn:hover {
outline: 3px solid var(--orange);
background: transparent;
color: var(--orange);
}

.btn.btnwhite {
color: var(--orange);
background: #fff;
outline: 3px solid #fff;
}

.btn.btnwhite:hover {
outline: 3px solid #fff;
background: transparent;
color: #fff;
}

.logo_stiftung { width: 80%; margin: 20px auto 0 auto; display: block; }

#karte {
position: relative;
text-align: center;
}

.karte {
background-image: url(images/karte.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
height: 500px;
}

#karte .btn {
position: absolute;
top: calc(50% - 50px);
left: 50%;
margin-left: -122px
}

footer { margin-top: 50px; padding-bottom: 50px; text-align: center; }

.link {
background-color: #c97a03;
padding: 10px 20px;
box-sizing: border-box;
color: #fff;
width: 100%;
font-family: 'Montserratbd';
display: block;
margin-top: 10px;
margin-bottom: 10px;
}

.link:after {
font-family: FAsolid;
content: '\f054';
float: right;
font-size: 1.1rem;
}

.hinweis { 
background-color: #e3c6c6;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    color: #cd4545;
    border: 3px solid #cd4545;
}