@font-face {
    
        font-family: '07558_CenturyGothic';
    src: url('font/07558_CenturyGothic.woff2') format('woff2'),
         url('font/07558_CenturyGothic.woff') format('woff');
   
    font-weight: normal;
    font-style: normal;

}

p:first-letter {
  font-size: 120%;
 color: #0079B7; 
  font-weight: bold;
margin-right: 1px;
}

#KopfPC
{
margin:auto;
}

@media only screen and (max-device-width: 750px) {
#KopfPC {
    display:none;
    
  }
  
  #Kopfmobil
  {
display:block;  
  }
}

body {
background-color: #DBDBDB;
    font-family: '07558_CenturyGothic';
 }
 
 #headline
 {
 
float:left;color: #9D9D9D;margin-top: 12px; 
 }

iframe {

  width: 95%;
magx-width: 1200px;
height: 1000px;
}


h1 { 
margin-top:27px;
margin-left: 50px; 
font-size: 37px;
line-height: 80px;
color:#4D4D4D;
	font-family:07558_CenturyGothic; line-height:1; 
text-align: center;
 
}

.impressum
{
text-decoration: none;
}

.impressum:hover
{
color: #D14B00;

}

#headi
{
background-color: #F6F6F6;
background-size: 80em;
color: white;
}

#main-Start {
width: 920px;
margin: auto;
}

.Bindestrich
{
font-size: 18px;
color:#E9631B;
font-weight: 600;
margin-right: 5px;
}

#main-Inhalte {    
width: 920px;
margin: auto;
 font-family: '07558_CenturyGothic';
height:auto;

background: rgb(247,227,190); /* Old browsers */
background: -moz-linear-gradient(left, rgba(247,227,190,1) 28%, rgba(244,244,244,1) 72%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(247,227,190,1) 28%,rgba(244,244,244,1) 72%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(247,227,190,1) 28%,rgba(244,244,244,1) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e3be', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */

background-color: #FBFBFB;

border: #E9631B 1px solid; 
padding:20px; padding-left:50px;margin-top: 15px;

overflow:hidden; 
}

/* ##############################
   für Werke und Arbeiten Blöcke
   ############################# */ 

.Block
{
position:relative;text-align:center;float:left;width:20%; margin-right:40px;height:290px;
border:1px #E9631B solid;border-radius:10px;
 margin-bottom:20px;line-height:.8em;
 padding-top:10px;
background-color: #FFF2E6;
box-shadow: 6px 4px 9px #884510;
margin-bottom: 50px;
}

.Block:hover
{
background-color: #FFF9F5;	
}

.Block:active
{
position:relative; top: 4px;	
   left:2px;
box-shadow: 3px 2px 8px #884510;
}

.Headoo
{
color:#FF5F00; font-size:100%;text-decoration: underline;
}

.Beschreibung 
{
color:black; font-size:77%;margin-left:5px; padding-right:15px;word-wrap: break-word;
}
.Bild
{
max-width:95%;
 position: absolute;
    top: -9900px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.Datum 
{
position:absolute;
 left:12px; bottom:10px;
font-size:8pt;font-weight:600;width:150px;

background-color: #FF8F12;
border-radius: 5px;
color:#FFFFFF;
}

.zoom {
 transition: transform 0.9s;
}
.zoom:hover {
 transform: scale(3.0, 3.0);
}

/* ############ Werke Ende ########## */

.Seiteninhalte
{
float:left; width: 80%;margin-left:40px;
}
.Seiteninhalte  ul li::before {
  color: #E57A00;  
  /* color of bullet or square */

  content: "•"; 
  /* Unicode of character to precede the list item */

  font-size: 1.2em; 
  /* em or %*/
 
  padding-right: 1.1225em; 
  /* use em*/

  position: relative;
  top: 0em; 
  /* use em or % */


list-style-position: inside;
}

#Stiftungslogos_index img
{
-webkit-box-shadow: -20px 17px 14px -15px rgba(0,0,0,0.75);
-moz-box-shadow: -20px 17px 14px -15px rgba(0,0,0,0.75);
box-shadow: -20px 17px 14px -15px rgba(0,0,0,0.75);
}

.box, .start
{
box-shadow: 3px 3px 5px #605B5B;
}

#main-Inhalte a
{
color: #9B4300;
}

.Inhaltbild
{
-webkit-box-shadow: -20px 17px 14px -15px rgba(0,0,0,0.75);
-moz-box-shadow: -20px 17px 14px -15px rgba(0,0,0,0.75);
box-shadow: -20px 17px 14px -15px rgba(0,0,0,0.75);
    }


.Inhalt-H1 { 
margin-top:2px;
margin-left: 100px;
font-size: 28px;
line-height: 10px;
color:#E9631B;
text-align: center; 
}

h1 span
{
color:#E9631B;
}

.Raute {color: #FFFFFF;
font-size: 13px;
margin-right: 5px;
position:relative; top:-2px;
}

h2
{
line-height: 0;
font-size: 25px;
}

h2 span
{
padding:26px;
}

button{
height: 22px; font-size: 80%;
}

#MLKV
{	
	margin:0px auto;
	text-align: center;
	margin-left: -224px;
	margin-bottom: 4px;
	margin-top: 25px;
	padding: 0px;
	font-family: 07558_CenturyGothic;
}

#M
{
color:#FF0600;
}
#L
{
color:#00B110;
}
#K
{
color:#1B92FF;
}
#V
{
color:#FF8600;
}


#Kacheln
{
    position: relative;
	padding:15px;
	min-width:698px;
border: solid 1px #FF9516;
 color: white;
 	font-family:07558_CenturyGothic;
	font-weight: 900;
	font-size: 36px;
	padding-bottom: 5px;
	height: auto;
}


/*
########## Überschriften der Kachelseiten (mit der Diashow) )
*/

.kachel-headline
{
float: left; font-size: 23px;
margin-left: 70px;
}

.kachel-headline:hover
{
    cursor: pointer;
display: inline-block;
transform:scale(2) translate(-0, -10px);

transition: transform 250ms ease-in-out;
color:red; 
}

.kachel-headline-aktuell{
font-size:250%; font-weight:600; position:relative;top:-15px; float:left; margin-left:50px;
}




.back
{
display: inline;	position: relative;
}



.back img
{
border: solid 1px #FF9516; margin: 5px; padding: 0px;
}

.back span
{
z-index: 10;
position:absolute; top:-125px;left:60px;
 	 letter-spacing: .8px;
 opacity:0;
	
 text-shadow: 0 0 5px  #FF9516; 
}

.back:hover  span{
 opacity:1;
  -webkit-transition: opacity .25s ease-in-out .0s;
    transition: opacity .25s ;
text-shadow: 0 0 0.4em #FFFFFF, 0 0 0.4em #FFFFFF, 0 0 0.4em #FFFFFF;
cursor: pointer;
}


/*

#MK:hover  {
   text-shadow: 8px 7px 5px #FF0600; 
    }
#LK:hover  {
   text-shadow:  8px 7px  5px #00B110; 
    }
#KK:hover  {
   text-shadow: 8px 7px  5px #1B92FF; 
    }
#VK:hover  {
   text-shadow:  8px 7px 5px #FF8600; 
    }

*/





.start   /* Klasse der einzelnen Kacheln */
{
width: 330px;
padding:10px;
}



.box        /* Klasse der Gesamtheit von Kacheln und info */
{
float: left;
display:flex;
    flex-direction: row-reverse;
    margin-top: 0px;
}


#infobox
{

font-family: 07558_CenturyGothic;
font-size: 14px;
padding:15px;
background-color:#F6F6F6; 
color:#2A2005; 

min-width: 180px;
max-width: 190px;
margin-left:10px; 
min-height: 670px;
height: auto;
border: solid 1px #5FC9FF;
posdtion: absolute;
top:291px;
overflow: auto;
}

#infobox a
{ cursor: pointer;
text-decoration: none;
color: #0079B7;
font-weight: 600;
font-size: 80%;
}

.infobox-headline
{
text-decoration:underline; 
color: #0079B7; 
font-weight:600;
letter-spacing: 2px;

font-size: 120%;
}

#infobox-adress
{
  position: abäsolute;
  top: 960px;

margin-bottom: 10px;
font-size:90%;
text-align: center;
}
#infobox hr {
 background: #398EBA;
 border: none;
 color: black;
 height: 1px;
 width: 100%;
}


.flex-container-Inhalte {
  display: flex;
}

.flex-item-links
{
margin-left: 30px;
}
.flex-item-rechts
{
width: 400px;margin-left: 40px;
}

/* gms_slider */
.gms_sliderbox {position:relative;
margin: auto;
   display: flex; 
    justify-content: center; 
    align-items: center;

}
.gms_sliderbox img
{

max-width: 100%;
}
#gms_slider_nav {z-index:2; position:absolute; left:5px; top:100%; margin:0; margin-top:-28px; padding:0!important; list-style-type:none; font-weight:normal; line-height:1em; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; overflow:hidden; display:none}
#gms_slider_nav li {margin:0; padding:0; float:left; text-align:center; line-height:1em}
#gms_slider_nav li a {background:#444; display:block; font-size:12px; font-weight:normal; padding:2px 6px; text-decoration:none; color:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; margin-right:4px; border-radius:8px; -moz-border-radius:8px; border-radius:8px}
#gms_slider_nav li.current a { background-color:blue; }
#gms_slider_nav li a:hover { background-color:#3e9fd6; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s}
.gms_slider_offstage {visibility:hidden; display:none}
.gms_slider_default {visibility:visible}

#gms_neustart {
border: 1px solid #aaa; border-radius:8px; background-color:#686B5D; color:white; position: relative;left:220px; top: -29px; z-index: 0; font-style: italic;

}
#gms_neustart:hover {
 background-color:#3e9fd6;
}	

 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #F6F6F6;
  color: #0079B7;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
color: #D66E00;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0px;
  background-color: #F6F6F6;
  display: nsone;
  max-height: 0;
  overflow: hidden;

  transition: max-height 0.2s ease-out;
} 

#parent
{
font-weight: 600;
color: #E9631B;

}


#parent > #child
{
    display: none;

}


 
#parent:hover > #child
{

    display: block;
transition: 5s;
  width: 95%;
font-weight: 200;
color: black;
text-decoration: none;
}