/*
/*
###################################
## Abweichungen vom Standard-CSS ##
## des Weiland-Musterprojekts 10 ##
###################################
*/

html
{
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

html, body
{
    /* height: 100%;
    width: 100%; */
    background-color: #ffffff;
}

html *
{
	border-collapse: collapse !important;
}

/* Webfonts */

@font-face
{
    font-display: swap;
}

/* Barlow - Brotschrift */

@font-face
{
    font-family: 'Barlow-Regular';
    src: url('../webfonts/Barlow/Barlow-Regular.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Barlow-Bold';
    src: url('../webfonts/Barlow/Barlow-Bold.woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Barlow-Italic';
    src: url('../webfonts/Barlow/Barlow-Italic.woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: 'Barlow-BoldItalic';
    src: url('../webfonts/Barlow/Barlow-BoldItalic.woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* Barlow - Ende */

/* Yanone Kaffeesatz - Headline- und Auszeichnungsschrift */

@font-face
{
    font-family: 'YanoneKaffeesatzBold';
    src: url('../webfonts/YanoneKaffeesatz/yanonekaffeesatz-bold.woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'YanoneKaffeesatzLight';
    src: url('../webfonts/YanoneKaffeesatz/yanonekaffeesatz-light.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'YanoneKaffeesatzReg';
    src: url('../webfonts/YanoneKaffeesatz/yanonekaffeesatz-regular.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'YanoneKaffeesatzThin';
    src: url('../webfonts/YanoneKaffeesatz/yanonekaffeesatz-thin.woff2');
    font-weight: normal;
    font-style: normal;
}

/* Yanone Kaffeesatz - Ende */

/* Titillium Symbols - Linksymbole, Eigenkreation */

@font-face
{
    font-family: 'TitilliumSymbolsReg';
    src: url('../webfonts/TitilliumSymbols/titillium-symbols.woff2');
    font-weight: normal;
    font-style: normal;
}

/* Titillium Symbols - Ende */

/* Quarz - Vintage-Digitalanzeige - */

@font-face {
    font-family: 'DotMatrixBold';
    src: url('../webfonts/DotMatrix/dotmbold.woff2');
    font-weight: normal;
    font-style: normal;
}

/* Quarz - Ende */

/* Webfonts end */

/* Silbentrennung */

p,li,blockquote,cite,dl,dd,th,td,div,span
{
  word-break: break-word;
  hyphens: auto;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 3;
}

/*  Silbentrennung Ende */

/* Typo */

p + p,p,pre,table,li,blockquote,cite,dl,dd,th,td,
.bgtext-monocol ul,
.bgtext-polycol ul,
.bgtext-monocol ol,
.bgtext-polycol ol,
.sidebox ul,
.sidebox ol
{
  font-size: 1.4rem;
  margin: 0 0 0.5rem;
}

li
{
  margin: 0;
}

li:last-child
{
  margin-bottom: 0.5rem;
}

.flexmenu li:last-child
{
  margin-bottom: 0rem;
}

table th, table th>p,
table td, table td>p
{
  font-size: 1.2rem !important;
  line-height: normal;
  margin-bottom: 0;
}

p.text-right
{
  font-size: 90%;
  text-align: right;
  font-weight: normal;
  font-style: italic;
  color: #666666;
  margin-bottom: 1rem;
}

p.text-small,
sidebox p.text-small
{
  font-size: 100% !important;
}


.sidebox p,
.sidebox li,
.sidebox blockquote,
.sidebox cite,
.sidebox dl,
.sidebox dd,
.sidebox th,
.sidebox td
{
  font-size: 1.2rem;
}

.image-caption
{
  font-family: 'Barlow-Bold';
  font-size: 0.9rem !important;
  color: #666666;
}

.bgtext-monocol ol,
.bgtext-polycol ol,
.sidebox ol,
.flexslider .caption-body ol
{
  padding-left: 3.5rem;
}

.bgtext-monocol ul,
.bgtext-polycol ul,
.sidebox ul,
.flexslider .caption-body ul
{
  padding-left: 1.5rem;
  list-style-type: none;
  text-indent: -1rem;
}

.sidebox ul
{
  text-indent: -0.9rem;
}


.bgtext-monocol li,
.bgtext-polycol li,
.sidebox li,
.flexslider .caption-body li
{
  padding-bottom: 0;
}

.bgtext-monocol ul li::before,
.bgtext-polycol ul li::before,
.sidebox ul li::before,
.flexslider .caption-body ul li::before
{
  content: "\2013\00a0"
}
       
.tx-ws-flexslider .caption-body
{
  padding: 1rem;
  background-color: rgba(255,255,255,0.8);
  color: #000000;
  max-height: 22rem;
  overflow: auto;
}

.tx-ws-flexslider .caption-body h2,
.tx-ws-flexslider .caption-body h3,
.tx-ws-flexslider .caption-body h4
{
  margin: 0 0 0.5rem;
  font-family: YanoneKaffeesatzReg;
}

/* Layoutkorrekturen */

.padleft
{
	padding-left: 2rem;
}

/* Layoutkorrekturen Ende */

/* Text modifizieren (nur <span>-Attribut) */

span.textrot
{
	color: #cc0000;
} 

/* Text modifizieren Ende */

/*  Typo Ende */

/* Transition für Bilder ausschalten */

.ce-gallery figure.image a[data-fancybox] img,
figure.image a img
{
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  transform: none !important;
}

.ce-gallery figure.image,
.ce-gallery figure.image img
{
  width: auto;
  height: auto
}

.fancybox-caption
{
  text-align: center;
  font-size: 2vh;
  font-weight: bold;
  color: #ffffff;
}

/* Transition für Bilder ausschalten Ende */

/* Layoutanpassungen */

body *
{
  font-size-adjust: 0.5;
  line-height: 1.5;
  /* line-height: normal; */
}

b,
strong,
.bold
{
  font-family: 'Barlow-Bold', 'Segoe UI', verdana, arial, helvetica, sans-serif;
    font-weight: normal;
}

i,
em,
.italic,
.oblique
{
  font-family: 'Barlow-Italic', 'Segoe UI', verdana, arial, helvetica, sans-serif;
  font-style: normal;
}

<strong>+<em>,
<em>+<strong>
{
  font-family: 'Barlow-BoldItalic', 'Segoe UI', verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
}

.flexmenu
{
	width: 100%;
	display: flex;
	flex-direction: row;
	wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.rootline nav
{
  margin: 0;
  padding-left: 3vw;
  padding-left: 3rem;
  /* border-bottom: 1px solid #007744; */
}

.rootline nav ul li
{
  color: #6e777b;
  font-size: 1rem;
}

ul.horizontal li a, ul.horizontal li > span
{
  padding: 0 0.5rem;
}

/* Hauptbereiche der Seiten */

.width-max
{
  width: 100%;
  max-width: none;
  padding: 0;
}

.grid
{
  margin: 0;
}

.content-main
{
  max-width: none;
  width: 100%;
  padding: 0 1vw;
  padding: 0 1rem;
  margin: 0;
  background-color: #ffffff;
}

/* [class*="col-"]
  {
    padding-left: 2rem;
    padding-right: 2rem;
  } */

[class*="col-"] .float-right
{
  float: none;
}

/* Dateilink-Liste */

.frame-type-uploads ul.ce-uploads
{
  padding: 0;
}

.frame-type-uploads ul.ce-uploads li
{
  list-style-type: none;
  text-indent: 0;
}

.frame-type-uploads ul.ce-uploads li:before
{
  content: "";
}

.frame-type-uploads ul.ce-uploads li div
{
  width: 100%;
}

.frame-type-uploads ul.ce-uploads li span.ce-uploads-fileName,
.frame-type-uploads ul.ce-uploads li span.ce-uploads-filesize,
.frame-type-uploads ul.ce-uploads li div
{
  padding: 0;
  margin: 0;
  display: inline-block;
}

.frame-type-uploads ul.ce-uploads li a:before
{
  content: "" !important;
}

.frame-type-uploads ul.ce-uploads li span.ce-uploads-fileName
{
  padding: 0;
  width: 70%;
}

.frame-type-uploads ul.ce-uploads li span.ce-uploads-filesize
{
  width: 20%;
  text-align: right;
}

body ul.ql
{
  margin-bottom: 0;
  line-height: normal;
}

body ul.ql li:last-child
{
  font-size: 1.2rem;
  margin-bottom: 0;
  line-height: normal;
}

/* Dateilink-Liste Ende */

.frame-layout-100
{
  padding: 0;
  background-color: transparent;
}

main .grid .grid
{
  margin-left: 0;
  margin-right: 0;
}

.bgtext-monocol,
.bgtext-polycol
{
  padding: 1vw 2vw;
  padding: 2rem 2rem 1rem 1rem;
}

.grid > [class*="col-"], .flex-container > [class*="col-"]
{
  padding-left: 1rem;
  padding-right: 2rem;
}

/* Layoutkorrekturen */
.padleft
{
	padding-left: 2rem !important;
}
.nopadleft
{
	padding-left: 0 !important;
}
/* Layoutkorrekturen Ende */



/* {
  padding: 1vw 1vw;
  padding: 1rem 2rem 1rem 1rem;
} */

.bgtext-monocol:empty,
.bgtext-polycol:empty,
.sidebox .nope:empty
{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.marg
{
  margin: 2rem 0 3rem;
  padding: 0 0 0 2rem;
  max-width: 30%;
  border-left: 1px solid #007744;
}

.sidebox
{
  margin-top: 2rem;
}

.frame-type-cols_3 header
{
  padding: 0 1rem;
}

.frame-type-cols_3 header~.grid header
{
  padding: 0;
}

.content-footer,
.content-footer2
{
  background-color: transparent;
}

.content-footer .align-center,
.content-footer2 .align-center,
.content-footer .inline-block,
.content-footer2 .inline-block
{
	display: block;
}


.sidebox
{
  width: 100%;
  margin: 0 0 2rem;
}

.sidebox:last-child
{
  margin: 0;
}

.sidebox div.frame-layout-100,
.sidebox div.spendenuhr
{
  /* margin: 2rem -1rem 0; */
  padding: 0 1.5rem 1rem;
  background-color: #eef8f4;
  margin-bottom: 2rem;
}

.sidebox [class*="frame-type-"]
{
  width: 100%;
}

.sidebox div.frame-layout-100 h2,
.sidebox div.spendenuhr h2

{
  background-color: #007744;
  color: #ffffff;
/*   background-color: transparent;
  color: #007744; */
  font-family: YanoneKaffeesatzBold;
  text-align: center;
  margin: 0 -1.5rem 1.5rem -1.5rem;
  padding: 0.5rem 1rem;
}

.marg .sidebox .ce-left.ce-above .ce-gallery.imagesize33 .ce-column, .ce-left.ce-below .ce-gallery.imagesize33 .ce-column
{
    width: 33.33333%;
    margin: 0 auto 1rem 0;
}

.nope
{
  margin-bottom: 1.5rem;
}

.nope:last-child
{
  margin-bottom: 0;
}

/* Linien davor und dahinter */

.frame-ruler-before::before,
.frame-ruler-after::after
{
  content: '';
  display: block;
}

.frame-ruler-before::before
{
  border-bottom: 1px solid #000000;
  margin-top: 1.5rem;
}

.frame-ruler-after::after
{
  border-bottom: 1px solid #000000;
  margin-bottom: 1.5rem;
}

/* Linien davor und dahinter Ende */

/* Accordion */

.accordion > header, .frame-custom-31 > header
{
  background: #d2ede2;
  padding: 0 6rem 0 1.5rem;
  min-height: 2rem;
  margin-bottom: 1.5rem;
}

.accordion > header > ::before, .frame-custom-31 > header > ::before
{
  top: 0.25rem;
  font-size: 2rem;
}

/* Accordion Ende */

.marg .frame-layout-100 figure.image
{
  max-width: 200px;
}

.marg .logosmall
{
  width: 80px;
  height: auto;
}

.marg .textsmall
{
  font-size: 90%;
}

* Hauptbereiche der Seiten Ende */

/* Contenttable */

table,
.contenttable
{
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  margin: 0 0 1.5rem 0;
  border: 1px solid #000000;
}

.contenttable th p,
.contenttable td p
{
  word-break: normal;
  hyphens: none;
}
th,
td
{
  padding: 0.1rem 0.5rem 0.2rem;
  border: 1px solid #000000;
  text-align: left;
  vertical-align: top;
  transition: none;
  font-family: 'Barlow-Regular', 'Segoe UI', verdana, arial, helvetica, sans-serif;
}
tr:hover td, tr:focus td
{
  background: #f3f4f5;
  color: #000000;
}

.table-responsive,
.frame-type-table
{
  margin-bottom: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}

table caption
{
  padding: 0.2rem;
}

/* Tabelle Gottesdienstplan Spaltenbreiten */

.frame-layout-161 .contenttable
{
	table-layout: fixed;
}

.frame-layout-161 .contenttable th:nth-child(1),
.frame-layout-161 .contenttable td:nth-child(1)
{
	width: 13%;
}

.frame-layout-161 .contenttable th:nth-child(2),
.frame-layout-161 .contenttable td:nth-child(2),
.frame-layout-161 .contenttable th:nth-child(5),
.frame-layout-161 .contenttable td:nth-child(5)
{
	width: 18%;
}

.frame-layout-161 .contenttable th:nth-child(3),
.frame-layout-161 .contenttable td:nth-child(3),
.frame-layout-161 .contenttable th:nth-child(4),
.frame-layout-161 .contenttable td:nth-child(4)
{
	width: 30%;
}

.frame-layout-161 .contenttable th p,
.frame-layout-161 .contenttable td p
{
	font-size: 1rem;
}

/* Tabelle Gottesdienstplan Spaltenbreiten Ende */

/* Contenttable Ende */

/* Layoutanpassungen Ende */

/* Links */

a
{
  color: #007744;
}

a:hover, a:focus, a:active
{
  color: #cc0000;
}

.wrapper-footer a
{
  color: #ffffff;
  background-color: transparent;
}

.wrapper-footer a:hover,
.wrapper-footer a:focus,
.wrapper-footer a:active
{
  color: #007744;
  background-color: #ffffff;
}

/* Links */

/* Links im Inhalt */

.content-main a
{
  color: #007744;
  text-decoration: none;
  background-image: none;
}

.content-main a:before
{
  font-family: TitilliumSymbolsReg;
}

.content-main a:hover,
.content-main a:focus,
.content-main a:active
{
  color: #cc0000;
}

.content-main a[name]
{
  cursor: default;
  padding: 0;
  background: none;
}

.content-main a[href*="/"],
.content-main a[href^="mailto"],
.content-main a[href*="linkTo_UnCryptMailto"],
.content-main a[data-mailto-vector="1"],
.content-main a.namedanchor,
.content-main a.pagetop
{
  cursor: pointer;
  background-image: none;
}

.content-main a.namedanchor:before
{
  content: "E ";
}

.content-main a:hover.namedanchor:before,
.content-main a:focus.namedanchor:before,
.content-main a:active.namedanchor:before
{
  content: "E ";
}

.content-main a.pagetop:before
{
  content: "D ";
}

.content-main a:hover.pagetop:before,
.content-main a:focus.pagetop:before,
.content-main a:active.pagetop:before
{
  content: "D ";
}

.content-main h3 a[href^="/"]:before
{
  content: "A ";
}

.content-main h3 a:hover[href^="/"]:before,
.content-main h3 a:focus[href^="/"]:before,
.content-main h3 a:active[href^="/"]:before
{
  content: "A ";
}

.content-main a[href^="http"]:before,
.content-main a[href^="https"]:before
{
  content: "B ";
}

.content-main a:hover[href^="http"]:before,
.content-main a:hover[href^="https"]:before,
.content-main a:focus[href^="http"]:before,
.content-main a:focus[href^="https"]:before,
.content-main a:active[href^="http"]:before,
.content-main a:active[href^="https"]:before
{
  content: "B ";
}

.content-main a[href^="mailto"]:before,
.content-main a[data-mailto-vector="1"]:before,
.content-main a[href*="linkTo_UnCryptMailto"]:before
{
  content: "F ";
}

.content-main a:hover[href^="mailto"]:before,
.content-main a:focus[href^="mailto"]:before,
.content-main a:active[href^="mailto"]:before,
.content-main a:hover[data-mailto-vector="1"]:before,
.content-main a:focus[data-mailto-vector="1"]:before,
.content-main a:active[data-mailto-vector="1"]:before,
.content-main a:hover[href*="linkTo_UnCryptMailto"]:before,
.content-main a:focus[href*="linkTo_UnCryptMailto"]:before,
.content-main a:active[href*="linkTo_UnCryptMailto"]:before
{
  content: "F ";
}

.content-main .uploadlink a
{
  display: inline-block;
  text-indent: -1.5vw;
  padding-left: 1.5vw;
}

.content-main .uploadlink a:before
{
  content: "G ";
}

.content-main .uploadlink a:hover:before,
.content-main .uploadlink a:focus:before,
.content-main .uploadlink a:active:before
{
  content: "G ";
}

.content-main a.download:before
{
  content: "H ";
}

.content-main a.download:hover:before,
.content-main a.download:focus:before,
.content-main a.download:active:before
{
  content: "H ";
}

.linkiconoff,
.ce-gallery a:before/* ,
.tx-ws-flexslider a:before */
{
  background-image: none !important;
  padding-left: 0 !important;
  content: "" !important;
}

.content-main .plupload a:before
{
  content: "" !important;
}

.content-main .flex-direction-nav a:before
{
  font-size-adjust: none;
  color: #007744;
  color: #ffffff;
  font-family: TitilliumSymbolsReg;
  background: none;
}

.content-main .flex-direction-nav a:hover:before,
.content-main .flex-direction-nav a:focus:before,
.content-main .flex-direction-nav a:active:before
{
  color: #cc0000;
  font-family: TitilliumSymbolsReg;
  background: none;
}

.content-main .flex-direction-nav a:before,
.content-main .flex-direction-nav a:hover:before,
.content-main .flex-direction-nav a:focus:before,
.content-main .flex-direction-nav a:active:before

{
  text-stroke:2px #000000;
  -webkit-text-stroke:2px #000000;
}

/* Links im Inhalt Ende */

body,
input,
textarea,
select
{
  /* font-size: 1.5rem;
  line-height: 2rem; */
  font-family: 'Barlow-Regular', 'Segoe UI', verdana, arial, helvetica, sans-serif;
  color: #444444;
}

h1,
h2,
h3
{
  font-family: "YanoneKaffeesatzLight", verdana, arial, helvetica, sans-serif;
}

h4,
h5,
h6
{
  font-family: "YanoneKaffeesatzReg", verdana, arial, helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
  color: #007744;
}

.content-main h1:first-child,
.content-main h2:first-child,
.content-main h3:first-child,
.content-main h4:first-child,
.content-main h5:first-child,
.content-main h6:first-child
{
  margin-top: 0;
}

h1,
.h1,
.fontsize1
{
  font-size: 3vw;
  font-size: 3rem;
  margin: 1.5vw 0;
  margin: 1.5rem 0;
}

.sidebox h1,
.sidebox .h1,
.sidebox .fontsize1
{
  font-size: 2.5vw;
  font-size: 2.5rem;
  margin: 1vw 0;
  margin: 1rem 0;
}

h2,
.h2,
.fontsize2
{
  font-size: 2.5vw;
  font-size: 2.5rem;
  margin: 1.2vw 0;
  margin: 1.5rem 0;
}

.sidebox h2,
.sidebox .h2,
.sidebox .fontsize2
{
  font-size: 2vw;
  font-size: 2rem;
  margin: 0.8vw 0;
  margin: 1rem 0;
}

.sidebox:first-child h2,
.sidebox:first-child .h2,
.sidebox:first-child .fontsize2
{
  margin-top: 0;
}

h2+h1
{
  margin-top: 1vw;
  margin-top: 1rem;
}

h3,
.h3,
.fontsize3
{
  font-size: 2vw;
  font-size: 2rem;
  margin: 1.5vw 0;
  margin: 1.5rem 0;
}

.sidebox h3,
.sidebox .h3,
.sidebox .fontsize3
{
  font-size: 1.5vw;
  font-size: 1.5rem;
  margin: 0.8vw 0;
  margin: 1rem 0;
}

h4,
.h4,
.fontsize4
{
  font-size: 1.5vw;
  font-size: 1.5rem;
  margin: 1vw 0;
  margin: 1rem 0;
}

.sidebox h4,
.sidebox .h4,
.sidebox .fontsize4
{
  font-size: 1vw;
  font-size: 1rem;
  margin: 0.8vw 0;
  margin: 1rem 0;
}

h5,
.h5
h6,
.h6
{
  font-size: 1.2vw;
  font-size: 1.2rem;
  margin: 0.8vw 0;
  margin: 0.8rem 0;
}

/* header:first-of-type h1:first-child,
header:first-of-type .h1:first-child,
header:first-of-type h2:first-child,
header:first-of-type .h2:first-child
{
  margin-top: 0;
} */

.sidebox h5,
.sidebox .h5
.sidebox h6,
.sidebox .h6
{
  font-size: 1vw;
  font-size: 1rem;
  margin: 0.8vw 0;
  margin: 0.8rem 0;
}

.kopfleiste,
.fussleiste

{
  background-color: #007744;
  /* background-image: url(../images/chrome/header_bg.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%; */
}

.kopfleiste
{
  border-bottom: 1px solid #ffffff;
}

.fussleiste
{
  padding: 0.5rem 0;
}

.fussleiste p
{
  margin-bottom: 0;
  font-size: 1rem;
}

.fussleiste .metanav a,
.fussleiste .metanav a span,
.fussleiste .metanav span
{
  font-size: 1rem;
}
/* Adress-Fußzeile auf Startseite ausblenden */
.off
{
	display: none;
}
/* Adress-Fußzeile auf Startseite ausblenden Ende */


.wrapper-logo
{
  width: auto;
  margin: 0 auto;
  padding: 1rem 0;
}

.wrapper-logo img
{
  display: inline-block;
  vertical-align: middle;
  height: 3.5rem;
}

.wrapper-title
{
  width: auto;
  margin: 0 auto;
  text-align: center;
}

h1.maintitle
{
  font-size: 2rem;
  display: inline-block;
  /* float: left; */
  margin: 0 1rem;
  color: #ffffff;
  vertical-align: middle;
}

h1.maintitle:before
{
  content: "Evangelische Kirchengemeinde Steinbüchel";
}

.content-header .header-service
{
	width: auto;
}

/* Top button */

.scrollToTop
{
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  /* background-color: #999; Set a background color */
  background-color: #007744; /* Set a background color */
  cursor: pointer; /* Add a mouse pointer on hover */
  /* padding: 5px; Some padding */
  padding: 0.8rem 0.5rem 0.5rem;
  /* border-radius: 10px;  Rounded corners */
  /*border-radius: 2em;  Rounded corners */
  /* opacity: 0.7; */
  opacity: 1;
  border: 2px solid #ffffff;
}

.scrollToTop:hover
{
  /* background-color: #666; Add a dark-grey background on hover */
  background-color: #cc0000; /* Add a red background on hover */
  opacity: 1;
}

.scrollToTop a
{
  line-height: 1.4rem;
}

.scrollToTop a:hover,
.scrollToTop a:focus,
.scrollToTop a:active,
.scrollToTop a:visited
{
  background-color: transparent;
}

.scrollToTop .fa-lg
{
/*   vertical-align: 0; */
  font-size: 2rem;
  padding-bottom: 0.5rem;
}

/* Top button end */

/* Zitat */


blockquote::before,
blockquote::after
{
  content: "";
}

blockquote
{
  width: 100%;
  border-left: 0 none;
  padding: 0 0.5rem 0.5rem 20%;
  margin: 0;
}

blockquote p
{
  text-align: left;
  font-style: italic;
  text-indent: -0.8rem;
  hyphens: none;
}

blockquote p::before,
blockquote p::after
{
  display: inline-block;
  font-size: 3rem;
  line-height: 1rem;
  color: #007744;
  font-family: TitilliumSymbolsReg;
}

blockquote p:first-child
{
  margin-top: 1rem;
}

blockquote p:first-child::before
{
  content: "\201D";
  padding-right: 0.4rem;
  position: relative;
  bottom: -0.7rem;
}

blockquote p:last-child::after
{
  content: "\201C";
  padding-left: 0.8rem;
  position: relative;
  bottom: 0;
}

/* Zitat Ende */

/* Navigation anpassen */

.foo
{
  border-bottom: 1px solid #ffffff;
}

.wrapper-topmenu,
.flexmenu
{
  background-color: #007744;
/*   background-image: url(../images/chrome/header_bg.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
 */}

.wrapper-topmenu
{
  top: 4rem;
}

.main-nav *,
.sm-clean *,
.foo *
{
  border-collapse: collapse;
}

.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active
{
  font-family: 'Barlow-Regular', 'Segoe UI', verdana, arial, helvetica, sans-serif;
}

.main-nav,
.sm-clean
{
  background-color: transparent;
}

.sm-clean ul,
.sm-clean ul ul,
.sm-clean ul ul ul
{
  border: none;
  border-top: 1px solid #ffffff;
  padding: 0;
  background-color: #007744;
}

.sm-clean ul ul,
.sm-clean ul ul ul
{
  padding-top: 0;
}

.sm-clean a,
.sm-clean ul a,
.sm-clean ul ul a,
.sm-clean ul ul ul a
{
  font-size:0.9rem;
  padding: 0.2rem 0.5rem 0.3rem;
  color: #ffffff;
  background-color: #007744;
  text-align: center;
  border-right: 1px solid #ffffff;
}

.sm-clean a:hover,
.sm-clean a:focus,
.sm-clean a:active,
.sm-clean a.active,
.sm-clean a.current,
.sm-clean ul a:hover,
.sm-clean ul a:focus,
.sm-clean ul a:active,
.sm-clean ul a.active,
.sm-clean ul a.current,
.sm-clean ul a.has-submenu,
.sm-clean ul a.highlighted,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active,
.sm-clean ul ul a.active,
.sm-clean ul ul a.current,
.sm-clean ul ul a.has-submenu,
.sm-clean ul ul a.highlighted
{
  box-sizing: border-box;
  font-size: 0.9rem;
  padding: 0.2rem 0.5rem 0.3rem;
  color: #ffffff;
  background-color: #009944;
  /* background-image: url(../images/chrome/header_bg_hover.png); */
}

.sm-clean a .sub-arrow,
.sm-clean ul a .sub-arrow,
.sm-clean ul ul a .sub-arrow
{
  border-color: #ffffff transparent transparent transparent;
  right: 6px;
}

.sm-clean li:first-child a
{
  border-left: 1px solid #ffffff;
}

/* .sm-clean ul
{
  border-bottom: 1px solid #ffffff;
}
 */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after
{
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #ffffff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before
{
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after
{
  content: '';
  top: 7px;
  left: 0;
}

.main-menu-btn-text
{
	display: none;
}

.sm-clean a.has-submenu,
.sm-clean a.highlighted
{
  padding-right: 20px;
  color: #ffffff;
}

/* Heiligabend 2021 */

.sm-clean a[href*="/heilig"]
{
  display: inline-block;
  background-image: url(../images/chrome/sternchenhimmel.png) !important;
}

/* Heiligabend 2021 Ende */

/* Navigation anpassen Ende */

/* Startseitenteaser */

.slickfullwide
{
	background-color: #007744;
	height: 100%;
}

.fullteaser,
.fullteaser .col-12
{
	background-color: #007744;
  padding: 0 !important;
  /* overflow: hidden; */
}

.flexslider
{
  border: 0;
  /* margin: 0 0 1rem; */
  margin: 0 -1rem;
}

.flexslider .slides img
{
  width: auto;
}

.flex-direction-nav a
{
  font-size: 3rem;
  line-height: normal;
  width: 3rem;
  height: 4rem;
  margin: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.flex-direction-nav .flex-prev
{
  left: 0.5rem;
}

.flex-direction-nav .flex-next
{
  right: 0.5rem;
  text-align: right;
}

.flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-prev:hover:before,
.flex-direction-nav a.flex-prev:focus:before,
.flex-direction-nav a.flex-prev:active:before,
.flex-direction-nav a.flex-prev:visited:before
{
  font-family: "flexslider-icon";
  content: '\f001';
}

.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-next:hover:before,
.flex-direction-nav a.flex-next:focus:before,
.flex-direction-nav a.flex-next:active:before,
.flex-direction-nav a.flex-next:visited:before
{
  font-family: "flexslider-icon";
  content: '\f002';
}

.flex-control-nav
{
  margin-bottom: 1.7rem;
}

.flex-control-nav li
{
  margin: 0 0.5rem;
  color: #cc0000;
}


.flex-control-paging li a
{
  width: 1rem;
  height: 1rem;
  display: block;
  background: #0066ff;
  background: rgba(0, 96, 255, 0.5);
}

.slidercontent wsflexslider-style1,
.slidercontent wsflexslider-style2
{
  display: block;
  flex: none;
  position: relative;
}

.tx-ws-flexslider .caption-align-left .caption-text
{
  left: 4rem;
}

.tx-ws-flexslider .caption-align-right .caption-text
{
  right: 4rem;
}

.tx-ws-flexslider li div.caption-wrapper .caption-title
{
  font-family: "YanoneKaffeesatzBold";
  letter-spacing: 0.05em;
  font-size: 3rem;
  font-weight: bold; text-align: left;
  color: #ffffff;
  -webkit-text-stroke: 1px #ffffff;
  text-stroke: 1px #ffffff;
  text-shadow:
  2px 2px 0 #000000,
  2px -2px 0 #000000,
  -2px 2px 0 #000000,
  -2px -2px 0 #000000;
}

.tx-ws-flexslider li div.caption-wrapper h1.caption-title
{
  margin-top: 0;
}

.tx-ws-flexslider li div.caption-wrapper .caption-text
{
  background-color: transparent;
}

.tx-ws-flexslider .caption-text
{
  width: 47%;
  max-height: 90%;
  top: 0 !important;
  /* padding: 0 !important; */
 }
 
/* Startseitenteaser Ende */

/* Spaltenlinien */

/* Zweispaltig */
.frame-type-cols_2 .grid .col-6_md-12:first-child
{
  padding-left: 0;
  padding-right: 2rem;
  border-right: 1px solid #000000;
}
.frame-type-cols_2 .grid .col-6_md-12:last-child
{
  padding-left: 2rem;
  padding-right: 0;
  margin-right: -2rem;
}
/* Dreispaltig */
.frame-type-cols_3 .grid .col-6_md-12:first-child
{
  padding-left: 0;
  padding-right: 1.5rem;
  border-right: 1px solid #000000;
}
.frame-type-cols_3 .grid .col-6_md-12:last-child
{
  padding-left: 1.5rem;
  border-left: 1px solid #000000;
}
.frame-type-cols_2 .grid .col-6_md-12 h1,
.frame-type-cols_2 .grid .col-6_md-12 .h1,
.frame-type-cols_2 .grid .col-6_md-12 h2,
.frame-type-cols_2 .grid .col-6_md-12 .h2,
.frame-type-cols_2 .grid .col-6_md-12 h3,
.frame-type-cols_2 .grid .col-6_md-12 .h3,
.frame-type-cols_2 .grid .col-6_md-12 h4,
.frame-type-cols_2 .grid .col-6_md-12 .h4,
.frame-type-cols_2 .grid .col-6_md-12 h5,
.frame-type-cols_2 .grid .col-6_md-12 .h5,
.frame-type-cols_2 .grid .col-6_md-12 h6,
.frame-type-cols_2 .grid .col-6_md-12 .h6
{
  margin-top: 0;
  margin-top: -0.5rem;
  line-height: normal;
}
/* Spaltenlinien Ende */

/* PlUpload FE */

.plupload_wrapper *
{
  box-sizing: content-box;
}

.plupload_button
{
  display: -moz-inline-box;
  /* FF < 3*/
  display: inline-block;
  font: normal 12px sans-serif;
  text-decoration: none;
  color: #42454a;
  border: 1px solid #bababa;
  padding: 2px 8px 3px 20px;
  margin-right: 4px;
  background: #f3f3f3 url(../images/chrome/plupload/buttons.png) no-repeat 0 center !important;
  outline: 0;

/* Optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.plupload_button:hover
{
  color: #000;
  text-decoration: none;
}

.plupload_disabled, a.plupload_disabled:hover
{
  color: #737373;
  border-color: #c5c5c5;
  background: #ededed url(../images/chrome/plupload/buttons-disabled.png) no-repeat 0 center !important;
  cursor: default;
}

.plupload_add
{
  background-position: -181px center;
}

.plupload_wrapper
{
  font: normal 11px Verdana,sans-serif;
  width: 100%;
}

.plupload_container
{
  padding: 8px;
  /* background: url(../images/chrome/plupload/transp50.png);
  */
  background: url(../images/chrome/plupload/lightblue.png) !important;
  /*-moz-border-radius: 5px;*/
}

.plupload_container input
{
  border: 1px solid #DDD;
  font: normal 11px Verdana,sans-serif;
  width: 98%;
}

.plupload_header 
{
  background: #007744 url(../images/chrome/plupload/backgrounds.gif) repeat-x !important;
}


.plupload_header_content
{
  background: url(../images/chrome/plupload/backgrounds.gif) no-repeat 0 -317px !important;
  min-height: 56px;
  padding-left: 60px;
  color: #FFF;
}

.plupload_header_title
{
  font: normal 18px sans-serif;
  padding: 6px 0 3px;
}

.plupload_header_text
{
  font: normal 12px sans-serif;
}

.plupload_filelist
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.plupload_scroll .plupload_filelist
{
  height: 185px;
  background: #F5F5F5;
  overflow-y: scroll;
}

.plupload_filelist li
{
  padding: 10px 8px;
  background: #F5F5F5 url(../images/chrome/plupload/backgrounds.gif) repeat-x 0 -156px !important;
  border-bottom: 1px solid #DDD;
}

.plupload_filelist_header,
.plupload_filelist_footer
{
  background: #DFDFDF;
  padding: 8px 8px;
  color: #42454A;
}

.plupload_filelist_header
{
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #CDCDCD;
}

.plupload_filelist_footer 
{
  border-top: 1px solid #FFF;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
}

.plupload_file_name 
{
  float: left;
  overflow: hidden,
}

.plupload_file_status 
{
  color: #777;
}

.plupload_file_status span 
{
  color: #42454A;
}

.plupload_file_size,
.plupload_file_status,
.plupload_progress
{
  float: right;
  width: 80px;
}

.plupload_file_size,
.plupload_file_status,
.plupload_file_action 
{
  text-align: right;
}

.plupload_filelist .plupload_file_name
{
  width: 205px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.plupload_file_action
{
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 15px;
}

.plupload_file_action *
{
  display: none;
  width: 16px;
  height: 16px;
}

li.plupload_uploading 
{
  background: #ECF3DC url(../images/chrome/plupload/backgrounds.gif) repeat-x 0 -238px !important;
}

li.plupload_done 
{
  color:#AAA}

li.plupload_delete a
{
  background: url(../images/chrome/plupload/delete.gif) !important;
}

li.plupload_failed a
{
  background: url(../images/chrome/plupload/error.gif) !important;
  cursor: default;
}

li.plupload_done a
{
  background: url(../images/chrome/plupload/done.gif) !important;
  cursor: default;
}

.plupload_progress,
.plupload_upload_status
{
  display: none;
}

.plupload_progress_container
{
  margin-top: 3px;
  border: 1px solid #CCC;
  background: #FFF;
  padding: 1px;
}

.plupload_progress_bar
{
  width: 0px;
  height: 7px;
  background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action
{
  margin-right: 17px;
}

/* Floats */

.plupload_clear,.plupload_clearer 
{
  clear: both;
}

.plupload_clearer,
.plupload_progress_bar
{
  display: block;
  font-size: 0;
  line-height: 0;
}

li.plupload_droptext
{
  background: transparent !important;
  text-align: center;
  vertical-align: middle;
  border: 0;
  line-height: 165px;
  line-height: 20vh;
}

/* PlUpload FE Ende */

/* FAL Secure Download */

ul.downloadliste
{
  background: none;
  margin-left: 1rem;
  padding-left: 0;
  list-style-type: none;
   text-indent: 1rem;
}

ul.downloadliste ul
{
    margin-left: 3rem;
}

ul.downloadliste li:before
{
  content: "";
}

ul.downloadliste li.subfolder
{
  margin-top: 1rem;
}

ul.downloadliste li.subfolder:before,
ul.downloadliste li.subfolder:visited:before
{
  color: #007744;
  font-family: TitilliumSymbolsReg;
  content: "I ";
}

ul.downloadliste li.subfolder:hover:before,
ul.downloadliste li.subfolder:focus:before,
ul.downloadliste li.subfolder:active:before
{
  color: #cc0000;
  font-family: TitilliumSymbolsReg;
  content: "O ";
}

ul.downloadliste li.subfolder .icon-folder
{
  display: inline-block;
  margin-bottom: 1rem;
}

.content-main a[href^="/fileadmin"]:before,
ul.downloadliste li.dl a:before,
ul.downloadliste li.dl a:visited:before
{
  color: #007744;
  font-family: TitilliumSymbolsReg;
  content: "H ";
}

.content-main a[href^="/fileadmin"]:hover:before,
.content-maia[href^="/fileadmin"]:focus:before,
.content-maia[href^="/fileadmin"]:active:before,
ul.downloadliste li.dl a:hover:before,
ul.downloadliste li.dl a:focus:before,
ul.downloadliste li.dl a:active:before
{
  color: #cc0000;
  font-family: TitilliumSymbolsReg;
  content: "H ";
}

/* .sidebox .nope ul
{
	padding: 0;
}

.sidebox .nope ul li
{
	padding: 0 0 0 1.5rem;
	border: none;
}

.sidebox .nope li:before
{
	content: "";
}
 */
.sidebox .uploadlink p,
.sidebox .nope li
{
  margin-bottom: 0 !important;
}

.sidebox .uploadlink a,
.sidebox .nope a
{
  display: inline-block;
  text-indent: -1.5rem;
  padding: 0 0 0 1.5rem;
}

.sidebox .nope a:before,
.sidebox .nope a:visited:before
{
  color: #007744;
  font-family: TitilliumSymbolsReg;
  content: "A ";
}

.sidebox .nope a:hover:before,
.sidebox .nope a:focus:before,
.sidebox .nope a:active:before
{
  color: #cc0000;
  font-family: TitilliumSymbolsReg;
  content: "A ";
}

.sidebox .uploadlink a:before,
.sidebox .uploadlink a:visited:before
{
  color: #007744;
  font-family: TitilliumSymbolsReg;
  content: "G ";
}

.sidebox .uploadlink a:hover:before,
.sidebox .uploadlink a:focus:before,
.sidebox .uploadlink a:active:before
{
  color: #cc0000;
  font-family: TitilliumSymbolsReg;
  content: "G ";
}
div.fal-securedownload ul.downloadliste:empty::after/* ,
div.fal-securedownload ul.downloadliste li.subfolder ul.downloadliste:empty::after */
{
  display: block;
  padding: 5px 10px;
  font-family: 'Barlow-Regular';
  font-weight: bold;
  color: #cc0000;
  border: 1px dashed #cc0000;
  content: "Zur Zeit keine Dokumente";
}

/* FAL Secure Download Ende*/

/* Losungen */

.dateWrapper
{
  font-style: italic;
}

.watchwordWrapper span
{

  font-size: 1.2rem;
}

.watchwordTitle,
.instructiveTextTitle
{
  font-weight: bold;
}

span.watchword,
span.instructiveText
{
  display: block;
  margin: 0.2rem 0 0.2rem;
}

/* Losungen Ende */

/* Standard form fields */

fieldset
{
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #5a5a5a;
}

fieldset.nolabel
{
  padding: 0;
  border: 0;
}

legend,
legend.powermail_legend

{
  display: inline-block;
  float: none;
  margin: 0 0 0 0;
  font-size: 1em;
  color: #007744;
  font-style: normal;
  font-weight: bold;
  white-space: normal;
  border: 0;
}

legend.powermail_legend
{
  margin-bottom: 1rem;
}

label,
label.powermail_label,
label.control-label,
label.powermail_radio_legend,
label.powermail_checkbox_legend,
label.powermail_captcha_legend,
.label
{
  display: inline-block;
  min-width: 10rem;
  font-weight: normal;
}

label.powermail_label,
label.control-label,
.label
{
  font-size: 1.2rem;
  font-weight: bold;
}

.powermail_radio_outer,
.powermail_check_outer,
.powermail_captcha_outer
{
    background-color: transparent !important;
    border: 0;
    float: left;
    padding: 0;
    width: auto;
}

.checkbox label,
.radio label
{
  font-size: 1.2rem !important;
}

form fieldset div
{
  font-weight: bold;
  color: #007744;
  margin: 10px 0;
}

form fieldset div *
{
  font-weight: normal;
  color: #5a5a5a;
}

div.controls
{
  display: inline-block;
  width: auto;
  margin: 5px 0;
}

div.error
{
  padding-left: 10px;
  background-color: #FFE8A1;
  border: 1px solid #ff0000;
}

div.error label
{
  min-width: 10rem;
}

div.alert-error .close
{
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #5a5a5a;
  font-size: 16px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}

div.alert-error h4
{
  display: inline-block;
  color: #FF0000;
  margin-top: 0;
  margin-right: 10px;
  font-family: 'Barlow-Regular', 'Segoe UI', verdana, arial, helvetica, sans-serif, "Droid sans-serif";
  font-weight: bold;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select, textarea,
textarea.powermail_field
{
  display: inline-block;
  min-width: 15rem;
  width: 100%;
  max-width: 40rem;
  min-height: 2rem;
  background-color: #f6f4e6;
  padding: 0 0 0 0.2rem;
  border: 1px solid #5a5a5a !important;
  font-size: 1.2rem;
  vertical-align: top;
}

.input textarea,
.powermail_field textarea
{
  min-width: 15rem;
  width: 100%;
  max-width: 40rem;
  min-height: 16rem;
  font-family: 'Barlow-Regular', 'Segoe UI', verdana, arial, helvetica, sans-serif, "Droid sans-serif";
  font-size: 1.5rem;
  color: #444444;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus, textarea:focus,
textarea.powermail_field:focus
{
  background-color: #ffffff;
  border: 1px solid #c20045;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
.btn[class*="btn-"]
{
  display: inline-block;
  width: auto;
  font-size: 1.2rem;
  margin: 1rem 0 0.5rem;
  color: #ffffff;
  font-weight: bold;
  padding: 0.2em 0.4em;
  vertical-align: top;
  cursor: pointer;
}

input[type="submit"],
.btn[class*="btn-"]
{
  background-image: linear-gradient(#007744,#409efc);
}

input[type="reset"],
input[type="button"]
{
  background-image: linear-gradient(#5a5a5a,#a0a0a0);
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
.btn[class*="btn-"]:hover,
.btn[class*="btn-"]:focus,
.btn[class*="btn-"]:active
{
  background-image: linear-gradient(#409efc,#007744);
}

input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active
{
  background-image: linear-gradient(#a0a0a0,#5a5a5a);
}

select option
{
  padding-right: 1rem;
}

dl.powermail_all dt,
dl.powermail_all dd
{
  display: inline-block;
}

dl.powermail_all dt
{
  width: 30%;
  text-align: right;
  margin-right: 1rem;
  font-weight: bold;
}

dl.powermail_all dd
{
  width: 60%;
  min-height: 20px;
  background-color: #f6f4e6;
  padding: 0 6px 0 4px;
  margin-bottom: 6px;
  border: 1px solid #5a5a5a !important;
  font-size: 1.5rem;
  font-style: italic;
}

.powermail_fieldwrap,
.powermail_fieldwrap [class*="col-"]
{
  margin: 0 0 0.5rem;
  padding: 0;
}

.sidebox fieldset
{
  padding: 0;
  border: none;
}

.sidebox fieldset div
{
  margin: 0;
}

.forgotpw
{
  margin: 1rem 0;
}

input[type='radio'],
input[type='checkbox']

{
  transform: scale(1.5);
  display: inline-block;
  margin: 0 0.5rem 0.3rem 0;
  vertical-align: middle;
}

.parsley-error
{
 border: 2px solid #cc0000;
}

.powermail_fieldwrap_type_radio .parsley-error,
.powermail_fieldwrap_type_check .parsley-error
{
  border: 0;
}

.parsley-errors-list.filled
{
  list-style-type: none;
  margin: 0;
}

.parsley-custom-error-message,
.parsley-required
{
  color: #cc0000;
  font-weight: bold;
}

.powermail_fieldwrap_type_select .col-sm-10
{
  display: block;
  width: 17rem;
  padding-right: 2rem;
  background-color: transparent;
  background-image: url(../images/chrome/arrow_select.png);
  background-repeat: no-repeat;
  background-position: right center;
}

select.powermail_select
{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: calc(20% - 2rem);
  background-color: #ffffff;
}

select.powermail_select:hover,
select.powermail_select:focus,
select.powermail_select:active
{
  background-color: #ffffff;
}

form.visible-xs-inline-block,
form.visible-sm-inline-block,
form.visible-md-inline-block,
form.visible-lg-inline-block
{
  display: inline-block;
  float: left;
}

.confirmation-message
{
  font-weight: bold;
  color: #cc0000;
}

input.btn-left,
input.btn-danger
{
  display: inline-block;
  margin-right: 2rem !important;
}

[class*="frame-type-felogin_"] fieldset div
{
  font-size: 1.2rem;
}

/* Standard form fields end */

/* Open Street Map */

.leaflet-container
{
  width: 100% !important;
  height: 50rem !important;
}

.leaflet-popup
{
	background-color: rgba(0,0,0,0.3);
}

.leaflet-popup-content-wrapper a,
.leaflet-popup-content-wrapper a:hover,
.leaflet-popup-content-wrapper a:focus,
.leaflet-popup-content-wrapper a:active
{
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.leaflet-popup-content-wrapper a:before
{
  content: "" !important;
}

.leaflet-popup-content-wrapper
{
  margin: 0.5rem 2rem 0.5rem 0.5rem;
}

.leaflet-popup-content-wrapper .titleWrapper h3
{
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0;
}

.leaflet-popup-content-wrapper .infoWindowContent p
{
	font-size: 1rem;
	margin: 0.5rem 0 0;
}

.leaflet-popup-content-wrapper .titleWrapper h3,
.leaflet-popup-content-wrapper .infoWindowContent p
{
	hyphens: none;
}

.leaflet-container a.leaflet-popup-close-button::before
{
  content: "" !important;
}

.leaflet-container a.leaflet-popup-close-button:link,
.leaflet-container a.leaflet-popup-close-button:visited
{
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1.5rem !important;
  font-weight: bold;
  color: #ffffff !important;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus,
.leaflet-container a.leaflet-popup-close-button:active
{
  color: #ff0000 !important;
}

/* Open Street Map Ende */

/* Video Shariff */

.video-shariff-preview
{
    top: 20%;
}

a.video-shariff-play img
{
  width: 100%;
  height: auto;
}

/* .advkal a.video-shariff-play img
{
  width: auto;
  height: auto;
} */

.video-shariff-preview-text
{
  font-size: 1.2rem;
  font-weight: bold;
  background: #007744;
  padding: 0.5rem;
  width: 80%;
  border: 1px solid #ffffff;
  color: #ffffff;
}


/* Video Shariff Ende */

/*
####################################################
## Livestream Kaemmerling           Beginn        ##
####################################################
*/

.livestream,
.livestream iframe

{
  width: 100% !important;
  height: auto !important;
  min-height: 40rem !important;
}

/*
####################################################
## Livestream Kaemmerling           Ende          ##
####################################################
*/


/*
####################################################
## EKiR-Kalender                                  ##
####################################################
*/

.kalender
{
  width: 100% !important;
  height: 100vh;
  border: 1px solid #777777;
}

.mittel
{
  height: 60vh;
}

.kurz
{
  height: auto;
}

h2.subline,
h3.subline
{
  margin-top: 0;
}

.alertbox .hinweis
{
  font-family: 'YanoneKaffeesatzBold';
  color: #aa0000;
  font-weight: 700;
  margin: 0;
}

.alertbox
{
  margin: 1.5rem 0;
  padding: 0.5rem 1rem;
  background-color: #ffedfe;
  border: 1px solid #aa0000;
}

.alertbox a
{
  font-weight: bold;
}

.inline-hinweis
{
  font-weight: bold;
  color: #aa0000;
}

/*
####################################################
## EKiR-Kalender Ende                             ##
####################################################
*/



/*
####################################################
##                   Media Queries                ##
####################################################
*/

@media (min-width: 1334px)
{
  .width-max > .grid
  {
    margin: 0 !important;
  }
}

@media screen and (max-width: 1500px)
{
  h1.maintitle:before
  {
    content: "Evangelische Kirchengemeinde Steinbüchel";
  }
  [class*="col-8"]
  {
  width: 64%;
  }
/*   .tx-ws-flexslider .caption-body
  {
    max-height: 16rem;
  } */
}

@media screen and (max-width: 1200px)
{
  h1.maintitle:before
  {
    content: "Evangelische Kirchengemeinde  Steinbüchel";
  }
  .wrapper-logo img
  {
    height: 2.5rem;
  }
  .wrapper-title
  {
    width: 100%;
    margin: 0;
  }
  [class*="col-8"]
  {
  width: 100%;
  }
  .tx-ws-flexslider .caption-body
  {
    max-height: 19rem;
  }
}

@media screen and (max-width: 1024px)
{
  h1.maintitle:before
  {
    content: "Evangelische Kirchengemeinde  Steinbüchel";
  }
  .tx-ws-flexslider .caption-body
  {
    max-height: 12rem;
  }
  .marg
  {
    width: auto;
    max-width: 100%;
    margin: 1rem 0 0 0;
    padding: 0;
    border: 0;
  }
}

@media
    screen and (max-width: 861px) and (orientation: landscape)
{
  [class*="col-"].float-right
  {
    float: none !important;
  }
  h1.maintitle
  {
    float: none;
    text-align: left;
  }
  .wrapper-logo img
  {
    height: 2.5rem;
  }
  h1.maintitle:before
  {
    content: "Ev. KGM  Steinbüchel";
  }
  .tx-ws-flexslider li div.caption-wrapper .caption-text
  {
    font-size: 1.2rem; line-height: auto;
  }
  .tx-ws-flexslider .caption-align-left .caption-text
  {
    left: 5rem;
  }
  .tx-ws-flexslider .caption-align-left .caption-link
  {
    left: 5rem;
  }
  .tx-ws-flexslider .caption-align-right .caption-text
  {
    right: 5rem;
  }
  .tx-ws-flexslider .caption-align-right .caption-link
  {
    right: 5rem;
  }
  .tx-ws-flexslider .caption-link
  {
    position: absolute; bottom: 2rem;
  }
  .tx-ws-flexslider .caption-text
  {
    width: 47%;
    max-height: 90%;
    top: 1rem !important;
    padding: 1rem !important;
  }
  .tx-ws-flexslider .caption-align-left .caption-text,
  .tx-ws-flexslider .caption-align-right .caption-text
  {
    padding: 1rem !important;
  }
  .tx-ws-flexslider .caption-body
  {
    padding: 1rem;
    background-color: rgba(255,255,255,0.8);
    color: #000000;
    max-height: 12rem;
  }
  
  .tx-ws-flexslider .caption-body h2,
  .tx-ws-flexslider .caption-body h3,
  .tx-ws-flexslider .caption-body h4
  {
    margin: 0 0 0.5rem;
    font-family: YanoneKaffeesatzBold;
  }
  .tx-ws-flexslider .caption-body p,
  .tx-ws-flexslider .caption-body li
  {
    font-weight: normal;
    margin: 0 0 0.3rem;
    padding: 0;
    hyphens: none;
  }
  .flex-direction-nav a
  {
    font-size: 2.5rem;
    line-height: normal;
    width: 2rem;
    height: 3rem;
  }
  /* Blockquote Anführungen */
  blockquote p::before,
  blockquote p::after
  {
    font-size: 2.5rem;
    line-height: 1rem;
  }
  /* Blockquote Anführungen Ende */
  .fv .ce-above .ce-bodytext p
  {
    break-inside: avoid-column;
    page-break-inside: avoid;
  }
}

@media screen and (min-width: 601px)
{
  #main-menu > li:first-child > a
  {
    padding-left: 1rem;
  }
  
	.sm-clean ul a,
	.sm-clean ul a:hover,
	.sm-clean ul a:focus,
	.sm-clean ul a:active,
	.sm-clean ul a.highlighted
	{
	  border-bottom: 1px solid #ffffff !important;
	}
  
  .wrapper-topmenu
  {
    margin: 0;
    padding: 0;
  }
  .flexitem1,
  .flexitem2,
  .wrapper-topmenu
  {
    flex-basis: auto;
  }
  [class*="col-6"]
  {
    padding: 0;
    border: 0;
  }
  label.powermail_label,
  label.control-label,
  .label
  {
    font-size: 1.5rem;
  }
  .tx-ws-flexslider .caption-align-left .caption-text,
  .tx-ws-flexslider .caption-align-right .caption-text
  {
  paddng: 0 1rem;
  }
}

@media screen and (max-width: 600px)
{
	.flexmenu
	{
		border: none;
	}
	.grid > [class*="col-"], .flex-container > [class*="col-"]
	{
	  padding-left: 0;
	  padding-right: 0;
	}
  .wrapper-logo img
  {
    height: 2.5rem;
  }
  h1.maintitle:before
  {
    content: "Ev. KGM  Steinbüchel";
  }
  p + p,p,pre,table,li,blockquote,cite,dl,dd,th,td,td p,
  .bgtext-monocol ul,
  .bgtext-polycol ul,
  .bgtext-monocol ol,
  .bgtext-polycol ol,
  .sidebox ul,
  .sidebox ol
  {
    font-size: 1.2rem;
  }
  class*="frame-type-cols_"] .grid .col-6_md-12:first-child,
  class*="frame-type-cols_"] .grid .col-6_md-12:last-child
  {
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .tx-ws-flexslider .caption-text
  {
    width: 100%;
    max-height: 16rem;
    top: 0 !important;
    /* padding: 0 !important; */
  }
  .tx-ws-flexslider .caption-align-left .caption-text,
  .tx-ws-flexslider .caption-align-right .caption-text
  {
    padding: 1rem !important;
  }
  .tx-ws-flexslider li div.caption-wrapper .caption-title
  {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  th p,
  td p
  {
    font-size: 1.2rem;
  }
  .sidebox p,
  .sidebox li,
  .sidebox blockquote,
  .sidebox cite,
  .sidebox dl,
  .sidebox dd,
  .sidebox th,
  .sidebox td
  {
    font-size: 1rem;
  }
  .watchwordWrapper span
  {
    font-size: 1rem;
  }
  .image-caption
  {
    font-size: 1rem !important;
  }
  h1,
  .h1,
  .fontsize1
  {
    font-size: 1.7rem;
  }
  .sidebox h1,
  .sidebox .h1,
  .sidebox .fontsize1
  {
    font-size: 1.5rem;
  }
  h2,
  .h2,
  .fontsize2
  {
    font-size: 1.5rem;
  }
  .sidebox h2,
  .sidebox .h2,
  .sidebox .fontsize2
  {
    font-size: 1.2rem;
  }
  h3,
  .h3,
  .fontsize3
  {
    font-size: 1.2rem;
  }
  .sidebox h3,
  .sidebox .h3,
  .sidebox .fontsize3,
  .sidebox .ce-uploads-fileName
  {
    font-size: 1.2rem;
  }
  h4,
  .h4,
  .fontsize4
  {
    font-size: 1rem;
  }
  .sidebox h4,
  .sidebox .h4,
  .sidebox .fontsize4
  {
    font-size: 0.9rem;
  }
  h5,
  .h5
  h6,
  .h6
  {
    font-size:0.9rem;
  }
  .sidebox h5,
  .sidebox .h5
  .sidebox h6,
  .sidebox .h6
  {
    font-size: 0.9rem;
  }
  .bgtext-monocol ul,
  .bgtext-polycol ul,
  .sidebox ul
  {
    padding-left: 1.5rem;
    text-indent: -0.9rem;
  }
  [class*="_md-8"]
  {
    width: 100%;
  }
  .tx-ws-flexslider .caption-text h2,
  .tx-ws-flexslider .caption-text p,
  .tx-ws-flexslider .caption-text li
  {
    padding: 0 1rem;
  }
/* Slider-Anpassung */
  .tx-ws-flexslider .caption-text
  {
    width: 100%;
    max-height: auto;
    top: 1rem;
  }
  .tx-ws-flexslider .caption-align-left .caption-text,
  .tx-ws-flexslider .caption-align-right .caption-text
  {
  paddng: 0 1rem !important;
  }
  .tx-ws-flexslider li div.caption-wrapper .caption-title
  {
    letter-spacing: 0;
    font-size: 2rem;
    font-weight: bold; text-align: left;
    color: #007744;
    -webkit-text-stroke: none;
    text-stroke: none;
    text-shadow: none;
  }
  .tx-ws-flexslider .caption-text h2
  {
    font-size: 1.5rem;
  }
/* Slider-Anpassung Ende */
	
  #main-menu
  {font-size: 1rem;}
	
  #main-menu
  {
    width: auto !important;
    max-width: 50% !important;
  }
  .main-nav
  {
    margin: 0;
    text-align: left;
  }
  .flexmenu,
  .flexitem1,
  .flexitem2
  {
    display: inline-block;
    flex: none;
  }
  .sm-clean ul ul
  {
    border-top: none;
    padding-top: 0;
  }
  .sm-clean a .sub-arrow
  {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #ffffff;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
  }
  h1.maintitle
  {
    margin: 0;
  }
  .main-menu-btn-text
  {
    color: #ffffff;
  }
  .wrapper-logo
  {
    border-top: 0;
  }
  .wrapper-logo img
  {
    display: block;
    float: none;
    margin: 0 auto;
  }
  .rootline nav
  {
    margin: 0;
    padding-left: 1.5rem;
    padding-left: 1.5vw;
  }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  select, textarea,
  textarea.powermail_field
  .input textarea,
  .powermail_field textarea
  {
    min-width: none;
    width: 100%;
    max-width: none;
  }
  .bgtext-monocol,
  .bgtext-polycol,
  [class*="col-6"]
  {
    padding: 0;
  }
  
  .content-main
  {
    padding: 1.5rem 1rem 1rem;
  }
  .marg
  {
    margin-bottom: 3rem;
  }
  [class*="col-"]
  {
    padding-left: 0;
    padding-right: 0;
  }
  .leaflet-container
  {
    height: 25rem !important;
  }
  /* Blockquote Anführungen */
  blockquote p::before,
  blockquote p::after
  {
    font-size: 1.5rem;
    line-height: 1rem;
  }
  /* Blockquote Anführungen Ende */
  /* Downloadliste Gemeindebrief */
  .frame-type-uploads ul.ce-uploads li span.ce-uploads-fileName,
  .frame-type-uploads ul.ce-uploads li span.ce-uploads-filesize
  {
    display: block;
    width: 100%;
  }
  /* Dowmloadliste Gemeindebrief */
  [class*="col-6"]
  {
    padding: 0;
    border: 0;
  }
  /* Video Shariff */
  .video-shariff-preview-text
  {
    font-size: 1rem;
  }
  /* Video Shariff Ende */
	/* Spaltenlinien */
	/* Zweispaltig */
	.frame-type-cols_2 .grid .col-6_md-12:first-child
	{
	  padding-right: 0;
	  border-right: none;
	}
	.frame-type-cols_2 .grid .col-6_md-12:last-child
	{
	  padding-left: 0;
	  margin-right: 0;
	}
	/* Dreispaltig */
	.frame-type-cols_3 .grid .col-6_md-12:first-child
	{
	  padding-right: 0;
	  border-right: none;
	}
	.frame-type-cols_3 .grid .col-6_md-12:last-child
	{
	  padding-left: 0;
	  border-left: none;
	}
	/* Spaltenlinien Ende */
	/* Tabelle Gottesidnestplan */
	.frame-layout-161 .contenttable
	{
		table-layout: auto;
	}
	.frame-layout-161 .contenttable th:nth-child(1),
	.frame-layout-161 .contenttable td:nth-child(1),
	.frame-layout-161 .contenttable th:nth-child(2),
	.frame-layout-161 .contenttable td:nth-child(2),
	.frame-layout-161 .contenttable th:nth-child(3),
	.frame-layout-161 .contenttable td:nth-child(3),
	.frame-layout-161 .contenttable th:nth-child(4),
	.frame-layout-161 .contenttable td:nth-child(4),
	.frame-layout-161 .contenttable th:nth-child(5),
	.frame-layout-161 .contenttable td:nth-child(5)
	{
		width: auto;
	}
	/* Tabelle Gottesdienstplan Ende */
}

 @media screen and (min-width: 601px) and (max-width: 900px)
{
  .wrapper-logo img
  {
    height: 2.5rem;
  }
  h1.maintitle:before
  {
    content: "Ev. Kirchengemeinde Steinbüchel";
  }
  .leaflet-container
  {
    height: 35rem !important;
  }
  .fv .ce-above .ce-bodytext p
  {
    break-inside: avoid-column;
    page-break-inside: avoid;
  }
  [class*="col-6"]
  {
    padding: 0;
    border: 0;
  }
  [class*="col-"].float-right
  {
    float: none;
  }
  .tx-ws-flexslider li div.caption-wrapper .caption-title
  {
    letter-spacing: 0.05em;
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h2,
  .h2,
  .fontsize2
  {
    font-size: 1.6rem;
  }
  {
  p + p,p,pre,table,li,blockquote,cite,dl,dd,th,td,
  .bgtext-monocol ul,
  .bgtext-polycol ul,
  .bgtext-monocol ol,
  .bgtext-polycol ol,
  .sidebox ul,
  .sidebox ol
  {
    font-size: 1rem;
  }
  .tx-ws-flexslider li div.caption-wrapper .caption-text
  {
    font-size: 1rem;
    line-height: auto;
  }
  .tx-ws-flexslider .caption-text
  {
    width: 70%;
    max-height: 85%;
    top: 1rem;
  }
  .tx-ws-flexslider li div.caption-wrapper .caption-title
  {
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
/* Slider-Anpassung */
  .tx-ws-flexslider .caption-text
  {
    width: 100%;
    max-height: auto;
    top: 1rem;
  }
  .tx-ws-flexslider .caption-align-left .caption-text,
  .tx-ws-flexslider .caption-align-right .caption-text
  {
    padding: 1rem !important;
  }
  .tx-ws-flexslider li div.caption-wrapper .caption-title
  {
    letter-spacing: 0;
    font-size: 2rem;
    font-weight: bold; text-align: left;
    color: #007744;
    -webkit-text-stroke: none;
    text-stroke: none;
    text-shadow: none;
  }
  .tx-ws-flexslider .caption-text h2
  {
    font-size: 1.5rem;
  }
  
/* Slider-Anpassung Ende */

/* Spaltenlinien */
	/* Zweispaltig */
	.frame-type-cols_2 .grid .col-6_md-12:first-child
	{
	  padding-right: 0;
	  border-right: none;
	}
	.frame-type-cols_2 .grid .col-6_md-12:last-child
	{
	  padding-left: 0;
	  margin-right: 0;
	}
	/* Dreispaltig */
	.frame-type-cols_3 .grid .col-6_md-12:first-child
	{
	  padding-right: 0;
	  border-right: none;
	}
	.frame-type-cols_3 .grid .col-6_md-12:last-child
	{
	  padding-left: 0;
	  border-left: none;
	}
/* Spaltenlinien Ende */

/* Tabelle Gottesdientestplan */
.frame-layout-161 .contenttable
{
	table-layout: auto;
}
.frame-layout-161 .contenttable th:nth-child(1),
.frame-layout-161 .contenttable td:nth-child(1),
.frame-layout-161 .contenttable th:nth-child(2),
.frame-layout-161 .contenttable td:nth-child(2),
.frame-layout-161 .contenttable th:nth-child(3),
.frame-layout-161 .contenttable td:nth-child(3),
.frame-layout-161 .contenttable th:nth-child(4),
.frame-layout-161 .contenttable td:nth-child(4),
.frame-layout-161 .contenttable th:nth-child(5),
.frame-layout-161 .contenttable td:nth-child(5)
{
	width: auto;
}
/* Tabelle Gottesdienstplan Ende */
}
/*
####################################################
##                   Media Queries Ende           ##
####################################################
*/