/* used colors */
:root
{
    --whyte: #FFFFFF;
    --red: #A72920;
    --blue: #005387;
    --grey: #E0E0E0;
    --black: #000000;

  --body-font-size: 0.9474rem; /* 14px */
  --font-size2: 1.684rem;
  --font-size3: 1.263rem;
  --font-family-normal: helvetica, sans-serif;
  --header-font-weight: var(--font-weight-normal);
  --header-font-variation-settings: var(--font-variation-settings);
}

/* header line */
.content-header
{
  background: var(--whyte);
}

/* header navigation */
.sm-clean,
.main-nav,
.wrapper-topmenu
{
  background: var(--grey);
}

.sm-clean a
{
  color: var(--red);
}

.sm-clean ul
{
  background: var(--grey);
}

.sm-clean a:hover,
.sm-clean a:focus,
.sm-clean a:active,
.sm-clean a.highlighted,
.sm-clean a.current,
.sm-clean a.active
{
  color: var(--blue);
}

/* body part */
body
{
  background: var(--red);
  color: var(--black);
}

main
{
  color: var(--grey);
}

main a
{
  color: var(--grey);
  text-decoration: underline;
}

main a:hover,
main a:focus,
main a:active,
main a.highlighted
{
  color: var(--blue);
}

.hidden-sm span
{
  color: var(--blue);
}

.ce-uploads li:nth-child(2n+1)
{
  background: var(--red);
}

/* News */
.f3-widget-paginator > li > a
{
  	border-color: var(--black);
	background-color: var(--grey);
  	color: var(--red);
}

.f3-widget-paginator > li.current
{
  position: relative;
  padding: 0 .375rem;
  min-width: 3rem;
  text-decoration: none;
  margin: 0 2px .75rem 0;
  line-height: 3rem;
}

.f3-widget-paginator > li.active span, 
.f3-widget-paginator > li.current a, 
.f3-widget-paginator > li > a:hover, 
.f3-widget-paginator > li > a:focus
{
    background-color: var(--grey);
    color: var(--blue);
  	border: .063rem solid var(--black);
}

/* News Picture */
figcaption
{
    color: var(--grey);
}

.news
.article 
.news-img-wrap
{
    background: var(--red);
}

/* footer */
.content-footer
{
  background: var(--grey);
  color: var(--black);
}

.content-footer h3,
.content-footer2 h3 {
    color: var(--black);
}

/* last line */
.content-footer2
{
  background: var(--whyte);
  color: var(--black);
}

.wrapper-footer a
{
  color: var(--red);
}

.wrapper-footer li > span
{
  color: var(--blue);
}

.wrapper-footer a:hover,
.wrapper-footer a:focus,
.wrapper-footer a:active,
.wrapper-footer a.highlighted 
{
	color: var(--blue);
}

/* scroll Up Button */
.fa
{
  font-family: "Font Awesome 5 Free" !important;
}

.scrollToTop
{
  background: var(--grey);
  color: var(--red);
  border: 1px solid var(--black);
}

.scrollToTop a:hover,
.scrollToTop a:focus,
.scrollToTop a:active
{
  background: var(--grey);
  color: var(--blue);
}

/* design space line */
.frame-ruler-after:after
{
    border-bottom: .063rem solid var(--grey)
}

/* page element menu */
[class*="frame-type-menu_"] li
{
    border-top: .063rem solid var(--grey)
}

[class*=frame-type-menu_] > ul
{
    border-bottom: .063rem solid var(--grey)
}

/* page element tabelle */
table
{
  border: .063rem solid var(--black);
}

th
{
  background:var(--red);
  color: var(--black);
  font-weight: 750;
  border-bottom: 0.2rem solid var(--black);
}

td
{
  border-bottom: 0.063rem solid var(--black);
}

tr:hover td,
tr:focus td
{
  background:var(--red);
  color: var(--black);
}

.frame-custom-31 header h3
{
  color: var(--red);
}

.frame-custom-31 > header:hover h3,
.frame-custom-31 > header:focus h3,
.frame-custom-31 > header:active h3,
.frame-custom-31 > header.open h3
{
    color: var(--blue);
}

strong
{
  font-weight: 700;
}

/* formular */
textarea,
input,
select,
select[multiple]
{
  background-color: var(--grey);
  color: var(--red);
}

textarea:hover,
textarea:focus,
textarea:focus-visible,
input:hover,
input:focus,
input:focus-visible
{
  outline: none;
  background: var(--grey);
  color: var(--blue);
}

.form-control
{
  border: none;
}

.btn-primary
{
  border: none;
  background: var(--grey);
  color: var(--red);
}

.btn-primary:hover,
.btn-primary:focus
{
  background: var(--grey);
  color: var(--blue);
}

::placeholder
{
  color: var(--blue);
}

.form-check-label
{
  display: inline;
  margin-left: 5pt;
}


/* iframe not clickable */
.iframe-parent {
  width: 100%;
  height: 489px;
  position: relative;
  overflow: hidden;
}
    
.transparent-block {
  z-index:5;
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
}

/* agenda iframe */
.iframe-agenda
{
  z-index: 1;
  position: absolute;
  top: -60px;
  width: calc(100% + 17px);
}

/* for computers */
@media screen and (min-width: 601px)
{
  .sm-clean ul
  {
    border: 1px solid var(--black);
  	box-shadow: 10px 10px 15px rgba(0,0,0,0.5);
  }
  
  .sm-clean ul a
  {
    color: var(--red);
  }
  
  .sm-clean a .sub-arrow
  {
    border-color: var(--red) transparent transparent transparent;
  }
  
  .sm-clean ul a .sub-arrow
  {
    border-color: transparent transparent transparent var(--red);
  }
  
  .sm-clean > li > ul::after 
  {
    border-color: transparent transparent var(--grey) transparent;
  }
  
  .sm-clean > li > ul::before
  {
    border-color: transparent transparent var(--black) transparent;
  }
  
  .sm-clean .scroll-up-arrow
  {
    border-color: transparent transparent var(--red) transparent;
  }
  
  .sm-clean .scroll-down-arrow
  {
    border-color: var(--red) transparent transparent transparent;
  }
  
  .sm-clean ul a:hover,
  .sm-clean ul a:focus,
  .sm-clean ul a:active,
  .sm-clean ul a.highlighted,
  .sm-clean ul a.current, 
  .sm-clean ul a.active
  {
    color: var(--blue);
    background-color: var(--grey);
  }
  
  .sm-clean a:hover .sub-arrow,
  .sm-clean a:focus .sub-arrow,
  .sm-clean a:active .sub-arrow,
  .sm-clean a.highlighted .sub-arrow,
  .sm-clean a.current .sub-arrow,
  .sm-clean a.active .sub-arrow
  {
    border-color: var(--blue) transparent transparent transparent;
  }
  
  .sm-clean ul a:hover .sub-arrow,
  .sm-clean ul a:focus .sub-arrow,
  .sm-clean ul a:active .sub-arrow,
  .sm-clean ul a.highlighted .sub-arrow
  .sm-clean ul a.current .sub-arrow,
  .sm-clean ul a.active .sub-arrow
  {
    border-color: transparent transparent transparent var(--blue);
  }
  
  .sm-clean .scroll-up:hover .scroll-up-arrow,
  .sm-clean .scroll-up:focus .scroll-up-arrow,
  .sm-clean .scroll-up:active .scroll-up-arrow
  {
    border-color: transparent transparent var(--blue) transparent;
  }
  
  .sm-clean .scroll-down:hover .scroll-down-arrow,
  .sm-clean .scroll-down:focus .scroll-down-arrow,
  .sm-clean .scroll-down:active .scroll-down-arrow
  {
    border-color: var(--blue) transparent transparent transparent;
  }
}

/* for smartphone*/
@media screen and (max-width: 600px)
{
  .main-menu-btn-icon:before,
  .main-menu-btn-icon,
  .main-menu-btn-icon:after
  {
  	background: var(--red);
  }
  
  .main-menu-btn-icon:hover:before,
  .main-menu-btn-icon:focus:before,
  .main-menu-btn-icon:active:before,
  .main-menu-btn-icon:hover,
  .main-menu-btn-icon:focus,
  .main-menu-btn-icon:active,
  .main-menu-btn-icon:hover:after,
  .main-menu-btn-icon:focus:after,
  .main-menu-btn-icon:active:after,
  .main-menu-btn-icon.highlighted,
  .main-menu-btn-icon.current,
  .main-menu-btn-icon.active
  {
    background: var(--blue);
  }
}

.content-footer a,
.content-footer a:hover,
.content-footer a:focus,
.content-footer2 a,
.content-footer2 a:hover,
.content-footer2 a:focus {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration-color: currentColor;
    -webkit-text-decoration-color: currentColor;
}