@charset "utf-8";



body {
    margin: 16px 0px 0px 0px;
    font-family: sans-serif;
}



h1 {
    font-size: 40px;
    font-weight: lighter;
    margin: 0px 0px 16px 0px;
	text-align: center;
}

h2 {
	text-align: left;
	margin: 0px 0px 16px 0px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

h3 {
	text-align: left;
	margin: 0px 0px 16px 0px;
	font-size: 100%;
	font-weight: bold;
	color: #333;
}

p {
	margin: 0px 0px 16px 0px;
}



.ist_blog h1 {
	text-align: center;
}



a {
    color: #353991;
    text-decoration: none;
}

a:hover {
    color: #272a6c;
}

.logo {
	text-align: center;
}

.logo img {
    height: 100px;
    padding: 25px 0px 25px 25px;
}


@media (max-width: 600px) {
	#menubutton {
	    height: 40px;
    	width: 40px;
	}
}

@media (max-width: 600px) {

	#menubutton span {
    	font-size: 34px;
	    padding-top: 4px;
	}
}

footer {
    background-color: #d2d2d2;
}

footer .footer_socials {
    height: 28px;
    padding: 10px;
    margin: 8px;
    fill: #000;
    
}

.footer_logo img {
    height: 50px;
    padding: 25px 0px 25px 25px;
}

.footer_logo {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 40px);
}
.block_shop_artikel h1 {
	text-align: left;
}

footer .paypal {
    display: inline-block;
    text-align: right;
    padding-bottom: 20px;
    color: #4a4a4a;
    vertical-align: middle;
    width: calc(50% - 125px);
    min-width: 300px;
}

footer .paypal p {
    font-size: 12px;
}

footer .footer_link {
    padding: 5px 20px 5px 10px;
    margin: 0px 9px 0px 0px;
    color: #424242;
    display: inline-block;
    font-size: 16px;
    border-radius: 3px 8px 8px 3px;
    transition: background-color .2s;
    cursor: pointer;
    text-align: left;
    border-left: 3px solid #b5b5b5;
}

footer .footer_link:hover {
    border-left: 3px solid #171717;
}


.nav_link {
    padding: 10px 10px 10px 10px;
    margin: 0px 9px 0px 0px;
    color: #513b90;
    font-size: 18px;
    border-radius: 8px;
    transition: background-color .2s;
    cursor: pointer;
}

.nav_link:hover {
    color: #000000;
    background-color: #eaeaea;
}



main {
    margin-top: 30px;
}



/* KNÖPFE IN VERSCHIEDENEN FARBEN - BLAU IST STANDARD */

.knopf {
    background: #3b5290;
    background: linear-gradient(0deg, #2c3d6c 0%, #3b5290 100%);
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    padding: 8px 16px 8px 16px;
    margin: 4px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    display: inline-block;
    cursor: pointer;
}

.knopf:hover {
    background: #4662ad;
    background: linear-gradient(0deg, #3b5290 0%, #4662ad 100%);
    color: #fff;
}


/* GRÜN */

.knopf.gruen {
    background: #3b9042;
    background: linear-gradient(0deg, #28622c 0%, #3b9042 100%);
    color: #fff;
}

.knopf.gruen:hover {
    background: #45af4d;
    background: linear-gradient(0deg, #327c37 0%, #43a74b 100%);
    color: #fff;
}


/* GRAU */

.knopf.grau {
    background: #696969;
    background: linear-gradient(0deg, #696969 0%, #818181 100%);
    color: #fff;
}

.knopf.grau:hover {
    background: #818181;
    background: linear-gradient(0deg, #808080 0%, #969696 100%);
    color: #fff;
}


/* WEIS */

.knopf.weis {
    background: #ffffff;
    color: #838383;
}

.knopf.weis:hover {
    background: #ffffff;
    color: #5c5c5c;
}

/* ROT */

.knopf.rot {
    background: #882121;
    color: #f1f1f1;
}

.knopf.rot:hover {
    background: #a73c3c;
    color: #f1f1f1;
}



.karte.selected {
    background-color: #e2e2e2;
}
.karte:hover {
    background-color: #e2e2e2;
    cursor: pointer;
}
.karte {
    padding: 10px;
    border: 1px solid #c8c8c8;
    transition: all .3s;
}



/* COOKIEMELDUNG */

.cookiemeldung {
    background-color: #fff;
    border-radius: 16px;
    border: 5px solid #a8a8a8;
    position: fixed;
    top: 40px;
    width: 300px;
    padding: 20px;
    left: calc(50% - 177px);
}

.cookiemeldung img {
    width: 128px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.cookiemeldung .knopf {
    cursor: pointer;
    display: block;
    padding: 8px 16px;
    border-radius: 8px;
    margin-bottom: 8px;
    -webkit-transition: background-color 500ms;
    -moz-transition: background-color 500ms;
    -o-transition: background-color 500ms;
    transition: background-color 500ms;
    text-align: center;
    background: none;
}

.cookiemeldung .knopf.deutlich {
    background-color: #27813c;
    color: #fff;
}

.cookiemeldung .knopf.undeutlich {
    background-color: #ffffff;
    color: #4d4d4d;
}

.cookiemeldung .knopf.deutlich:hover {
    background-color: #009823;
}

.cookiemeldung .knopf.undeutlich:hover {
    background-color: #e2e2e2;
}

.cookiemeldung p {
    font-size: 14px;
}



.block_79 a.blog_element:has(.blogkarte) {
    margin: 12px 6px;
}


@media (max-width: 900px) {

	.block_79 a.blog_element:has(.blogkarte) {
    	margin: 6px;
	}

}



/* HABINE SINZ STYLE ÄNDERUNGEN */
.artikelklein {
    display: inline-block;
    width: 250px;
    background-color: #fff;
    vertical-align: top;
    margin: 8px;
    box-shadow: none;
    transition: all .5s ease-out;
}

.artikelklein .knopfbereich {
    background: #ededed;
    color: #464646;
    border-radius: 2px;
}

.artikelklein .knopfbereich:hover {
    background: #3a3a3a;
    color: #fff;
}

.artikelklein .textbereich {
    margin-bottom: 6px;
    padding: 8px;
    height: 55px;
    border-top: 1px solid #acacac;
}

.artikelklein .preisschild {
    margin-bottom: 16px;
    color: #5f5f5f;
    font-weight: normal; 
    font-size: 20px;
}

.artikelklein:hover {
    box-shadow: 0px 0px 9px 3px rgb(164 164 164 / 75%);
}



footer .socials_bereich {
    text-align: left;
}

.block.block_textspalten.ueberdenverein {
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    display: flex;
    align-items: stretch;
    flex: auto;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
}


.block.block_textspalten.ueberdenverein div {
    width: calc(33% - 64px);
    display: inline-block;
    vertical-align: top;
    margin: 12px;
    border-left: 2px solid #9c9c9c;
    border-right: 2px solid #9c9c9c;
    border-top: 24px solid #9c9c9c;
    text-align: left;
    padding: 16px;
    border-radius: 4px 4px 0px 0px;
    min-width: 295px;
}

.block.block_knopf.ueberknopfbereich {
    padding-left: 10%;
    padding-right: 10%;
}

.spendenblock {
    display: inline-block;
    min-width: 230px;
}

.spenden .block.block_spenden {
    padding: 10px;
}

.shop_artikelkarte .bildbereich {
    background-size: contain;
	height: 200px;
}


.shop_artikelkarte .bildbereich:hover {
    background-size: contain;
}


@media screen and (max-width: 950px){
    .block.block_textspalten.ueberdenverein {
        padding-left: 16px;
        padding-right: 16px;
    }
    .block.block_knopf.ueberknopfbereich {
        padding-left: 16px;
        padding-right: 16px;
    }
}