/* Bohner Werke; benutzt auch für zenwort.de/copy */ 
rt{padding-top:0.2em}

.navbar-inner, footer {
  border: none;
  padding: 15px 0;
  background: url('../img/header-footer.png');
}
.navbar .brand-bootbus {
	font-size: 30px;
	cursor: pointer;
	text-shadow: none;
	color: white;
  font-weight: bold;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: white;
	border-bottom-color: white;
}
.navbar .nav > li > a {
	text-shadow: none;
	color: white;
	font-size: 110%;
    font-weight: bold;
    border-radius: 3px;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
	color: white !important;
	background: #2E3436 !important;
}
.dropdown-menu li {font-size:110%;line-height:120%;padding-bottom:0.5em}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
	background: #2E3436;
}
/* End : Override Bootstrap navigation */

/* Start : Override Bootstrap hero unit */
.hero-unit {
	background: none;
	padding: 0 60px 0 60px;
	margin: 0;
}
.hero-unit h1 {
  margin: 10px 0 10px 0;
}
/* End : Override Bootstrap hero unit */

/* Start : Override Bootstrap carousel */
.carousel-control {
  border: none;
}
.left {
  left: 0;
}
.right {
  right: 0 !important;
}
/* End : Override Bootstrap carousel */

/* Start: Override Bootstrap Accordian */

.accordion-group,
.accordion-inner {
  border: none;
}

/* End: Override Bootstrap Accordian */

/* Start: Bootbusiness specific CSS */
.content {
  padding: 30px 0;
  background: url('../img/content.png');
}
.thumbnail img {
  width: 100%; max-width:400px;
}
.active-link {
  background-color: #2E3436;
}
.page-header {
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
}
.slider {
	border-bottom:  1px solid #ddd;
}
.widget-header {
  border: 1px solid #DDD;
  padding: 20px 5px;
  text-align: center;
  margin: 0;
  border-bottom: 0;
  background-color: #EEEEEC;
          border-radius: 5px 5px 0 0;
}
.widget-body {
  font-size: 16px;
  padding: 30px 0 20px 0;
  border: 1px solid #DDD;
          border-radius: 0 0 5px 5px;
}
.widget-footer {
  padding: 6%;
  background-color: #EEEEEC;
  border-top: 1px solid #DDD;
}
.widget-footer p {
  margin: 0;
}
.features {
  margin-top: 10px;
  list-style: none;
}
.features > li {
  line-height: 30px;
}
.features > li > i {
  margin-right: 10px;
  font-size: 20px;
}
.center-align {
  text-align: center;
}
.product-snap {
  display: inline;
}
.article {
  font-size: 15px;
  line-height: 22px;
}
.team-member-description {
  padding-top: 60px;
}
.bottom-space {
  margin-bottom: 30px;
}
.bottom-space-less {
  margin-bottom: 10px;
}
.post-row {
  padding-bottom: 10px;
  border-bottom:  1px solid #eee;
}
.sidebar {
  padding: 20px 0;
}
.circle {
  width: 75px;
  height: 75px;
  background-color: #2E3436;
  color: white;
  text-align: center;
  font-size: 25px;
         border-radius: 75px;
}
.event-date {
  padding-top: 13px;
  display: block;
  line-height: 25px;
}
.counter {
  display: block;
  padding-top: 25px;
}
.signin-with-list {
  list-style: none;
}
.signin-with-list > li {
  margin-top: 20px;
}
.signin-with-list > li > a {
  color: white;
  padding: 8px;
  display: inline-block;
  cursor: pointer;
}

footer {
  color: white;
  padding-top: 20px;
}
.quick-links {
  list-style: none;
}
.quick-links > li {
  line-height: 30px;
}
.quick-links > li > a {
  color: white;
}
.social-icons-row {
  margin-top: 50px;
}
.social-icons-row > a {
  color: white;
  font-size: 30px;
  margin-left: 25px;
}
.social-icons-row > a:hover,
.social-icons-row > a:focus {
  color: orange;
  text-decoration: none;
}
.phone-number {
  margin-left: 25px;
}
.footer-divider {
  border-top: 0;
  border-bottom: 1px solid #333;
}
/* End: Bootbusiness specific CSS */

/* Start: Responsive CSS section */
@media (max-width: 979px) {
  .nav-collapse .dropdown-menu a {
    color: white;
  }
  .nav-collapse .dropdown-menu a:hover {
    background-color: #2E3436;
  }
  .nav-collapse .nav-header,
  .nav-collapse .dropdown-submenu > a {
    display: none;
  }
}
@media (min-width: 1200px) {
  body {
    padding-top: 70px;
  }
}
/* End : Responsive CSS section */

/* Bohnerbibliographie HTML5 (Feb 2018) base_css */
/* Bug correction from HTML5-Boilerplate, credits stripped */
pre,
code {
  padding: 15px;
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
::selection {
  color: #ebebff;
  background: #003;
} /*  Farbändrung beim Markieren mit der Maus */

svg:not(:root) {
  overflow: hidden;
}
wbr::after {
  content: '\00200b';
}
/* end bugs -- boilerplate */
/*@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 300;
src: local('Lato-Regular'), local('Lato-Regular'), url(../fonts/lato-regular.woff) format('woff');
}*/

@font-face {
font-family:awesome;
font-style: normal;
font-weight: 400;
src:local('fontawesome-webfont');
src:url("../fonts/fontawesome-webfont.woff") format("woff");
src:url("../fonts/fontawesome-webfont.svg") format("svg");
src:url("../fonts/fontawesome-webfont.ttf") format("ttf");
}

.icon-book, .icon-white, .icon-cogs, .icon-legal {font-family: awesome; font-style: normal;
font-weight: 400;
}
/*@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 400;
  src: local("SFNSText-Light"), local("FreeSans"), local("HelveticaNeueDeskInterface-Light"), local("LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}*/

/* VARIABLEN */
.pad {
  padding: 0 20px 0 0;
}
html {
  width: 100%;
  margin: auto;
  min-width: 708px;
}
body {
  background-color: #fff;
  font-family: -apple-system, 'Nimbus Sans', FreeSans, 'Liberation Sans', Oxygen, 'Segoe UI', 'DejaVu Sans', 'Helvetica Neue', Tahoma, Arial, 'Microsoft YaHei', SimSun, sans-serif;
  font-size: 105%;
  line-height: 1.4em;
  padding: 0;
  margin: 0;
  text-align: justify;
  text-align-last: left;
  background: url('../img/content.png');
  hyphens: auto;
  text-rendering:optimizeLegibility;
}
#bodytext {margin:3% 8%;
font-family:system;
}

aside {
  margin:1em 0;
}
/* nav {} siehe menu */
footer {
  border-top: 2px solid #fff;
  background-color: #322B74;
  background-image:none;
  color: #fff;
  text-align: justify;
  padding: 1em 8% 0 0;
  font-size: x-small;
  clear: both;
  font-family: -apple-system, 'Nimbus Sans', FreeSans, 'Liberation Sans', Oxygen, 'Segoe UI', 'DejaVu Sans', 'Helvetica Neue', Tahoma, Arial, 'Microsoft YaHei', SimSun, sans-serif;
}

.social-icons-row {background-color:#322B74; color:#fff}
footer h4 {color:#dfdfdf}

/* Absätze und Text */
p {
  margin-bottom: 0.5em;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.mittig {
  text-align: center;
  position: relative;
  vertical-align: middle;
  margin: auto;
}
.clear,
.cb {
  clear: both;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.minute {
  font-size: xx-small;
}
.small {
  font-size: smaller;
}
.large {
  font-size: larger;
}
.big {
  font-size: x-large;
}
.sup {
  font-size: small;
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
a.sup {
  font-size: small;
  vertical-align: baseline;
  top: -0.4em;
  font-weight: bold;
  padding: 0 0.3em;
}
.sub {
  font-size: x-small;
  vertical-align: baseline;
  position: relative;
  top: 0.4em;
}
.einr,
dd {
  margin-left: 3%;
}
.ausr {
  text-indent: -2em;
  margin-left: 2em;
}
.bold {
  font-weight: bolder;
  font-size: larger;
}
.strong {
  font-weight: bold;
}
.em, .la {
  font-style: italic;
}
.u {
  text-decoration: underline;
}

.na { text-decoration: line-through;
}
.bildunter,
figcaption {
  font-weight: bold;
  font-size: smaller;
  text-align: left;
  padding-top: 1em;
}
q {
  font-style: italic;
}
q.right {
  font-style: italic;
  margin-left: 45%;
  font-size: smaller;
  font-weight: bold;
  text-align: right;
  display: block;
  margin-right: 3%;
}
                /* sprachspezifische Anführungszeichen */
            /* Deutsche („…“ ‚…‘) auch für Bulgarisch, Dänisch, Isländisch, Lettisch, Litauisch, Slowakisch, Slowenisch, Sorbisch, Tschechisch*/
    q[lang|="de"]:before, q[lang|="la"]:before, q[lang|="sa"]:before {content: "\201e"} 
        q[lang|="de"]>q:before, q[lang|="la"]>q:before, q[lang|="sa"]>q:before {content: "\201a"}
    q[lang|="de"]:after, q[lang|="la"]:after, q[lang|="sa"]:after {content: "\201c"}
        q[lang|="de"]>q:after, q[lang|="la"]>q:after, q[lang|="sa"]>q:after {content: "\201b"}
        /* Englische (“…” ‘…’) auch für Afrikaans, Holländisch, Thai, Türkisch */
    q[lang|="en"]:before,  q[lang|="vi"]:before {content: "\201c"}
        q[lang|="en"]>q[lang|="en"]:before {content: "\2018"}
    q[lang|="en"]:after, q[lang|="vi"]:after {content: "\201d"}
       q[lang|="en"]>q[lang|="en"]:after {content: "\2019"}
       /* ⁠Französische (« … » ‹ … ›) auch für Albanisch, Arabisch, Armenisch, Baskisch, Italienisch, Katalan, Spanisch */
    q[lang|="fr"]:before {content: "\00ab\202f"}
       q[lang|="fr"]>q[lang|="fr"]:before {content: "\2039\202f"}
       q[lang|="it"]>q:before, q[lang|="es"]>q:before {content: "\2039"; padding:0 2pt 0 0}
    q[lang|="fr"]:after {content: "\202f\00bb"}
        q[lang|="fr"]>q[lang|="fr"]:after {content: "\202f\203a"}
        q[lang|="it"]>q:after, q[lang|="es"]>q:after {content: "\203a"; padding:0 0 0 2pt}
        /* Russisch und verwandte («…» „…“)  */
    q[lang|="ru"]:before, q[lang|="it"]:before, q[lang|="es"]:before {content: "\00ab";padding:0 1pt 0 0}
       q[lang|="ru"]>q:before, q[lang|="it"]>q:before, q[lang|="es"]>q:before {content: "\201a"}
    q[lang|="ru"]:after, q[lang|="it"]:after, q[lang|="es"]:after {content: "\00bb"}
        q[lang|="ru"]>q:after {content: "\201b"; padding:0 0 0 1pt}
       /* Georgisch, nur eine Ebene */
    q[lang|="ka"]:before {content: "\201e"}
    q[lang|="ka"]:after {content: "\201c"}
        /* Finnisch, Indonesisch, Schwedisch */
     q[lang|="fi"]:before {content: "\201d"} 
        q[lang|="fi"]>q[lang|="fi"]:before {content: "\2019"}
    q[lang|="fi"]:after {content: "\201d"}
        q[lang|="fi"]>q[lang|="fi"]:after {content: "\2019"}   
        /* keine in indischen Sprachen, z.B. hi, sa-dev */ 
        
.hide {
  display: none;
}
/* Anker */
#bodytext a {
  color: #322B74;
  background: inherit;
  text-decoration: none;
  border-bottom:1px dotted;
}

#bodytext a:visited {
  color: #afafaf;
  border-bottom: 1px dotted #afafaf;
}
#bodytext a:hover, figcaption a:hover, #bodytext a:active, figcaption a:active {
  color: #efefef;
  background-color: #322B74;
  border-bottom: 1px dotted #efefef;
}

a img, #a-ohne1 a, #a-ohne2 a {border-bottom:none}

 a[rel|='lightbox'], a[href^='http'], a[href^='https'], a[rel='expand'] {
 padding: 0 20px 0 0;
  background: #efefef url(../bw_simg/magnify-clip.svg) no-repeat right center;
}
a:active[rel|='lightbox'],
a:active[href^='http'], a:hover[href^='https'],
a:active[rel='expand'],
a:hover[rel|='lightbox'],
a:hover[href^='http'], a:hover[href^='https'],
a:hover[rel='expand'] {
  color: #efefef;
  padding: 0 20px 0 0;
  background: #322B74 url(../bw_simg/magnify-clip.svg) no-repeat right center;
}
footer a[rel|='lightbox'], footer a[href^='http'], footer a[href^='https'], footer a[rel='expand'], a[href^='https://zenwort.de'] {padding:0; background:none}

/* Bilder */
.bor {
  border: 1px solid #afafaf;
  vertical-align: middle;
}
.thumbnail {
  border: 1px solid #afafaf;
  z-index: 3;
}
/* gebraucht mit jquery.imgzoom entspr. .bor */
.vam,
.bor0 {
  border: none;
  vertical-align: middle;
}
/* Navigationsicons */
/* Elemente allgemein */
blockquote,
.blockquote {
  margin: 0 1.5em 0.8em 1.5em;
  font-size: 105%;
  text-align: justify;
  display: block;
}
#bodytext hr { border-bottom:1px solid #333;
  width: 66%;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Listen in bw_htm */
main ul > li, main ol > li {  line-height:150%; text-align:left}
aside ul > li, aside ol > li {  line-height:150%; text-align:left}
ul {
  list-style-image: none;
}
ol {
  list-style-type: decimal;
  list-style-image: none;
}
ol.alpha {
  list-style-type: lower-alpha;
  list-style-image: none;
}

li.pdf {
  list-style-image: url(../bw_simg/pdf_button.png);
}

#Lit li, #fussnoten li, #Links li {text-align:left; line-height:133%}
/* Menus */
/* breadcrumb zwischen header und überschrift */
#breadcrumb {
  color: #333;
  text-indent: 0;
  font-size: small;
  text-align: left;
  margin-bottom: 1em;
}
#breadcrumb a, #pdf a, .arrows {border-bottom:none}

#breadcrumb > a:hover,
#breadcrumb > a:active {
  padding: .2em;
  color: #efefef;
  text-decoration: none;
  background-color: #322B74;
}

#WPsearch {
  background-color: #dbdbe8;
  color: #322B74;
  background-image: none;
  padding: 1em 0;
  margin: 1em 0;
  border-radius:6px;box-shadow:0px 0px 10px #888;
}
#SEARCH,
.trans {
  background-color: #dbdbe8;
  color: #322B74;
  padding: 1em 0;
  border-bottom: 2px solid #ffffff;
}
/* Pseudo */
:lang(de) {
  quotes: "\00bb" "\00ab" "\203a" "\203b";
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

wbr:before {content:"\055";}
/* Sprachen */
.ja,
:lang(ja) {
  font-weight: inherit;
  font-style: normal;
  word-break:keep-all;
}
.zh,
:lang(zh) {
  font-weight: inherit;
  font-style: normal;
  word-break:keep-all;
}
.sa {
  font-style: italic;
}
.sc {font-variant:small-caps;}
.la {
  font-style: italic;
}
/* Schrift */
.mono {
  font-family: -apple-system, 'Courier 10 Pitch', 'DejaVu Mono', 'Nimbus Mono', 'Liberation Mono', FreeMono, 'American Typewriter', 'Courier', 'Noto Mono', 'Andale Mono', 'Courier New', monospace;
  text-align: left;
}
/* Spezielle */
.rfloat {
  margin: 1em 1em 0 1em;
  padding-left: 8px;
  float: right;
}
.lfloat {
  margin: 0 1em 1em 1em;
  padding-right: 8px;
  float: left;
}

.pic-thum {
  width:20%;
  max-width:320px;
  border:1px solid #333;
  background-color:#dfdfdf;
  padding:1em
}
.pic-thum img { width:98%; margin:0 auto; max-width:318px; vertical-align:middle; border:1px solid #333;
}
/* layout vor 2023-10-10
#bohners-pic {width:99%; max-width:900px; margin:1em; vertical-align:middle; border:1px solid #333; background-color:#dfdfdf; padding:1em 1%; border-radius: 25px;}
#bohners-pic ul {list-style:none;}
#bohners-pic li {display:inline; width:33%; max-width:240px;}
#bohners-pic img { border:0; padding:1em 1%; text-align:center;} */
#bohners-pic .short-description p {font-size:1.2em !important;height:2.5em}
.am {
  color: #592E03;
}
.amM,
.Am {
  color: #592E03;
  font-size: inherit;
}
/* Tabellen */
thead,
th {
  display: none;
}
td {
  text-align: center;
  font-size: small;
}
caption {
  text-align: center;
  font-variant: small-caps;
  color: #322B74;
  font-weight: bold;
}
table.shi {
  width: 80%;
  min-width: 640px;
  margin: auto;
  vertical-align: middle;
}
/* in bw_shitennoji.html */
#SHITENNO {
  background-image: url(../bw_simg/body.gif);
  padding: 8px 0;
  border-radius: 8px;
  border: 2px solid #322B74;
}
/* Überschriften */
h1,
h2,
h3 {
  font-family: -apple-system, 'Nimbus Sans', FreeSans, 'Liberation Sans', Oxygen, 'Segoe UI', 'DejaVu Sans', 'Helvetica Neue', Tahoma, Arial, 'Microsoft YaHei', SimSun, sans-serif;
  color: #333; text-indent:0;
}
h1 {
  text-align: center;
  font-weight: bold;
  font-size: xx-large;
  line-height: 1.5em;
  letter-spacing: 2px;
}
h2 {
  text-align: center;
  font-weight: bold;
  font-size: x-large;
  line-height: 1.5em;
  letter-spacing: 2px;
}
h3 {
  text-align: center;
  font-weight: bold;
  font-size: 166%;
  line-height: 1.8em;
  letter-spacing: 2px;
  margin: 1.2em 0 0.8em 0;
}
h4 {
  text-align: left;
  font-weight: bold;
  font-size: 110%;
  font-variant: small-caps;
  letter-spacing: 1px;
  margin: 0.8em 0 0.5em 0;
  color: #003;
}

/* Varia */
h1, h2, h3, h4 {text-indent: 0}
ol > li, l > li {text-align:left}
.tt {
  border-bottom: 1px dotted #333; cursor:help}

.colframe {background-color:#efefef; border:1px solid #afafaf; padding:2%;margin:0.8em auto;font-size:smaller;text-align:center}
.col4 {column-count: 4; column-gap: 5%; column-width: 20%; }
.col3 { column-count: 3; column-gap: 5%; column-width: 30%; }
.col3 a, .col4 a {break-after: always; text-indent: 0; border-bottom:none}

/* tooltip links */
.box {
  border-radius: 8px;
  background-color: #fff ;
  color: #322B74;
  border: 2px solid #322B74;
}
/* animated download icon */
[src$='Icon_download.svg']:hover{transform:translateY(-.4rem)!important}

/* IDs */
#YASU {
  padding: 8px;
  background-color: #f7e7b2;
  border: 2px solid #322B74;
  margin: 1em auto;
}
/* Yasukuni-jisha Box */
#deed {
  padding: 2%;
  text-align: justify;
  background-color: #fbfbfb;
}
#Links a {border:none}

/* lightbox.js */
#lightbox {
  background-color: #eee;
  font-size: medium;
  padding: 10px;
  border: 3px groove #c0c0c0;
  z-index:99;
}
#lightbox a:before {
  content: "";
}
a:hover figcaption, a:active figcaption {
  color: #322B74 ;
  background-color: #efefef;
  border-bottom: 1px dotted #322B74;}

#lightboxDetails {
  font-size: medium;
  font-size: 0.8em;
  padding-top: 0.4em;
}
#lightboxCaption {
  float: left;
  font-size: medium;
}
#keyboardMsg {
  float: right;
}
#closeButton {
  top: 8px;
  right: 8px;
}
#lightbox img {
  border: 3px groove silver;
  clear: both;
}
#overlay img {
  border: none;
}
#overlay {
  background-image: url(../bw_img/overlay.png);
}
 .lb-thumb {width:19%; max-width:240px
   
}
/* Footnotes CSS */
a.nb {border-bottom:none !important;}

a.footptr {font-size:small;
vertical-align:baseline;
position:relative;
top:-0.4em;
    border-bottom:none !important;
}
a.refptr {
    vertical-align: super;
    font-size: .83em;
    text-decoration: none;
    border-bottom:none !important;
}
.foot-tooltip {
    background-color: inherit;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    opacity: 0;
	transition: opacity 0.3s linear;
}

li:target {
    background-color: inherit;
}

ol#references {
  list-style:none;
	margin-left: 0;
	padding-left: 1.8em;
	text-indent: -1.8em;

    counter-reset: refcounter;
}
ol#references > li:before {
  content: "[" counter(refcounter) "] ";
  counter-increment: refcounter;
}
ol#references li {  line-height:1.4em;}

ol#footnotes {
    list-style:none;
	margin-left: 0;
	padding-left: 1.8em;
	text-indent: -1.8em;

    counter-reset: footcounter;
}
ol#footnotes > li:before {
  content: "(" counter(footcounter) ") ";
  counter-increment: footcounter;
}
/* in NR */
.dum {color:#770696; font-size:medium }
.byl2  {color:green; font-size:medium } /* Nach Nakada */
	.gund {color:#800; font-size:medium}

@media only screen and (max-width: 980px) {
  body, #bodytext {width:100%;max-width:979px}
  .social-icons-row, .social-icons-row img, #WPsearch {display:none}
  footer ul, footer li {display:inline}
  .col4 { column-count: 2; column-gap: 5%; column-width: 45%;}
  .col3 { column-count: 1; column-gap: 0%; column-width: 99%; width:99%}
} /* end media 980 */

  /**********/
 /* Slider */
/**********/

.slider {
    background-color: #fff;
    box-shadow: inset 0 0 2px hsla(0,0%,0%,.2),
                0 3px 1px hsla(0,0%,100%,.75),
                0 -1px 1px 2px hsla(0,0%,0%,.1);
    height: 18.75em;
    left: 50%;
    margin: -9.875em -13em;
    padding: .5em;
    position: absolute;
    top: 50%;
    width: 25em;
}

/* Frame */

.slider:before {
    background-color: #22130c;
    bottom: -2.5em;
    box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,.2),
                inset 0 -2px 1px hsla(0,0%,0%,.4),
                0 5px 50px hsla(0,0%,0%,.25),
                0 20px 20px -15px hsla(0,0%,0%,.2),
                0 30px 20px -15px hsla(0,0%,0%,.15),
                0 40px 20px -15px hsla(0,0%,0%,.1);
    content: '';
    left: -2.5em;
    position: absolute;
    right: -2.5em;
    top: -2.5em;
    z-index: -1;
}

/* Mat */

.slider:after {
    background-color: #fff5e5;
    bottom: -1.5em;
    box-shadow: 0 2px 1px hsla(0,0%,100%,.2),
                0 -1px 1px 1px hsla(0,0%,0%,.4),
                inset 0 2px 3px 1px hsla(0,0%,0%,.2),
                inset 0 4px 3px 1px hsla(0,0%,0%,.2),
                inset 0 6px 3px 1px hsla(0,0%,0%,.1);
    content: '';
    left: -1.5em;
    position: absolute;
    right: -1.5em;
    top: -1.5em;
    z-index: -1;
}

/* Slides */

.slider li {
    box-shadow: 0 -1px 0 2px hsla(0,0%,0%,.03);
    list-style:none;
    position: absolute;
}
.slider input {
    display: none;
}

/* Navigation */

.slider label {
    background-color: #111;
    background-image: linear-gradient(transparent, hsla(0,0%,0%,.25));
    border: .2em solid transparent;
    bottom: .5em;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: .5em;
    left: 24em;
    opacity: 0;
    position: absolute;
    transition: .25s;
    width: .5em;
    visibility: hidden;
    z-index: 10;
}
.slider label:after {
    border-radius: 100%;
    bottom: -.2em;
    box-shadow: inset 0 0 0 .2em #111,
                inset 0 2px 2px #000,
                0 1px 1px hsla(0,0%,100%,.25);
    content: '';
    left: -.2em;
    position: absolute;
    right: -.2em;
    top: -.2em;
}
.slider:hover label {
    opacity: 1;
    visibility: visible;
}
.slider input:checked + label {
    background-color: #fff;
}
.slider:hover li:nth-child(1) label {
    left: .5em;
}
.slider:hover li:nth-child(2) label {
    left: 2em;
}
.slider:hover li:nth-child(3) label {
    left: 3.5em;
}
.slider:hover li:nth-child(4) label {
    left: 5em;
}

/* Images */

.slider img {
    height: 18.75em;
    opacity: 0;
    transition: .25s;
    width: 25em;
    vertical-align: top;
    visibility: hidden;
}
.slider li input:checked ~ img {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

/* ENDE Slider */ 

/* marquee slider * / 

/* Set core body defaults */
.marquee {
  min-height: 75vh;
  line-height: 1.5;
  /* background-color: beige; */
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: all;
}

/* Make images easier to work with */
.marquee img,.marquee picture {
  max-width: 100%;
  display: block;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.marquee.container {
  position: relative;
  width: min(100% - 2rem, 79rem);
  margin-inline: auto;
  padding-block: 2rem;
}

.marquee p {
  font-size: 1.125rem;
  margin-bottom: 1.2rem;
  line-height: 2em;
}

article.sample-col-para {
  margin-inline: auto;
       column-width: 350px;
       column-gap: 2rem;
       column-rule: 1px solid #5b5b5d;
}
.marquee article.sample-col-para h1 {
  font-size: 3.244rem;
  margin-bottom: 1rem;
  line-height: 1.2em;
}
.marquee article.sample-col-para h3 {
    font-size: 2.563rem;
    line-height: 1.249;
  opacity: 0.7;
  margin-bottom: 1rem;
}
.marquee article.sample-col-para img {
  width: 200px;
  height: 200px;
  float: right;
  margin-left: 1.2rem;
  border-radius: 50%;
     object-fit: cover;
  shape-outside: circle();
  border: 5px solid rgb(164, 67, 31);
}

.mb-5 {
  margin-bottom: 5rem;
}

.mt-5 {
  margin-top: 5rem;
}

.marquee-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
  gap: 1rem;
  border-radius: 1rem;
}
.marquee-wrapper .marquee-content {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 1rem;
  cursor: grab;
}
.card-testimonial {max-width:calc(240px + 2rem);
    text-align:left;
}
.marquee-wrapper .marquee-content .card-testimonial {
  max-width: calc(240px + 2rem);
  background-color: #4E4B78;
  padding: 1rem;
  border-radius: 1rem;
  color: #f5f5f5;
}
.marquee-wrapper .marquee-content .card-testimonial article picture {
  position: relative;
  min-width: 200px;
}
.marquee-wrapper .marquee-content .card-testimonial article picture img {
  width: 240px;
  height: 360px;
  border-radius: 0.5rem;
     object-fit: cover;
     object-position: 50% 15%;
}
.marquee-wrapper .marquee-content .card-testimonial article h4 {
  font-size: 2.278rem;
  /* line-height: 1.229rem; */
  height: 4.56rem ; /* erzwingt 2 Zeilen */
  text-transform: capitalize;
  margin-block: 1rem;
  color: #f5f5f5;
}
.marquee-wrapper .marquee-content .card-testimonial article article.short-description p {
  font-family: -apple-system, 'Nimbus Sans', FreeSans, 'Liberation Sans', Oxygen, 'Segoe UI', 'DejaVu Sans', 'Helvetica Neue', Tahoma, Arial, 'Microsoft YaHei', SimSun, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8rem;
  margin-bottom: 1.2rem;
  color: #f5f5f5;
  text-align:left;
}

article.short-description p>a {
    color: #f5f5f5 !important;
    border-bottom:1px dashed #f5f5f5;
}
article.short-description p>a:hover, article.short-description p>a:active {
    color: #333 !important;
    background-color: #f5f5f5 !important;
}

@media (max-width: 1024px) {
  .marquee-wrapper {
    overflow: auto;
  }
}

.scrollingX {
  animation: scroll 110s linear infinite;
}

.marquee-wrapper:hover .scrollingX {
  animation-play-state: paused;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 1rem));
  }
}/*# sourceMappingURL=styles.css.map */
/* ENDE marquee slider * / 

/* MEINE (soweit sinnvoll alphabetisch) +++++++++++++++++++++++++++++++++++++++++++ */

     /* Variablen */
    :root {
        --bglightgrey: #f5f4f3;
		--dkgrey: #999;
        --dkgreen: #193C19; /* = anm AM -10% #325532 */
        --mainblue: #006699;
        --medgreen: #6C994C;
        --solidgreen: #396619;
        --textblack: #222;
        /* ersetze durch korrekte font-family serfi zZt nicht in Gebrauch
        --nr-serif: 'Constantia', 'FreeSerif', 'Lucida Bright', 'Lucida Serif', Lucida, 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', Georgia, serif;*/
        -webkit-font-variant-ligatures:common-ligatures;
        font-variant-ligatures:common-ligatures;
        hyphens:auto;
        font-variant-numeric: stacked-fractions;
    }