@charset "utf-8";

/* latin-ext - Ubuntu light italic 300  */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url(../fonts/Ubuntu-light-italic-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin - Ubuntu light italic 300  */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url(../fonts/Ubuntu-light-italic-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext - Ubuntu light 300 */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Ubuntu Light'), local('Ubuntu-Light'), url(../fonts/Ubuntu-light-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin - Ubuntu light 300 */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Ubuntu Light'), local('Ubuntu-Light'), url(../fonts/Ubuntu-light-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext - Ubuntu italic 400 */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(../fonts/Ubuntu-normal-italic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin - Ubuntu italic 400  */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(../fonts/Ubuntu-normal-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext - Ubuntu normal 400 */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(../fonts/Ubuntu-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin - Ubuntu normal 400  */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(../fonts/Ubuntu-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext - Ubuntu bold 700 */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(../fonts/Ubuntu-bold-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin - Ubuntu bold 700 */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(../fonts/Ubuntu-bold-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext - Ubuntu bold italic 700 */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(../fonts/Ubuntu-bold-italic-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin - Ubuntu bold italic 700 */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(../fonts/Ubuntu-bold-italic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext Roboto Mono normal 400 = ZeitungMonoPro*/
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(../fonts/Roboto-Mono-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin Roboto Mono normal 400 = ZeitungMonoPro */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(../fonts/Roboto-Mono-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local('Vollkorn SemiBold Italic'), local('Vollkorn-SemiBoldItalic'), url(../fonts/Vollkorn-SemiBoldItalic-600-italic-latin.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local('Vollkorn SemiBold Italic'), local('Vollkorn-SemiBoldItalic'), url(../fonts/Vollkorn-SemiBoldItalic-600-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Vollkorn Italic'), local('Vollkorn-Italic'), url(../fonts/Vollkorn-Italic-400-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Vollkorn Italic'), local('Vollkorn-Italic'), url(../fonts/Vollkorn-Italic-400-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@-webkit-keyframes menu-animation{
0% {-webkit-transform:scale3d(0.0, 0.0, 0.0); transform:scale3d(0.0, 0.0, 0.0); opacity:0; }
100% {-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); opacity:1;}
}

@-webkit-keyframes slide-animation {
0% {-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}
90% {-webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1);}
100% {-webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1);}
}

@media all {
* {margin:0; padding:0; border:0; box-sizing:border-box;}
img {border:0; width:100%; height:auto;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, main 
{font:inherit; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, address, aside, details, main, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse:collapse; border-spacing: 0;}

html, body {
	width:100%; height:100%; 
	hyphens:manual;
	-webkit-hyphens: manual;
}

body {background:#fff; font:normal 1.05em/1.8em 'Ubuntu', sans-serif, Calibri, Arial, Verdana, Helvetic; font-weight:400; color:#000;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Allgemein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~ Vollkorn ~~~ */
h1, h2, .faq-content h2 {font-family:'Vollkorn', Times; font-weight:400; font-style:italic; letter-spacing:0.01em;}
/* ~~~ Ausnahmen als Schrift Ubuntu ~~~ */
	/* ~~~ Ausnahmen für h2 ~~~ */
	.box h2, .alsListe h1, .alsListe h2, .bannerbild li .message-box h2, address h2, .info-container h2, .kalender-info h2, #cookie-banner-innen h2 {font-family:'Ubuntu', Arial, sans-serif, Verdana; font-style:normal; word-spacing:0;}
/* ~~~ Roboto Mono ~~~ 
.box.bibelspruch h2, .einleitung, .beitrag .einleitung p, .intro, .zitat-container p.zitat, .zitat-container p.name, .autoren-info .autor-text, .faq-header p {font-family:'Roboto Mono', Arial, sans-serif, Verdana; font-weight:400;}*/
.box.bibelspruch h2, .zitat-container p.zitat, .zitat-container p.name, .autoren-info .autor-text {font-family:'Roboto Mono', Arial, sans-serif, Verdana; font-weight:400;}

h1 {font-size:240%; line-height:130%; margin:20px 0 10px 0;}
.listen-cont h1 {margin:40px 0 30px 0;}
h2, h3, p.h2, p.h3 {font-size:150%; line-height:120%; margin:0 0 7px 0;}
h3, .info-container h2 {font-size:120%; margin-bottom:15px; text-align:left; }

p {margin-bottom:10px;}

sup {vertical-align: 20%; font-size:80%}
 
/* ~~~ "Links" ~~~*/
a, a:link {text-decoration:none;}
a:hover, a:focus {color:#ed853e; text-decoration:underline; }

/* ~~~ Zusammengefasste allgemeine Definitionen   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~ FLEX-Boxen  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ row nowrap ~~~ */
#menu-cont, #menu ul, #menu-smart #but-cont, #icon-wrapper, .bannerbild li .message-box, #footer-social-buttons, #pfeil-top, .flex-control-nav, .spenden-but, .sprachwahl-cont, .autoren-info  {display:-webkit-flex; display:flex; -webkit-flex-flow:row nowrap; flex-flow:row nowrap;}
/* ~~~ row wrap ~~~ */
.listen-cont, .listen-cont.logo, .galerie-cont, #footer-menu ul, #footer-menu a, #footer-menu a:link, #footer-logo-wrapper, .paginator ul, .box.bibelspruch, address, .box.spenden.modul-box, .box.mitBild, .box.nurText {display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap;}
/* ~~~ column ~~~ */
header {display:-webkit-flex; display:flex; -webkit-flex-flow:column; flex-flow:column;}
/* ~~~ justify-content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ flex-start ~~~ */
.xxxx {-webkit-justify-content:flex-start; justify-content:flex-start; }
/* ~~~ flex-end ~~~ */
#icon-wrapper, .sprachwahl-cont, .autoren-info {-webkit-justify-content:flex-end; justify-content:flex-end; }
/* ~~~ center ~~~ */
header, #menu-cont, #menu-smart #but-cont, .spenden-but, #footer-menu ul, #menu ul, .bannerbild li .message-box, .listen-cont.logo, #footer-background, #pfeil-top, #footer-social-buttons, #footer-logo-wrapper, #pfeil-top, .galerie-cont, .flex-control-nav, .paginator ul, .box.bibelspruch, address, .box.spenden.modul-box, .box.mitBild, .box.nurText {-webkit-justify-content:center; justify-content:center;}
/* ~~~ space-between ~~~ */
.listen-cont {-webkit-justify-content:space-between; justify-content:space-between;}
/* ~~~ space-evenly ~~~ */
.xxxx {-webkit-justify-content:space-evenly; justify-content:space-evenly;}
/* ~~~ align-items  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ flex-start ~~~ */
.bannerbild li .message-box {-webkit-align-items:flex-start; align-items:flex-start;}
/* ~~~ flex-end ~~~ */
.box.spenden.modul-box, .box.mitBild, .box.nurText {-webkit-align-items:flex-end; align-items:flex-end;}
/* ~~~ flex-center ~~~ */
#menu-cont, #menu-smart #but-cont, .spenden-but, #icon-wrapper, .sprachwahl-cont, #footer-social-buttons, #footer-logo-wrapper, #pfeil-top, .flex-control-nav, .paginator ul, .box.bibelspruch, .listen-cont.logos {-webkit-align-items:center; align-items:center; }
/* ~~~ strech ~~~ */
.xxx {-webkit-align-items:stretch; align-items:stretch;}

/* ~~~ "FARBEN" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ "FARBEN Logo-ORANGE" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ "Schriftfarbe Logo-ORANGE" ~~~*/
a, a:link, #footer-main-menu li a, .alsDetail ul.linkliste li::before, .box.vorschau:hover h2, .bannerbild li .message-box h2 a, .bannerbild li .message-box h2 a:hover, .alsListe:hover h1, .alsListe:hover h2, .alsListe.kalender:hover .kalender-info h2, address a:hover, address a:focus, #menu ul li a:hover, #menu ul li.akt a, #menu ul li.akt a:link, #menu ul li a:focus, #menu ul li.akt a:hover, #menu ul li.akt a:focus, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link, #menu ul li ul li a:hover, #menu ul li.akt ul li a:hover, #menu ul li ul li a:focus, #menu ul li.akt ul li a:focus, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link, .bannerbild li .message-box:hover h2, .bannerbild li .message-box:focus h2, .box.spenden .zahl-cont .werteingabe input.zahl:hover, .box.spenden .zahl-cont .werteingabe input.zahl:focus, .box.spenden-sonderbeitrag .zahl-cont .werteingabe input.zahl:hover, .box.spenden-sonderbeitrag .zahl-cont .werteingabe input.zahl:focus, input.zahl:active, input.zahl:hover, input.zahl:focus, alsDetail a::before, h1.orange, .orange, .orange h1, address a:hover, address a:focus {color:#ed853e;}
/* ~~~ "HINTERgrund Logo-ORANGE" ~~~*/
.spenden-but, .spenden-but a, .spenden-but a:link, .bannerbild li .message-box .but, .box.spenden .but a:link, .box.spenden .submit, .box.spenden-sonderbeitrag .submit, .box.spenden-formular .submit, #footer-menu li a:active, #footer-menu li a:focus, #footer-menu li a:hover, #footer-menu li.akt a, .flex-control-paging li a.flex-active, .paginator li.akt a, .call2action.spendbut a, .call2action.spendbut a:link {background:#ed853e;}
/* ~~~ "HINTERgrund Logo-ORANGE transparent 30%" ~~~*/
.alsListe p.mehrlink a:hover, .alsListe p.mehrlink a:focus, .bannerbild li p.mehrlink a:focus, .bannerbild li p.mehrlink a:focus::after {background:rgba(237,133,62,0.3);}
/* ~~~ "HINTERgrund Logo-ORANGE transparent 85%" ~~~*/
.box.aktion h2 {background:rgba(237,133,62,0.85);}
/* ~~~ "HINTERgrund Logo-ORANGE transparent 10%" ~~~*/

/* ~~~ "BORDER 1px Logo-ORANGE ~~~*/
#footer-menu li.rahmen a:hover, #footer-menu li.rahmen a:focus, #footer-menu li.akt.rahmen a:link, .box.aktion, .faq-content {border:1px solid #ed853e;}
/* ~~~ "BORDER 1px Logo-HELLORANGE ~~~*/
.box.aktion h2 {border:2px solid #f7cdad;}
/* ~~~ "FARBEN Logo-BLAU" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ "SCHRIFTfarbe Logo-BLAU" ~~~*/
.blau, .shop-but a, .shop-but a:link, #menu ul li a, #menu ul li a:link, #menu ul li ul li ul li a, #menu ul li ul li ul li a:link, #menu ul li.akt ul li.akt ul li a, #menu ul li.akt ul li.akt ul li a:link, #menu ul li.akt ul li ul li a:link, .bannerbild li .message-box h2 a, .bannerbild li .message-box h2 a:link, .box.mitBild .but a, .box.mitBild .but a:link, .box.nurText .but a, .box.nurText .but a:link, .box.mitBild h2, .box.nurText h2, .call2action a, .call2action a:link, .box.newsletter h2, .submit, .mini, #back-link a, #back-link a:link, .kalender-datum p.event-date, .kalender-datum p.event-time, .alsListe.kalender .kalender-info h2, .faq-content h2, #cookie-banner-innen h2, #cookie-banner-innen a, #cookie-banner-innen a:link {color:#134582;}
/* ~~~ "HINTERgrund Logo-BLAU 8%" ~~~*/
.kalender, .box.newsletter, .box.nurText.hellblau, .box.mitBild.hellblau, form, #pfeil-top {background:#dfeaf8;}

/* ~~~ "HINTERgrund SPENDEN-BLAU" ~~~*/
.box.spenden-sonderbeitrag, .box.spenden-formular.schritt-1 .head-info li:first-child, .box.spenden-formular.schritt-2 .head-info li:nth-child(2), .box.spenden-formular.schritt-3 .head-info li:nth-child(3), .box.spenden-formular, .box.spenden form, .box.spenden-sonderbeitrag form, .box.spenden-formular form, .bodydiv.spendendiv, .box.spenden, .spenden-but a:hover, .spenden-but a:focus, .beitrag.faq.spenden .faq-aufklapp a, .beitrag.faq.spenden .faq-aufklapp a:link {background:#487cbe;}

/* ~~~ "HINTERgrund Logo-BLAU" 100%~~~*/
#menu-smart #but-cont a:link .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3, .bannerbild li .message-box:hover .but, .call2action a:hover, .call2action a:focus, .box.bibelspruch, .submit:hover, .submit:focus, #back-link a:hover, #back-link a:focus#back-link a:hover, #back-link a:focus, .faq-aufklapp a, .faq-aufklapp a:link, #footer-background, .box.spenden .but a:hover, .box.spenden .but a:focus, .box.spenden .submit:hover, .box.spenden .submit:focus, .box.spenden-sonderbeitrag .submit:hover, .box.spenden-sonderbeitrag .submit:focus, .box.spenden-formular .submit:hover, .box.spenden-formular .submit:focus, #cookie-banner-innen .but a, #cookie-banner-innen .but a:link {background:#134582;}
/* ~~~ "HINTERgrund Logo-BLAU transparent 85%" ~~~*/
.box.aktion:hover h2 {background:rgba(19,69,130,0.85);}
/* ~~~ "BORDER 1px Logo-BLAU ~~~*/
#search-field, .flex-control-paging li a {border:1px solid #134582;}
/* ~~~ "BORDER 3px Logo-BLAU ~~~*/
.video-aktivierung a:link {border:3px solid #134582;}
/* ~~~ "BORDER 1px Logo-HELLBLAU ~~~*/
#footer-menu li.rahmen a {border:1px solid #8a9ebd;}
address .mitte {border-left:1px solid #8a9ebd; border-right:1px solid #8a9ebd;}
/* ~~~ "RAHMEN border Logo-HELLBLAU 2px BUTTONS" ~~~*/
.box.mitBild .but a, .box.mitBild .but a:link, .box.nurText .but a, .box.nurText .but a:link, .call2action a, .call2action a:link, #back-link a:link, #back-link a:hover, #back-link a:focus, .submit, .box.aktion:hover h2, .box.nurText {border:2px solid #aebcd1;}
/* ~~~ "RAHMEN border Logo-HELLBLAU 2px dotted FOOTER" ~~~*/
#footer-social-wrapper {border-top:2px dotted #8a9ebd; border-bottom:2px dotted #8a9ebd;}
/* ~~~ "RAHMEN border Logo-HELLBLAU 3px BUTTONS" ~~~*/
.video-aktivierung a:hover, .video-aktivierung a:focus {border:3px solid #aebcd1;}

/* ~~~ "FARBEN Grundfarben" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ "SCHRIFTfarbe WEISS" ~~~*/
.spenden-but a, .spenden-but a:link, .shop-but a:hover, .shop-but a:focus, .bannerbild li p.mehrlink a, .bannerbild li p.mehrlink a:link, .box.mitBild .but a:hover, .box.mitBild .but a:focus, .box.nurText .but a:hover, .box.nurText .but a:focus, .call2action a:hover, .call2action a:focus, .box.spenden .but a:hover, .box.spenden .but a:focus, .box.spenden .submit:hover, .box.spenden .submit:focus, .box.spenden-sonderbeitrag .submit:hover, .box.spenden-sonderbeitrag .submit:focus, .box.spenden-formular .submit:hover, .box.spenden-formular .submit:focus, .box.spenden .zahl-cont p, .box.spenden .zahl-cont .werteingabe input.zahl, .box.spenden-sonderbeitrag, .box.spenden h2, .box.spenden-formular .zahl-cont p, .box.spenden-formular .zahl-cont .werteingabe input.zahl, .box.spenden-formular h2, .box.bibelspruch h2, .box.bibelspruch p, .box.aktion h2, .box.aktion:hover h2, .box.bibelspruch .titel, .video-aktivierung a:hover, .video-aktivierung a:focus, #back-link a:hover, #back-link a:focus, paginator li, .paginator li a, .paginator li a:link, .paginator li.akt a, #footer-menu li a, #footer-menu li a:link, #footer-social-header, #footer-logo-header p, address, address a, address a:link, .submit:hover, .submit:focus, .fancybox-caption, .video-aktivierung a:hover, .video-aktivierung a:focus, .box.aktion, .box.spenden-formular, .box.spenden-formular .mini, .bodydiv.spendendiv, #cookie-banner-innen .but a, #cookie-banner-innen .but a:link, .box.spenden-formular.schritt-1 .head-info li:first-child, .box.spenden-formular.schritt-2 .head-info li:nth-child(2), .box.spenden-formular.schritt-3 .head-info li:nth-child(3) {color:#fff;}
/* ~~~ "!!!! Ausnahme für adrdess-link Schriftfarbe Logo-ORANGE" ~~~*/
address a:hover, address a:focus  {color:#ed853e;}
/* ~~~ "SCHRIFTfarbe SCHWARZ" ~~~*/
.schwarz, #menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link, .box.spenden .but a, .box.spenden .but a:link, .box.spenden .submit, .box.spenden-sonderbeitrag .submit, .box.spenden-formular .submit, #suchstr, #volltextsuche, .beitrag figcaption p.copyright:hover, .box:hover figcaption p.copyright, .bannerbild li figcaption p.copyright, .box.vorschau figcaption p.copyright, .box.aktion figcaption p.copyright, .alsListe figcaption p.copyright, .box.video p, .video-aktivierung a, .video-aktivierung a:link, #footer-logo-header p, input, select, textarea, .buorg {color:#000;}
/* ~~~ "HINTERgrund transparent 0%" ~~~*/
.box p.mehrlink a, .box p.mehrlink a:link, .box p.mehrlink a:hover .bannerbild li p.mehrlink a:hover, .bannerbild li p.mehrlink a:focus::after {background:transparent;}
/* ~~~ "!!!! Ausnahme HINTERgrund für Box 0% Logo-ORANGE transparent 30%" ~~~*/
.box p.mehrlink a:focus {background:rgba(237,133,62,0.3);}
/* ~~~ "HINTERgrund WEISS" ~~~*/
header, .shop-but, #menu, #menu-wrapper, .box.mitBild .but a, .box.mitBild .but a:link, .box.nurText .but a, .box.nurText .but a:link, .flex-control-paging li a, input, textarea, input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before, input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before, input[type='radio']:checked + label::after, .submit, .fancybox-placeholder::before, .box.nurText {background:#fff;}
/* ~~~ "HINTERgrund WEISS transparent 60%" ~~~*/
.bannerbild li figcaption p.copyright, .box.vorschau figcaption p.copyright, .box.aktion figcaption p.copyright, .alsListe figcaption p.copyright {margin:0; background:rgba(255,255,255,0.6);}
/* ~~~ "HINTERgrund WEISS transparent 75%" ~~~*/
.video-aktivierung a, .video-aktivierung a:link {background:rgba(255,255,255,0.75);}
/* ~~~ "HINTERgrund WEISS transparent 100%" ~~~*/
.bannerbild li figcaption p.copyright:hover, .box.vorschau figcaption p.copyright:hover, .box.aktion figcaption p.copyright:hover, .alsListe figcaption p.copyright:hover {background:rgba(255,255,255,1.0);}
/* ~~~ "TEXT Ausrichtung + Stärke + STYLE" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ "TEXT RIGHT" ~~~*/
.bannerbild li figcaption p.copyright, .box.vorschau figcaption p.copyright, .box.aktion figcaption p.copyright, .alsListe figcaption p.copyright, .zitat-container p.zitat, .zitat-container p.name, .zitat-container p.funktion, .autor-text, address .links, form td:first-child, .box.spenden .zahl-cont .werteingabe input.zahl, .box.spenden-formular .zahl-cont .werteingabe input.zahl {text-align:right;}
/* ~~~ "TEXT CENTER" ~~~*/
h1, .zentriert, .spenden-but a, .spenden-but a:link, .shop-but a, .shop-but a:link, .bannerbild li .message-box h2, .bannerbild li p.mehrlink a, .bannerbild li p.mehrlink a:link, .listen-cont.logo .einleitung, .box, .box.mitBild, .box.nurText, .box.spenden .zahl-cont p, .video-aktivierung, #back-link a, #back-link a:link, .call2action, .paginator .pagesize, .faq-header h1, #footer-social-header, #footer-logo-header p, address .mitte, #footer-logo-header p, #login-box input.ablauf, .submit, .fancybox-caption, #cookie-banner-innen, #cookie-banner-innen .but a, #cookie-banner-innen .but a:link {text-align:center;}
/* ~~~ "TEXT BLOCK justify" ~~~*/
.blocksatz {text-align:justify;}
/* ~~~ "TEXT KURSIV italic" ~~~*/
em, .beitrag figcaption p.bildtext, address .mitte, #footer-logo-header p {font-style:italic;}
/* ~~~ "TEXT GROSSBUCHSTABEN uppercase" ~~~*/
h1, h2, h3, p.h2, p.h3, .info-container h2, .box.mitBild .but a, .box.mitBild .but a:link, .box.nurText .but a, .box.nurText .but a:link, .call2action a:link, .box.vorschau h2, .box.spenden h2, .box.kontakt h2, .box.newsletter h2, .box.aktion h2, .box.bibelspruch .titel, #back-link, zitat-container p.name, .autoren-info .autor-text p.name, #footer-menu li a, #footer-menu li a:link, .submit, .submit:hover, .submit:focus, .kalender-info h2, #cookie-banner-innen h2, #cookie-banner-innen .but a, #cookie-banner-innen .but a:link {text-transform:uppercase;}
/* ~~~ "Text KEINE GROSSbuchstaben NONE" ~~~*/
.box.bibelspruch h2, .listen-cont.logo .einleitung, .box.bibelspruch h2, .box.galerie figcaption h2, .einleitung, .beitrag .einleitung p, .intro, .zitat-container p.zitat, .zitat-container p.name {text-transform:none;}
/* ~~~ "TEXT BOLD 700" ~~~*/
strong, b, .bannerbild li .message-box h2, .bannerbild li p.mehrlink a, .bannerbild li p.mehrlink a:link, .bannerbild li p.mehrlink a:hover, .bannerbild li p.mehrlink a:hover::after, .bannerbild li p.mehrlink a:focus, .bannerbild li p.mehrlink a:focus::after, .box.mitBild .but a, .box.mitBild .but a:link, .box.nurText .but a, .box.nurText .but a:link, .call2action a, .call2action a:link, .box.spenden .zahl-cont p, .box.spenden .zahl-cont .werteingabe input.zahl, .box.spenden-formular .zahl-cont p, .box.spenden-formular .zahl-cont .werteingabe input.zahl, .video-aktivierung a, .video-aktivierung a:link, .alsDetail a:hover, .alsDetail a:focus, #back-link a, #back-link a:link, .submit, .box h2, .alsListe h1, .alsListe h2, h3, .info-container h2, .info-container a, .info-container a :link, .kalender-info h2, #cookie-banner-innen h2, #cookie-banner-innen .but a, #cookie-banner-innen .but a:link {font-weight:700;}
/* ~~~ "TEXTDECORATION:none" ~~~*/
#menu ul li a, #menu ul li a:link, #menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link, #menu ul li a:hover, #menu ul li.akt a, #menu ul li a:focus, #menu ul li.akt a:link, #menu ul li.akt a:hover, #menu ul li.akt a:focus, #menu ul li ul li a:hover, #menu ul li.akt ul li a:hover, #menu ul li ul li a:focus, #menu ul li.akt ul li a:focus, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link, p.mehrlink a, p.mehrlink a:link, p.mehrlink a:hover, p.mehrlink a:focus, .bannerbild li .message-box h2 a, .bannerbild li .message-box h2 a:hover, .paginator li a, .paginator li a:link, .paginator li a:hover, .paginator li a:focus, .paginator li.akt a, .paginator li.pas a, .paginator li.pas a:hover, .paginator li.pas a:focus, .spenden-but a, .spenden-but a:link, .shop-but a, .shop-but a:link, .box.mitBild .but a:hover, .box.mitBild .but a:focus, .box.nurText .but a:hover, .box.nurText .but a:focus, .call2action a:hover, .call2action a:focus, .box.spenden .but a:hover, .box.spenden .but a:focus, .box.spenden .submit:hover, .box.spenden .submit:focus, .box:hover h2, .box h2:hover, .box h2 a:hover, .box h2 a:focus, .box.aktion:hover h2, .alsListe:hover h2, .alsListe a, .alsListe a:hover, .video-aktivierung a:hover, .video-aktivierung a:focus, #back-link a:hover, #back-link a:focus, .faq-aufklapp a, .faq-aufklapp a:link, .faq-aufklapp a:hover, .faq-aufklapp a:focus, #footer-menu li a, #footer-menu li a:link, #cookie-banner-innen .but a:hover, #cookie-banner-innen .but a:focus {text-decoration:none;}

/* ~~~ BREITE + Position + Eigenschaften ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ Breite max 1240px ~~~*/
#footer-social-wrapper, #footer-logo-wrapper, .listen-cont, .beitrag, .faq-wrapper {max-width:1240px; margin:0 auto;}
/* ~~~ BBREITE 100% ~~~*/
#content-wrapper, h1, h2, h3, header, #menu-cont, main, #menu ul li, footer, #footer-illu, #footer-menu, #menu, #menu ul, #menu ul li ul, #menu ul li ul li, .beitrag .bild.ganze-breite, hr, form table, .flex-control-nav, .buorg, footer, #footer-background, #footer-social-header, #footer-logo-header, #pfeil-top, .paginator, #logo figure a, #logo figure a:link, .spenden-but a, .spenden-but a:link, .shop-but a, .shop-but a:link, #menu-wrapper, .box figure img, .alsListe figure img, .box.bibelspruch p, .videobox, .responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video, .beitrag figure, hr, .intro, .bodydiv, .info-container, .autoren-info, .js-body2klapp, .faq-header, .beitrag.faq, .faq-aufklapp, .faq-aufklapp a, .faq-content, .faq-content h2, form td, form td:first-child .col2, th, form th, form td, form td:first-child .col2, th, form th, form td, .fancybox-image, .fancybox-spaceball, .flex-control-thumbs img, .listen-cont p, .call2action p {width:100%;}
.videobox {max-width:745px;} 
/* ~~~ HÖHE 100% ~~~*/
#logo figure a, #logo figure a:link, .spenden-but a, .spenden-but a:link, .shop-but a, .shop-but a:link, p.mehrlink a, p.mehrlink a:link, .responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video, .faq-aufklapp a, .fancybox-image, .fancybox-spaceball {height:100%;}
/* ~~~ Position "RELATIVE" ~~~*/
#content-wrapper, .bodydiv, header, #header-mitte, #menu-smart #but-cont, #menu-wrapper, #icon-wrapper, #search-toggle, #menu-cont, #menu ul li, #menu ul li ul, #menu ul li a.menu-pfeil::after, #menu ul li a.menu-but::after, #menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after, .sprachwahl-cont, #content-wrapper, .bannerbild, .box, .box figure, .beitrag, .beitrag figure, .alsListe, .alsListe figure, .quickbut, footer, .paginator, .paginator li a, .paginator li a:link, .zitat-container, .spenden-but, .shop-but, .box.spenden .zahl-cont .werteingabe input.zahl, .videobox, .faq-aufklapp, .social-button, .flexslider, input, select, textarea, .Zebra_DatePicker_Icon_Wrapper, .event-date, .spenden-formular .head-info, .video-aktivierung a, .video-aktivierung a:link, .box.spenden-sonderbeitrag {position:relative;}
/* ~~~ Position "ABSOLUTE" ~~~*/
#logo, #logo a, #logo a:link, #search-toggle a, #search-toggle a:link, #search-field, .shop-but a:link, #menu, #menu-smart #but-cont a:link .but, #menu-smart,#menu-smart .but, #menu-smart .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3, #menu, p.mehrlink a, p.mehrlink a:link, .bannerbild li figcaption, .box.vorschau figcaption, .box.aktion figcaption, .alsListe figcaption, .bannerbild li .message-box::after, .bannerbild li .message-box, .bannerbild li .message-box .but, .sprachwahl, .sprachwahl-but a:link, social-button a:link, .box .icon, .zitat-container::before, .alsDetail .bodydiv:last-child::after, .spenden-but a::after, .box.aktion h2, .box.bibelspruch::before, .box.bibelspruch::before,.box.spenden::before, .spenden-formular .head-info::before, .box.newsletter::before, .box.bibelspruch .titel, .box.bibelspruch::after, .box.vorschau figure::before, .box.galerie figure::before, .box.aktion::before, .alsListe figure::before, .responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video, .video-aktivierung, .faq-aufklapp a.menu-but::after, .faq-aufklapp a:link.menu-but::after, .flex-direction-nav a, .flex-control-nav, .Zebra_DatePicker_Icon, .Zebra_DatePicker_Icon_Inside_Right, input[type='checkbox'] + label::after, input[type='radio'] + label::after, .fancybox-placeholder::before, .fancybox-button--left, .fancybox-button--right, .buorg, .bannerbild li .message-box::after, .bannerbild li figcaption, .spenden-formular .head-info::before, .alsDetail .bodydiv.spendendiv::after, .video-aktivierung a::before, .video-aktivierung a:link::before, .box.spenden-sonderbeitrag::before {position:absolute;}
/* ~~~ "OVERFLOW:hidden" ~~~*/
#logo, .logo-eu, main, #content-wrapper, .bannerbild, .bannerbild li, .alsDetail, .bodydiv, .intro, .alsListe, .alsListe figure, .box, .box figure, .box.galerie, #close-wrapper, .footer-logo, .responsive-video, .faq-content, input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before, input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before, input[type='checkbox']:checked + label::before, input[type='radio']:checked + label::before, .submit, .flex-control-thumbs, .video-aktivierung a::before, .video-aktivierung a:link::before, .box.team figure a, .box.team figure a:link {overflow:hidden;}
/* ~~~ "display:BLOCK" ~~~*/
#menu ul li a:link, #menu ul li.akt ul, #menu ul li ul li a:link, #menu ul li.akt ul li a:link, #menu-smart, #menu-smart #but-cont a, #menu-smart #but-cont a:link, #menu-smart .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3, .sprachwahl-but a:link, p.mehrlink a:link, #spenden-but a:link, #shop-but a:link, .sprachwahl a:link, p.mehrlink a:link, .bannerbild li p.morelink a:link, .paginator li a:link, .social-button a:link, .box.mitBild .but a, .box.mitBild .but a:link, .box.nurText .but a, .box.nurText .but a:link, hr, #back-link a, #back-link a:link, .faq-aufklapp a, .faq-aufklapp a:link, #footer-menu li a, #footer-menu li a:link, .flex-direction-nav a, .flex-control-paging li a, input[type='checkbox']:checked + label::after, input[type='radio']:checked + label::after, .video-aktivierung a, .video-aktivierung a:link, .flex-control-thumbs img, .box.team figure a, .box.team figure a:link, #cookie-banner-innen .but a, #cookie-banner-innen .but a:link {display:block;}
/* ~~~ "TRANSITION:all 0.5s ease" ~~~*/
#search-toggle a, #search-toggle a:link, #search-toggle a:focus, #search-toggle a:hover, #menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link, #menu ul li ul li a:hover, #menu ul li.akt ul li a:hover, #menu ul li ul li a:focus, #menu ul li.akt ul li a:focus, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link, .bannerbild li .message-box:hover, .bannerbild li .message-box h2 a, .bannerbild li .message-box h2 a:link, .bannerbild li .message-box h2 a:hover, .bannerbild li .message-box h2 a:focus, .bannerbild li .morelink a:hover, .bannerbild li p.morelink a:focus, .figure-copyright, #pfeil-top a, #pfeil-top a:link, #pfeil-top a:focus, #pfeil-top a:hover, .flex-control-paging li a:link, .flex-control-paging li a:hover,.faq-aufklapp a, .faq-aufklapp a:link, .faq-aufklapp a:hover, .faq-aufklapp a:focus, .social-button.fb a:link, .social-button.fb a:focus, .social-button.fb a:hover, .social-button.tw a:link, .social-button.tw a:focus, .social-button.tw a:hover, .social-button.yt a:link, .social-button.yt a:focus, .social-button.yt a:hover, .social-button.ig a:link, .social-button.ig a:focus, .social-button.ig a:hover, #logo figure a, #logo figure a:link, #logo figure a:focus, #logo figure a:hover, .spenden-but a, .spenden-but a:link, .spenden-but a::after, .shop-but a, .shop-but a:link, #menu-smart #but-cont a, #menu-smart #but-cont a:link, #menu-smart #but-cont a:hover, #menu-smart #but-cont a:focus, .sprachwahl a, .sprachwahl a:link, .sprachwahl-but a:link, p.mehrlink a, p.mehrlink a:link, p.mehrlink a:hover, p.mehrlink a:focus, .bannerbild li .message-box, .bannerbild li .message-box:hover, .bannerbild li .message-box::after, .bannerbild li .morelink a, .bannerbild li .morelink a:link, .box, .box:hover, .box.mitBild figure, .box.nurText figure, .box.mitBild .but a, .box.mitBild .but a:link, .box.mitBild .but a:hover, .box.mitBild .but a:focus, .box.nurText .but a, .box.nurText .but a:link, .box.nurText .but a:hover, .box.nurText .but a:focus, #close-wrapper a, #close-wrapper a:link, #close-wrapper a:hover, #close-wrapper a:focus, #footer-menu li a, #footer-menu li a:link, #footer-menu li a:active, #footer-menu li a:focus, #footer-menu li a:hover, #footer-menu li.akt a, #back-link a, #back-link a:link, #back-link a:hover, #back-link a:focus, .paginator li a, .paginator li a:link, .paginator li a:hover, .paginator li a:focus, .box h2, .box h2 a, .box h2 a:link, .box h2 a:hover, .box h2 a:focus, .video-aktivierung a:link, .video-aktivierung a:hover, .video-aktivierung a:focus, .video-aktivierung a::before, .video-aktivierung a:link::before, .video-aktivierung a:hover::before, .video-aktivierung a:focus::before, .submit, .submit:hover, .submit:focus, .call2action a, .call2action a:link, .call2action a:hover,.call2action a:focus, .alsListe p.mehrlink a:hover, .box p.mehrlink a:focus, .alsListe p.mehrlink a:focus, input[type='checkbox']:hover + label::before, input[type='checkbox']:focus + label::before, input[type='checkbox'] + label:hover::before, input[type='checkbox'] + label:focus::before, input[type='radio']:hover + label::before, input[type='radio']:focus + label::before, input[type='radio']:checked + label::after, input[type='checkbox']:checked + label::after, input:hover, input:active, input:hover, input:focus, textarea:hover, textarea:active, textarea:focus, .flex-direction-nav a, select:hover, select:focus, input[type='checkbox'] + label:hover, input[type='checkbox'] + label:focus, input[type='checkbox']:hover + label, input[type='checkbox']:focus + label, .box.team figure a, .box.team figure a:link, .box.team figure a:focus, .box.spenden-formular .head-info li a, .box.spenden-formular .head-info li a:link, .box.spenden-formular .head-info li a:hover, .box.spenden-formular .head-info li a:focus, #cookie-banner-innen .but a, #cookie-banner-innen .but a:link, #cookie-banner-innen .but a:hover, #cookie-banner-innen .but a:focus {transition:all 0.5s ease;}
/* ~~~ hover-Effekt ZOOMEN ~~~~~~*/	
.social-button a:focus, .social-button a:hover {transform:scale(1.2, 1.2);}
.footer-logo figure a:hover img, .footer-logo figure a:focus img {-webkit-transform:scale(1.075, 1.075); transform:scale(1.075, 1.075);}
.box figure img, .alsListe figure img, .box.galerie figure a img, .box.galerie figure a:link img, .footer-logo figure a:link img, .social-button a:link img {transition:transform 1000ms cubic-bezier(.19,1,.22,1)0ms; }
.box:hover figure img, .box:focus figure img, .alsListe:hover figure img, .alsListe:focus figure img, .box.galerie:hover figure img, .box.galerie figure a:hover img, .box.galerie figure a:focus img, .footer-logo figure a:hover img, .footer-logo figure a:focus img {transform:scale(1.075, 1.075); cursor:pointer; transition:all 0.5s ease-out;}
/* ~~~ hover-Effekt NEIN ~~~~~~*/	
.box:hover figure img.no-transform {transform:none;} 
/* ~~~ "white-SPACE:nowrap" ~~~*/
.umbruch, #menu ul li a, #menu ul li a:link {white-space:nowrap;}
/* ~~~ "CURSOR:pointer" ~~~*/
.searchbut, #menu-smart #but-cont a:link .but, #menu ul li a:hover, #menu ul li a:focus, #menu ul li.akt a, #mobilp-menu ul li.akt a:hover, #menu ul li.akt a:focus, #menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link, p.mehrlink a, p.mehrlink a:link, #pfeil-top a:focus, #pfeil-top a:hover, .paginator li a, .paginator li a:link, .flex-direction-nav a, .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .flex-control-paging li a, select:hover, select:focus, .buorg, #menu-smart #but-cont a:link .but, .submit, .flex-control-thumbs img {cursor:pointer;}
/* ~~~ "MARGIN:0 auto" ~~~*/
#header-mitte, #menu-cont, #content-wrapper, .bannerbild, .box h2, .box h2 a, .box h2 a:link, .alsDetail, #back-link, .faq-aufklapp {margin:0 auto;}
/* ~~~ "border-RADIUS:50%" ~~~*/
.social-button.fb a:link, .social-button.tw a:link, .social-button.yt a:link, .social-button.ig a:link, input[type='radio']:checked + label::after, .flex-control-paging li a, input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before,.box.team figure a:hover, .box.team figure, .box.team figure a:hover, .box.team figure a:focus {border-radius:50%;}
/* ~~~ "40px x 40px" ~~~*/
.sprachwahl a, .sprachwahl a:link, .sprachwahl.akt, .sprachwahl a:hover, .sprachwahl a:focus {width:40px; height:40px;}
/* ~~~" MenüPFEILE 15px x 15px" ~~~*/
#menu ul li a.menu-pfeil::after, #menu ul li a.menu-but::after, #menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after, #menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after, .flex-control-paging li a {width:15px; height:15px;}

/* ~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
header {z-index:400; padding:0; margin:0;}

#header-mitte {margin:0 auto; width:2000px; max-width:96%; height:100px; z-index:50;}

/* ~~~ Lupe + Warenkorb ~~~ */
#icon-wrapper {top:0; right:0; width:auto; height:100px;}
		
	.spenden-but {width:180px; height:50px; margin-right:15px; order:1;}
		.spenden-but a, .spenden-but a:link {font-size:120%; font-weight:600; padding:10px 35px;}
		.spenden-but a::after {content:""; width:0; height:0; top:50px; left:0; transform:rotate(360deg); border-style:solid; border-width:12px 9px 0 0; border-color:#ed853e transparent transparent transparent;}
		.spenden-but a:hover::after, .spenden-but a:focus::after {border-color:#487cbe transparent transparent transparent;}
		
	.shop-but {width:80px; height:50px; margin-right:15px; order:2;}
		.shop-but a, .shop-but a:link {font-size:120%; font-weight:600; padding:10px 15px 10px 13px; border:1px solid #134582;}
		.shop-but a:hover, .shop-but a:focus {background:#163e7b;}
		
		/* ~~~ Button-Suche-Einblender~~~ */	
	#search-toggle {order:3;}
	#search-toggle a, #search-toggle a:link {width:50px; height:50px; background:transparent url(../images/icon-lupe.svg) center center no-repeat; background-size:45px 45px; order:3;}
	#search-toggle a:focus, #search-toggle a:hover {background:transparent url(../images/icon-luper.svg) center center no-repeat; background-size:50px 50px;}
	.searchbut {width:50px; height:50px; vertical-align:middle;}
	/* ~~~ eingeblendetes Suchefeld~~~ */
	#search-field {display:none; right:10px; top:110px; z-index:50; width:320px; padding:30px 10px 30px 30px; background:rgba(255,255,255,0.80);}
		#suchediv {width:320px;}
		#suchstr, #volltextsuche {display:inline-block; width:200px; height:35px; font-size:90%; padding:0 5px; vertical-align:middle; border:1px solid #bbb; }
		#gobutton, #suchbutton {width:40px; margin-left:10px; padding:0; border:none; box-shadow:none; vertical-align:top; background:none;}
		#suchbutton {margin-top:10px;}	
		#volltextsuche {margin:10px 0 0 7px; font-size:100%;}
		
/* ~~~ Logo Bibelgesellschaft ~~~~~~~~~~~~~~~~~ */
#logo {left:2%; top:10px; width:380px; height:84px; z-index:1600; }
	#logo figure a, #logo figure a:link {z-index:4900; background:transparent url(../images/oebg-logo.png) 0 0 no-repeat; background-size:contain; }
	#logo figure a:focus, #logo figure a:hover {background:transparent url(../images/oebg-logo-r.png) 0 0 no-repeat; background-size:contain;}
/* ~~~ Logo Bibelgesellschaft ENGLISH ~~~~~~~~~~~~~~~~~ */	
body.en #logo figure a, body.en #logo figure a:link {z-index:4900; background:transparent url(../images/oebg-logo-en.png) 0 0 no-repeat; background-size:contain;}
body.en #logo figure a:focus, body.en #logo figure a:hover {background:transparent url(../images/oebg-logo-en-r.png) 0 0 no-repeat; background-size:contain;}
/* ~~~ Logo Bibelzentrum ~~~~~~~~~~~~~~~~~ */	
body.bibelzentrum #logo figure a, body.bibelzentrum #logo figure a:link {z-index:4900; background:transparent url(../images/logo-header-bibelzentrum.png) 0 0 no-repeat; background-size:contain;}
body.bibelzentrum #logo figure a:focus, body.bibelzentrum #logo figure a:hover {background:transparent url(../images/logo-header-bibelzentrum-r.png) 0 0 no-repeat; background-size:contain;}

/* ~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~ Menu Container ~~~~~~ */
#menu-cont {height:auto;}
/* ~~~ Hamburger ~~~ */
#menu-smart {z-index:1600; width:auto; top:10px; right:50%; margin-right:-40px;} 
#menu-smart #but-cont a, #menu-smart #but-cont a:link {z-index:49000; width:80px; height:80px;}

#menu-smart #but-cont a:link .but {width:60px; height:60px; margin:0; left:10px; bottom:10px;}
#menu-smart #but-cont a:link .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3 {z-index:50000; width:60px; height:5px; left:0; transition:all 0.30s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#menu-smart #but-cont a:link .but span.menu1 {top:14px;}
#menu-smart #but-cont a:link .but span.menu2 {top:29px;}
#menu-smart #but-cont a:link .but span.menu3 {top:44px;}
#menu-smart #but-cont a:link .but.move span.menu1 { top:29px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition:all 0.50s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#menu-smart #but-cont a:link .but.move span.menu2 {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition:all 0.50s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#menu-smart #but-cont a:link .but.move span.menu3 { opacity:0; transition:opacity 0.20s cubic-bezier(0.75, 0.25, 0.10, 0.95); }		
#menu-smart #but-cont a:hover .but span.menu1, #menu-smart #but-cont a:focus .but span.menu1 {top:8px;}
#menu-smart #but-cont a:hover .but span.menu2, #menu-smart #but-cont a:focus .but span.menu2 {top:29px;}
#menu-smart #but-cont a:hover .but span.menu3, #menu-smart #but-cont a:focus .but span.menu3 {top:51px;}

/* ~~~ Menu Container ~~~ */
#menu {display:none; top:0; left:0; z-index:1500; box-shadow:0px 15px 15px rgba(0,0,0,0.2); padding:130px 0 40px 0;}
/* ~~~ Startseite mit Interreg Logo ~~~ */
body.home #menu {padding:200px 0 40px 0;}
/* ~~~ für den schrägen Footer ~~~ */
#menu-wrapper {z-index:600; padding:0 1%;}
/* ~~~ Sprache Auswahl ~~~ */
.sprachwahl {top:20px; right:3%; width:112px; height:40px;}
	.sprachwahl-cont {width:112px; height:40px;}
	/* ~~~ Buttons-Spracheauswahl~~~ */	
	.sprachwahl-but {width:56px; height:40px;}
	.sprachwahl-but.de {border-right:1px solid #134582;}
	.sprachwahl-but.de a, .sprachwahl-but.de a:link {left:0; top:0; background:transparent url(../images/icon-sprachwahl-de.svg) 0 0 no-repeat; background-size:cover; }
	.sprachwahl-but.de a:hover, .sprachwahl-but.de a:focus, .sprachwahl-but.de.akt a, .sprachwahl-but.de.akt a:link, .sprachwahl-but.de.akt a:hover, .sprachwahl-but.de.akt a:focus {background:transparent url(../images/icon-sprachwahl-de-akt.svg) 0 0 no-repeat; background-size:cover;}
	.sprachwahl-but.en a, .sprachwahl-but.en a:link {left:56px; top:0; background:transparent url(../images/icon-sprachwahl-en.svg) 0 0 no-repeat; background-size:cover;}
	.sprachwahl-but.en a:hover, .sprachwahl-but.en a:focus, .sprachwahl-but.en.akt a, .sprachwahl-but.en.akt a:link, .sprachwahl-but.en.akt a:hover, .sprachwahl-but.en.akt a:focus {background:transparent url(../images/icon-sprachwahl-en-akt.svg) 0 0 no-repeat; background-size:cover;}

/* ~~~ Menu 1. Ebene ~~~ */
#menu ul {padding:0 1% 10px 0%; animation:menu-animation 0.9s 1;}
#menu ul li {width:15.6%; margin:0 0 0 1%; }
#menu ul li a, #menu ul li a:link {padding:0 10px 15px 0px; background:none; text-align:left; font-size:130%; font-weight:600;}
	
	/* ~~~ Menu 1. Ebene: Pfeile ~~~ */
	#menu ul li a.menu-but::after {background:transparent url("../images/pfeil-menu-zu.svg") 0 0 no-repeat; background-size:contain; }	
	#menu ul li a.menu-pfeil::after {background:transparent url("../images/pfeil-menu-auf.svg") 0 0 no-repeat; background-size:contain; }
	#menu ul li.akt a.menu-but::after {background:transparent url("../images/pfeil-menu-zu.svg") 0 0 no-repeat; background-size:contain; }	
	#menu ul li.akt a.menu-pfeil::after {background:transparent url("../images/pfeil-menu-auf.svg") 0 0 no-repeat; background-size:contain; }
	/* ~~~ Menu 1. + 2. Ebene: Pfeile ~~~ */
	#menu ul li a.menu-pfeil::after, #menu ul li a.menu-but::after, #menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after {content:""; display:inline-block; margin-left:5px; margin-bottom:0;}
	#menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after {content:""; position:relative; display:inline-block; margin-left:3px; }

/* ~~~ Menu 2. Ebene ~~~ */
#menu ul li ul {display:block; top:0; left:0; animation:none; border-left:1px dotted #134582; padding:0 0 20px 5px;}
#menu ul li ul li ul {border-left:none;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link {padding:0 0 7px 0; white-space:pre-wrap; font-weight:400; font-size:100%; line-height:120%; margin-bottom:7px;}
#menu ul li ul li a:hover, #menu ul li.akt ul li a:hover, #menu ul li ul li a:focus, #menu ul li.akt ul li a:focus, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link {padding:0 0 7px 10px; font-weight:400;}
#menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link {padding:0 0 7px 0; margin-left:10px; font-weight:600;}
	
	/* ~~~ Menu 2. Ebene: Pfeile ~~~ */
	#menu ul li ul li a.menu-but-sub::after {background:transparent url("../images/pfeil-menu-auf-sub.svg") 0 0 no-repeat; background-size:contain; padding-top:0;}
	#menu ul li ul li a.menu-pfeil-sub::after {background:transparent url("../images/pfeil-menu-zu-sub.svg") 0 0 no-repeat; background-size:contain;}
	
/* ~~~ Menu 3. Ebene ~~~ */
#menu ul li ul li ul, #menu ul li.akt ul li ul {display:none; }
#menu ul li.akt ul li.akt ul {display:block; }
#menu ul li ul li ul li a, #menu ul li ul li ul li a:link, #menu ul li.akt ul li.akt ul li a, #menu ul li.akt ul li.akt ul li a:link, #menu ul li.akt ul li ul li a:link {font-weight:normal; margin-bottom:0; padding:5px 0 5px 15px; font-size:95%; line-height:140%;}
#menu ul li.akt ul li.akt ul li a:link {padding:5px 0 5px 5px;}
#menu ul li.akt ul li.akt ul li a::before {content:"";}
#menu ul li ul li ul li a:hover, #menu ul li.akt ul li.akt ul li a:hover, #menu ul li.akt ul li.akt ul li a:focus, #menu ul li.akt ul li.akt ul li.akt a, #menu ul li.akt ul li.akt ul li.akt a:link, #menu ul li.akt ul li ul li a:hover, #menu ul li.akt ul li ul li a:focus {color:#ec691f; }
#menu ul li.akt ul li.akt ul li.akt a::before {color:#ec691f; content: "> ";}

/* ~~~ Bereich "main" >  Beiträge  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
main {z-index:50;}

/* ~~~ "conten-wrapper" = Rahmen für "content" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-wrapper {max-width:2000px;} 

/* ~~~ Bannerbild - Sider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bannerbild {max-width:2000px; max-height:800px;}
/* ~~~ Bannerbild - mit Link Messagebox ~~~~~~~~~~~~~~~*/
.bannerbild li .message-box {width:200px; height:230px; left:10%; top:50%; bottom:50%; z-index:100; margin-top:-115px; padding:10px; background:rgba(255,255,255,0.7);}
/* ~~~.bannerbild li .message-box {width:200px; height:230px; left:10%; top:50%; bottom:50%; z-index:100; margin-top:-115px; padding:10px; background:rgba(255,255,255,0.7); transform:skewY(3deg) perspective(310px) rotateY(10deg);}~~~~~~~~~~~~~~~*/
.message-content {position:relative; width:100%; height:100%; text-align:center;}
.bannerbild li .message-box h2 {font-size:130%;  font-style:normal;}
.bannerbild li .message-box:hover, .bannerbild li .message-box:focus {background:rgba(255,255,255,0.85); transform:skewY(0deg);}
.bannerbild li .message-box::after {content:""; width:0; height:0; top:230px; right:0; -webkit-transform:rotate(360deg); transform:rotate(360deg); border-style:solid; border-width: 0 27px 35px 0; border-color:transparent #fff transparent transparent; opacity:0.7;}
.bannerbild li .message-box:hover::after {opacity:0.85;}

.bannerbild li .message-box .but {width:30%; height:12%; margin-top:95%; z-index:-1;}

.bannerbild.slider-bild-animation .slides img {animation:slide-animation 18s 1;} 

/* ~~~ Beitrag = Screen Inhalt ~~~*/

/* ~~~ mehrlink~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p.mehrlink {margin-bottom:0;}
p.mehrlink a, p.mehrlink a:link {width:200%; min-height:100px; top:0; left:-100%; z-index:200; margin:0; padding:0; text-align:left; line-height:0; font-size:10%;}
/* ~~~ mehrlink Variante TEAM~~~~~~~~~~~~~~~~*/
.box.team.variante p.mehrlink a, .box.team.variante p.mehrlink a:link {width:170px; min-height:auto; position:relative; left:0; margin:10px 0 0 0; padding:15px; font-size:90%; text-align:center; font-weight:700; text-transform:uppercase; color:#134582; border:3px solid #aebcd1; background:#fff;}
.box.team.variante p.mehrlink a:hover, .box.team.variante p.mehrlink a:focus {color:#fff; background:#134582;}

.bannerbild li p.mehrlink {position:absolute; width:60px; height:30px; max-height:40px; bottom:10px; left:50%; margin-left:-30px;}
.bannerbild li p.mehrlink a, .bannerbild li p.mehrlink a:link {display:block; position:relative; margin:0; padding-top:14px; left:0; top:0; width:100%; height:100%; min-height:30px; background:#eb8232; font-size:100%;}
.bannerbild li p.mehrlink a:hover, .bannerbild li p.mehrlink a:focus {background:#134582;}
/* ~~~ .bannerbild li p.mehrlink a:link::after {content:" >"; font-weight:400;} 
.bannerbild li p.mehrlink a:focus, .bannerbild li p.mehrlink a:focus::after {font-size:100%;} ~~~*/
.bannerbild li p.mehrlink a:focus::after {background:none;}

/* ~~~ Container für Boxen, Galerie etc. ~~~~~~~~~~~~~*/
.listen-cont {margin:0 auto 50px auto;}

/* ~~~ Container für Logo + Einleitung auf der Startseite ~~~~~~~~~~~~~*/
.listen-cont.logo {max-width:700px; margin:50px auto;}
.listen-cont.logo .einleitung {width:100%;}
.listen-cont.logo .einleitung h1 {width:100%; margin:15px 0 10px 0;}
.listen-cont.logo .einleitung p {font-size:135%; line-height:150%;}
.listen-cont.logo .oebg-logo {width:190px; margin-bottom:10px;}

/* ~~~~~~~~~~~~~~~~ BOXEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ Boxen Allgemein + Farben ~~~~~~~~~~~~~~~*/	
.box {min-height:100px; margin-bottom:30px; }
	.box.spenden.modul-box {width:290px; padding:15px; color:#fff;}
	.box.vorschau {width:31.8%;}
	.box.aktion, .box.mitBild, .box.nurText {width:48.0%;}
	body.home .box.bibelspruch, .box.newsletter, .box.video {width:60%;}
	.box.spenden {width:720px; padding:20px 10px 10px 10px;} 
	.box.bibelspruch {width:100%; max-width:720px;}
	.box.spenden-formular {width:100.0%;}
	.box.spenden-sonderbeitrag {max-width:992px;width:100%;}
	
/* ~~~ Boxen Bilder/Fotos/Icons  ~~~~~~~~~~~~~~~*/
.box figure {border:none;}
.box figure img, .alsListe figure img, .box.vorschau figure, .alsListe figure, .box.aktion figure, .box.spenden-sonderbeitrag figure {line-height:0; cursor:pointer;}

/* ~~~ Fixe Boxen Startseite  ~~~~~~~~~~~~~~~*/
.box.mitBild {padding:0 1% 1% 1%;}
.box.mitBild figure img {cursor:auto;}
.box.nurText {padding:0 10px 1% 10px;}
.box.mitBild .but a, .box.mitBild .but a:link, .box.nurText .but a, .box.nurText .but a:link {width:250px; margin:25px auto 20px auto;}
.box.mitBild .but a, .box.mitBild .but a:link, .box.nurText .but a, .box.nurText .but a:link, .call2action a, .call2action a:link, .call2action.spendbut a, .call2action.spendbut a:link {padding:12px 12px 15px 12px; font-size:100%; line-height:100%;}
.box.mitBild .but a:hover, .box.mitBild .but a:focus, .box.nurText .but a:hover, .box.nurText .but a:focus {background:#134582;}

.box.spenden .but a, .box.spenden .but a:link, .box.spenden .submit, .box.spenden-formular .submit  {width:250px; border:2px solid #fff; padding:15px 12px; margin:25px 0 20px 0;}
.box.spenden .but a:hover, .box.spenden .but a:focus, .box.spenden .submit:hover, .box.spenden .submit:focus, .box.spenden-formular .submit:hover, .box.spenden-formular .submit:focus {border:2px solid #ed853e;}

.box.spenden .zahl-cont, .box.spenden-formular .zahl-cont {width:250px; height:70px; border:2px solid #fff;}
.box.spenden .zahl-cont {margin:15px auto 0 auto;}
	.box.spenden .zahl-cont p, .box.spenden-formular .zahl-cont p {margin:15px 0; font-size:240%;}
	.box.spenden-formular .zahl-cont p {margin:15px 0 15px 10px;}
	.box.spenden-formular table a, .box.spenden-formular table a:link {color:#0d315c; font-weight:700;}
	.box.spenden-formular table a:hover, .box.spenden-formular table a:focus {color:#000;}
	.box.spenden.modul-box .zahl-cont {width:250px; height:50px; margin:20px auto 0 auto;}
	.box.spenden.modul-box .zahl-cont p {margin:5px 0; font-size:180%;}
	.box.spenden.modul-box figure img {transform:none;}
	.box.spenden .zahl-cont .werteingabe input.zahl, .box.spenden-formular .zahl-cont .werteingabe input.zahl, .box.spenden-sonderbeitrag .zahl-cont .werteingabe input.zahl {width:auto; max-width:150px; background:none; border:none; padding:0; box-shadow:none;} 
	.box.spenden .zahl-cont .werteingabe input.zahl:hover, .box.spenden .zahl-cont .werteingabe input.zahl:focus, .box.spenden-formular .zahl-cont .werteingabe input.zahl:hover, .box.spenden-formular .zahl-cont .werteingabe input.zahl:focus, .box.spenden-sonderbeitrag .zahl-cont .werteingabe input.zahl:hover, .box.spenden-sonderbeitrag .zahl-cont .werteingabe input.zahl:focus {border:none; box-shadow:none;}

.werteingabe input.zahl::placeholder {color:#fff; opacity:0.75; transition:color 0.5s}	
.werteingabe input.zahl:hover::placeholder, .werteingabe input.zahl:focus::placeholder {color:#000; opacity:1;}

.box.spenden-sonderbeitrag {padding:20px 20px 13px 20px; text-align:left;}
.box.spenden-sonderbeitrag:hover p.copyright {color:#fff;}
.box.spenden-sonderbeitrag figure {max-width:48%; float:left;}
.box.spenden-sonderbeitrag figure img {transform:none;}
.box.spenden-sonderbeitrag .content {padding-left:51%;}
.box.spenden-sonderbeitrag .zahl-cont {color:#fff; width:150px; float:left; margin-right:4%;}
.box.spenden-sonderbeitrag .zahl-cont .werteingabe input.zahl {color:#fff; max-width:100px; font-weight:700;}
.box.spenden-sonderbeitrag .zahl-cont {width:auto; padding:7px 7px; border:2px solid #fff; float:left; color:#fff;}
.box.spenden-sonderbeitrag .zahl-cont p {color:#fff; font-weight:700; font-size:180%; margin-bottom:0;}
.box.spenden-sonderbeitrag form {padding:0; margin:20px 0;}

.box.magazin, .box.order1 {order:1;}
.box.bibelzentrum, .box.order2 {order:2;}
.box.shop, .box.order3 {order:3;}
.box.kontakt, .box.order4 {order:4;}
.box.order5 {order:5;}
.box.aktion {padding:0.5%;}
.box.newsletter {padding:0 2% 0 2%;}
/* ~~~.box.bibelzentrum, .box.kontakt {border:3px solid #dce2eb;} ~~~~~~~~~*/
.box.bibelspruch {padding:5% 1% 3% 1%; margin:40px auto; overflow:visible;}
.box.team {width:24%; padding:0 10px;}
.box.vorschau.team h2, .box.vorschau.team:hover h2 {text-align:left; font-size:100%;}
.box.team figure {width:84%; margin:0 8% 15px 0;}
.box.team figure a, .box.team figure a:link {width:100%; height:100%; overflow:hidden;}
.box.team figure a:hover, .box.team figure a:focus {border:3px solid #ed853e; border-radius:50%;}

/* ~~~ Boxen h2 + p  ~~~~~~~~~~~~~~~*/
.box h2, .box h2 a, .box h2 a:link {font-size:115%; line-height:130%; padding:0;}
.box.spenden-sonderbeitrag h2 {font-size:130%; margin-bottom:15px;}
.box.vorschau:hover h2, .box.vorschau h2, .box.vorschau p {text-align:left;}
.box.vorschau h2 {margin-top:10px;}
.box.vorschau p, .box.kontakt p, .box.nurText p {margin-top:5px;}
.box.kontakt h2, .box.nurText h2, .box.newsletter h2 {margin:30px 0 15px 0;}
.box.newsletter h2 {font-size:130%;}
.box.spenden.modul-box h2 {font-size:240%; margin:10px 0; font-weight:400;}
.box.bibelspruch h2 {font-size:180%; font-weight:400; max-width:60%; margin:30px 0;}
.box.bibelspruch p {font-size:90%; margin-top:30px;}
.box.aktion h2 {left:50%; bottom:20%; z-index:120; width:70%; margin-left:-35%; padding:7px;}
.box.team h2 a, .box.team h2 a:link {display:block; color:#000;}
.box.team h2 a:hover, .box.team h2 a:focus {color:#ed853e;}

/* ~~~ Boxen Icons  ~~~~~~~~~~~~~~~*/
/* ~~~.box::before {top:0; left:0; z-index:100; content:""; width:50px; height:50px; background:transparent url("../images/icon-box-shop.svg") 0 0 no-repeat; background-size:contain;}
.box.spenden-formular::before, .box.vorschau::before, .box.galerie::before {background:none;} ~~~~~*/
.box.spenden::before, .spenden-formular .head-info::before, .box.spenden.modul-box::before {top:7px; left:7px; z-index:200; content:""; width:50px; height:50px; background:transparent url("../images/icon-box-spenden-sonderbeitrag.svg") 0 0 no-repeat; background-size:contain;}
.box.spenden::before {background:transparent url("../images/icon-box-spenden.svg") 0 0 no-repeat; background-size:contain;}
.box.spenden-sonderbeitrag::before {top:5px; left:5px; z-index:200; content:""; width:80px; height:80px; background:transparent url("../images/icon-box-spenden-sonderbeitrag.svg") 0 0 no-repeat; background-size:contain;}
.spenden-formular .head-info::before {top:50px; left:20px; content:""; width:90px; height:90px; background:transparent url("../images/icon-box-spenden.svg") 0 0 no-repeat; background-size:contain;}
.spenden-formular .head-info::after {top:10px; right:10px; content:""; width:90px; height:90px;}
/* ~~~.box.magazin::before {background:transparent url("../images/icon-box-magazin.svg") 0 0 no-repeat; background-size:contain;}
.box.kontakt::before {background:transparent url("../images/icon-box-kontakt.svg") 0 0 no-repeat; background-size:contain;} 
.box.magazin::before, .box.shop::before, .box.kontakt::before, .box.team::before {background:none;} ~~~~~~~~*/
body.home .box.bibelspruch::before {top:0; left:0; z-index:100; content:""; width:60px; height:60px; background:transparent url("../images/icon-box-bibelspruch.svg") 0 0 no-repeat; background-size:contain;}
.box.newsletter::before {top:0; left:0; z-index:100; content:""; width:60px; height:60px; background:transparent url("../images/icon-box-newsletter.svg") 0 0 no-repeat; background-size:contain;}
.box.bibelspruch .titel {display:none;}
body.home .box.bibelspruch .titel {display:block; content:""; top:20px; left:70px; z-index:100; font-size:90%;}
.box.bibelspruch::after {content:""; width:0; height:0; bottom:-35px; right:0; -webkit-transform:rotate(360deg); transform:rotate(360deg); border-style:solid; border-width: 0 27px 35px 0; border-color:transparent #134582 transparent transparent;}
.box.vorschau figure::before, .box.galerie figure::before, .alsListe figure::before {content:""; width:0; height:0; bottom:0; left:15px; z-index:100; -webkit-transform:rotate(360deg); transform:rotate(360deg); border-style:solid; border-width: 0 0 35px 27px; border-color:transparent transparent #fff transparent;}
.box.galerie figure::before, .alsListe figure::before {border-width: 0 0 25px 17px;}
.box.aktion::before {top:10px; left:10px; z-index:100; content:""; width:50px; height:50px; background:transparent url("../images/icon-box-aktion.svg") 0 0 no-repeat; background-size:contain;}
.box.vorschau.team figure::before, .box.team figure::before {content:""; display:none;}

/* ~~~ Spendenformular Header Pseudo-Navi~~~ */
.box.spenden-formular .spend-form-header {width:100%; height:60px; background:#fff; display:block; margin-bottom:-2px;}
.box.spenden-formular .head-info {width:auto; float:left;}
.box.spenden-formular .head-info ul {text-align:left;}
.box.spenden-formular .head-info li {padding:15px 10px; font-size:130%; display:inline-block; margin:0;}
.box.spenden-formular .head-info li {background:#fff; color:#89a2c0;}
.box.spenden-formular .head-info li a, .box.spenden-formular .head-info li a:link {color:#134582; text-decoration:none;}
.box.spenden-formular .head-info li a:hover, .box.spenden-formular .head-info li a:focus {color:#eb8232; text-decoration:underline;}
.box.spenden-formular .head-spenden-info ul {float:right; text-align:right;}
.box.spenden-formular .head-spenden-info li {padding-top:30px; font-size:100%; font-weight:700; color:#134582;}

/* ~~~ Zusatz-BUTTON ~~~~~~~~~~~~~~~*/
.box.spenden-formular .call2action {width:250px; margin:10px 0 20px 0;}
.box.spenden-formular .call2action a, .listen-cont .box.spenden-formular .call2action a:link {color:#ecf0f5; padding:13px 25px 13px 25px; border-color:#ecf0f5; display:block;}
.box.spenden-formular .call2action a:hover, .listen-cont .box.spenden-formular .call2action a:focus {color:#000; background:#89a2c0; border-color:#fff;}
.box.spenden-formular .call2action a::before {content:"< ";}

/* ~~~ Galerie ~~~ */
.box.galerie {width:180px; margin:0 5px 10px 5px; padding-bottom:5px;}
.box.galerie figure {line-height:0;}
.box.galerie figcaption h2 {font-size:100%; padding:0 3px; margin:0;}

/* ~~~ Bildtext und copyright ~~~*/
.beitrag figcaption p.bildtext {margin:0 0 7px 0; font-size:90%; line-height:130%;}
.beitrag figcaption p.copyright {font-size:70%; margin:0 0 7px 0; line-height:100%;}
.beitrag figcaption p.copyright::before, .bannerbild li figcaption p.copyright::before {content:'© ';}

	/* ~~~ Galerie Bildtext und copyright ~~~*/
	.box figcaption {margin:5px 0;}
	.box.uebersicht figcaption {margin:7px 0;}
	.box figcaption p.bildtext {display:none;}
	.box figcaption p.copyright {padding:0 3px; margin:5px 0; }
	.box.galerie figcaption p.copyright::before {content:'© ';}
	/* ~~~ Banner Bildtext und copyright~~~*/
.bannerbild li figcaption, .box.vorschau figcaption {z-index:360; right:5px; bottom:5px;}
.box.vorschau figcaption, .box.aktion figcaption {z-index:360; right:0; bottom:-5px;}
.bannerbild li figcaption p.copyright, .box.vorschau figcaption p.copyright, .box.aktion figcaption p.copyright, .alsListe figcaption p.copyright {margin:0; font-size:70%; padding:5px 7px; line-height:100%;}

/* ~~~ Video ~~~ */
.videorahmen {max-width:100%; margin-bottom:20px; padding:10px 15%;}
.videobox {height:auto; margin:0; padding:0;}
.box.video p {margin:10px;}
.box.video img {z-index:100;}
.responsive-video {position:relative; padding-bottom:55%; padding-top:5px; height:0;}
.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video {top:0; left:0;}
/* ~~~ Video Aktivierung~~~ */
.video-aktivierung {bottom:20%; left:20%; z-index:110; width:60%;}
.video-aktivierung a, .video-aktivierung a:link {line-height:130%; padding:70px 15px 15px 15px;}
.video-aktivierung a:hover, .video-aktivierung a:focus {background:rgba(22,62,123,0.85); color:#fff;}
	.video-aktivierung a::before, .video-aktivierung a:link::before {top:12px; left:50%; margin-left:-35px; content:""; width:70px; height:50px; background:transparent url("../images/icon-play-but.svg") 0 0 no-repeat; background-size:contain;}
	.video-aktivierung a:hover::before, .video-aktivierung a:focus:link::before {background:transparent url("../images/icon-play-but-r.svg") 0 0 no-repeat; background-size:contain;;}

/* ~~~ Beitrag Standard allgemein~~~*/
.beitrag li {margin:0 0 7px 0; }
.beitrag li {line-height:130%; }
/* ~~~ Bilder ~~~*/
.beitrag figure {margin:0; }
.beitrag figure.halbe-breite {width:48%;}
.beitrag figure.drittel-breite {width:35%;}
.beitrag figure.halbe-breite.links, .beitrag figure.drittel-breite.links {float:left; margin-right:15px;}
.beitrag figure.halbe-breite.rechts, .beitrag figure.drittel-breite.rechts {float:right; margin-left:15px;}
.beitrag figure.kreis {border-radius:50%;}
.beitrag.alsDetail figure.kreis img {border-radius:50%; overflow:hidden;}

/* ~~~ Table ~~~*/
.beitrag table {padding:15px 0;}
.beitrag td, .beitrag th {width:auto; padding:3px 3px 7px 3px; text-align:left; vertical-align:middle;}
	.beitrag th {margin:7px 0; padding:10px 7px 10px 7px; border:none; } 

hr {border:0; border-bottom:1px solid #000; margin:15px 0; }

/* ~~~ Einleitung zentriert ~~~*/
.intro, .alsDetail .einleitung p, .faq-header p {font-size:135%; line-height:150%; margin-bottom:10px; border-top:none;}
.intro, .bodydiv {margin:0 0 20px 0;}
.intro h2 {margin:0 0 10px 0; }

.alsDetail ul.linkliste {list-style:none;}
.alsDetail ul.linkliste li:first-child {border-top:2px dotted #c1c1c1;}
.alsDetail ul.linkliste li {background:none; padding-left:0; margin:0; padding: 10px 0 10px 22px; list-style: none; }
.alsDetail ul.linkliste li {background:transparent url("../images/pfeil-linkliste.svg") 0 12px no-repeat; background-size: 15px;}

/* ~~~ beitrag Detailansicht ~~~*/
.alsDetail .bodydiv.spendendiv, .alsDetail .bodydiv.spendendiv:last-child {padding:20px 20px 20px 20px; border:none;}
.alsDetail .bodydiv.spendendiv a, .alsDetail .bodydiv.spendendiv a:link {color:#0d315c; font-weight:700;}
.alsDetail .bodydiv.spendendiv a:hover, .alsDetail .bodydiv.spendendiv a:focus {color:#000;}
.alsDetail .bodydiv:last-child {padding:0 0 30px 0; margin-bottom:30px; border-bottom:1px solid #000;}
.alsDetail .bodydiv:last-child::after {bottom:20px; right:0; content:""; width:22px; height:16px; background:transparent url("../images/icon-detail-ende.svg") 0 0 no-repeat; background-size:contain;}
.alsDetail .bodydiv:first-child {padding:0; margin-bottom:20px; border-bottom:none;}
.alsDetail .bodydiv:first-child::after, .alsDetail.ohne-footer .bodydiv:last-child::after {display:none;}
.alsDetail.ohne-footer .bodydiv:last-child {background:none; margin:0; padding:0; border:none;}	



.alsDetail h2 {font-size:160%;}	
.alsDetail ul, .alsDetail ol, .info-container ul, .faq-content ul {margin:1% 0; }
.alsDetail li, .info-container li, .faq-content li {background:transparent url('../images/bullet.svg') 0 8px no-repeat; background-size:8px; text-indent:0; padding-left:12px; margin-bottom:10px; line-height:150%;}

.alsDetail ol li {background:none;}
.alsDetail ol.ebene1 li {padding-left:0;}
.alsDetail ol.ebene1 {counter-reset:listenpunkt_ebene1; list-style-type:none; font-weight:700;}
.alsDetail ol.ebene1 li:before {content: counter(listenpunkt_ebene1) ". "; counter-increment:listenpunkt_ebene1; font-weight:700; margin-right:3px;}
.alsDetail ol.ebene2 li {padding-left:20px;}
.alsDetail ol.ebene2 {counter-reset:listenpunkt_ebene2; list-style-type:none; font-weight:400;}
.alsDetail ol.ebene2 li:before {content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2; font-weight:400;}

.alsDetail.nopadding {padding:0 0; margin-bottom:0;}
/* ~~~ beitrag Detailansicht SPENDEN ~~~*/
.alsDetail .bodydiv.spendendiv::after, .alsDetail .bodydiv.spendendiv:last-child::after {bottom:20px; right:15px; content:""; width:50px; height:50px; background:transparent url("../images/icon-box-spenden.svg") 0 0 no-repeat; background-size:contain;}

.alsDetail figure {margin:0 0 2em 0; }
.alsDetail figure.halbe-breite {width:50%;}
.alsDetail figure.drittel-breite {width:35%;}
.alsDetail figure.halbe-breite.links, .alsDetail figure.drittel-breite.links {float:left; margin-right:15px;}
.alsDetail figure.halbe-breite.rechts, .alsDetail figure.drittel-breite.rechts {float:right; margin-left:15px;}
.alsDetail figure.kreis {border-radius:50%;}

/* ~~~ KLASSISCHE Listen Beiträge ~~~~~~~~~~~~~~~*/
.alsListe {margin:0 15%; padding:25px 0; text-align:left; border-bottom:1px solid #000;}
.alsListe h1, .alsListe h2 {font-size:130%; line-height:1.3em; text-align:left; padding:0; margin:0;}
.alsListe p {margin:0;}
.alsListe figure {width:35%; float:left; margin-right:15px; padding:0; line-height:0; }
.alsListe figcaption {bottom:0; right:0; z-index:300;}

/* ~~~~~~~~~~~~~~ZUSATZ MODULE Buttons Module~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

/* ~~~ Listen Beiträge als Zusatz-KALENDER ~~~~~~~~~~~~~~~*/
.alsListe.kalender {margin:0 15% 15px 15%; padding:15px 0 15px 0; border-bottom:none;}
	.alsListe.kalender .kalender-datum {width:35%; min-width:240px; display:inline-block; vertical-align:top;}
		.alsListe.kalender .kalender-datum .event-date, .alsListe.kalender .kalender-datum .event-time {font-size:130%; margin-top:2px;}
		.alsListe.kalender .event-date::before {content:""; margin:0 10px 0 10px; float:left; width:25px; height:25px; background:transparent url("../images/icon-kalender.svg") 0 0 no-repeat; background-size:contain;}
		.alsListe.kalender .kalender-datum .event-time {margin-left:43px;}
	.alsListe.kalender .kalender-info {max-width:60%; margin-left:2%; display:inline-block;}
		.alsListe.kalender .kalender-info h2 {text-align:left; margin:0 0 9px 0;}

/* ~~~ ZUSATZ-Menu "BACK-LINK" Container ~~~ */
#back-link {width:290px; font-size:120%;}
	#back-link a, #back-link a:link  {margin:20px auto; padding:15px 0;}
	#back-link a::before {content:""; margin:0 7px 0 0; background:transparent url("../images/pfeil-back-link.svg") 0 0 no-repeat; background-size:contain; display:inline-block; width:20px; height:20px;}
	#back-link a:hover::before, #back-link a:focus::before {background:transparent url("../images/pfeil-back-linkr.svg") 0 0 no-repeat; background-size:contain; }

/* ~~~ Zusatz-BUTTON a-Definition bei fix-but weiter oben~~~~~~~~~~~~~~~*/
.call2action, .call2action.spendbut {margin:30px auto;}
.listen-cont .call2action {margin:0 auto 15px auto;}

.bodydiv.spendendiv .call2action a, .bodydiv.spendendiv .call2action a:link {background:#adbed3; border:2px solid #ecf0f5;}
.bodydiv.spendendiv .call2action a:hover, .bodydiv.spendendiv .call2action a:focus {color:#fff; background:#134582;}
.call2action a::before, .call2action.spendbut a::before {content:"";}
.bodydiv .call2action.spendbut a, .bodydiv .call2action.spendbut a:link {padding:12px 40px 15px 40px; color:#000; background:#eb8232;}
.bodydiv .call2action.spendbut a:hover, .bodydiv .call2action.spendbut a:focus {color:#fff; border-color:#eb8232;}

.box.spenden .but a, .box.spenden .but a:link, .box.spenden .submit, .box.spenden-formular .submit, .box.spenden-sonderbeitrag .submit, .box.spenden.modul-box .submit {width:250px; border:2px solid #fff; padding:15px 12px; margin:25px 0 20px 0;}
.box.spenden-sonderbeitrag .submit {width:auto; padding:15px 7px; margin:0;}
.box.spenden.modul-box .submit { margin:15px 0 0 0;}
.box.spenden .but a:hover, .box.spenden .but a:focus, .box.spenden .submit:hover, .box.spenden .submit:focus, .box.spenden-formular .submit:hover, .box.spenden-formular .submit:focus, .box.spenden-sonderbeitrag .submit:hover, .box.spenden-sonderbeitrag .submit:focus {border:2px solid #ed853e;}
.box.spenden-formular .submit-back {
	background-color:transparent;
	color:#FFF;
	margin-top:0;
}

.box.spenden-formular .submit-back:focus, .box.spenden-sonderbeitrag .submit-back:hover, .box.spenden-sonderbeitrag .submit-back:active {
	border:2px solid #ed853e;
	}

/* Ausnahme für Hintergrund:  */
.info-container, .box.mitBild, .box.nurText, .bodydiv:last-child.info-container {
	background:rgba(237,133,62,0.25);
	}
	
/* ~~~ INFO-Container ~~~~~~~~~~~~~~~*/
.info-container {padding:30px 30px 20px 30px !important; margin:40px 0 !important;}
.info-container h2 {font-size:120%; margin-top:0; font-style:normal; text-align:center;}
/* ~~~ .info-container li {background:transparent url('../images/bullet-infokasten.svg') 0 8px no-repeat; background-size:8px;} ~~~~~*/



/* ~~~ Zusatz-ZITAT ~~~~~~~~~~~~~~~*/
.zitat-container {width:60%; margin:50px auto;}
.zitat-container p.name {margin:20px 0 0 0; font-weight:bold;}
.zitat-container::before {content:""; top:-30px; right:0; width:25px; height:18px; background:transparent url("../images/icon-zitat.svg") 0 0 no-repeat; background-size:contain;}
.zitat-container p.funktion {font-size:90%;}

/* ~~~ Zusatz-AUTOR-INFO ~~~~~~~~~~~~~~~*/ 
.autoren-info {padding:20px 0;}
.autoren-info figure.autor-bild {width:100px; margin-left:10px;}
.autoren-info figcaption p.copyright {font-size:60%;}
.autoren-info .autor-text {max-width:250px;}
.autoren-info p.name {font-size:90%;}
.autoren-info p.funktion {font-size:80%; line-height:120%;}

/* ~~~ Zusatz-paginator ~~~*/
.paginator {margin:40px 0;}
	.paginator ul {list-style:none !important; margin:0; }
	.paginator li {background:none !important; text-indent:0; padding-left:0; margin-bottom:0; }
	.paginator li a, .paginator li a:link {background:#163e7b; width:40px; height:40px; padding:10px; text-align:center; line-height:110%; border:1px solid #163e7b;}
	.paginator li a:hover, .paginator li a:focus, .paginator li a:hover, .paginator li.akt a:link {background:#eb8232; border:1px solid #eb8232;}
	.paginator li.pas a, .paginator li.pas a:hover, .paginator li.pas a:focus {color:#163e7b; background:#d0d8e5; font-weight:400; border:1px solid #d0d8e5;}
	.paginator img {width:256px;}
	
.paginator .pagesize {margin-top:10px; padding:10px;}
.paginator select {width:100px; border:1px solid #a2c748;}

.js-body2klapp {display:none; padding:15px 0 20px 0; margin-bottom:15px; border-bottom:1px solid #808737;}

/* ~~~~~~~~~~~~~~~~~~~~~ ALLES NEU JULI 2020 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Zusatz-FAQs~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.intro, .alsDetail .einleitung p, .faq-header p {font-size:120%; line-height:150%; margin-bottom:10px; border-top:none;} /* ~~~ Z 692 oben überschreiben ~~~ */
.alsDetail .bodydiv:first-child::after {background:none;} /* ~~~ Z 706 oben überschreiben ~~~ */
.alsDetail .bodydiv:first-child::after, .alsDetail.ohne-footer .bodydiv:last-child::after {background:none;}

	.faq-header {margin:0 0 15px 0; text-align:left; border:none; background:none;}
	.faq-header h1 {margin:0em 0 0.3em 0;}
	.faq-header .call2action, .faq-header .call2action {position:relative; margin:30px auto;} /* ~~~ Z 537 oben überschreiben ~~~ */
	/* ~~~.faq-footer {position:relative; text-align:center; margin:60px 0; display:-webkit-flex; display:flex; -webkit-flex-flow:row nowrap; flex-flow:row nowrap; -webkit-justify-content:center; justify-content:center;}  ~~~ */
	.faq-footer {position:relative; text-align:center; font-size:115%; line-height:130%; margin:30px 0;} /* ~~~ Z 221 hinzufügen ~~~ */
	.faq-footer a, .faq-footer a:link {position:relative; padding:10px 20px; margin-top:60px;} /* ~~~  hinzufügen ~~~ */
	.faq-footer p a::before, .faq-footer p a:link::before {position:absolute; left:50%; margin-left:-17px; top:-55px; background:transparent url("../images/icon-faq-pdf.svg") 0 0 no-repeat; background-size:contain; width:35px; height:46px; content:""; transition:all 0.5s ease;}
	.faq-footer p a:hover::before, .faq-footer p a:focus::before {background:transparent url("../images/icon-faq-pdf-r.svg") 0 0 no-repeat; background-size:contain; transition:all 0.5s ease;}
	.faq-footer .call2action, .faq-footer .call2action {position:relative; margin:80px auto 60px auto;} /* ~~~ Z 537 oben überschreiben ~~~ */

	.beitrag.faq {margin-bottom:15px;}
	
		.beitrag.faq-aufklapp {height:auto;}
		.beitrag.faq-aufklapp a:hover, .beitrag.faq-aufklapp a:focus, .beitrag.faq.spenden .faq-aufklapp a:hover, .beitrag.faq.spenden .faq-aufklapp a:focus, .beitrag.faq.buch-haupt-info .faq-aufklapp a:hover, .beitrag.faq.faq.buch-haupt-info .faq-aufklapp a:focus {background:#ed853e;}
		.beitrag.faq.buch-zusatz-info .faq-aufklapp a:hover, .beitrag.faq.faq.buch-zusatz-info .faq-aufklapp a:focus {background:#fae0cc;}
		.faq-aufklapp h2 {padding:15px 40px 12px 15px; margin:0; font-size:120%; line-height:130%; color:#fff; font-family:'Ubuntu', Arial, sans-serif, Verdana; font-style:normal; word-spacing:0; text-transform:none}
		/* ~~~ FAQ: Pfeile ~~~ */
		.faq-aufklapp a.menu-but::after, .faq-aufklapp a:link.menu-but::after {right:15px; top:15px; background:transparent url("../images/pfeil-faq-auf.svg") 0 0 no-repeat; background-size:contain; display:inline-block; width:20px; height:20px; content:"";}	
		.faq-aufklapp a.menu-pfeil::after, .faq-aufklapp a:link.menu-pfeil::after {background:transparent url("../images/pfeil-faq-zu.svg") 0 0 no-repeat; background-size:contain; display:inline-block; width:20px; height:20px; content:"";}

		.faq-content {display:none; height:auto; padding:20px;}
			.faq-content h2 {margin-bottom:10px; font-size:160%; background:none; padding:0; color:#000;}
			.faq-content a, .faq-content a:link, .beitrag.faq.spenden .faq-content a, .beitrag.faq.spenden .faq-content a:link, .beitrag.faq.buch-haupt-info .faq-content a:link, .beitrag.faq.buch-zusatz-info .faq-content a:link {background:none; border:none; display:inline;}
			.faq-content a:hover, .faq-content a:focus, .beitrag.faq.spenden .faq-content a:hover, .beitrag.faq.spenden .faq-content a:focus {font-weight:700; background:none; text-decoration:underline;}

.alsDetail, .faq-wrapper {max-width:720px; margin:0 auto 30px auto;}
.faq-wrapper {margin:0 auto 60px auto;}

/* ~~~ Bibel-Bücher-Club - FAQs ~~~ */

.beitrag.faq.buch-auswahl .faq-content {background:#dfeaf8; padding:0 10px; border:none;}
.beitrag.faq.buch-auswahl .faq-content nav {width:49%; float:left;}
.beitrag.faq.buch-auswahl .faq-content nav:nth-child(2) {margin-left:2%;}
.beitrag.faq.buch-auswahl .faq-content ul {margin:0;}
.beitrag.faq.buch-auswahl .faq-content li {background:none; padding:0; margin:0; border-bottom:1px solid #fff;}
.beitrag.faq.buch-auswahl .faq-content li:last-child {border-bottom:none;}
.beitrag.faq.buch-auswahl .faq-content li a, .beitrag.faq.buch-auswahl .faq-content li a:link {color:#000; background:none; display:block; padding:7px 0 10px 10px;}
.beitrag.faq.buch-auswahl .faq-content li a:hover, .beitrag.faq.buch-auswahl .faq-content li a:focus {background:#c4d3ec; text-decoration:none;}

.faq.buch-haupt-info, .faq.buch-zusatz-info {margin-bottom:7px;}
.faq-aufklapp a, .faq-aufklapp a:link, .faq.buch-haupt-info, .faq.buch-zusatz-info {background:#4c7ebc;}
.faq-aufklapp a:hover, .faq-aufklapp a:focus {background:#ed853e;}
.faq.buch-haupt-info .faq-content, .faq.buch-zusatz-info .faq-content {background:#fff; border-left:1px solid #4c7ebc; border-right:1px solid #4c7ebc; border-bottom:1px solid #4c7ebc; border-top:none;}
.faq.buch-zusatz-info .faq-aufklapp h2 {color:#3e679e;}
.faq.buch-haupt-info .faq-aufklapp h2, .faq.buch-zusatz-info .faq-aufklapp h2 {padding-left:55px;}
.faq.buch-haupt-info .faq-aufklapp a, .faq.buch-haupt-info .faq-aufklapp a:link, faq.buch-zusatz-info .faq-aufklapp a, faq.buch-zusatz-info .faq-aufklapp a:link {background:#4c7ebc;}
.faq.buch-zusatz-info .faq-aufklapp a, .faq.buch-zusatz-info .faq-aufklapp a:link {background:#fff; border:1px solid #4c7ebc;}

.faq.buch-haupt-info .faq-aufklapp::before, .faq.buch-zusatz-info .faq-aufklapp::before {position:absolute; left:8px; top:10px; background:transparent url("../images/icon-faq-dauer.svg") 0 0 no-repeat; background-size:contain; width:36px; height:36px; content:"";}
.faq.buch-haupt-info.dauer .faq-aufklapp::before {background:transparent url("../images/icon-faq-dauer.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-haupt-info.genre .faq-aufklapp::before {background:transparent url("../images/icon-faq-genre.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-haupt-info.zitat .faq-aufklapp::before {background:transparent url("../images/icon-faq-zitat.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-haupt-info.tricky .faq-aufklapp::before {background:transparent url("../images/icon-faq-tricky.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-zusatz-info.autor .faq-aufklapp::before {background:transparent url("../images/icon-faq-autor.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-zusatz-info.epoche .faq-aufklapp::before {background:transparent url("../images/icon-faq-epoche.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-zusatz-info.buchart .faq-aufklapp::before {background:transparent url("../images/icon-faq-buchart.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-zusatz-info.struktur .faq-aufklapp::before {background:transparent url("../images/icon-faq-struktur.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-zusatz-info.wortsuche .faq-aufklapp::before {background:transparent url("../images/icon-faq-wortsuche.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-zusatz-info.weiter .faq-aufklapp::before {background:transparent url("../images/icon-faq-weiter.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-zusatz-info.bedeutung .faq-aufklapp::before {background:transparent url("../images/icon-faq-bedeutung.svg") 0 0 no-repeat; background-size:contain;}
.faq.buch-zusatz-info.diskussion .faq-aufklapp::before {background:transparent url("../images/icon-faq-diskussion.svg") 0 0 no-repeat; background-size:contain;}

/* ~~~ FAQ: Pfeile ZUSATZ-INFO~~~ */
.faq.buch-zusatz-info .faq-aufklapp a.menu-but::after, .faq.buch-zusatz-info .faq-aufklapp a:link.menu-but::after {right:15px; top:15px; background:transparent url("../images/pfeil-faq-auf-buch-zusatz-info.svg") 0 0 no-repeat; background-size:contain; display:inline-block; width:20px; height:20px; content:"";}	
.faq.buch-zusatz-info .faq-aufklapp a.menu-pfeil::after, .faq.buch-zusatz-info .faq-aufklapp a:link.menu-pfeil::after {background:transparent url("../images/pfeil-faq-zu-buch-zusatz-info.svg") 0 0 no-repeat; background-size:contain; display:inline-block; width:20px; height:20px; content:"";}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ALLES NEU JULI 2020 ENDE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~ Footer ~~~*/
footer {height:auto;}

		/* ~~~ Footer Menü~~~ */
		#footer-menu {padding:30px 0;}
			#footer-menu li a, #footer-menu li a:link {padding:10px 12px 12px 12px; margin:0 5px; font-size:135%;}

		/* ~~~ Footer social-buttons ~~~ */
		#footer-social-wrapper {padding:15px 0 30px 0;}
			#footer-social-header, #footer-logo-header p {margin-bottom:20px;}
			#footer-social-buttons {height:50px;}
			.social-button, .social-button a:link {width:50px; height:50px;}
				.social-button {margin:0 10px;}
				.social-button.fb a, .social-button.fb a:link {background:#fff url(../images/icon-social-facebook.svg) 0 0 no-repeat; background-size:50px 50px; }
				.social-button.fb a:focus, .social-button.fb a:hover {background:#ed853e url(../images/icon-social-facebook.svg) 0 0 no-repeat; background-size:50px 50px; }
				.social-button.tw a, .social-button.tw a:link {background:#fff url(../images/icon-social-twitter.svg) 0 0 no-repeat; background-size:50px 50px; }
				.social-button.tw a:focus, .social-button.tw a:hover {background:#ed853e url(../images/icon-social-twitter.svg) 0 0 no-repeat; background-size:50px 50px; }
				.social-button.yt a, .social-button.yt a:link {background:#fff url(../images/icon-social-youtube.svg) 0 0 no-repeat; background-size:50px 50px; }
				.social-button.yt a:focus, .social-button.yt a:hover {background:#ed853e url(../images/icon-social-youtube.svg) 0 0 no-repeat; background-size:50px 50px;}
				.social-button.ig a, .social-button.ig a:link {background:#fff url(../images/icon-social-instagram.svg) 0 0 no-repeat; background-size:50px 50px; }
				.social-button.ig a:focus, .social-button.ig a:hover {background:#ed853e url(../images/icon-social-instagram.svg) 0 0 no-repeat; background-size:50px 50px;}

			address {padding:25px 0; font-weight:400; line-height:170%; font-size:92%; margin-bottom:0;}
				address .links, address .mitte {margin-right:19px;}
					address p {line-height:140%; margin-bottom:5px;}
					address .map a::before {display:inline-block; content:""; width:18px; height:15px; background:transparent url("../images/icon-map.png") 0 0 no-repeat; background-size:contain;}
					address .tel a::before {display:inline-block; margin-right:3px; content:""; width:18px; height:15px; background:transparent url("../images/icon-tel.png") 0 0 no-repeat; background-size:contain;}
					address .mail a::before {display:inline-block; margin-right:3px; content:""; width:18px; height:15px; background:transparent url("../images/icon-mail.png") 0 0 no-repeat; background-size:contain;}
				address .mitte {letter-spacing:0.05em; padding:0 12px;}
		/* ~~~ Ausnahme für KONTAKT- & IMPRESSUMS-Seite ~~~ */		
		.map-kontakt a::before {display:inline-block; content:""; width:18px; height:15px; background:transparent url("../images/icon-map-kontakt.png") 0 0 no-repeat; background-size:contain;}
		.tel-kontakt a::before {display:inline-block; margin-right:3px; content:""; width:18px; height:15px; background:transparent url("../images/icon-tel-kontakt.png") 0 0 no-repeat; background-size:contain;}
		.mail-kontakt a::before {display:inline-block; margin-right:3px; content:""; width:18px; height:15px; background:transparent url("../images/icon-mail-kontakt.png") 0 0 no-repeat; background-size:contain;}
		
		#footer-logo-header p {margin-bottom:0;}
				
		/* ~~~ Footer Logos ganz unten~~~ */
		#footer-logo-wrapper {padding:10px 0;}	
			.footer-logo {width:35%; padding:2%;}
	
		/* ~~~ Footer Pfeil nach oben ~~~ */
		#pfeil-top {height:70px;} 	
			#pfeil-top a, #pfeil-top a:link {width:50px; height:50px; background:#fff url(../images/pfeil-top.svg) 0 0 no-repeat; background-size:cover; border-radius:50%;}
			#pfeil-top a:focus, #pfeil-top a:hover {background:#fff url(../images/pfeil-topr.svg) 0 0 no-repeat; background-size:cover;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FLEX SLIDER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline:none;}
.slides, .flex-control-nav, .flex-direction-nav {margin:0; padding:0; list-style:none;} 
/* FlexSlider wichtige Styles
*********************************/ 
.flexslider {margin:0; padding:0; border:0;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; margin:0; padding:0; display: block;}
.flex-pauseplay {display:none;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear:both; visibility:hidden; line-height:0;height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: none;}
.flex-viewport {max-height:600px; transition: all 0.5s ease; }
.loading .flex-viewport {max-height: 600px;}
.carousel li {margin-right:0;}
/* Direction Nav */
.flex-direction-nav {height:0; display:block;}
.flex-direction-nav a {width:45px; height:110px; margin:-35px 0 0; background:url(../images/bg-direction-nav.svg) no-repeat 0 0; top:45%; z-index:1400; text-indent:-9999px; opacity:0.0;}
.flex-direction-nav .flex-next {background-position:100% 0; right:0px; }
.flex-direction-nav .flex-prev {left:0px;}
.flexslider:hover .flex-next {opacity:0.6; right:5px;}
.flexslider:hover .flex-prev {opacity:0.6; left:5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1;}
.flex-direction-nav .flex-disabled {opacity:0.7; cursor: default;}
/* Control Nav */
.flex-control-nav {bottom:5px; z-index:350; text-align:left; font-size:0px;}
.flex-control-nav li {display: inline-block; zoom:1; vertical-align:middle;}
.flex-control-paging li a {margin:0 3px; text-indent:-9999px;}
.flex-control-paging li a:hover {width:20px; height:20px; }
.flex-control-paging li a.flex-active {width:20px; height:20px; }
.flex-control-thumbs {margin:5px 0 0; position:static;}
.flex-control-thumbs li {width:25%; float:left; margin: 0;}
.flex-control-thumbs img {opacity:.7; }
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1; cursor:default;}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Formularelemente ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form {max-width:100%; padding:15px 20px; margin-bottom:30px;}
form#suchform, .spenden form {margin:0; padding:0;}
form#suchform {background:none;}
fieldset {padding:0.5em 1em; border-bottom:2px solid #fff; margin:0.5em 0;}
fieldset:last-child {border-bottom:none; margin:0.5em 0 0 0;}
fieldset.auswahl {padding-left:26%;}
legend { font-size:1.2em; font-weight:400; margin:0 0.75em 10px 0.75em;}

/* Labels */
label {display:inline-block; margin:10px 0 15px 0;}

#myname {display:none;}
/* remove standard-styles */
input, select, textarea {-webkit-appearance:none; -moz-appearance: none; appearance:none; border:none; font-size:1em; width:85%;} 
input.kalendertisch, input.uhrzeit, select.klein {width:50%; position:relative;}
/* .Zebra_DatePicker_Icon_Wrapper {width:60%} */
.Zebra_DatePicker_Icon_Wrapper {width:60%;}
.Zebra_DatePicker_Icon, .Zebra_DatePicker_Icon_Inside_Right {right:5px; top:7px;}
/* Input & Textarea */
input, textarea {padding:7px; border:1px solid #cdd3dd;}
/*input, textarea {background:#fff; border:1px solid #8a9ebd; padding:.75em 1em .5em 1em; box-shadow:inset 0 3px 2px 0 rgba(0,0,0,0.2);}*/
input, select, textarea {font-size:100%;}
textarea {resize:vertical;}
input:hover, input:active, input:hover, input:focus, textarea:hover, textarea:active, textarea:focus {box-shadow:inset 0 2px 1px 0 rgba(0,0,0,0.2); background:#fbe6d6;}
/* speziell für hlw19 Zeitablauffeld für login */
#login-box input.ablauf {width:33%;}
/* Select */
select {width:33%; padding:10px; margin:0 10px 3px 0; box-shadow:0 3px 3px 0 rgba(0,0,0,0.25); background:#fff url('../images/pfeil-menu-auf.svg') 95% 47% no-repeat; background-size:auto 15px;}
input.kurz {width:33%;}
select:hover, select:focus {box-shadow:0 3px 2px 0 rgba(0,0,0,0.3); background:#fbe6d6 url('../images/pfeil-menu-zu.svg') 95% 47% no-repeat; background-size:auto 15px;}
select .opt-abstand {padding-left:20px;}
select:hover option, select:focus option {background:#fff}
/* Hide browser-styling in IE10 */
select::-ms-expand {display:none;}
/* Hide custom-icons in lower versions of Internet Explorer (< IE10). */
.lt-ie10 select {  background-image: none; }
/* graceful degradation for ie8 */
input[type='checkbox'], input[type='radio'] {width:auto; float:left; margin-right:0.75em; background:transparent; border:none;}
/* better styling only for modern browsers. To identify them, check for pseudoclass (:checked, :not(:checked)) */
/* hide standard inputs + Klasse "pfeil" */
input[type='checkbox']:checked, input[type='checkbox']:not(:checked), input[type='radio']:checked, input[type='radio']:not(:checked) {background:transparent; position:relative; margin:0; padding:0;}
input[type='checkbox'].pfeil:not(:checked) + label::before {background:#134582;}
input[type='checkbox'].pfeil:not(:checked) + label {color:#134582;}
#adresse-feld input {border-color:#597ca7;}
input[type='checkbox'] + label, input[type='radio'] + label {cursor:pointer; position:relative; margin-left:27px; text-indent:-27px;}
input[type='checkbox'] + label:hover, input[type='checkbox'] + label:focus, input[type='checkbox']:hover + label, input[type='checkbox']:focus + label, input[type='radio']:hover + label, input[type='radio']:focus + label, input[type='radio'] + label:hover, input[type='radio'] + label:focus, input[type='checkbox'].pfeil + label:hover, input[type='checkbox'].pfeil + label:focus, input[type='checkbox'].pfeil:hover + label, input[type='checkbox'].pfeil:focus + label {color:#eb8232;}
/* add custom inputs with ::before */
input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before, input[type='checkbox'].pfeil:checked + label::before, input[type='checkbox'].pfeil:not(:checked) + label::before, input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before {content:''; display:inline-block; width:20px; height:20px; position:relative; top:4px; border:1px solid #cdd3dd; margin-right:5px;}
input[type='checkbox'] + label::after, input[type='radio'] + label::after {display:none; content:'';}
input[type='checkbox'].pfeil + label::after {display:block; content:''; top:7px; left:-22px; width:9px; height:9px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border:2px solid #fff; border-top:0; border-left:0;} 
/* 40% Orange */
input[type='checkbox']:hover + label::before, input[type='checkbox']:focus + label::before, input[type='checkbox'] + label:hover::before, input[type='checkbox'] + label:focus::before, input[type='radio']:hover + label::before, input[type='radio']:focus + label::before, input[type='radio'] + label:hover::before, input[type='radio'] + label:focus::before {background:#f7cdad;}
/* 100% Orange */
input[type='checkbox']:checked + label::before, input[type='checkbox'].pfeil:checked + label::before, input[type='radio']:checked + label::before, input[type='checkbox'].pfeil:hover + label::before, input[type='checkbox'].pfeil:focus + label::before {background:#eb8232;}
input[type='checkbox']:checked + label::after {top:7px; left:-20px; width:5px; height:11px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border:2px solid #fff; border-top:0; border-left:0;}
input[type='checkbox'].pfeil:checked + label::after {display:block; content:''; top:12px; left:-22px; width:9px; height:9px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border:2px solid #fff; border-bottom:0; border-right:0;} 
input[type='radio']:checked + label::after {top:11px; left:-20px; width:8px; height:8px;}
/* Tabelle */
form table {margin-top:0;}
form th {margin:7px 0 7px 0; padding:10px 7px; border:none;} 
form td:first-child {width:30%; border:none; padding-top:7px;}
/* form td:nth-child(2) {width:200px;} */
form td.col2:first-child, th {text-align:left; padding-left:30px;}
#hinweis {padding-bottom:15px; border-bottom:2px solid #fff;}
.mini {text-align:left; font-size:90%; margin:0 0 10px 30%;}
#adresse-feld {display:none;}
/* SPENDENFORMULAR */
.spenden-formular form {padding-top:20px;}
form #blzundso, form #knrundso, .zahlart {display:none; margin-bottom:30px;}
form table.betrag td:first-child {font-size:150%; margin-bottom:10px;}
.spenden-formular input, .spenden-formular textarea, .spenden-formular select, .box.spenden-formular .zahl-cont {width:55%;} 
.spenden-formular input.kurz {width:30%;}
.spenden-formular .spenden-bild figure {position:absolute; bottom:-9px; right:10px; width:20%;}
.spenden-formular .spenden-bild figure img {transition:transform 0ms cubic-bezier(0,0,0,0)0ms; transform:none; cursor:auto;}
input[type='radio'] + label {margin-right:20px;}
.spenden-formular.schritt-3 table.check-data {margin:20px 0; border-bottom:1px solid #adbed3;}
.spenden-formular.schritt-3 table.check-data td {font-size:130%;}
.spenden-formular.schritt-3 table.check-data td:first-child {font-size:100%; padding-right:15px; color:#dce3ec;}
.spenden-formular input[type='checkbox'] + label:hover, .spenden-formular input[type='checkbox'] + label:focus, .spenden-formular input[type='checkbox']:hover + label, .spenden-formular input[type='checkbox']:focus + label, .spenden-formular input[type='radio']:hover + label, .spenden-formular input[type='radio']:focus + label, .spenden-formular input[type='radio'] + label:hover, .spenden-formular input[type='radio'] + label:focus {color:#000;}

/* Buttons */
.submit {width:auto; max-width:100%; margin:15px 0; padding:15px; font-size:100%;}
/* Buttons OLD Style*/
/*.submit {width:auto; max-width:100%; margin:15px 0; padding:15px; cursor:pointer; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.45); text-align:center; font-size:100%; overflow:hidden; border:none; color:#fff; background:#134582; font-weight:700; text-transform:uppercase;}
.submit:hover, .submit:focus {box-shadow:1px 1px 2px 0px rgba(0,0,0,0.45); background:#ed853e; color:#fff; border:none; }*/

/* Bibel Überschreibung */
form.newsletter, form.kontakt {padding:0; margin-bottom:0;}
form.newsletter td:first-child, form.newsletter td:nth-child(3), form.kontakt td:first-child form.kontakt td:nth-child(3) {width:130px; border:none; padding-top:7px; text-align:right;}
form.newsletter input, form.kontakt input {width:200px;}
form.newsletter input.kurz, form.kontakt input.kurz, form.newsletter select, form.kontakt select {width:130px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FANCYBOX~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
.fancybox-button, .fancybox-infobar__body {background:rgba(237,133,62,0.7);}
.fancybox-button:hover {background:rgba(237,133,62,1);}
.fancybox-caption-wrap {background:rgba(19,69,130,1.0);}
.fancybox-caption {padding:30px 0; font-size:120%; line-height:100%; border-top:none;}
.fancybox-infobar__body { display:inline-block; width:70px; line-height:44px; font-size: 1em; }
.fancybox-button {width:60px; height:60px; line-height:60px;} 
.fancybox-placeholder {box-sizing:content-box; }
.fancybox-button--play::before, .fancybox-button--fullscreen::before {top:23px; left:25px; }
.fancybox-button--thumbs::before {top:27px; left:27px; }
.fancybox-placeholder::before {content: ''; top:20px; left:20px; right:20px; bottom:20px;}
.fancybox-controls {position:static; }
.fancybox-button--left, .fancybox-button--right {top:50%; transform:translateY(-50%); height:88px; width:88px; line-height:88px;}
.fancybox-button--left::after, .fancybox-button--right::after {width:18px; height:18px; margin:18px;}
.fancybox-button--left {left:0;}
.fancybox-button--right {right:0;}
.fancybox-infobar__body {position: absolute; top: 0;}
.fancybox-infobar__body, .fancybox-button--left, .fancybox-button--right, .fancybox-buttons {z-index:99994;}
.fancybox-bg {background:rgba(19,69,130,0.85);}
.fancybox-infobar {display:block;}
.fancybox-caption-wrap {padding:0; background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); opacity:1; transition:opacity .2s;}
.fancybox-container--ready .fancybox-bg {opacity:0.95;}
.fancybox-image, .fancybox-spaceball {top:0%; left:0%;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Browser UPDATE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.buorg {top:0px; left:0px; border-bottom:1px solid #A29330; background:#FDF2AB no-repeat 1em 0.55em url(../images/dialog-warning.gif); text-align:left; font-family: Arial,Helvetica,sans-serif; font-size: 16px;}
.buorg div {padding:5px 36px 5px 40px;}
.buorg a {color:#E25600;}
#buorgclose {position: absolute; right: .5em; top:.2em; height: 20px; width: 12px; font-weight: bold; font-size:14px; padding:0;}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Cookies ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#cookie-banner {position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background:rgba(0,0,0,0.5);}
	#cookie-banner-innen {position:relative; width:500px; min-height:300px; margin:30px auto; padding:10px 20px; background-color:#fff; box-shadow:rgba(0,0,0,0.4) 0px 7px 7px 7px;}
	#cookie-banner-innen h2 {border-bottom:1px solid #89a2c0; padding:15px 0; margin-bottom:15px;}
	#cookie-banner-innen .but {width:100%; margin:15px 0;}
	#cookie-banner-innen .but a, #cookie-banner-innen .but a:link {width:100%; padding:10px 0;}
	#cookie-banner-innen .but a:hover, #cookie-banner-innen .but a:focus {background:#eb8232;}


#cmsleiste {
	display:block;
	padding: 0 0 0 20px;
	background-color:#EEE;
	width:100%;
	z-index:10000;
	font-size:0.9em;
	border-bottom:1px solid #CCC;
}
#cmsleiste a, #cmsleiste a:link, #cmsleiste a:visited {
	color:red;
}

}
@media only screen and (min-width: 1041px) {
.alsDetail.nopadding {padding:0 0;}
.flex-control-paging li a {width:20px; height:20px; }
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {width:25px; height:25px;}
.spenden-formular .head-info::before {top:45px; left:50px; width:140px; height:140px;}
/* .box.spenden {width:70.0%;} */
}
@media only screen and (min-width: 1101px) {
.box.newsletter {width:60%;}
}
@media screen and (min-width: 1241px)  {
.alsListe {margin:0 25%;}
.alsListe.kalender {margin:0 20% 15px 20%;}
}
@media only screen and (min-width: 1421px) {
.bannerbild li .message-box {width:280px; height:330px; left:13%; margin-top:-150px; padding:15px; animation:none; animation:slide-circle-1421px 0.5s 1;}
.bannerbild li .message-box h2 {font-size:180%;}
.bannerbild li .message-box::after {top:330px;}
.bannerbild li p.mehrlink {width:90px; height:60px; max-height:40px; bottom:20px; left:50%; margin-left:-45px; }
.bannerbild li p.mehrlink a, .bannerbild li p.mehrlink a:link {padding-top:18px; left:0; top:0;min-height:40px; font-size:150%;}
.alsListe.kalender {margin:0 25% 15px 25%;}
}
@media only screen and (min-width: 1921px) {
#logo {left:8%;}
#menu-wrapper {padding:0 7%;}
.bannerbild li .message-box .but {margin-top:83%;}
.alsListe {margin:0 30%;}
.alsListe.kalender {margin:0 29% 15px 29%;}
}
@media only screen and (min-width: 2100px) {
#logo {left:11%;}
#menu-wrapper {padding:0 10%;}
.sprachwahl {top:30px; right:11%;}
}
@media only screen and (max-width: 1920px) {
#footer-illu {max-height:123px;}
}
@media screen and (max-width: 1240px)  {
header {width:100%;}
#header-mitte, #icon-wrapper {width:98%; margin:0 auto; height:70px;}	
#search-toggle a, #search-toggle a:link {width:40px; height:40px; background-size:40px 40px;}
#search-toggle a:focus, #search-toggle a:hover {background-size:40px 40px;}
.searchbut {width:40px; height:40px;}
#search-field {top:80px;}
.shop-but {width:70px; height:40px; margin-right:10px;}
.shop-but a, .shop-but a:link {font-size:110%; padding:4px 7px 6px 8px;}
.spenden-but {width:140px; height:40px; margin-right:10px;}
.spenden-but a::after {top:40px; border-width: 10px 7px 0 0;}
.spenden-but a, .spenden-but a:link {font-size:110%; padding:5px 20px 7px 20px;}
.spenden-formular input, .spenden-formular textarea, .spenden-formular select, .box.spenden-formular .zahl-cont {width:55%;}
.spenden-formular input.kurz {width:40%;} 
.box.spenden-formular {width:96%; margin-left:2%;}
.box.spenden.modul-box {margin-bottom:20px;}
#logo {width:300px; height:60px; top:10px; left:10px;}
#menu-smart {top:15px; right:50%; margin-right:-20px;}
#menu-wrapper {padding:0;}
#menu-smart #but-cont a, #menu-smart #but-cont a:link {width:60px; height:60px; }
#menu-smart #but-cont a:link .but {width:60px; height:60px; margin:7px 0 0 0px; bottom:12px;}
#menu-smart #but-cont a:link .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3 {width:40px; height:3px; left:5px;}
#menu-smart #but-cont a:link .but span.menu1 {top: 20px;}
#menu-smart #but-cont a:link .but span.menu2 {top: 31px;}
#menu-smart #but-cont a:link .but span.menu3 {top: 42px;}
#menu-smart #but-cont a:link .but.move span.menu1 { top:31px;}	
#menu-smart #but-cont a:hover .but span.menu1, #menu-smart #but-cont a:focus .but span.menu1 {top: 15px;}
#menu-smart #but-cont a:hover .but span.menu2, #menu-smart #but-cont a:focus .but span.menu2 {top: 31px;}
#menu-smart #but-cont a:hover .but span.menu3, #menu-smart #but-cont a:focus .but span.menu3 {top: 47px;}
.listen-cont, .galerie-cont {margin:20px auto;}
.box {margin-bottom:20px;}
.box.spenden {width:92.0%;}
#footer-background {padding:0 10px;}
#footer-logo-wrapper {padding:10px;}
}
@media only screen and (max-width: 1100px) {
.box.newsletter {width:80%;}
}
@media screen and (max-width: 1050px)  {
#footer-menu li a:link {margin:0 5px 15px 5px;}
}
@media screen and (max-width: 1040px)  {
#menu {width:50%; border-right:1px solid #cecece; }	
#menu {display:none; top:0; left:0; max-width:560px; width:100%; padding:120px 0 0 2%; box-shadow:0px 10px 10px rgba(0,0,0,0.6);}
.sprachwahl {top:70px; left:50%; margin-left:-56px;}
#menu ul {width:100%; padding:0; -webkit-flex-flow:column; animation:none; border-top:1px solid #cecece;}
#menu ul li a.menu-pfeil::after, #menu ul li a.menu-but::after, #menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after {position:absolute; margin:0; top:15px; right:15px; display:inline-block; width:20px; height:20px; content:"";}
#menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after {right:22px; top:7px;}
/* ~~~ Menu 1. Ebene ~~~ */
	#menu ul li {width:100%; margin:0; padding:0 10px;}
	#menu ul li a, #menu ul li a:link {padding:0.6em 10px 0.6em 0; border-bottom:1px solid #cecece; font-size:120%;}
	#menu ul li:last-child a:link {border-bottom:none;}
/* ~~~ #menu ul li a.menu-but::after {top:15px; right:15px; background: url("../images/pfeil-menu-auf.svg"); }
	#menu ul li a.menu-pfeil::after {background:url("../images/pfeil-menu-zu.svg"); } ~~~ */
	#menu ul li a.menu-but::after {background:transparent url("../images/pfeil-menu-auf.svg") 0 0 no-repeat; background-size:contain;}
	#menu ul li a.menu-pfeil::after {background:transparent url("../images/pfeil-menu-zu.svg") 0 0 no-repeat; background-size:contain;}
	#menu ul li.akt a.menu-but::after {background:transparent url("../images/pfeil-menu-zu.svg") 0 0 no-repeat; background-size:contain;}	
	#menu ul li.akt a.menu-pfeil::after {background:transparent url("../images/pfeil-menu-auf.svg") 0 0 no-repeat; background-size:contain;}
	/* ~~~ Menu 2. Ebene ~~~ */
	#menu ul li ul, #menu ul li.akt ul {display:none; border-top:none; border-left:none; padding:0;}
	#menu ul li.akt ul {display:block; border-top:none;}
	#menu ul li ul li {padding-right:20px;}
	#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link, #menu ul li.akt ul li.akt a:link {padding:0.3em 15px 0.3em 15px; line-height:1.5em; font-size:100%; margin-left:0;}
	#menu ul li ul li a.menu-but-sub::after {background:transparent url("../images/pfeil-menu-auf-sub.svg") 0 0 no-repeat; background-size:contain;}
	#menu ul li ul li a.menu-pfeil-sub::after {background:transparent url("../images/pfeil-menu-zu-sub.svg") 0 0 no-repeat; background-size:contain;}
	#menu ul li.akt ul li.akt a.menu-but-sub::after {background:transparent url("../images/pfeil-menu-zu-sub.svg") 0 0 no-repeat; background-size:contain;}
	#menu ul li.akt ul li.akt a.menu-pfeil-sub::after {background:transparent url("../images/pfeil-menu-auf-sub.svg") 0 0 no-repeat; background-size:contain;}	
	/* ~~~ Menu 3. Ebene ~~~ */
	#menu ul li ul li ul, #menu ul li.akt ul li ul {display:none; border-bottom:none;}
	#menu ul li ul li ul li a:link, #menu ul li.akt ul li ul li a:link, #menu ul li.akt ul li.akt ul li a:link, #menu ul li.akt ul li.akt ul li.akt a:link {border:none; padding:0.15em 0em 0.25em 25px; font-size:100%;}
	#menu ul li.akt ul li.akt ul li a::before {content: "";}	
.bannerbild li .message-box {width:180px; height:200px; margin-top:-100px; padding:5px; background:rgba(255,255,255,0.85); transform:none;}
.bannerbild li .message-box h2 {font-size:120%;}
.bannerbild li .message-box::after {top:200px; opacity:0.85;}
.bannerbild li .message-box .but {margin-top:87%;}
.bannerbild li p.mehrlink a, .bannerbild li p.mehrlink a:link {font-size:90%;}
.alsListe {margin:0 5%;}
.alsListe.kalender {margin:0 5% 15px 5%;}
#popupwindow {width:92%; left:4%; margin-left:0;}
#footer-illu {max-height:100px;}
.spenden-formular input, .spenden-formular textarea, .spenden-formular select, .box.spenden-formular .zahl-cont {width:70%;}
.box.spenden-formular .head-spenden-info ul {position:absolute; right:7px; top:35px;}
.box.spenden-formular .head-spenden-info ul li a, .box.spenden-formular .head-spenden-info ul li a:link {color:#fff;}
.box.spenden-sonderbeitrag {width:98%; margin-bottom:30px;}
}
@media screen and (max-width: 900px)  {
#menu {max-width:55%; padding: 120px 0 0 0;}
.fancybox-button--left, .fancybox-button--right {width:74px; }
.fancybox-placeholder::before {top:-15px; left:-15px; right:-15px; bottom:-15px;}
.fancybox-placeholder {width:96%; margin:0 auto;}
.box.aktion h2 {width:90%; margin-left:-45%; }
.box.team {width:32%;}
address .mitte {text-align:left; border-right:none;}
address .rechts {width:100%; text-align:center; margin-top:20px;}
.box.bibelspruch h2 {max-width:80%; margin:50px 0 15px 0; font-size:140%;}
.box.bibelspruch p {margin-top:30px;}
body.home .box.bibelspruch {width:80%;} 
.spenden-formular .spenden-bild figure {width:25%;}
}
@media screen and (max-width: 800px)  {
#logo {width:250px; height:55px;}
#menu-smart #but-cont a:link .but {left:0; bottom:12px;}
.alsDetail, .alsDetail.volle-breite, listen-cont {padding:0 2%;}
.listen-cont, .alsDetail {padding:0 0 20px 0;}
.listen-cont, .alsDetail, .alsListe {width:96%; margin:0 2%; padding:0;}
.listen-cont {margin-bottom:40px;}
.listen-cont.logo {margin:25px auto;}
h1 {font-size:200%;}
h2, p.h2 {font-size:140%;}
.alsListe {padding:25px 0;}
.alsListe.kalender {margin:0 2% 15px 2%; padding:10px 20px 15px 10px;}
.kalender-datum {margin-bottom:15px;}
.kalender-info {margin-left:0;}
.event-date::before {margin: 0 10px 0 0;}
.kalender-datum .event-time {margin-left: 35px;}
.box {margin-bottom:10px;}
.box.vorschau, body.home .box.spenden {width:47.5%;}
.box.video, .box.newsletter, .box.spenden {width:100%;}
.box.galerie {width:30%;}
.kalender-datum {width:45%;}
.kalender-info {max-width:50%;}
.faq-wrapper {padding:10px; }
#footer-menu {font-size:90%;}
.footer-logo {width:50%; padding:3%;}
.box.spenden-formular .head-info li {padding:15px 10px; font-size:130%; display:block; margin:0;}
.box.spenden-formular .head-info li {background:#fff; color:#89a2c0; padding:10px; font-size:110%;}
.box.spenden-formular.schritt-1 .head-info li:first-child, .box.spenden-formular.schritt-2 .head-info li:nth-child(2), .box.spenden-formular.schritt-3 .head-info li:nth-child(3) {border:3px solid #adbed3; background:#fff; color:#134582; padding-left:10px; font-weight:700;}
.box.spenden-formular .head-info li a, .box.spenden-formular .head-info li a:link {font-weight:700;}
.spenden-formular form {padding:35px 20px 15px 20px;}
.spenden-formular input, .spenden-formular textarea, .spenden-formular select, .box.spenden-formular .zahl-cont {width:85%;}
.spenden-formular input.kurz, input.kurz, select {width:50%;}
.spenden-formular .head-info::before {top:150px;}
.box.spenden-formular .spend-form-header {height:140px;}
.box.spenden-formular .head-info {width:100%;}
.box.spenden-formular .head-spenden-info ul {top:115px;}
.box.spenden-sonderbeitrag figure {max-width:100%; float:none; margin-right:0;}
.box.spenden-sonderbeitrag .content {padding-left:0;}
.box.spenden-sonderbeitrag .zahl-cont, .box.spenden-sonderbeitrag .submit {width:48%;}
.box.spenden-sonderbeitrag .content h2, .box.spenden-sonderbeitrag .content p.h2 {margin-top:15px;}
}
@media screen and (max-width: 750px)  {
.bannerbild li .message-box .but {margin-top:89%;}
.alsListe.kalender .kalender-info { max-width:52%;}
}
@media screen and (max-width: 670px)  {
header {height:120px;}
#header-mitte {width:94%; height:120px;}
#menu-smart {right:0%; margin-right:10px; top:15px;}
#icon-wrapper {width:100%; height:50px; margin-top:65px; padding-right:7px; justify-content:space-between;}
.searchbut, .shop-but, .spenden-but {margin:0;}
.shop-but {order:1; height:35px;}
.shop-but a, .shop-but a:link {font-size: 110%; padding: 2px 7px 8px 8px;}
.searchbut {width: 40px; height: 40px;}
.spenden-but {order:2;}
#search-toggle {order:3;}
#search-field {top:65px; right:2%;}
.spenden-but {width:130px; height:35px;}
.spenden-but a, .spenden-but a:link {background:#fff; color:#ed853e; padding: 1px 15px 7px 15px; border:1px solid #ed853e;}
.spenden-but a:hover, .spenden-but a:focus {color:#fff; border:1px solid #487cbe;}
.spenden-but a::after {display:none;}
.box {margin-bottom:10px;}
.box.vorschau {margin-bottom:25px;}
.box.aktion, .box.nurText, .box.mitBild, .box.bibelspruch, body.home .box.bibelspruch, .box.vorschau, .box.spenden-sonderbeitrag {width:100%;}
.box.team {width:49%;}
.box.order1 {order:1;}
.box.order2 {order:2;}
.box.order3 {order:4;}
.box.order4 {order:3;} 
.box.aktion {padding:2%;}
.box.bibelspruch::before {width:50px; height:50px;}
.box.bibelspruch .titel {top:15px; left:60px;}
.box.bibelspruch::after {bottom:-25px; border-width: 0 17px 25px 0;}
#footer-menu li a, #footer-menu li a:link {padding:10px;}
address .links, address .mitte {width:100%; text-align:center;}
p.map, p.tel, p.mail {margin:15px 0;}
address .mitte {margin:0; padding:15px 0; border-left:none; border-top:1px solid #8a9ebd; border-bottom:1px solid #8a9ebd;}
/*~~~~ Bibel Formular  ~~~~~*/
form.newsletter td:first-child, form.newsletter td:nth-child(3), form.kontakt td:first-child form.kontakt td:nth-child(3) {width:50%; padding-top:7px; text-align:left;}
form.newsletter input, form.kontakt input {width:100%;}
form.newsletter input.kurz, form.kontakt input.kurz, form.newsletter select, form.kontakt select {width:50%;}
}
@media screen and (max-width: 600px)  {
body {font-size:105%; }
#menu {min-width:320px;}
.bannerbild li .message-box {width:150px; height:170px; left:15px; margin-top:-85px; padding:5px; animation:slide-circle-600px 0.5s 1;}
.bannerbild li .message-box h2 {font-size:100%;}
.bannerbild li .message-box::after {top:170px; border-width: 0 17px 25px 0;}
.bannerbild li .message-box .but {margin-top:90%;}
.bannerbild li p.mehrlink a, .bannerbild li p.mehrlink a:link {font-size:90%;}
.bannerbild li .figure-copyright {font-size:100%; bottom:97%;}
/*~~~~ .bannerbild li figcaption {z-index:300; right:10px; bottom:93%; top:5px;} ~~~~*/
.video-aktivierung {bottom:5%; left:5%; width:90%;}
.video-aktivierung a, .video-aktivierung a:link {padding:55px 5px 5px 5px;}
.video-aktivierung a::before, .video-aktivierung a:link::before {top:10px; margin-left:-27px; width:55px; height:40px;}
.info-container {padding:20px 20px 10px 20px;}
.zitat-container {width:80%; margin:70px auto 50px auto;}
.kalender-datum, .kalender-info {display:block; width:100%; min-width:100%; max-width:100%;}
.alsListe figure {width:45%;}
form {padding:10px; }
.beitrag table, .beitrag thead, .beitrag tbody, .beitrag tfoot, .beitrag th, .beitrag td, .beitrag tr {display:block; width:100%;}
#zahlart_sofortuberweisung, #zahlart_kreditkarte, #zahlart_paypal, #zahlart_bankeinzug {display:none;}
.box.newsletter table, .box.newsletter thead, .box.newsletter tbody, .box.newsletter tfoot, .box.newsletter th, .box.newsletter td, .box.newsletter tr {display:block; width:100%;}
.beitrag th {padding:3px 5px 3px 5px; }
.beitrag thead tr {position:absolute; top:-9999px; left:-9999px; padding-bottom:3px;}
.beitrag td {position:relative; padding:0 0 0 0; }
.beitrag td:first-child { width:95%; text-align:left; padding:0; margin-bottom:0;}
.beitrag td:first-child.strong {padding:15px 0 7px 0;}
.beitrag figure.halbe-breite, .beitrag figure.halbe-breite.links, .beitrag figure.halbe-breite.rechts, .beitrag figure.hochformat {width:100%; float:none; margin:0 0 15px 0;}
.submit, input, select, textarea, .spenden-formular input, .spenden-formular textarea, .spenden-formular select, .box.spenden-formular .submit, .box.spenden-formular .zahl-cont, .box.spenden-formular .call2action {width:100%;}
.spenden-formular input.kurz, input.kurz, select {width:50%;}
.box.spenden-formular .call2action {margin:0 0 10px 0;}
.spenden-formular table {padding:0;}
.spenden-formular .head-info::before {top:160px; left:50%; margin-left:-40px; width:80px; height:80px;}
.spenden-formular form {padding:90px 10px 150px 10px; }
.spenden-formular .mini {margin:20px 0 0 0;}
.spenden-formular .spenden-bild figure {width:180px;}
.spenden-formular.schritt-3 table.check-data td {padding-bottom:15px;}
.spenden-formular.schritt-3 table.check-data td:first-child {padding-right:0; padding-bottom:0;}
.spenden-formular.schritt-3 table.check-data {margin:20px 0 20px 10px; border-bottom:1px solid #adbed3;}
.mini {text-align:center; margin:0 0 10px 0;}
input[type='radio'] + label {margin:0 0 10px 60px; float:none; width:100%;}
.submit {margin:0 0; padding:15px 0;}
.fancybox-image, .fancybox-spaceball {width:86%; height:86%; top:7%; left:7%;}
.fancybox-caption {padding: 10px 0 10px 0; font-size: 100%; line-height:100%;}
.flex-direction-nav {display:none;}
#footer-illu {max-height:70px;} 
}
@media screen and (max-width: 550px)  {
.beitrag figure, .beitrag figure.drittel-breite {width:100%; float:none; clear:both;}
.beitrag figure.drittel-breite.kreis {width:60%; margin:0 20% 35px 20%;}
.alsListe figure {width:100%; float:none; margin-bottom:15px;}
.alsListe .listentext {margin-left:0; width:100%; }
#cookie-banner-innen {width:90%; margin:15px auto;}
#cookie-banner-innen p {line-height:120%; margin-bottom:10px;}
}
@media screen and (max-width: 500px)  {
#menu, #menu-wrapper {max-width:100%; border-right:none; }
#menu-cont {-webkit-align-items:flex-end; align-items:flex-end;}
.beitrag .bild.hochformat, .beitrag .bild.links, .beitrag .bild.rechts, .js-faq-content figure {width:100%; float:none; margin:0 0 7px 0;}
.bannerbild li .figure-copyright {bottom:90%;}
.box.team {width:100%;}
.box.vorschau.team h2, .box.vorschau.team p, .box.vorschau.team:hover h2 {text-align:center;}
.box.team.variante p.mehrlink a, .box.team.variante p.mehrlink a:link {margin:10px auto;}
.box.team figure {width:50%; margin:0 25% 15px 25%;}
.box.uebersicht {width:270px;}
.box.uebersicht.icon-zielflaeche p.mehrlink a:link::after {left:54.5%; top:20px; width:221px; height:221px;}
.box.uebersicht figure {border:10px solid #a2c748;}
.box.galerie {width:46%;}
.box.spenden.modul-box {width:100%;}
.box.spenden.modul-box figure {width:90%; margin:0 auto;}
.box.spenden.modul-box h2, .box.spenden.modul-box p.h2, .box.spenden.modul-box .submit {margin:0;}
.flex-control-nav {bottom:1px;}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {width:18px; height:18px;}
.footer-logo {width:80%; padding:3%;}
.bannerbild li figcaption {right:0; bottom:20px;}
.bannerbild li figcaption p.copyright {padding:2px 2px;}
}
@media screen and (max-width: 430px)  {
.box.galerie .figure-copyright {font-size:65%;}
.box.spenden-sonderbeitrag .zahl-cont {width:100%; float:none; margin:0 0 15px 0; text-align:center;}
.box.spenden-sonderbeitrag .submit {width:100%;}
.box.spenden-sonderbeitrag::before {width:60px; height:60px;}
}
@media screen and (max-width: 400px)  {
.bannerbild li .figure-copyright {bottom:87%;}
.box.team figure {width:64%; margin:0 17% 15px 17%;}
}
@media screen and (max-width: 360px)  {
#logo {width:240px; height:52px;}
#menu-smart {margin-right:5px;}
#menu-smart #but-cont a:link .but, #but-cont a, #menu-smart #but-cont a:link {width:50px;}
#icon-wrapper {padding-left:0; padding-right:0;}
#search-toggle {margin:0 1px;}
#search-field {width:96%; right:1%;}
#menu ul li a, #menu ul li a:link {padding:0.3em 10px 0.3em 0; }
#menu ul li a.menu-pfeil::after, #menu ul li a.menu-but::after, #menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after {top:10px; }
.bannerbild li .message-box {width:130px; height:150px; margin-top:-110px; }
.bannerbild li .message-box h2 {font-size:90%;}
.bannerbild li .message-box::after {top:150px;}
.beitrag figure.drittel-breite.kreis {width:70%; margin:0 15% 35px 15%;}
.spenden-formular.schritt-3 table.check-data td {font-size:120%;}
}
@media print {
body, a:after {background:#fff; color:#000; font: normal 0.85em/1.4em Ubuntu, Arial, Verdana, Helvetica; }
header {margin-bottom:20px; }
a:after {content:" (" attr(href) ") "; color:#008bcb;}
#anker a::after, menu a::after, #logo figure a::after, .box p.mehrlink a::after, .box h2 a::after, .beitrag figure a::after, footer {display:none;}
h1, h2, p.h2 {font-family: 'Times'; font-style:italic; } 
h3, p.h3, .box h2 {font-family: 'Ubuntu', Arial, Verdana, sans-serif; }
h1 {font-size:24pt;}
h1, h2, h3 {page-break-after:avoid;}
.info-container {overflow:hidden;}
table, figure, .box.uebersicht, .bodydiv.info-container, .icon-zielart {page-break-inside:avoid;}
#menu-smart, #icon-wrapper, #footer-social-wrapper, #footer-menu, #pfeil-top {display:none;}
.bannerbild li .message-box {width:170px; height:200px; left:30px;}
.bannerbild li .message-box::after {top:200px;}
.bannerbild.icon-zielflaeche::after {width:150px; height:150px; margin-left:-75px; bottom:-30px;}
body.home .box.bibelspruch, .box.newsletter, .box.spenden-sonderbeitrag, .alsListe {width:98%;}
.alsListe {margin:0 2%;}
.listen-cont {width:100%; margin:0; padding:0;}
a:after {content: " (" attr(href) ") "; display:none;}
#cmsleiste {display:none;}
}
span.editLink_user {
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	color:#F00;
}
a.editLink_user:before {
	content:none;	
}
img.editLink_user {
	width:auto;
}
.sr-only {display:none;}

ul.some {
	overflow:hidden;
	margin-bottom:1em;
}
ul.some:before {
	content:'Artikel teilen:'; text-align:right; display:block;
}
ul.some li {
	list-style: none;
	background:none;
	float:right;
	padding:0 15px 0 30px;
	margin: 0 0 0 10px;
	line-height:30px;
	min-width:120px;
	white-space:nowrap;
	border-bottom:10px solid #FFF;
}

#myname, .vh {display:none;}

/* Social Media Buttons */
ul.some li a, ul.some li a:link, ul.some li a:visited {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
ul.some li a:hover, ul.some li a:active, ul.some li a:focus {
	color:#CCC;
	text-decoration:none;
	font-weight:normal;
}
ul.some li.fabo {
	background: #3B5998 url("/images/icon-fabo.png") 0 0 no-repeat;
}
ul.some li.twi {
	background:#55ACEE url("/images/icon-twi.png") 0 0 no-repeat;
}
ul.some li.mail {
	background:#999999 url("/images/icon-email.png") 0 0 no-repeat;
}
ul.some li.whap {
	background:#3BA72F url("/images/icon-whap.png") 0 0 no-repeat;
}

.zooheft {
	width:100%;
}
.zooheft img {
	width:30%;
	margin: 0 1% 15px 1%
}
@media screen and (max-width: 980px)  {
	.zooheft img {
		width:47%;
		margin: 0 1% 15px 1%
	}
}

form td:first-child.left {text-align:left;}