@font-face { font-family: 'krona_oneregular'; src: url('../fonts/kronaone/kronaone_regular-webfont.eot'); src: url('../fonts/kronaone/kronaone_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kronaone/kronaone_regular-webfont.woff2') format('woff2'), url('../fonts/kronaone/kronaone_regular-webfont.woff') format('woff'), url('../fonts/kronaone/kronaone_regular-webfont.ttf') format('truetype'), url('../fonts/kronaone/kronaone_regular-webfont.svg#krona_oneregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'cantarellregular'; src: url('../fonts/cantarell/cantarell_regular-webfont.eot'); src: url('../fonts/cantarell/cantarell_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cantarell/cantarell_regular-webfont.woff2') format('woff2'), url('../fonts/cantarell/cantarell_regular-webfont.woff') format('woff'), url('../fonts/cantarell/cantarell_regular-webfont.ttf') format('truetype'), url('../fonts/cantarell/cantarell_regular-webfont.svg#cantarellregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ico_mdm'; src: url('../fonts/ico_mdm.eot'); src: url('../fonts/ico_mdm.eot') format('embedded-opentype'), url('../fonts/ico_mdm.woff') format('woff'), url('../fonts/ico_mdm.ttf') format('truetype'), url('../fonts/ico_mdm.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face {
  font-family: 'anton';
  src: url('../fonts/anton-v23-latin-regular.eot');
  src: url('../fonts/anton-v23-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/anton-v23-latin-regular.woff2') format('woff2'), url('../fonts/anton-v23-latin-regular.woff') format('woff'), url('../fonts/anton-v23-latin-regular.ttf') format('truetype'), url('../fonts/anton-v23-latin-regular.svg#anton') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v35-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v35-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v35-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.infoButton { margin-left: auto; background-color: #cccccc; border-radius: 50%; width: 12px; height: 12px; font-size: 12px; display: flex; align-items: center; justify-content: center; font-weight: bold; padding: 8px; font-family: auto; line-height: 11px; color: #808080; margin-top: 2px; cursor: pointer; }
.infoContent { display: none; font-size: 12px; line-height: 14px; background-color: #cccccc; border-radius: 10px; padding: 8px 10px; }

body { background-color: #075AA8; font-family: 'Open Sans'}
a { color: #075AA8 !important; }
a:hover { text-decoration: none; }
header { margin-bottom: 15px; background-color: #075AA8;  }
header img.header { width: 100%;  }
header img.logo { position: absolute; top: 20px; width: 25%; max-width: 110px; left: 0; right: 0; margin: 0 auto; }


header p { background-color: #075AA8; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: #ffffff; font-size: 18px; line-height: 1.2; }

#headerbild { width: 100%; height: 450px; background-image: url(../img/aethiopien_lp.jpg); background-size: cover; background-position: center; }

.subtext h2 { font-family: 'Anton'; font-weight: normal; font-size: 24px; color: #ffffff !important; background-color: #075AA8; text-transform: uppercase; text-align: center; padding-bottom: 15px !important; margin-top: 0px; padding-top: 10px; }
.subtext img { margin-right: 15px; }
.subtext p { padding-bottom: 20px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2; 
    background-color: #075AA8;
    }

#loader { position: absolute; width: 100%; height: 100%; background: #fff4e0; z-index: 1000000; text-align: center; padding-top: 100px; font-size: 50px; }

header h2 { font-family: 'Open Sans'; font-weight: bold; font-size: 32px; color: #ffffff !important; background-color: #075AA8; text-transform: uppercase; text-align: center; padding-bottom: 15px !important; margin-top: 0px; padding-top: 30px; }
h1 { display: none; }
h2.success { font-family: 'Open Sans'; font-weight: bold; font-size: 24px; color: #075AA8 !important; background-color: #ffffff; text-transform: uppercase; text-align: center; padding-bottom: 15px !important; margin-top: 0px; padding-top: 20px; }

.panel { border: 0px; border-radius: 0px; height: 100%; margin-bottom: 0px; } 
.panel-heading { border: 0px; border-radius: 0px; background-color: #ffffff !important; padding: 15px 15px; }
.panel-title { font-family: 'Anton'; text-transform: uppercase; color: #1d1a55 !important; font-weight: normal !important; }
.col-md-4 .panel-heading { padding-bottom: 0px; }
.col-md-4 .panel-title { font-size: 16px; font-weight: normal; }
.col-md-4 img { width: 100%; max-width: 270px; }

.breadcrumb-container { background-color: #ffffff; margin-bottom: 15px; }
.breadcrumbb { list-style: none; color: #8F8F8F; text-transform: uppercase; text-align: left; background-color: transparent; font-size: 10px; font-family: 'Anton'; max-width: 992px; display: block; margin: 0 auto; padding: 15px 15px 12px; }
.breadcrumbb a { color: #D3D2D0 !important; text-decoration: none; font-weight: normal !important; }
.breadcrumbb a:hover { text-decoration: none; }
.breadcrumbb > li { display: inline-block; }
.breadcrumbb > li + li:before { font-family: "ico_mdm"; content: '\e80d'; font-size: 7px; padding-right: 7px; padding-left: 3px; color: #ccc; padding: 0 5px; }



.amountblock { background-color: #808080; padding: 12px; margin-bottom: 12px; }
.amountblock .control-label { font-size: 16px; margin-bottom: 12px; color: #ffffff; text-transform: capitalize; }

.amountbutton { display: none; }
.amountbuttonlabel { font-family: 'Open Sans'; font-size: 16px; background-color: #FE5E00; border-radius: 6px; color: #ffffff; padding-top: 5px; padding-bottom: 5px; width: 100%; text-align: center; cursor: pointer; margin-top: 2px; }
.amountbutton:checked + .amountbuttonlabel { background-color: #075AA8; }

.amountblock p { color: #ffffff; text-align: center; margin-top: 20px; }

.schloss { float: left; }
#securityBox p { padding-left: 60px !important; }

.fundraisingboxlogo { width: 140px !important; }

.submitbutton { text-align: center; }
#submitForm { margin-top: 10px; border: transparent; font-size: 24px; color: #ffffff; font-weight: 400; font-family: 'Anton'; text-transform: uppercase; background-color: #FE5E00; border-radius: 20px; padding: 15px; padding-left: 15px; padding-right: 15px; cursor: pointer; margin-bottom: 30px; }


h4 { color: #075AA8 !important; margin-top: 15px !important; font-family: 'Open Sans'; font-weight: bold; }

.footer { background-color: #ffffff; padding-top: 30px; padding-bottom: 30px; }
.footer .col-md-3 { margin-bottom: 15px; }
.footer h2 { color: #2C2C2C; text-transform: uppercase; font-size: 2rem; line-height: 2.5rem; margin: 15px 0; font-family: "Anton"; display: block; }
.footer h3 { color: #FE5E00; font-size: 12px; margin-bottom: 10px; margin-top: 0px; line-height: 1.2rem; text-transform: uppercase; font-family: "Anton"; }
.footer p { font-size: 1.2rem; line-height: 1.5em; margin: 0 0 0.5rem; }
.footer .konto div { background-color: #FAF7F4; border-radius: 5px; padding: 15px; text-align: center; margin-bottom: 15px; }
.footer .konto p { font-family: "Anton"; font-size: 11px; margin-bottom: 0px; }
.footer .konto p strong { color: #8F8F8F; font-weight: normal; }

.footer .col-md-4 img { width: auto; max-width: none; }

.footernav { background-color: #075AA8; height: 115px; text-align: center; }

.footernav a { color: #ffffff !important; text-transform: uppercase; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; line-height: 34px; font-size: 1.3rem; font-family: 'Anton'; display: inline-block; font-weight: 100;}
.footernav a:hover { background-color: #2C2C2C; text-decoration: none; } 

.col-md-12 { padding-left: 15px; padding-right: 15px; }
.col-md-4, .col-md-8 { padding-left: 15px; }
.col-md-4 { padding-right: 15px; }
.paymentmethod.col-md-4 { padding-left: 7px; padding-right: 7px; } 
#securityBox { margin-left: 8px; margin-right: 8px; }

.alert-danger { margin-left: 7px; margin-right: 7px; }
.alert-danger.bottom { margin-top: 0px; margin-bottom: 15px !important; }

#payment_amount_error { color: #ffffff; text-align: center; margin-top: 20px; }


.spendeninfotext { background-color: #FFFFFF; margin-bottom: 50px !important; padding: 20px; }

.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; }


@media only screen and (min-width : 992px) { .flex-row.row { display: flex; flex-wrap: wrap; } .flex-row.row > [class*='col-'] { display: flex; flex-direction: column; } .flex-row.row:after, .flex-row.row:before { display: flex; } }


@media (min-width: 992px) { .container { width: 992px; } .col-md-8 { padding-right: 0px; }}
@media (min-width: 1200px) { .container { width: 992px; } }

@media (max-width: 992px) { 

.col-md-8 { padding-right: 15px; width: 100%; }
header h2 { font-size: 20px; padding-left: 20px; padding-right: 20px; }
h2.success { font-size: 18px; }
#headerbild { height: 250px; }
.footer .dzi img { width: 50px; margin-top: 20px; }
.footer .itz img { width: 200px; margin-top: 20px; }
.fundraisingboxcontainer { text-align: center; }
.fundraisingboxcontainer img { margin-bottom: 10px; }
.spendeninfotext { background-color: #FFFFFF; }

.container-fluid { width: 100%; }
.container { width: initial; }

}


#payment_credit_card_number, #payment_credit_card_secure_id, #payment_credit_card_expiry, #payment_credit_card_owner {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-bottom: 10px; }

/* COOKIE-HINWEIS */
#block-block-39 { position: fixed; bottom: 0px; background-color: #575757; z-index: 6666; color: #ffffff; width: 100%; padding-top: 10px; text-transform: none; }
#cookiebanner { width: 992px; margin: auto; font-family: 'Open Sans';  }
#cookiebanner span { font-size: 14px; }
#cookiebanner a { color: #ffffff; text-decoration: underline; }
#cookiebanner .cookiebutton-row { margin-top: 20px; margin-bottom: 20px; height: 35px; }
#cookiebanner a.cookiebutton { text-decoration: none; border-radius: 20px; background-color: #777777; padding: 6px; padding-left: 13px; padding-right: 13px; font-size: 14px; cursor: pointer; margin-right: 10px; color: #ffffff !important; font-weight: normal; }
#cookiebanner a.cookieok { background-color: #075AA8; }
#cookiebanner a.cookiebutton:hover { background-color: #FE5E00; }

.cookiebutton-row.conf { display: none; }

#cookieCheckboxes { display: flex; font-size: 14px; line-height: 1.7; align-items: center; }
#cookieCheckboxes div { margin-right: 20px; }
#cookieCheckboxes a { margin-left: auto; }

/* The switch - the box around the slider */
#cookiebanner .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 0px;
}

/* Hide default HTML checkbox */
#cookiebanner .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
#cookiebanner .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

#cookiebanner .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#cookiebanner input:checked + .slider {
  background-color: #FE5E00;
}

#cookiebanner input:focus + .slider {
  box-shadow: 0 0 1px #FE5E00;
}

#cookiebanner input:disabled + .slider {
  background-color: #7f2f00;
}

#cookiebanner input:disabled + .slider:before {
  background-color: #7f7f7f;
}

#cookiebanner input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
#cookiebanner .slider.round {
  border-radius: 24px;
}

#cookiebanner .slider.round:before {
  border-radius: 50%;
}

#cookiebanner {
   line-height: 1.1;
}

#block-block-39 {
  background-color:rgba(198,198,188,0.9);
  color: #000000;
}

@media (max-width: 992px) {

#cookiebanner { height: 370px; }
#cookieCheckboxes { flex-direction: column; align-items: baseline; }
#cookieCheckboxes div { margin-bottom: 10px; }
#cookiebanner a.cookiebutton { margin-top: 10px; }
#cookiebanner .cookiebutton-row { margin-top: 10px; }
#cookieCheckboxes .cookieok { margin-top: 0px !important; }
}

header h2 {
    font-family: 'Anton';
    font-weight: normal;
    font-size: 46px;
    text-transform: none;
    }
    
    .panel-title {
    text-transform: none;
    }
    
    .claire img { width: 200px; }