@charset "utf-8";
/* CSS Document */
/* Fontstyle der Homepage www.sg-anderlache-erfurt.de*/

/* Font Style*/		
#nav_content 			{font-size:18px; font-weight:bold;}
#nav_content a:link		{ text-decoration:none; color:#FFFFFF;}
#nav_content a:visited 	{ text-decoration:none; color:#FFFFFF;}
#nav_content a:hover 	{ text-decoration:underline; color:#FFFFFF;}

.active {/*color: #0099FF; #CCCCCC;#14587d; background:#FFFFFF;*/ background-image:url(../image/homepage/nav_image.png); background-repeat:no-repeat; background-position:center;}


#sub_nav_content	{font-size:12px; }		
#sub_nav_content a:link		{ text-decoration:none; color:#FFFFFF; }
#sub_nav_content a:visited 	{ text-decoration:none; color:#FFFFFF;}
#sub_nav_content a:hover 	{ text-decoration:underline; color:#FFFFFF;}

#main_content_text	{	color:#000000; 
						text-align:justify;
						vertical-align:top;
						 }
#footer_text	{ text-align:left; font-size:12px; margin-left:20px;}
#footer_text a:link		{ text-decoration:none; color:#FFFFFF;}
#footer_text a:visited 	{ text-decoration:none; color:#FFFFFF;}
#footer_text a:hover 	{ text-decoration:underline; color:#FFFFFF;}

#msg_box_content {width:740px; }

.msg_box	{background-image:url(../image/homepage/msg_box.jpg);
				background-repeat:no-repeat;
				width:350px;
				height:300px;
				border-color:#14587d; border-style:solid;
				display:inline-block;
				vertical-align:text-top;
				margin:5px;
				}
.msg_box_msg	{background-image:url(../image/homepage/msg_meldungen.jpg);
				background-repeat:no-repeat;
				width:734px;
				float:left;
				border-color:#14587d; border-style:solid;
				padding-top:35px;
				padding-bottom:5px;
				text-align:left;
				margin-bottom:5px;				
				}
.msg_box_next	{background-image:url(../image/homepage/logo_next.jpg);
				background-repeat:no-repeat;
				width:730px;
				clear:both;
				border-color:#14587d; border-style:solid;
				padding-top:2px;
				padding-bottom:5px;
				margin-left:5px;
				text-align:left;
				margin-bottom:5px;				
				}
.msg_box_review	{background-image:url(../image/homepage/review.jpg);
				background-repeat:no-repeat;
				width:734px;
				clear:both;
				border-color:#14587d; border-style:solid;
				padding-top:2px;
				padding-bottom:5px;
				text-align:left;
				margin-bottom:5px;				
				}
.msg_box_right	{	background-image:url(../image/homepage/update.jpg);
				background-repeat:no-repeat;
				min-width:250px;
				height:135px;
				float:right;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-right:0px;
				padding-top:35px;
				padding-bottom:5px;
				margin-bottom:5px;
				}
				
.msg_box_extra	{	background-image:url(../image/homepage/logo_sponsoring_franco.jpg);
				background-repeat:no-repeat;
				/*min-*/width:734;
				vertical-align:middle;
				min-height:50px;
				float:left;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-left:0px;
				margin-right:0px;
				padding-top:35px;
				padding-bottom:5px;
				margin-bottom:5px;
				}
.msg_box_sponsor	{	
				background-image:url(../image/homepage/logo_sponsoring.jpg);
				background-repeat:no-repeat;
				width:720px;
				min-height:50px;
				float:left;
				border-color:#14587d; border-style:solid;
				
				margin-left:5px;
				padding-top:35px;
				
				padding-bottom:5px;
				margin-bottom:5px;
				}
.msg_box_berichte	{	background-image:url(../image/homepage/logo_spielberichte.jpg);
				background-repeat:no-repeat;
				width:710px;
				min-height:50px;
				float:left;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-right:5px;
				margin-left:5px;
				padding-left:20px;
				padding-top:35px;
				padding-bottom:5px;
				margin-bottom:5px;
				}
.msg_box_information	{	background-image:url(../image/homepage/logo_information.jpg);
				background-repeat:no-repeat;
				width:730px;
				min-height:50px;
				float:left;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-left:5px;
				padding-top:35px;
				padding-bottom:0px;
				margin-bottom:5px;
				}
.msg_box_lastportrait	{	background-image:url(../image/homepage/updateprofile.jpg);
				background-repeat:no-repeat;
				width:730px;
				min-height:50px;
				float:left;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-left:5px;
				padding-top:35px;
				padding-bottom:5px;
				margin-bottom:5px;
				}
.msg_box_pitch	{	
				background-image:url(../image/portrait_hg/pitch2.jpg);
				width:730px;
				height:499px;
				float:left;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-left:5px;
				margin-bottom:5px;
				}
				
.msg_box_blank	{	
				width:730px;
				min-height:50px;
				float:left;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-left:5px;
				margin-bottom:5px;
				}
				
				
.geb_box_right	{	background-image:url(../image/homepage/geburtstag.jpg);
				background-repeat:no-repeat;
				width:250px;
				min-height:135px;
				float:right;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-right:5px;
				margin-bottom:5px;
				padding-top:35px;
				padding-bottom:5px;
				
				}
.msg_box_universal	{
				background-image:url(../image/homepage/msg_box.jpg);
				background-repeat:no-repeat;
				width:720px;
				border-color:#14587d; border-style:solid;
				margin:5px;
				}
.msg_box_submenu	{
				padding: 5px;
				text-align: center;
				border-color:#14587d; border-style:solid;
				margin:10px;
				}
.fan_box_universal	{
				background-image:url(../image/homepage/bg_theme_blue_760.jpg);
				background-repeat:no-repeat;
				width:720px;
				border-color:#14587d; border-style:solid;
				margin:5px;
				color:#FFFFFF;
				}
.link_box_msg	{
				background-image:url(../image/homepage/update.jpg);
				background-repeat:no-repeat;
				/*min-width:250px;*/
				/*height:135px;*/
				float:left;
				border-color:#14587d; border-style:solid;
				vertical-align:text-top;
				margin-right:0px;
				padding-top:35px;
				padding-bottom:5px;
				margin-bottom:5px;
				}
					
			
				
.bewegungsmelder_box	{
				background-image:url(../image/homepage/bg_theme_blue_760.jpg);
				background-repeat:no-repeat;
				background-color:#0066FF;
				padding:10px;
				overflow:hidden;
				width:720px;
				color:#CCCCCC;
				font-size:14px;
				font-style:italic;
				min-width:400px;
				}
.fan_box_topic	{ font-size:16px; font-weight:bold; }
.fan_box_text	{ margin:5px; text-align:justify;}
.msg_box_blind	{ position:relative; top:0px; left:0px; min-height:40px; min-width:40px; float:left;}
.msg_box_topic	{ font-variant:small-caps; font-size:16px; font-weight:bold;}
.msg_box_team	{ font-size:12px; font-weight:bold;}
.msg_box_team_right	{ font-size:10px; font-weight:bold; margin-left:10px; color:#14587D;}
.msg_box_text	{ margin:5px; text-align:justify;}
.msg_box_text_info	{ margin-top:5px; margin-left:5px; margin-right:5px; text-align:justify;}
.msg_box_bottom	{background-image:url(../image/homepage/msg_bottom.jpg);
				background-repeat:repeat-x;
				width:100%;
				
				text-align:right;
				}
.msg_box_bottom_text	{margin-right:40px; color:#FFFFFF;}

#msg_box_link a:link	{text-decoration:none; color:#14587D; margin-right:10px;  }
#msg_box_link a:visited	{text-decoration:none; color:#14587D; margin-right:10px;  }
#msg_box_link a:hover	{text-decoration:underline; color:#14587D; margin-right:10px; }

.img_link_gal a:link { border:none; text-decoration:none;}
.img_link_gal a:visited {border:none;text-decoration:none;}
.img_link_gal a:hover {border:none;text-decoration:none;}


.msg_box_link_right a:link	{text-decoration:none; color:#999999; font-size:10px; }
.msg_box_link_right a:visited	{text-decoration:none; color:#999999;  font-size:10px;  }
.msg_box_link_right a:hover	{text-decoration:none; color:#999999; font-size:10px; }
/*.msg_box_link_right a:focus	{text-decoration:none; color:#999999; font-size:10px;  }
.msg_box_link_right a:active {text-decoration:none; color:#999999; font-size:10px;  }*/

.fct_box	{background-image:url(../image/homepage/msg_box.jpg);
				background-repeat:no-repeat;
				font-family:Arial, Helvetica, sans-serif;
				width:350px;
				min-height:30px;
				border-color:#14587d; border-style:solid;
				display:inline-block;
				vertical-align:text-top;
				margin:5px;
				}
.fct_box_universal	{background-image:url(../image/homepage/msg_box.jpg);
				background-repeat:no-repeat;
				font-family:Arial, Helvetica, sans-serif;
				/*width:350px;
				height:300px;*/
				border-color:#14587d; border-style:solid;
				margin:5px;
				}
.fct_box_topic	{font-size:16px; font-weight:bold;}
.fct_box_text	{font-size:12px; margin-left:10px;}

.chr_box	{   background-repeat:no-repeat;
				font-family:Arial, Helvetica, sans-serif;
				width:350px;
				min-height:80px;
				border-color:#14587d; border-style:solid;
				display:inline-block;
				vertical-align:text-top;
				margin:5px;
				}
.chr_box_topic	{font-size:16px; font-weight:bold; margin-left:80px;}
.chr_box_text	{font-size:11px; margin-left:5px; text-align:right; padding-right:5px}
/*Anfahrt*/
.anf_box_universal	{
				background-image:url(../image/anfahrt/vereinsheim_740.jpg);
				background-repeat:no-repeat;
				width:720px;
				/*border-color:#14587d; border-style:solid;*/
				margin:5px;
				color:#000000;
				}
				
.anf_box_topic	{ font-size:16px; font-weight:bold; margin-left:20px; }
.anf_box_text	{ margin:5px; margin-left:30px; text-align:justify;}

/*Scrollbar fuer API-Fussball.de*/
.scroll {
				height: 675px;
				overflow: scroll;
				width:510px;
				border: 1px solid #000;
				padding: 10px;
				}
				
/* Timeline Chronik */

    .timeline {
      max-width: 710px;
      margin: auto;
    }

    .timeline-item {
      position: relative;
      margin-bottom: 2rem;
    }

    .timeline-content {
      position: relative;
      /*background-size: cover;*/
      /* background-position: center;*/
	  background-position: left top;
	  background-repeat: no-repeat;
      padding: 2rem;
      border-radius: 12px;
      overflow: hidden;
      color: white;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    .timeline-content::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(20, 88, 125, 0.5);
      z-index: 0;
    }

    .timeline-content * {
      position: relative;
      z-index: 1;
    }

    .timeline-content h3 {
      font-size: 1.4rem;
      margin-bottom: 1rem;
    }

    .timeline-content p {
      font-size: 1rem;
      margin-bottom: 0.5rem;
    }

    @media screen and (max-width: 600px) {
      .timeline-content {
        padding: 1.5rem;
      }
    }
	
/* Nachwuchs gesucht */
	
	h1 {
      font-size: 2.5rem;
      color: #ffffff;
    }
    h2 {
      font-size: 2rem;
      color: #66ccff;
    }
    section {
      margin-top: 1.5rem;
    }
    ul {
      list-style: none;
      padding-left: 0;
    }
    ul li::before {
      content: "✔️ ";
      margin-right: 0.5rem;
    }
    .highlight {
      background-color: #005599;
      display: inline-block;
      padding: 0.2rem 0.6rem;
      border-radius: 8px;
      font-weight: bold;
      margin-top: 0.5rem;
    }
    .kontakt a {
      color: #66ccff;
      text-decoration: none;
    }
    .msg_box_new {
      background-color: #003366;
      color: #ffffff;
      font-family: Arial, sans-serif;
      padding: 2rem;
      line-height: 1.6;
    }


.shop-logos{
    display: flex;
    justify-content: space-between; /* links und rechts */
    align-items: center;            /* vertikal zentriert */
    width: 100%;
    gap: 20px;                      /* Abstand zwischen Logos */
	padding: 5px;
}

/* Erstes Logo */
.shop-logo{
    flex: 1 1 0;
    /*max-width: 500px;
    width: 100%;*/
    aspect-ratio: 4 / 1;
	margin: auto;

    background-image: url(/lib/image/logo/sgl-onlineshop_by_fan12_3.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

/* Zweites Logo */
.shop-logo2{
    flex: 1 1 0;
    /*max-width: 250px;
    width: 100%;*/
    aspect-ratio: 4 / 1;

    background-image: url(/lib/image/sonstiges/jako/jako_100.JPG);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


/* Trainingszeiten (Kreide)*/
.timetable {
      /* Variante 1: klassische Kreidetafel */
      --bg: #111111;
      --bg-frame: #5b3a1e;
      --line: rgba(255,255,255,0.25);
      --text: #f8f8f8;
      --muted: rgba(255,255,255,0.75);
      --accent: rgba(255,255,255,0.12);
    }

    /* Alternative Blau-Variante
    :root {
      --bg: #143a63;
      --bg-frame: #5b3a1e;
      --line: rgba(255,255,255,0.25);
      --text: #f8f8f8;
      --muted: rgba(255,255,255,0.8);
      --accent: rgba(255,255,255,0.10);
    }
    */
	
.board {
      max-width: 1100px;
      margin: 0 auto;
      background: var(--bg);
      border: 14px solid var(--bg-frame);
      border-radius: 14px;
      box-shadow:
        0 10px 30px rgba(0,0,0,0.25),
        inset 0 0 40px rgba(255,255,255,0.03),
        inset 0 0 120px rgba(255,255,255,0.02);
      padding: 28px;
      position: relative;
      overflow: hidden;
	  font-family: "Comic Sans MS", "Trebuchet MS", "Arial", sans-serif;
    }

.board::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.04), transparent 30%),
        radial-gradient(circle at 80% 30%, rgba(255,255,255,0.03), transparent 28%),
        radial-gradient(circle at 50% 80%, rgba(255,255,255,0.03), transparent 35%);
      pointer-events: none;
    }
   .title {
      text-align: center;
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight: 700;
      letter-spacing: 1px;
      margin: 0 0 8px;
      text-transform: uppercase;
      text-shadow: 1px 1px 0 rgba(255,255,255,0.08);
    }

    .subtitle {
      text-align: center;
      font-size: 1rem;
      color: var(--muted);
      margin-bottom: 24px;
    }

    .schedule {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      font-size: 1.05rem;
      position: relative;
      z-index: 1;
    }

    .schedule th,
    .schedule td {
      border: 2px solid var(--line);
      padding: 14px 12px;
      text-align: center;
      vertical-align: middle;
    }
	
	.tabletext {
      border: 2px solid var(--line);
      padding: 14px 12px;
      text-align: center;
      vertical-align: middle;
	  font-size: 2em;
	  color: white;
    }

    .schedule th {
      font-size: 1.05rem;
      font-weight: 700;
      text-transform: uppercase;
      background: var(--accent);
	  color: white;
    }

    .schedule td:first-child,
    .schedule th:first-child {
      width: 16%;
      font-weight: 700;
    }

    .schedule td {
      color: var(--text);
    }

    .team {
      display: block;
      font-size: 1.05rem;
      font-weight: 700;
      margin-bottom: 4px;
    }

    .time {
      display: block;
      font-size: 0.98rem;
      color: var(--muted);
    }

    .place {
      display: block;
      font-size: 0.9rem;
      color: var(--muted);
      margin-top: 2px;
    }

    .empty {
      color: rgba(255,255,255,0.35);
    }

    .note {
      margin-top: 18px;
      font-size: 0.92rem;
      color: var(--muted);
      text-align: right;
    }

    @media (max-width: 900px) {
      .schedule {
        font-size: 0.95rem;
      }

      .schedule th,
      .schedule td {
        padding: 10px 8px;
      }
    }

    @media (max-width: 700px) {
      .board {
        padding: 18px;
      }

      .schedule {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
      }
    }