Template:Tuebingen/CSS

a { 

   margin-left: 1.5em;

} b{ 

   margin-left: 1em;
   font-size: 1.5em

}


div.Hauptnavigation{ 

   top: 0px;
   background-color: aliceblue;
   position: fixed;
   width: 100%;
   height: 1.25em;
   font-size: 1.5em;
   line-height: 1em;   
   text-align: center;

}




nav#Unternavigation-Team{ 

   margin-right: 1.875em;
   margin-bottom: 25em;
   margin-top: 1.25em;
   position: fixed;
   left: 0px;

}

nav ul{ list-style-type: none; padding: 2em; border: 1em; } nav ul li b{

padding: 0.5em; padding-left: 1em; padding-right: 1em; color: black; text-decoration: none; }

nav ul li{ padding: 0.5em; } b:hover{ background-color: black; color: white; text-decoration: underline; } .active{ background-color: black; color: white; }





img#BigImageTeam { 

   background-size: cover; 
   width: 100%;
   border: 5px solid #000000;

}



.Grid{ 

   display: grid;
   grid-template-columns: repeat (12, 1fr);
   margin-bottom: 10em;
   margin-top: 5em;

}


/* Brian Weidensee */

  1. Text-Brian{
   grid-column-start: 5;
   grid-column-end: 6;
   grid-row: 1;
   margin:auto;

}

  1. Bild-Brian{
   grid-column-start: 10;
   grid-column-end: 12;
   width: 45%;
   border: 1px solid black;

}


/* Nikolas Layer */

  1. Text-Nikolas{
   grid-column-start: 8;
   grid-column-end: 12;
   grid-row: 2;

}

  1. Bild-Nikolas{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 2;
   width: 33%;
   border: 1px solid black;

}


/* Marcel Conrady */

  1. Text-Marcel{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 3;

}

  1. Bild-Marcel{
  grid-column-start: 9;
   grid-column-end: 12;
   width: 45%;
   border: 1px solid black;

}


/* Alexandra Haake */

  1. Text-Alexandra{
   grid-column-start: 8;
   grid-column-end: 12;
   grid-row: 4

}

  1. Bild-Alexandra{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 4;
   width: 33%;
   border: 1px solid black;

}


/* Madeleine Heep */

  1. Text-Madeleine{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 5;

}

  1. Bild-Madeleine{
   grid-column-start: 9;
   grid-column-end: 12;
   grid-row: 5;
   width: 45%;
   border: 1px solid black;

}


/* Mirjam Gneiting */

  1. Text-Mirjam{
   grid-column-start: 8;
   grid-column-end: 12;
   grid-row: 6;

}

  1. Bild-Mirjam{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 6;
   width: 33%;
   border: 1px solid black;

}


/* Alexander Recktenwald */

  1. Text-Alexander{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 7;

}

  1. Bild-Alexander{
   grid-column-start: 9;
   grid-column-end: 12;
   grid-row: 7;
   width: 45%;
   border: 1px solid black;

}


/* Michael Krummhaar */

  1. Text-Michael{
   grid-column-start: 8;
   grid-column-end: 12;
   grid-row: 8;

}

  1. Bild-Michael{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 8;
   width: 33%;

}


/* Lukas Fuhr */

  1. Text-Lukas{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 9;

}

  1. Bild-Lukas{
   grid-column-start: 9;
   grid-column-end: 12;
   grid-row: 9;
   width: 45%;
   border: 1px solid black;

}

/* Milena Krach */

  1. Text-Milena{
   grid-column-start: 8;
   grid-column-end: 12;
   grid-row: 10;

}

  1. Bild-Milena{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 10;
   width: 33%;
   border: 1px solid black;

}


/* Hannah Brasse */

  1. Text-Hannah{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 11;

}

  1. Bild-Hannah{
   grid-column-start: 9;
   grid-column-end: 12;
   grid-row: 11;
   width: 45%;
   border: 1px solid black;

}


/* Lisa Dussling */

  1. Text-Lisa{
   grid-column-start: 8;
   grid-column-end: 12;
   grid-row: 12;

}

  1. Bild-Lisa{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 12;
   width: 33%;
   border: 1px solid black;

}


/* Vic-Fabienne Schumann */

  1. Text-Vic{
   grid-column-start: 2;
   grid-column-end: 6;
   grid-row: 13;

}

  1. Bild-Vic{
   grid-column-start: 9;
   grid-column-end: 12;
   grid-row: 13;
   width: 45%;
   border: 1px solid black;

}