/*

-------------------------------------------------------------------------------

Color Palette
-------------------------------------------------------------------------------

black                   #000
gray dark               #555
gray                    #999
gray light              #CCC
gray very light         #EEE
white                   #FFF
-------------------------------------------------------------------------------

----------------------------------------------------- */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td
{
	margin:0;
	border:0;
	padding:0;
	outline:none;
	text-align:left;
}
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: local('Courgette Regular'), local('Courgette-Regular'), 
  			url(courgette7.woff2) format('woff2'),
  			url(courgette7.woff) format('woff');
  unicode-range: U+0000-00FF, U+017F, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: 'UnifrakturMaguntia';
  font-style: normal;
  font-weight: 400;
   src: local('UnifrakturMaguntia'),
       url('UnifrakturMaguntia.woff2') format('woff2'); /* Super Modern Browsers */
       unicode-range: U+0000-00FF, U+017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2012-203F, U+20AC, U+2191, U+2193, U+2212, U+2215, U+F8A0-F8A5 U+FB00-fB07;
       } 
@font-face {
  font-family: 'LOV_Normalfraktur';
  font-style: normal;
  font-weight: 400;
   src: local('LOV.Normalfraktur'),
      url('LOV.Normalfraktur.woff2') format('woff2');
           unicode-range: U+0000-00FF, U+017F, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2008-203b,  U+20AC, U+2122, U+2190-U+2198, U+2248, U+227A-227B, U+E5D2,U+5DC U+FB00-Fb06;
  }    
  
   
 body { font-family:Arial,"Liberation Sans",Roboto,Verdana,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    background-color:#eee;
    text-align:left;
    font-size: 16px;
    }
body > div {
    clear: both;
}
div.Banner {box-shadow: 10px 10px 5px #888;
    border-radius: 10px;
    padding: 6px; 
    font-family: Courgette; 
    font-size: 2.38em;
    text-align: center;
    font-weight: bold;
     /*text-align: center; */
    color: rgb(255, 255, 255);
    background-color: rgb(51, 102, 204); 
      }
       
#outerwrapper {
    margin: 5px auto;
    width: 98%;
}
#outerwrapper > div {
    clear: both;
}
.content {
    background-color: white;
    border-top: solid 1px #999;
}
.content div.snapshot {
    float: right;
    margin: 2em;
}

.fullclear {
    clear: both;
}


/* General Text
----------------------------------------------------- */
h1 {
  font-family: UnifrakturMaguntia,"Times New Roman";
  /*margin-top: 50px;
    padding: 0.5em;*/
    font-style: normal;
    color: rgb(51, 102, 204);
    font-weight: normal;
    font-size: 24pt;
    text-align: center;
    
   } 

h2 {
	font-family: Courgette;
    \\display:block;
    margin:0;
    padding: 15px;
    text-align: center;
}

h3 {
    font-style: normal;
     font-weight: normal;
    font-variant: normal;
    line-height: normal;
    padding-bottom: 12px;
     text-align: center;
    /*font-size: large;
    padding-left: 15px;*/
}

h4 {
    font-size: medium;
    
    background-color: #CCC;
    padding-left: 15px;
    margin-bottom: 0px;
    border-bottom: solid 1px #999;
}

p {font-size: 12 px;
}

p#description {
    padding-left: 15px;
}

/* Header
----------------------------------------------------- */
#SiteTitle {
    width: 95%;
     color: rgb(51, 102, 204);
      padding: 20px;
      
      padding-left: 1.8em;
}
#user_header, #user_footer {
    padding-left: 15px;
}

/* Navigation
----------------------------------------------------- */
div#nav, #subnavigation {
    border: solid 1px #EEE; /* needed by IE7 */
    position: relative;
}
#subnavigation ul {
    overflow: hidden;
}
div#nav ul, #subnavigation ul {
    list-style: none;
            }
 #subnavigation ul {
    border-bottom: solid 1px #999;
}
div#nav.wrappernav.ltr {
    float: left;
    padding-bottom: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.5);      
    display: block;
    padding: 3px;
}
div#nav.wrappernav.rtl {
    float: right;
}


div#nav ul li a, #subnavigation ul li a {
   color: rgb(0,0,0);
	background-color:#fff;
	display: block;
	margin: 0px;
   border-radius: 3px;
   padding: 3px;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;

 
}
div#nav ul li a:hover, #subnavigation ul li a:hover {
   color: rgb(250,250,250);		
		background-color: rgb(0, 102, 204);
		background-image: -webkit-linear-gradient(150deg, rgb(0, 102, 204), rgb(120, 30, 98)); 
		background-image: linear-gradient(150deg, rgb(0, 102, 204), rgb(120, 30, 98)); 
   }

div#nav ul li.CurrentSection a, div#nav ul li.fstLevelActive {
    position: relative;
    text-align: right;
    border-bottom-style: none;
    background-color: rgb(100, 155, 255);
    background-image: -webkit-linear-gradient(100deg,rgb(51, 102, 204), rgb(255, 255, 255)); 
    background-image: linear-gradient(100deg,rgb(51, 102, 204), rgb(255, 255, 255)); 
    color: rgb(0,0,150);
    font-weight: bold;
    background-color: white;
    padding: 3px;
    /*top: 1px;*/
}
div#nav ul li.secLevel a {
 color: blue;
 font-style: italic;
 text-align: right;
 }
div#nav ul li.secLevel a:hover {
 color: white;
}

#subnavigation ul li.CurrentSection a {
    background-color: white;
}



/*
div#nav li.lang {
    font-family: sans-serif;
    font-size: smaller;
    font-weight: bold;
}
div#nav li.lang:hover > ul {
    visibility: visible;
    opacity: 1;
    padding-right: 5px;
    background-color: #CCC;
}
div#nav ul.lang {
    position: absolute;
    top: 1.5em;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    width: 430px;
    background-color: #CCC;
    font-family: sans-serif;
}
div#nav ul.lang:hover {
    float: initial;
}
div#nav ul.lang li {
    float: none;
    padding: 1px;
    width: 300px;
}
*/
.ltr, .ltr li {
    float: left;
    list-style: none;
}
li {
    margin-right: 6px; */Abstand der Köpfe im waagrechten Menü*/
    margin-left: 6px;
}
.rtl, .rtl li {
    float: right;
    list-style: none;
}

/* Responsive navigation */
button.navIcon {
    display: none;
}

div#header.rtl h1 {
    margin-right: 40px;
}
div#header.rtl button {
    float: right;
}
div#header.ltr h1 {
    margin-left: 40px;
}
div#header.ltr button {
    float: left;
}
div#header::after {
    content: "";
    clear: both;
    display: table;
}

div#nav::after {
    content: "";
    clear: both;
    display: table;
}

@media only screen and (max-width: 1080px) {

    /* Use less & all realestate on mobiles. */
    div#outerwrapper {
        margin: 5px auto;
        width: 100%;
    }

    .nav {
        background: none; /* Works in IE too. */
    }

    /* Undo some of the #nav styles  - to enable the class .nav */
    .nav ul, #subnavigation ul {
        list-style: none;
        min-width: unset;
        margin: 0;
        padding: 0;
    }
    .nav ul li, #subnavigation ul li {
        float: unset;
        display: unset
    }
    li {
padding: 3px;        
          }
 
    /* Start with hidden menu options */
    /* .nav li:not(:first-child) {display: none;} */
    .nav li {display: none;}
    .nav ul {display: none;}

    button.navIcon.rtl {
        text-align:right;
    }
    button.navIcon.ltr {
        text-align:left;
    }
    button.navIcon {
        display: block;
        font-size:4.9em;
        border: 0px;
        color: #555;
        background-color: #EEE;
    }

    h1#SiteTitle.ltr  {
        float: left;
    }
    h1#SiteTitle.rlt  {
        float: right;
    }
    .nav.responsive {
        position: absolute;
        display: block;
        
        z-index: 100;
        font-size: 32px;
         background-color: #CCC;
        width: 100%;
    }
    .nav.responsive a.icon {
        position: absolute;
        right: 5px;
        top: 5px;
        margin-right: 50px;
    }
    .nav.rtl.responsive li.lang {
        text-align: right;
    }
    .nav.ltr.responsive li.lang {
        text-align: left;
    }
    .nav.responsive li {
        display: block;
        /* required by IE */
        clear: both;
        width: 380px;
        background-color: #CCC;
    }

    div#nav ul, #subnavigation ul {
        padding-left: 0px;
    }

    .content {
        padding: 0em 0.5em;
    }
    .lang {
        position: relative;
        background-color: #CCC;
    }
    
}
div#Seite
{
	text-align:left;
   /*margin:0 auto;*/
   width: auto;
	padding:5px
}
/* Main Table
{
box-sizing: border-box;
}

/* Container for flexboxes */
.container {
  display: flex;
  flex-wrap: wrap;
 
}

/* Create four equal columns */
.column {
  flex: 50;
  padding-left: 10px;
  padding-right: 10px;
  /*padding: 20px;*/
}


/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
  .container {
    flex-direction: column;
  }
}
.Bild {
   max-width: 100%;
   height: auto;
   display: block;   
   margin-left: auto;  
   margin-right: auto;  
}
figure#normal {
	position: relative;
	border: thin solid gainsboro;
	margin:0.0em;
	padding:0.5em;
	width: 100%;
	text-align:center;
	background: white;
   
}

figcaption#normal
{
   background-color: #eef;		
	font-style:italic;
	padding:0.5em;
	font-size:.8em
}



/*@media (max-width: 1080px) {
  .Bild {
    width: 100%;
  }*/
/*
----------------------------------------------------- */