body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.mod_visitors .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left;
	width:0px;
	height:0px;
}
:root{--hc-black: black;--hc-black-bis: hsl(0, 0%, 7%);--hc-black-ter: hsl(0, 0%, 14%);--hc-grey-darker: hsl(0, 0%, 21%);--hc-grey-dark: hsl(0, 0%, 29%);--hc-grey: hsl(0, 0%, 48%);--hc-white: white}.wcag-square,.wcag-size{transform:scale(0.4)}.wcag-size:visited{color:var(--hc-black)}.contrast-size-switcher button{background:none;border:none;padding:0;display:flex}.contrast-size-switcher button:focus{background:none}.high-contrast a,.high-contrast a:visited{text-decoration:underline}.high-contrast .hc-invert:not(.hc-greyscale),.high-contrast .hc-invert-pictures:not(.hc-greyscale-pictures) img,.high-contrast .hc-invert-pictures:not(.hc-greyscale-pictures) svg{filter:invert(1)}.high-contrast .hc-greyscale:not(.hc-invert),.high-contrast .hc-greyscale-pictures:not(.hc-invert-pictures) img,.high-contrast .hc-greyscale-pictures:not(.hc-invert-pictures) svg{filter:grayscale(1)}.high-contrast .hc-invert.hc-greyscale,.high-contrast .hc-invert-pictures.hc-greyscale-pictures img,.high-contrast .hc-invert-pictures.hc-greyscale-pictures svg{filter:invert(1) grayscale(1)}.high-contrast .hc-bg-black{background:var(--hc-black) !important}.high-contrast .hc-bg-black,.high-contrast .hc-bg-black *{color:var(--hc-white) !important}.high-contrast .hc-bg-black-bis{background:var(--hc-black-bis) !important}.high-contrast .hc-bg-black-bis,.high-contrast .hc-bg-black-bis *{color:var(--hc-white) !important}.high-contrast .hc-bg-black-ter{background:var(--hc-black-ter) !important}.high-contrast .hc-bg-black-ter,.high-contrast .hc-bg-black-ter *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey-darker{background:var(--hc-grey-darker) !important}.high-contrast .hc-bg-grey-darker,.high-contrast .hc-bg-grey-darker *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey-dark{background:var(--hc-grey-dark) !important}.high-contrast .hc-bg-grey-dark,.high-contrast .hc-bg-grey-dark *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey{background:var(--hc-grey) !important}.high-contrast .hc-bg-grey,.high-contrast .hc-bg-grey *{color:var(--hc-white) !important}.high-contrast .hc-bg-white{background:var(--hc-white) !important}.high-contrast .hc-bg-white,.high-contrast .hc-bg-white *{color:var(--hc-black) !important}.high-contrast .hc-text-white,.high-contrast .hc-text-white *{color:var(--hc-white) !important}.high-contrast .hc-hover-text-white:hover,.high-contrast .hc-hover-text-white:hover *,.high-contrast .hc-hover-text-white:focus,.high-contrast .hc-hover-text-white:focus *{color:var(--hc-white) !important}.high-contrast .hc-text-black,.high-contrast .hc-text-black *{color:var(--hc-black) !important}.high-contrast .hc-hover-text-black:hover,.high-contrast .hc-hover-text-black:hover *,.high-contrast .hc-hover-text-black:focus,.high-contrast .hc-hover-text-black:focus *{color:var(--hc-black) !important}.high-contrast .hc-hover-bg-black:hover,.high-contrast .hc-hover-bg-black:focus,.high-contrast .hc-hover-bg-black:focus-visible{background:var(--hc-black) !important}.high-contrast .hc-hover-bg-black-bis:hover,.high-contrast .hc-hover-bg-black-bis:focus,.high-contrast .hc-hover-bg-black-bis:focus-visible{background:var(--hc-black-bis) !important}.high-contrast .hc-hover-bg-black-ter:hover,.high-contrast .hc-hover-bg-black-ter:focus,.high-contrast .hc-hover-bg-black-ter:focus-visible{background:var(--hc-black-ter) !important}.high-contrast .hc-hover-bg-grey-darker:hover,.high-contrast .hc-hover-bg-grey-darker:focus,.high-contrast .hc-hover-bg-grey-darker:focus-visible{background:var(--hc-grey-darker) !important}.high-contrast .hc-hover-bg-grey-dark:hover,.high-contrast .hc-hover-bg-grey-dark:focus,.high-contrast .hc-hover-bg-grey-dark:focus-visible{background:var(--hc-grey-dark) !important}.high-contrast .hc-hover-bg-grey:hover,.high-contrast .hc-hover-bg-grey:focus,.high-contrast .hc-hover-bg-grey:focus-visible{background:var(--hc-grey) !important}.high-contrast .hc-hover-bg-white:hover,.high-contrast .hc-hover-bg-white:focus,.high-contrast .hc-hover-bg-white:focus-visible{background:var(--hc-white) !important}.high-contrast .wcag-square,.high-contrast .wcag-size,.high-contrast .wcag-size:visited{color:#fff;fill:#fff}.high-contrast .text-decoration-none,.high-contrast .text-decoration-none a{text-decoration:none}.first-headline.block,.subheadline{font-size:0.7em;font-weight:300;display:block}.first-headline:not(.block){font-weight:300}.first-headline:not(.block)+.main-headline{font-weight:700}
:root {
  --pageBackground:                 #e9e9e9 !important; /* Hintergrundfarbe */
  --primary-color:                  #ffffff !important; /* Hintergrundfarbe der Kopfzeile und Mehr */
  --button-floating-background:     #000000 !important; /* News Mehr button Hintergrundfarbe */
  --navbar-active-color:            var(--color1) !important; /* Farbe des Strichs über dem aktiven Menü */
  --footer-secondary-bg-color:      #000000 !important; /* Footer Hintergrundfarbe */
  --mateColor2:                     #000 !important;
  --mateColor6:                     gray !important;
  --mateColor3-text-color:          #82898f !important;
  --input-border:                   2px solid #82898f !important; /* Rahmen bei eingabefeldern */
  --navbar-stuck-bg-color:          #000000 !important; /* Menüband Mobile Hintergrundfarbe */
  --navbar-stuck-dropdown-bg:       #000000 !important; /* Menüband Mobile Hintergrundfarbe */
  --accordion-headline-background:  #989898 !important;
  --accordion-headline-hover-background: var(--color1) !important;
}

/* Navigartion Anfang */
/* Anzeige des FCN Logos im Menü nur bei mobilder ansicht */
nav .brand-logo {
  display: none !important;
}

#header .nav-wrapper ul>li.trail>a:before,                       /* Markierer über dem aktiven Menüpunkt weiß*/
#header .mod_mateNavbar.stuck .nav-wrapper ul>li.trail>a:before, /* Markierer über dem aktiven Menüpunkt schwarz*/
#header .nav-wrapper ul>li>a:hover:before,                       /* Markierer über dem Menüpunkt des Cursor weiß */
#header .mod_mateNavbar.stuck .nav-wrapper ul li a:hover:before  /* Markierer über dem Menüpunkt des Cursor schwarz */
{
  border-color: var(--color1) !important;
  background-color: var(--color1) !important;	
}

#header .mod_mateNavbar.stuck{
  height: auto !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

/* Sparte -> Fussball -> jugend ist zu lang; Deswegen scrollbar */
#nav276dropdown182{
 max-height: 40vh;
 overflow-y: scroll !important;
}

/* Desktop */
@media (min-width: 993px){
#header .desktop-menu {
  justify-content: normal !important;
  margin: 0 0px 0 10px !important;
  padding-right: 200px !important;
  }
}

.subnav a.submenu::after {
    color: rgb(255, 255, 255) !important;
}


#header .nav-wrapper ul.dropdown-content .dropdown-content{
  left: 75% !important;
}

@media (max-width: 767px)
{
  nav .brand-logo {
    display: unset !important;
  }
}


.dropdown-content,
#header .nav-wrapper ul.dropdown-content{
	border-radius: 5px !important;
    box-shadow: 1px 3px 4px 0px #888 !important;
    -webkit-box-shadow: 1px 3px 4px 0px #888 !important;
}
	

.subnav li>a
{
  color: var(--color5) !important; /* Farbe für Menü Schrift */
  background: var(--color2) !important; /* Farbe für Menü */
}

.subnav .dropdown-content li>a
{
  color: var(--color6) !important; /* Farbe für Submenü Schrift */
  background: var(--color3) !important; /* Farbe für Submenü */
}

.subnav li>a.trail, /* Aktiver übergeordneter Menüpunkt */
.subnav li>a.active, /* Aktiver Menüpunkt */

.submenu li>a.trail, /* Aktiver übergeordneter Menüpunkt */
.submenu li>a.active, /* Aktiver Menüpunkt */

.sidenav li.trail,
.sidenav li a.active,
#header .mod_mateNavbar .nav-wrapper .sidenav .subitems a.active + i,
#header .nav-wrapper ul.dropdown-content li.active,
#header .nav-wrapper ul.dropdown-content>li.trail,
#header .nav-wrapper ul.dropdown-content>li:hover,
#header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li:hover
{
  color: var(--color7) !important;
  background: var(--color4) !important;  /* Farbe für aktive Menüpukt  */
  border-radius: 5px !important;
  cursor: pointer !important;
}

.subnav li>a.trail, /* Aktiver übergeordneter Menüpunkt */
.subnav li>a.active, /* Aktiver Menüpunkt */
.submenu li>a.trail, /* Aktiver übergeordneter Menüpunkt */
.submenu li>a.active, /* Aktiver Menüpunkt */

#header .nav-wrapper ul.dropdown-content li a.trail,
#header .nav-wrapper ul.dropdown-content li a.trail i,
#header .nav-wrapper ul.dropdown-content li a.active,
#header .nav-wrapper ul.dropdown-content li a.active i,
#header .nav-wrapper ul.dropdown-content>li a:hover,
#header .nav-wrapper ul.dropdown-content>li a:hover i,
#header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li a:hover,
#header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li a:hover i
{
  color: var(--color7) !important;
}

.sidenav{
  /*transform: translateX(-200%) !important;*/
}
  
@media (max-width: 992px)
{
  .sidenav,
  .sidenav li{
    background: var(--color2) !important; /* Farbe für Menü */
  }


  .sidenav li>a {
    color: var(--color5) !important; /* Farbe für Menü Schrift */
  }  
  
  .sidenav li ul,
  .sidenav ul li{
    background: var(--color3) !important; /* Farbe für Submenü */
  }  
  
  .sidenav li ul a{
    color: var(--color6) !important; /* Farbe für Submenü Schrift */
    background: var(--color3) !important; /* Farbe für Submenü */
  }


  #header .mod_mateNavbar .nav-wrapper .sidenav i {
    color: var(--color5) !important; /* Farbe für Menü Schrift */
  } 
  
  #header .mod_mateNavbar .nav-wrapper .sidenav .subitems i {
    color: var(--color6) !important; /* Farbe für Menü Schrift */
  } 
  
  li.spenden{
  	margin-bottom: 30px !important;
  }
}

/* Navigartion Ende */

/* Seitenzähler */
nav {
    color: #000000 !important;
}


/* Allgemeines Layout Anfang*/
#main {
  margin-top: 0 !important;
}

/* Gesammtbreite der Homepage */
.sectionTop,              /* Top-Bereich mit Logo und Slogan */
#header .mod_mateNavbar,  /* Top-Navigation */
#header .search-box,      /* Such-Box Top */
#header .nav-wrapper,    
.container                 /* Seiteninhalt */
{
  max-width: 1800px !important;
  width: 90% !important;
}

.sectionTop,             /* Top-Bereich mit Logo und Slogan */
#header .nav-wrapper,
#header .mod_mateNavbar  /* Top-Navigation */
{
  margin: 0 auto !important;
}

/* Rundung der unteren Ecken bei derTop-Navigation */
#header .mod_mateNavbar{
  border-radius: 0 0 5px 5px !important;
}

/* Rundung der Boxen in der Sub-Navigations */
.subnav li>a {
  border-radius: 5px !important;
}

/* allgemeine Linkfarbe */
a{
	/* color: #00E !important; */
}

/* Allgemeine Schriftgrößen */
body{
    font-size: 16px !important;
}
.layout_latest .inner h2,.layout_short .inner h2,.layout_teaser .inner h2,.layout_list .inner h2 {
    font-size: 1.75em !important;
}

/* Größe des Inhaltbereiches */


/* Allgemeines Layout Ende */


/* Scrollbar Anfang */
body::-webkit-scrollbar {
  width: 11px;
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--color1) transparent;
}
body::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color1) ;
  border-radius: 6px;
  border: 3px solid transparent;
}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color1) transparent;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--color1);
  border-radius: 20px;
  border: 3px solid transparent;
}
/* Scrollbar Ende*/

/* Kopfzeile Anfang */
.sectionTop {
  height:170px !important;
}

.inside:first-of-type{
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
}

.sectionTop .inside{
  max-width: 100% !important;
  width: 100% !important;
  display: inline-flex !important;
  justify-content: space-between !important;
  background-image: url("/files/layout/vereinsheim-header.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-direction: unset !important;
  height: 150px !important;
  padding: 0px !important;
  margin-top: 20px !important;
}
/* Kopfzeile Ende */

/* Überschriften */
h1, h2, h3, h4, h5, h6{
  margin-top:20px !important;
  margin-bottom:0px !important;
}



/* News Anfang */

/* Schatten bei der Newsbox*/
.layout_latest .inner,
.layout_short .inner{
  margin: 2px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

/* Hintergrundfarbe */
.layout_latest figure, .layout_teaser figure {
    background: var(--mateColorWhite) !important;
}

/* Absatz nach der Überschrift*/
.teaser{
padding-top:10px;
}
/* News Ende */

/* Social Media Anfang */
a.facebook,
a.instagram,
a.whatsapp{
  overflow: hidden !important;
  text-indent: -200px !important;
  background-repeat: no-repeat !important;
  background-size: 45px !important;
  width:50px !important;
  height:50px !important;
  background-position: left !important;
}

@media (min-width: 993px){
  li.facebook{
    position: absolute !important;
    right: 160px !important;
  }

  li.whatsapp{
    position: absolute !important;
    right: 100px !important;
  }
  
  li.instagram{
    position: absolute !important;
    right: 40px !important;
  }

  li.spenden{
    position: absolute !important;
    right: 40px !important;
    top: 60px !important;
  }
  
  #header .nav-wrapper ul>li>a.facebook:hover:before,
  #header .nav-wrapper ul>li>a.instagram:hover:before,
  #header .nav-wrapper ul>li>a.whatsapp:hover:before,
  #header .nav-wrapper ul>li>a.spenden:hover:before{
   	border: none !important;
  }
}

/* Menüicons bei Ansicht auf Mobilgeräten */
.mobile-menu li.facebook,
.mobile-menu li.instagram,
.mobile-menu li.whatsapp,
.mobile-menu li.spenden{
  padding-left: 20px !important;
  padding-bottom: 10px !important;
}



/* Menüicon Facebook */
a.facebook{
  background-image: url("/files/layout/facebook_logo.svg");
}

/* Menüicon Instagram */
a.instagram{
  background-image: url("/files/layout/instagram_logo.svg");
}

/* Menüicon whatsapp */
a.whatsapp{
  background-image: url("/files/layout/whatsapp_logo.svg");
}

/* Menüicon Spenden */
a.spenden{
  overflow: hidden !important;
  text-indent: -200px !important;
  background-repeat: no-repeat !important;
  height:40px !important;
  width:120px !important;
  background-position: left !important;
  background-image: url("/files/layout/spenden_v1.svg") !important;
}
/* Social Media Ende */

/* Such-Box Top Anfang */
#header .search-box{
  position: unset !important;
  border-radius:5px !important;
  margin-top: 5px !important;
}

#header .search-box.active{
height: 70px !important;
}

/* Such-Box Top Ende */

/* Layout Balken Anfang */
h1.bordered-left:after
{
  border-bottom-color: var(--color1) !important; /* Gundfarbe */
  border-bottom-style: solid !important;
  border-bottom-width: 10px !important; 
  width: 50% !important;
  bottom: 10px !important;
}

h1.bordered-left{
  padding-bottom: 15px;
  margin-top: 15px;
  margin-bottom: 10px;
}
/* Layout Balken Ende */

/* Artikel Hintergrund*/
#container .col.l9 {
   background-color: #fff;
  border-radius: 5px;
}

/* Kalender Anfang */
.calendar th.head,
.minicalendar th.head  {
  color: #000 !important;
  background: #fff !important;
  font-weight: bold !important;
}

.calendar .previous a,
.calendar .next a,
.minicalendar .previous a,
.minicalendar .next a{
  color: #000 !important;
  background: #fff !important;
  font-weight: bold !important;
}

/*.calendar .label,
.minicalendar .label */
.calendar td.active, .minicalendar td.active {
  color: #000 !important;
  background: #fff !important;
  font-weight: bold !important;
}

.calendar td.active a, .minicalendar td.active a {
    color: #000 !important;
}

.calendar td.active:hover,.minicalendar td.active:hover {
    background: #ffffff !important;
}

.calendar .days.active,
.minicalendar .days.active,
.calendar .days.active:hover,
.minicalendar .days.active:hover{
  color: #000 !important;
  background: #fff !important;
  font-weight: bold !important;
}

.calendar .days.active a,
.minicalendar .days.active a,
.calendar .days.active a:hover,
.minicalendar .days.active a:hover{
  color: #000 !important;
  background: #fff !important;
  font-weight: bold !important;
}

.event time {
    background: revert;
    font-weight: 700 !important;
    color: #000 !important;
    padding: 5px !important;
    display: inline-block !important;
}

.event.layout_full .info{
  margin: 0 !important;
}
/* Kalender Ende */

#main .inside {
    padding: 0 0.75rem !important;
}

blockquote {
    border-left: 5px solid #000 !important;
}

/* Ausrichtung Inhaltblock und Nav Block */
.container {
  padding: 30px 0 0 0 !important;
}

.left-col #left, .right-col #left, .left-right-col #left {
    padding: 0 15px 0 0 !important;
}

/* Beitragsordnung Anfang */
.beitrag {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  border-color: #666;
  border-style: solid;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 1px;
  background-color: #666;
}

.beitrag th{
  text-align: center;
  background-color: #666;
  font-weight: bold;
  color: #fff;
}

.beitrag td:first-child{
  padding-left:15px;	
}
.beitrag td,
.beitrag th{
  border: 0;
  padding: 7px;  
}

.beitrag tr:nth-child(odd){
  background-color: #f5f5f5;
}

.beitrag tr:nth-child(even){
  background-color: #e5e5e5;
}

.beitrag tr:last-child,
.beitrag tr:last-child td:first-child
{
border-bottom-left-radius: 10px;	
}

.beitrag tr:last-child,
.beitrag tr:last-child td:last-child
{
border-bottom-right-radius: 10px;	
}

/* Beitragsordnung Ende */

/* Layout der Mannschaftsinformation */
.team_info {
  margin-right:auto;
}

/* Layout der Mannschaftsinformation Zelle */
.team_info tr td {
  margin-right:auto;
  padding:4px;
  text-align:left;
  vertical-align:top;
}

/* Layout der Mannschaftsinformation Zelle */
.team_info tr td:first-child {
  font-weight:bold;
}

/* Layout für Teamname */
.team_name {
  margin:8px 0 6px;
  text-align:center;
  font-size:1.5em;
  font-weight:bold;
  letter-spacing:0.1em;
}


/* Layout für eine Personen liste */
.person_list {
  width:100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
justify-content: space-evenly;

}

.person_list > div{
  /*background-color: #fff;*/
  border-radius: 5px;
  padding: 0 7px 7px 7px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.person_list div{
  /* width: 320px; */
  width: 250px;
}

/* Layout Position */
.person_list div div:first-child{
  text-align: center;
  font-size: 1.4rem;
  font-family: "Lato Regular";
  position: relative;
  color: #000;
  line-height: 110%;
  margin: 1rem 0 1.2rem 0;
  width: calc(100% - 7px);
  height: 2.8rem;
}

/* Layout für Rahmen */
.person_list div div:nth-child(2){
  width:140px;
  margin: auto;
   /* padding: 1px; */
   margin-bottom:5px;
   border-radius: 5%;
   /* background-color: #ffffff; */
   box-shadow: 1px 3px 4px 0px #888;
   -webkit-box-shadow: 1px 3px 4px 0px #888;
}

/* Layout für Portrait */
.person_list div div img {
  width: 140px;
  border-radius: 4%;
  -webkit-border-radius: 4%;
  -moz-border-radius: 4%;
}

/* Layout Name */
.person_list div div:nth-child(3){
  margin: 0.3rem 0 0.3em 0;
  font-weight: 900;
  text-align: center;
}

/* Layout für Icons */
.icon_direction,
.icon_mail,
.icon_phone,
.icon_smartphone,
.icon_fax {
  position: relative;
  padding-left:30px;
  margin-bottom:10px;
  display: block;
}

.icon_direction::before,
.icon_mail::before,
.icon_phone::before,
.icon_smartphone::before,
.icon_fax::before {
  font-family: "Material Icons";
  font-size: 1.5rem;
  color: #000000;
  position: absolute;
  left: 0;
  top: -5px;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

}

.icon_direction::before {  
  content: "location_on";
}

.icon_phone::before {
  content: "phone";
}

.icon_mail::before {
  content: "email";
}

.icon_fax::before {
  content: "fax";
}

.icon_smartphone::before {
  content: "smartphone";
}

/* Daten des Teams */
.team_data {
  margin-bottom:20px;
}

/* Überschrift der Teamdaten */
.team_data span {
  display: inline-block;
  font-weight:bold;
  padding-bottom:5px;
}


/* Üsersicht Welcher Jahrgang zu welcher Jugend Anfang */
.age_overview th,
.age_overview td {
    border: none;    
}
.age_overview tbody tr  td {
    padding:5px;
}

.age_overview {
    width:60%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    border-spacing: 0px;
    border-color: #666;
    border-style: solid;
    border-radius: 10px;
    border-collapse: separate;
}

.age_overview thead tr:first-child th:first-child {
  border-top-left-radius: 5px;
  text-align: center;
}

.age_overview thead tr:first-child th:last-child {
  border-top-right-radius: 5px;
  text-align: center;
}

.age_overview thead tr th {
    color: #fff;
    background-color: #666;
}

.age_overview thead tr:first-child th {
    padding-top:10px;
    padding-bottom:5px;
}

.age_overview thead tr:last-child th {
    padding-top:5px;
    padding-bottom:10px;
}

.age_overview tbody tr:nth-child(4n+3),
.age_overview tbody tr:nth-child(4n+4) {
    background-color: #f5f5f5;
}
/* Üsersicht Welcher Jahrgang zu welcher Jugend Ende */

/* Layout Gästezähler Anfang */
.totalvisit{
    font-size: 34px;
    font-weight: 700;
    padding: 10px 0 0;
    display: block;
    line-height: 40px;
    font-family: "Old Standard";
}

.totalvisit::after{
  content: " BESUCHER";
  font-size: 12px;
  font-weight: 700;
  word-break: break-word;
  font-family: "Lato Regular";
}
/* Layout Gästezähler Ende */

.container .row, .sectionTop .inside .row, .sectionTop .inside .mod_newslist, .sectionTop .inside .mod_eventlist, .sectionTop .inside .mod_newsarchive, .sectionTop .inside .left-col #container, .left-col .sectionTop .inside #container, .sectionTop .inside .right-col #container, .right-col .sectionTop .inside #container, .sectionTop .inside .left-right-col #container, .left-right-col .sectionTop .inside #container, #header .nav-wrapper .row, #header .nav-wrapper .mod_newslist, #header .nav-wrapper .mod_eventlist, #header .nav-wrapper .mod_newsarchive, #header .nav-wrapper .left-col #container, .left-col #header .nav-wrapper #container, #header .nav-wrapper .right-col #container, .right-col #header .nav-wrapper #container, #header .nav-wrapper .left-right-col #container, .left-right-col #header .nav-wrapper #container, .container .mod_newslist, .container .mod_eventlist, .container .mod_newsarchive, .container .left-col #container, .left-col .container #container, .container .right-col #container, .right-col .container #container, .container .left-right-col #container, .left-right-col .container #container {
justify-content: space-between;
}

@media only screen and (min-width: 601px) {
    .row .col.m6, .mod_newslist .col.m6, .mod_eventlist .col.m6, .mod_newsarchive .col.m6, .left-col #container .col.m6, .right-col #container .col.m6, .left-right-col #container .col.m6 {
        width: calc(50% - 0.75rem) !important;
    }
}

.row .col, .mod_newslist .col, .mod_eventlist .col, .mod_newsarchive .col, .left-col #container .col, .right-col #container .col, .left-right-col #container .col {
padding: 0 !important;
}


/* Eigene Klasse, um irgendeinen Hintergrund zu setzen */
.bg-article-white{	
  background-color: #fff;
  padding: 12px;
  border-radius: 5px;
  margin-bottom: 20px;
}


.content-list ul:not(.browser-default) li::before, .mod_sitemap ul:not(.browser-default) li::before, .content-text ul:not(.browser-default) li::before, .accordion ul:not(.browser-default) li::before, .ce_ct_priceBox ul:not(.browser-default) li::before {
    content: unset !important;
    color: #ffffff !important;
    font-weight: 0 !important;
    padding-right: 0px !important;
    position: absolute !important;
    left: 0px !important;
}

.img_center figure img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
:root{
	--color1: #000000; /* Gundfarbe */
	--color2: #777777; /* Farbe für Menü */
	--color3: #989898; /* Farbe für Submenü */
    --color4: #000000; /* Farbe für aktives Menüpukt */
    --color5: #fff; /* Farbe für Schrift Menü */
    --color6: #fff; /* Farbe für Schrift Submenü */
    --color7: #fff; /* Farbe für Schrift aktives Menüpukt */
}