:root {
  --walk-white: #ffffff;
  --walk-beige: #4c5c59;
  --walk-bg_1:  #F1E9DE;
  --walk-font_1: #162520;
  --walk-black: #000000;
}

*           { font-family: 'lucida-bright-regular', sans-serif; font-size: 18px; line-height: 24px; color: var(--walk-beige); }
html, body  { margin: 0; padding: 0; border: 0; }
p           { margin-bottom: 0; }

.holder                 { display: flex; max-width: 1500px; margin: 0 auto; }
.holder .container      { width: 33%; padding: 10px 20px; }
.holder .container h3   { font-size: 32px; font-weight: bold; color: var(--walk-font_1); line-height: 40px; margin: 0 0 20px 0; }
.holder .container img  { display: block; width: 100%; max-width: 100%; }

.stage      { width: 100%; background: no-repeat url("../img/Keyvisual.jpg"); background-size: cover; }
.stage_item { margin: 0 auto; display: block; padding: 60px 0; max-width: 80%; }
.bg_1       { background-color: var(--walk-bg_1); }
.bg_2       { background-color: var(--walk-font_1); }
.text_1     { text-align: center; padding: 60px 0 200px 0; }
.text_1 p   { margin: 20px 0 0 0; font-size: 34px; line-height: 42px; color: var(--walk-beige); }

.logo       { background: no-repeat url("../img/cloud_trenner.png"); background-size: cover; background-color: var(--walk-bg_1); }
.logo_item  { margin: 100px auto 0 auto; display: block; max-width: 80%; }

.teaser     { padding: 60px; }
.teaser h2  { margin: 0 0 50px 0; font-size: 60px; line-height: 80px; color: var(--walk-beige); text-align: center; }

.ministage      { background-image: url("../img/cloud_trenner.png"); background-size: cover; padding: 100px 20px; background-position-y: -40px; }
.ministage img  { max-width: 100%; } 

.textboxes      { margin-top: -125px; padding-top: 200px; }

.contact            { background-image: url("../img/Blatt_dunkel.png"); background-repeat: no-repeat; background-position: left top; min-height: 600px;}
.contact p          { margin: 0; }
.contact .content   { text-align: center; padding: 360px 20px 0 20px; }
.contact .content img { width: 70%; }

.founder_1                    { padding: 40px 0; background-image: url("../img/Blatt_hell.png"); background-repeat: no-repeat; background-position: right -452px; min-height: 600px; }
.founder_1 .holder            { padding-left: 20px; padding-right: 20px; display: block; }
.founder_1 .holder *          { color: var(--walk-bg_1); }
.founder_1 .holder h2         { font-size: 56px; font-weight: bold; line-height: 44px; }
.founder_1 .holder h2 span    { font-size: 32px; font-weight: bold; }
.founder_1 .holder .img_box   { display: flex; }
.founder_1 .holder a          { text-decoration: none; }
.founder_1 .holder .img_box .text { padding: 52px 45px; }


.footer                     { padding: 20px; }
.footer *                   { font-size: 14px; line-height: 18px; }
.footer .holder .content_1  { width: 30%;}
.footer .holder .content_2  { width: 50%;}
.footer .holder .content_3  { width: 20%; text-align: right; }


/* ============ mobile view ============ */
@media(max-width: 800px) {
.holder   { display: block; }
.holder .container { width: calc(100% - 40px); }
.founder_1 .holder .img_box { display: block; }


.footer .holder { display: block; }
.footer .holder .content_1,
.footer .holder .content_2,
.footer .holder .content_3  { width: 100%; margin-top: 20px; text-align: left;}

.teaser     { padding: 20px; }  
.text_1     { padding: 40px 20px; }
.text_1 p   { font-size: 28px; line-height: 36px; }
.teaser h2  { font-size: 50px; line-height: 60px; }
.ministage  { padding: 40px 20px; background-image: none; }
.textboxes  { margin-top: 0; padding-top: 0; }
.founder_1  { background-image: none; }
.founder_1 .holder h2         { font-size: 46px; font-weight: bold; line-height: 44px; }
}
/* ============ mobile view ============ */

/* ============ tablet view ============ */
@media(max-width: 992px) {

}
/* ============ mobile view ============ */







@font-face{font-family:"lucida-bright-regular";src:url("../fonts/lucida.ttf") format("woff"),url("../fonts/lucida.ttf") format("opentype"),url("../fonts/lucida.ttf") format("truetype");}