@import 'https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,700,800,900';

body {
font-family: 'Montserrat', sans-serif;
margin: 0 auto;
}

.wrapper_dreier {
    width: 1200px;
	background-color: rgba(230,238,255,0.50);
    margin: 0 auto;
	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;
}
.inhalt_dreier {
    padding: 10px;
}
.haupttitel_dreier {
    margin: 0 10px; 
    padding:0 0 0 0; 
    color:#1a1a1a; 
    font-size:32px; 
    line-height:36px;
    font-weight:400;
    text-decoration: none; 
    text-align: left;
}

.dreier {
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	color: #2c2c2c;
	padding: 10px;
	height:auto;
	-webkit-columns: 3 360px;
	-moz-columns: 3 360px;
	columns: 3 360px;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	text-align:left;
	-webkit-column-rule:	1px solid #868786;
	-moz-column-rule:		1px solid #868786;
	column-rule:			1px solid #868786;
}

img.mango { /* <<<<<<<<<< DAMIT ES NICHT AUF ALLE IMAGES WIRKS, HABE CATS HINZUGEFÜGT!!!!!! */
  width: 100%;
  height: auto;
}
	
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
.wrapper_dreier {max-width: 98%;}
.inhalt_dreier {max-width: 98%;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 574px) {
.wrapper_dreier {max-width: 98%;}
.inhalt_dreier {max-width: 98%;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.wrapper_dreier {max-width: 98%;}
.inhalt_dreier {max-width: 98%;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.wrapper_dreier {max-width: 98%;}
.inhalt_dreier {max-width: 98%;}
}







/* ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ */
.banner-inhalt-makorha {
    display:inline-block;
}
.banner-links-makorha {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: left;
}
.banner-mitte-makorha {
   font-size: 15px;
   line-height: 23px;
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: left;
}
.banner-rechts-makorha {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: right;
    width: 160px;
    display: flex;
    flex-flow: column;
    align-items: end;
}
.banner-headline-makorha {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
}
img.mango-makorha {
    width: 100%;
}
@media screen and (max-width : 320px) {
    .banner-inhalt-makorha {
        max-width: 100%;
        display: flex;
        flex-flow: column;
        align-items:center;}
}
@media screen and (min-width : 574px) {
    .banner-inhalt-makorha {max-width: 100%;}
    .banner-mitte-makorha {width: 69%;}
}
@media screen and (min-width : 768px) {
    .banner-inhalt-makorha {max-width: 100%;}
    .banner-links-makorha {width: 22%;}
    .banner-mitte-makorha {width: 60%;}
    .banner-rechts-makorha {width: 15%;}
}



/* ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ */
.banner-inhalt-mpanim {
    display:inline-block;
}
.banner-links-mpanim {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: left;
}
.banner-mitte-mpanim {
   font-size: 15px;
   line-height: 23px;
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: left;
}
.banner-rechts-mpanim {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: right;
    width: 160px;
    display: flex;
    flex-flow: column;
    align-items: end;
}
.banner-headline-mpanim {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
}
img.mango-mpanim {
    width: 100%;
}
@media screen and (max-width : 320px) {
    .banner-inhalt-mpanim {
        max-width: 100%;
        display: flex;
        flex-flow: column;
        align-items:center;}
}
@media screen and (min-width : 574px) {
    .banner-inhalt-mpanim {max-width: 100%;}
    .banner-mitte-mpanim {width: 69%;}
}
@media screen and (min-width : 768px) {
    .banner-inhalt-mpanim {max-width: 100%;}
    .banner-links-mpanim {width: 22%;}
    .banner-mitte-mpanim {width: 60%;}
    .banner-rechts-mpanim {width: 15%;}
}



/* ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ */
.banner-wrapper {
    margin: 0 auto; 
    width: 1440px; 
	background-color: rgba(230,238,255,0.50);
}
.banner-inhalt-netanel {
    display:inline-block;
}
.banner-rechts-netanel {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: right;
}
.banner-headline-netanel {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
}
img.mango-netanel {
    width: 100%;
}
@media screen and (min-width : 320px) {
    .banner-wrapper,.banner-inhalt-netanel {max-width: 100%;}
}
@media screen and (min-width : 574px) {
    .banner-wrapper,.banner-inhalt-netanel {max-width: 100%;}
}
@media screen and (min-width : 768px) {
    .banner-wrapper,.banner-inhalt-netanel {max-width: 100%;}
    .banner-mitte-netanel {width: 100%; padding: 1%;font-size: 15px;line-height: 23px;}
    .banner-rechts-netanel {width: 18%;}
}


/* ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ */
.banner-inhalt-amutha {
    display:inline-block;
}
.banner-links-amutha {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: left;
}
.banner-rechts-amutha {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: right;
}
img.mango-banner-amutha {
    width: 100%;
}
img.mango-amutha {
    width: 100%;
    max-width: 130px;
}
@media screen and (min-width : 320px) {
    .banner-inhalt-amutha {max-width: 100%;}
    .banner-rechts-amutha {width: 130px;}
}
@media screen and (min-width : 574px) {
    .banner-inhalt-amutha {max-width: 100%;}
    .banner-rechts-amutha {width: 130px;}
}
@media screen and (min-width : 768px) {
    .banner-inhalt-amutha {max-width: 100%;}
    .banner-links-amutha {width: 32%;}
    .banner-rechts-amutha {width: 9%;}
}



/* ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ */
.banner-inhalt-ebenezer {
    display:inline-block;
}
.banner-links-ebenezer {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: left;
}
.banner-rechts-ebenezer {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: right;
    display: flex;flex-flow: column;align-items: end;
}
.banner-rechts-ebenezer span {
    float: right;
    font-size: 0.9rem; 
    font-style: italic;
    text-align: right; 
    line-height: 16px;
    padding: 1%; 
}
.banner-headline-ebenezer {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
}
img.mango-ebenezer {
    width: 100%;
}
@media screen and (max-width : 320px) {
    .banner-rechts-ebenezer {
    float: none;
    display: flex;flex-flow: column;align-items:center;
}
    .banner-rechts-ebenezer div span {
    text-align: center;
}
}
@media screen and (min-width : 320px) {
    .banner-inhalt-ebenezer {max-width: 100%;}
}
@media screen and (min-width : 574px) {
    .banner-inhalt-ebenezer {max-width: 100%;}
}
@media screen and (min-width : 768px) {
    .banner-inhalt-ebenezer {max-width: 100%;}
    .banner-links-ebenezer {width: 20%;}
    .banner-rechts-ebenezer {width: 12%;}
}


/* ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ */
.banner-inhalt-hatzalah {
    display:inline-block;
}
.banner-links-hatzalah {
    margin-bottom: 10px;
    padding: 10px;
    margin:3px;
    float: left;
}
.banner-headline-hatzalah {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
}
img.mango-hatzalah {
    width: 100%;
}
@media screen and (min-width : 320px) {
    .banner-inhalt-hatzalah {max-width: 100%;}
}
@media screen and (min-width : 574px) {
    .banner-inhalt-hatzalah {max-width: 100%;}
}
@media screen and (min-width : 768px) {
    .banner-inhalt-hatzalah {max-width: 100%;}
    .banner-links-hatzalah {width: 30.5%;}
}


/* ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ */