/*
	FIFDA.de
	USER CSS
	VERSION: 0.1
	REV: 2024-02-28
*/
/*
Fonts  : url('/media/templates/site/fonts/.../fonts.css');
FontCSS: in 'templateDetails.xml' eingefügt
         unter 'Templates: Stil bearbeiten' aktiviert
font-family: open_sansregular,Cabin, Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
font-family: open_sansregular,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
*/
body {
  /*font-family: open_sansregular,Cabin,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;*/
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}
/*** font 
 ***/
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  /*font-family: open_sansregular,Cabin,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;*/
  /*font-weight:700; /*500 o. 700*//*! */
  color: var(--gray-600);
}
/* headings font size */
h1, .h1 {
  font-size: calc(1.325rem + 0.9vw);
}
a {
  color: #296d26
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2rem;
  }
}
h2, .h2 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}
h3, .h3 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}
h4, .h4 {
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 1rem;
}
h6, .h6 {
  font-size: 1rem;
}
.fg-danger {
  color:var(--danger)!important
}

/**/

.header .logo.small {
   *width: 3rem;
}

/*** CHM: Grid 1200px 
 ***/
.site-grid {
  max-width: 1200px;
  margin-left: auto; 
  margin-right: auto;
  grid-gap: 0 1em
}
.grid-child {
  width: 100%;
  max-width: 1200px
}
/**/

/*** link underline none ***/
a:not([class]) {
    text-decoration: none;
}
/* Schlagwörter, beliebt */
.tagspopular .tag a {
    text-decoration: none;  
}
/* link decoration */
.btn-primary:hover, .btn-primary:focus,
.btn-secondary:hover, .btn-secondary:focus, 
.blog-items .page-header a:hover,
.tagspopular .tag a:hover,
.blog-featured .item-title a:hover { 
  text-decoration: underline;
}

.com-content-article__body a:hover { 
  background: var(--secondary-bg);
  text-decoration: underline;
}
/**/

/*** Logo 
 ***/
.container-header .grid-child {
  padding: 0px
}
.top-logo .card-body {
  padding: 0px;
  /*! margin-bottom: 0; */
}
.top-logo {
  min-width: 100%;
  min-height: 36px;
  --card-border-color: disabled  
}
.top-logo p {
  margin: 0
}
/**/

/*** Top-Menue 
 ***/
.container-header .container-nav {
  /*! background-color: #24619d; */
  /*background-image: url("/templates/images/top-herder-logo.png");*/
  padding-bottom:.5em
}
/*** Top-Menue 
 ***/
.container-header .container-nav {
  /*! background-color: #24619d; */
  /*! background-image: url("/templates/images/top-herder-logo.png"); */
  padding-bottom:.5em;
  clear: both;
  position: relative;
  border-bottom: 3px solid #ababab; /*fd9901*/
  background: #296d26;  
  text-transform: uppercase;
  /*line-height: 48px;
  font-size: 18px;*/
  font-weight: 300;  
  text-transform: uppercase;
  color: #ababab;
  white-space: nowrap;  
}
/*** menue background ***/
.container-header {
  background-color: #296d26;
  background-image: none;
}
/* FIFDA */
.title-itsida .container-header .container-nav {
  background: #1d326d;  
}
.title-itsida .container-header {
  background-color: #1d326d;
  background-image: none 
}

/*** Footer-Menue 
 ***/
.container-footer {
  background-color: #296d26;
  background-image: none;
}
.footer .grid-child {
  justify-content:space-between;
  align-items:center;
  padding: 1rem .5em;
  font-weight: 300;  
  text-transform: uppercase;
}
.container-footer .mod-menu a {
  font-size: 1.0rem;
}
/* goback button */
.back-to-top-link {
  color: var(--green);
  pointer-events: all;
}
.back-to-top-link:hover,
.back-to-top-link:focus {
  color:var(--white,#fff);
  background-color:var(--green);
  border-color:var(--white,#fff)
}

/* ITSIDA */
.title-itsida .container-footer {
  background-color: #1d326d;
}
/* Footer1+2 */
footer div.mod-footer {
  /*display: flex;
  flex: 1 1 0%;
  align-items: center; 
  flex-direction: column;
  justify-content: space-between;*/
  text-align: right;
  line-height: 1.0rem;
  text-transform: none; 
  color: #dfe3e7;
  font-size: 8pt
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}

/*** modul blog 
 ***/
/* aktueller Beitrag */
.no-card .newsflash-horiz li figure {
  margin: 0 -0.51rem 1rem;
}
.no-card .newsflash-image,
.blog .item-image img {
  border: 1px solid #e0e0e0
}
/* Überschrift Beitrag */
.blog-items .page-header h2,
.blog-featured .item-content h2 {
  font-size: 1.5rem
}

/*** Bild Wechsel modul randomimage
 ***/
.mod-randomimage-dnetz .random-image img {
  margin: 0px auto; 
  border: 1px solid #2a69b8; 
  display: block
}
/* itsida */
.mod-randomimage-itsida .random-image img {
  margin: 0px auto; 
  border: 1px solid #2a69b8; 
  display: block
}

/*** module feed
 ***/
.feed-kdsa .feed-link a:hover, .feed-kdsa .feed-link a:focus {
  text-decoration: underline;
} 

/*** Blog Beitrag Bild
 ***/
.beitrag-img-right {
  margin-left: 5px;
  margin-bottom: 5px;
  float: right;
  max-width: 400px
}
.beitrag-img-left {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  max-width: 400px
}
.beitrag-img-einleitung img {
  max-height: 240px;
  width: auto
}

/*** CHM/Fix
 ***/
/* 5.3. Issue 3 – Layout in Blog View */
.image-left .blog-item .item-content, .image-right .blog-item .item-content {
    flex: 1 0 40%
}