@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import 'https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900';

* {
    box-sizing: border-box;
    margin:0;
    padding:0;
    text-decoration:none;
}
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}
body, html {
    height: 100%;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    lang: de;
}



/* HEADER MENÜ ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
header {
    position: fixed;
    top: 0;
    left: 0;
    width:100%;
    z-index: 999;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    background-color: white;
	box-shadow: 0 1rem 2rem hsl(0 0% 0% / 14%);
}
nav {
    position:relative;
    width:1140px;    /* Die Breite!!! */
    margin:0 auto;
}
#menueleiste,
#menueleiste ul,
#menueleiste ul li,
#menueleiste ul li a,
#menueleiste #head-mobile {
    border:0;
    list-style:none;
    line-height:1.4;
    display:block;
    position:relative;
    margin: 0 auto;
}
#menueleiste:after,
#menueleiste > ul:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
#menueleiste #head-mobile {
    display:none;
}
#menueleiste {}
#menueleiste ul li {
    float:left;
    margin:0 0.8%
}
#menueleiste ul li a {
    padding:20px 12px 10px 12px;
    font-size:21px;
    font-weight: 200;
    text-decoration:none;
    color:#000000;
    font-family: "Bebas Neue", sans-serif;    /* <<<<<<<<<<<<<<<<<< ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
    letter-spacing: 0.6px;
}
#menueleiste ul li a:hover {
    text-decoration: underline;
	text-underline-offset: 0.3rem;
	text-decoration-thickness: 1px;
}
@media screen and (max-width:1000px){
nav {
    width:100%;
}
#menueleiste {
    width:100%;
}
#menueleiste ul {
    width:100%;
    display:none;
}
#menueleiste ul li {
    width:100%;
}
#menueleiste ul li:hover {
color: darkslategray;
}
#menueleiste ul li a,
#menueleiste ul ul li a {
    width:100%;
    border-bottom:0;
}
#menueleiste ul li {
    float:none;
}
#menueleiste #head-mobile {
    display:block;
    padding:23px;
    color:#000000;
    font-size:16px;
    font-weight:400;
}
.button {
    width:68px;
    height:57px;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    z-index: 12399994;
}
.button:after {
    position:absolute;
    top:24px;
    right:25px;
    display:block;
    height:6px;
    width:30px;
    border-top:2px solid #000000;
    border-bottom:2px solid #000000;
    content:''
}
.button:before {
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    position:absolute;
    top:16px;
    right:25px;
    display:block;
    height:2px;
    width:30px;
    background:#000000;
    content:''
}
.button.menu-opened:after {
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    top:23px;
    border:0;
    height:2px;
    width:25px;
    background:#000000;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.button.menu-opened:before {
    top:23px;
    background:#000000;
    width:25px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#menueleiste ul ul ul li.active a {
    border-left:none}
}
.button_SP  {
  font-size: 21px;
  font-weight: 500;
  padding: .40rem 1.75rem;
  border: none;
  border-radius: .30rem;
  background: #005EB8;
  color: #ffffff;
  transition: all .2s ease;
  width: 60px;
  text-align: center;
}
.button_SP:focus {
    outline: none;
}
.button_SP:hover {
  cursor: pointer;
  background: #0082FF;
    text-decoration: underline;
	text-underline-offset: 0.3rem;
	text-decoration-thickness: 1px;
}
.button_SP:active {
  background: #005EB8;
}


/* ANFANG WILLKOMMEN + ARROW ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
.block-willkommen {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/israeli-flag.jpg");
    min-height: 100%;
}
.willkommen {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    color: #000;
}
.herzlich {
    background-color: rgba(255,255,255,0.56);
    color: #000000;
	padding: 18px;
    font-size: 30px;
	line-height: 2.5;
}
.arrow {
    width: 4px;
    height: 60px;
    margin: 5% auto;
    background-color: #000000;
    -webkit-animation: 1.2s soft-blink infinite alternate;
    animation: 1.2s soft-blink infinite alternate;
    position: relative;
    opacity: 0;
}
@-webkit-keyframes soft-blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes soft-blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
.arrow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -12px;
    border-bottom: 4px solid #000000;
    border-right: 4px solid #000000;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-radius: 0px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ENDE WILLKOMMEN + ARROW ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */

/* ANFANG WER WIR SIND ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
.wer-wir-sind {
    color: #4A4A4A;
    background-color:white;
    padding:50px 80px;
    text-align: justify;
    font-size: 1.4em;
    line-height: 1.8;
    outline: none;
}
.wer-wir-sind-blocks {
	width: 96%;
	max-width: 1120px;
	margin: 0 auto;
	text-align: left;
	font-size: 1rem; 
	line-height: 1.5;
	-webkit-columns: 2 520px;
	-moz-columns: 2 520px;
	columns: 2 520px;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	-webkit-column-rule:	1px solid #868786;
	-moz-column-rule:		1px solid #868786;
	column-rule:			1px solid #868786;
}
.highlight {
    font-size: 18px;
    max-width: 100%;
    margin: 0 auto;
    text-decoration: none;
}
a.card {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    display: block;
    padding: 1.5% 2%;
    background-color: #ffffff;
    text-decoration: none;
    color: #000000;
}
a:hover.card {
    background-color: #EDEDED;
}
.btn_wrap {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    	touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 10px;
}
.spenden_btn {
    color: #ffffff;
    background-color: #0e71b0;
    font-weight: 300;
	font-size: 28px;
    line-height: 32px;
    margin: 0 auto;
    width: 200px;
	text-decoration: none;
	letter-spacing: 0.06em;
}
.spenden_btn:hover {
    background-color: #0f89d6;
	text-decoration: underline;
	text-underline-offset: 0.3rem;
	text-decoration-thickness: 1.5px;
}
/* ENDE WER WIR SIND ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */

/* ANFANG BLOCK TOURNEE ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
.block-tournee {    
    position: relative;
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/tounee-background.jpg");
    min-height: 800px;
}
.block-tournee-contents {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    color: #000;
    max-width: 1400px;
}
.tournee-titel {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 2px;
    font-weight: 800;
}
.tournee-daten {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    color: #005EB8;
    padding: 1% 0;
}
.tournee-details {
	font-size: 24px;
	color: #000000;
	text-decoration: underline;
}
a:hover.tournee-details {
	color: #000000;
	text-decoration: none;
}
/* ENDE BLOCK TOURNEE ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */

/* ANFANG BLOCK GEBET / BIBELVERS ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
.block-gebet {    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/tel-aviv.jpg");
    min-height: 800px;
    position: relative; /* Make the parent element position: relative */
}
.block-gebet::before {
    content: ""; /* Create a pseudo-element */
    position: absolute; /* Position the pseudo-element absolutely */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.7; /* Apply opacity to the pseudo-element */
}
.block-gebet-inhalt {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    color: #000;
}
.block-gebet-text {
    background-color: rgba(255,255,255,0.56);
    color: #000000;
	padding: 18px;
    font-size: 30px;
	line-height: 2.5;
}
/* ENDE BLOCK GEBET / BIBELVERS ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */

/* ANFANG BLOCK LEHRBOTSCHAFTEN ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
.block-lehrbot {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/scrolls.jpg");
    min-height: 600px;
	opacity: 0.80;
}
.block-lehrbot-inhalt {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    color: #000;
}
.lehrbot-text {
    color: #ffffff;
    font-size: 25px;
	font-weight: 400;
    letter-spacing: 1px;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	text-underline-offset: 0.3rem;
	text-decoration-thickness: 1px;
}
a:hover.lehrbot-text {
	border-bottom: 0px solid #ffffff;
}
/* ENDE BLOCK LEHRBOTSCHAFTEN ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */

/* ANFANG BLOCK REISEPROGRAMM ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
.block-reisen {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/Vater-und-Sohn.jpg");
    min-height: 1000px;
}
.block-reisen-inhalt {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    color: #000;
}
.block-reisen-text {
    background-color: rgba(255,255,255,0.56);
    color: #000000;
	padding: 18px;
    font-size: 30px;
	line-height: 2.5;
    letter-spacing: 1px;
	text-decoration: underline;
	text-underline-offset: 0.3rem;
	text-decoration-thickness: 1px;
}
a:hover.block-reisen-text {
	text-decoration: none;
}
/* ENDE BLOCK REISEPROGRAMM ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */

/* ANFANG BLOCK YOUTUBE ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
.block-youtube {
	color:#ddd;
	background-color:#282E34;
	text-align:left;
	padding:50px 80px;
	font-size: 1.4rem;
	line-height: 1.4;
}
.weitere-predigten {
	text-align: right; 
	font-size: 16px;
	color: #ddd;
	text-decoration: none;
	font-style: oblique;
}
a:hover.weitere-predigten {
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}
/* ENDE BLOCK YOUTUBE ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */

/* ANFANG BLOCK NEWSLETTER ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ */
.inhalt_80			{max-width: 1200px;padding: 2% 0 1% 2%; margin: 0 auto;}
.der_rundbrief		{font-size: 30px; font-weight: 600;}
.ausgabe_nummer		{font-size: 28px; font-weight: 100;font-style: italic;}

.holdem {
  width: 100%;
  background-color: #E6EEFF;
  overflow:auto;
}
.doppeldienst {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.hilfsdienst-titel {
	color:#1a1a1a; 
	font-size:26px; 
	line-height:32px;
	font-weight:500;
	padding: 2%;}
.dienst-li, .dienst-re {
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	text-align: left;
	background-color: #fff;
}
.dienst-li p, .dienst-re p {
padding: 10px;
}
             /* .dienst-li div, .dienst-re div { padding: 10px;} */
             
.projekt_traeger {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	background-color: rgba(230,238,255,0.50);
	display: block;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    border-top: 1px solid black;
}
.dienst {
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	color: #2c2c2c;
	height:auto;
	text-align:left;
	padding: 0 2%;
}
            .container_edit-0 {
                width: 100%;
                max-width: 160px;
                float: right;
                margin: 0 0 1% 1%;
            }
            img.edit-0 {
              width: 100%;
              height: auto;
            }
            .container_edit-1 {
                width: 100%;
                max-width: 210px;
                float: right;
                margin: 0 0 1% 1%;
            }
            img.edit-1 {
                width: 100%;
                height: auto;
            }
            .container_edit-2 {
                width: 100%;
                max-width: 210px;
                float: right;
                margin: 0 0 1% 1%;
            }
            img.edit-2 {
                width: 100%;
                height: auto;
            }
            .container_edit-3 {
                width: 100%;
                max-width: 574px;
                float: right;
                margin: 0 0 1% 1%;
            }
            img.edit-3 {
                width: 100%;
                height: auto;
            }
.container_edit-2 p {
    font-size: 14px;
    line-height: 1.4;
    font-style: italic;
    padding: 0 1%;
}
@media screen and (max-width: 574px) {
  .doppeldienst {
    width: 100%;
	margin: 0 auto;
  }
  .dienst-li {
    width: 98%;margin: 0 auto;margin: 1%;
  }
  .dienst-re {
    width: 98%;margin: 0 auto;margin: 1%;
  }
}
@media screen and (min-width: 575px) {
  .doppeldienst {
    width: 100%;
  }
  .dienst-li, .dienst-re {
    float: left;
  }
  .dienst-li {
    width: 64%;
    margin-right: 1%;
  }
  .dienst-re {
    width: 34%;
  }
}
img.mango1 { /* <<<<<<<<<< DAMIT ES NICHT AUF ALLE IMAGES WIRKS, HABE CATS HINZUGEFÜGT!!!!!! */
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
img.mango2 { /* <<<<<<<<<< DAMIT ES NICHT AUF ALLE IMAGES WIRKS, HABE CATS HINZUGEFÜGT!!!!!! */
  width: 100%;
  max-width: 574px;
  margin: 0 auto;
}
img.dienst0 { /* <<<<<<<<<< DAMIT ES NICHT AUF ALLE IMAGES WIRKS, HABE CATS HINZUGEFÜGT!!!!!! */
  width: 100%;
  max-width: auto;
  margin: 0 auto;
}
img.dienst1 { /* <<<<<<<<<< DAMIT ES NICHT AUF ALLE IMAGES WIRKS, HABE CATS HINZUGEFÜGT!!!!!! */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
a.jetztspenden {
	font-size: 18px;
	display: inline-block;
	color: white;
	background: #0e71b0;
	border-radius: 22px;
	padding: 6px 16px;
	text-decoration: none;
	transition: all 0.2s ease;
}
a:hover.jetztspenden {
	color: white;
	background: #0e71b0;
	transition: all 0.2s ease;
	text-decoration: underline;
	text-underline-offset: 0.2rem;
	text-decoration-thickness: 1px;
}








main {
    max-width: 1500px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    }
figure {
	padding: 1% 2%;
}
figure img {
	display: block; width: 100%;
}
@media only screen and (min-width : 320px) {
	figure {
		display: block;
		float: left;
		width: 100%;}
}
@media only screen and (min-width : 574px) {
	figure {
		display: block;
		float: left;
		width: 100%;}
}
@media only screen and (min-width : 768px) {
	figure {
		display: block;
		float: left;
		width: 50%;}
}
@media only screen and (min-width : 992px) {
	figure {
		display: block;
		float: left;
		width: 25%;}
}
@media only screen and (min-width : 1200px) {
	figure {
		display: block;
		float: left;
		width: 25%;}
}








.archiv_traeger {
	margin: 0 auto;
	width: 100%;
	max-width: 1340px;
	background-color: rgba(230,238,255,0.50);
	display: block;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    padding: 2%;
}
.treetoone {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #333;
	padding: 10px;
	-webkit-columns: 3 380px;
	-moz-columns: 3 380px;
	columns: 3 380px;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	text-align:left;
	-webkit-column-rule:	1px solid #868786;
	-moz-column-rule:		1px solid #868786;
	column-rule:			1px solid #868786;
}
.aktuell-liste16 a:link, .aktuell-liste16 a:visited {
    color: #282828;
    text-decoration: none;
}
.aktuell-liste16 a:hover {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #000000;
}

.jahreszahl {
    line-height:70px;
    font-size:60px;
    font-weight:100;
    color: #007EBD;
    text-decoration: none; 
    margin-top: -20px;
}






img.mango3 {
  width: 100%;
  max-width: 320px;
  height: auto;
  float: right;
  margin: 0 0 10px 10px;
}
.overwrite {
	width: 98%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.2rem;
    font-weight: 500;
	line-height: 1.4;
}




.twotoone {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #333;
	padding: 10px;
	-webkit-columns: 2 500px;
	-moz-columns: 2 500px;
	columns: 2 500px;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	text-align:left;
	-webkit-column-rule:	1px solid #868786;
	-moz-column-rule:		1px solid #868786;
	column-rule:			1px solid #868786;
}
a.mailcard {
	font-size: 18px;
	line-height: 1.2;
    font-weight: 600;
	color: #000000;
	text-decoration: underline;
}
a.mailcard:hover {
	color: #000000;
	font-weight: 600;
	text-decoration: none;
}
.gutes-tun {
  margin: auto;
  padding: 1ch;
  background-color: white;
  color: black;
  border: 1px solid black;
}
a.legatcard {
	font-size: 18px;
	line-height: 1.2;
    font-weight: 600;
	color: #000000;
	text-decoration: none;
}
a.legatcard:hover {
	color: #000000;
	text-decoration: underline;
}






.banner-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
}
.banner-inhalt {
    margin: 0 auto;
    max-width: 100%;
    align-items: center;
    vertical-align:middle;
    text-align: center;
    display:table;
}
.links, .mitte, .rechts {
    margin-bottom: 10px;	/* LASSEN, DAMIT BEIM RESPON UNTEREINANDER ABSTAND IST!!!*/
    text-align: left;
    float: left;
}
.mitte-beschreib {
    font-style: italic;
    line-height: 1.3;
    padding: 1%;
}
img.mango4 {
    width: 100%;
}
.mitte-headline {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
}
@media screen and (min-width : 320px) {
    .banner-inhalt {max-width: 100%;}
}
@media screen and (min-width : 574px) {
    .banner-inhalt {max-width: 100%;}
}
@media screen and (min-width : 768px) {
    .banner-inhalt {max-width: 100%;}
}
@media screen and (min-width: 992px) {
    .links {width: 25%;}
    .mitte {width: 50%;}
    .rechts {width: 25%;}
}


.QR-box{
	margin: 0 auto;
	max-width:auto;
	font-size: 1.1rem;
	line-height: 1.6rem;
	text-align:left;
	padding: 5px;
	border: 1px solid #000000;
}


.btn_einzahl {
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 10px;
	border-radius: 16px;
	color: #ffffff;
	background-color: #0e71b0;
	font-weight: 400;
	font-size: 16px;
	text-decoration: none;
}
.btn_einzahl:hover,
.btn_einzahl:focus,
.btn_einzahl.active {
	color: #fff;
	background-color: #0f89d6;
	text-decoration: underline;
	text-underline-offset: 0.2rem;
	text-decoration-thickness: 1px;
}
.legatbox {
	width:100%;
    margin: 0 auto;
    left:0;
    right:0;
	padding: 10px;
}
.legat {
  font-size: 1.2em;
  color: #ffffff;
  transition: .5s;
  line-height: 1.3;
  text-decoration: none;
  margin: 0 auto;
  width: 100%;
  max-width: 1380px;
  text-align: center;
}
a:hover.legat {
	color: #DFE0E0;
	text-decoration: none;border-bottom: 1px solid #DFE0E0;
}

.fliesstextlinkbold {			font-size:18px;line-height:1.4;color:#282828; font-weight:600;text-decoration: none;cursor:pointer;}
a:hover.fliesstextlinkbold {	color:#000000;text-decoration: none;border-bottom: 1px solid #000000;}

.die-not-ist-gross {			font-size:18px;line-height:1.4;color:#007EBD;text-decoration: none;cursor:pointer;}
a:hover.die-not-ist-gross {		color:#000000;text-decoration: none;border-bottom: 1px solid #000000;}



 .herbstreise-text-2 {
	max-width: 700px; 
	font-size: 18px;
	line-height: 26px;
    font-weight: 400;
    color: black;
	text-align: left;
  }
.herbstreise {
    width: 100%; 
    margin: 0 auto;
    background: rgba(0,127,255,0.38);
    padding: 1%;
	text-align: center;
  }
h1.herbstreise_prog {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.6em;
  color: #000000;
  transition: .5s;
  line-height: 1.2;
}
 .herbstreise-text {
	margin: 0 auto;
	max-width: 1600px; 
	font-size: 22px;
	line-height: 30px;
    font-weight: 600;
    color: darkslategray;
	text-align: center;
  }
.prospekt {
	font-family: sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-decoration: none;
    border-bottom: 1px solid white;
}
a:hover.prospekt {
	text-decoration: none;
    border-bottom: 0px solid white;
}
.prospekt-2 {
	font-family: sans-serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
    border-bottom: 1px solid black;
}
a:hover.prospekt-2 {
	text-decoration: none;
    border-bottom: 0px solid black;
}









































/* 
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
*/

.spacer {
    width: 100%;
    display: table;
    clear: both
}
.spacer-100 {
    line-height: 100px !important
}
.spacer-90 {
    line-height: 90px !important
}
.spacer-80 {
    line-height: 80px !important
}
.spacer-70 {
    line-height: 70px !important
}
.spacer-60 {
    line-height: 60px !important
}
.spacer-50 {
    line-height: 50px !important
}
.spacer-40 {
    line-height: 40px !important
}
.spacer-30 {
    line-height: 30px !important
}
.spacer-20 {
    line-height: 20px !important
}
.spacer-10 {
    line-height: 10px !important
}



@media only screen and (max-width : 320px) {
.willkommen {
    top: 20%;}
.herzlich {
    font-size: 18px;
    line-height: 70px;
    padding: 18px 12px;}
.arrow {
    width: 4px;
    height: 50px;
    margin: 4% auto;}
.wer-wir-sind {
	padding:20px 10px;}
.block-tournee-contents {
    top: 20%;}
.tournee-titel {
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 800;}
.tournee-daten {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    color: #005EB8;
    padding: 1% 0;}
.tournee-details {
	font-size: 20px;
	line-height: 22px;
	color: #000000;
	text-decoration: underline;}
.block-gebet-inhalt {
    top: 20%;}	
.block-gebet-text {
    font-size: 19px;
    line-height: 60px;
    padding: 14px;}
.dannmalweg {
    display: none;}
.block-lehrbot-inhalt {
    top: 20%;}	
.block-reisen-inhalt {
    top: 20%;}
.block-reisen-text {
    font-size: 22px;
    line-height: 66px;}
.treetoone {
	font-size: 17px;}
.der_rundbrief {
    font-size: 24px;}
.overwrite {
	font-size: 1.2rem;}
.hilfsdienst-titel {
	font-size:22px; }
.container_edit-1 {
	width: 100%;
	max-width: 320px;
    margin: 0;}
.container_edit-2 {
	width: 100%;
	max-width: 320px;
    margin: 0;}
}

@media only screen and (max-width : 450px) {
.willkommen {
    top: 20%;}
.wer-wir-sind {
	padding:20px 10px;}
.block-tournee-contents {
    top: 20%;}
.tournee-details {
	font-size: 20px;
	line-height: 22px;}
.block-gebet-inhalt {
    top: 20%;}	
.block-lehrbot-inhalt {
    top: 20%;}
.block-reisen-inhalt {
    top: 20%;}
}
@media only screen and (max-width : 574px) {
.herzlich {
    font-size: 28px;
}
.block-gebet-text {
    font-size: 26px;
	line-height: 2.5;
}
.tournee-details {
	font-size: 22px;
	line-height: 30px;
	color: #000000;
	text-decoration: underline;}
.block-youtube {
	color:#ddd;
	background-color:#282E34;
	text-align:left;
	padding:30px;}
}
@media only screen and (min-width : 574px) {
.wer-wir-sind {padding:20px 30px;}
}
@media only screen and (max-device-width: 1024px) {
.block-willkommen {
    background-attachment: scroll;}
.block-tournee {
    background-attachment: scroll;}
.block-gebet {
    background-attachment: scroll;}
.block-lehrbot {
    background-attachment: scroll;}
}


@media only screen and (min-width : 320px) {
.herbstreise-2 {
  font-size: 28px;
  line-height: 1.2;
}
}
@media only screen and (min-width : 574px) {
.herbstreise-2 {
  font-size: 38px;
  line-height: 1.5;
}
}
@media only screen and (min-width : 1200px) {
.herbstreise-2 {
  font-size: 40px;
  color: darkslategray;
  line-height: 2;
}
}