/*
Theme Name: kulturladen St. Georg
Author: Johannes Zerr
Author URI: www.kulturladen.com
Description: Theme 01.
Version: 1.1
*/

/* =Genericons, thanks to FontSquirrel.com for conversion!
-------------------------------------------------------------- */
@font-face {
    font-family: 'Genericons';
    src: url('font/genericons-regular-webfont.eot');
    src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/genericons-regular-webfont.woff') format('woff'),
         url('font/genericons-regular-webfont.ttf') format('truetype'),
         url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}


/* Bilder und Text ausrichten */
.flleft {
  border: 0.125em solid #333;
    border-radius: 0.625em;
    float: left;
    margin: 0em 0.625em 1.5625em 0.625em; 
}
.flright {
	border: 0.125em solid #333;
   border-radius: 0.625em;
  float: right;
  margin-left: 0.938em;
  margin: 0em 0.625em 1.5625em 0.625em;  
}
.flcenter {
	border: 0.125em solid #333;
   border-radius: 0.625em;
  display: block;
  margin: 0 auto 1.250em auto;
  margin: 0em 0.625em 1.5625em 0.625em;  
}

.alignleft, .left {
  float: left;
  margin-right: 0.938em;
}
.alignright, .right {
  float: right;
  margin-left: 0.938em;
}
.aligncenter, .center {
  display: block;
  margin: 0 auto 1.250em auto;
}

/*tabellen ausrichten*/
.tblleft {
  float: left;
  margin-left: 1.563em;
  margin-bottom: 3.125em;
}
/*Nur text ausrichten */
.txtleft {
  margin-left: 0.938em;
}

.txtleft1 {
  margin-left: 1.563em;
}

/*fotos vom Team */
img.team{float:left;margin:0.313em;}

a {
	color: #89fb62; /* #1E00FF; - Verlinkungen*/
	text-decoration: none;
}
/* Button mehr erfahren und zurück */
.wkl_button {
  padding: 0.438em;
  margin-left: 0.625em;
  background: red;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: white;
  border: 0.063em solid darkred;
  border-radius: 0.625em;
}

/* Button HVV */
.cssbutton {
	
cursor: pointer;

	font-family: Tahoma;
	color: #CD1013;

	padding: 0.750em 0.938em;
	-moz-border-radius: 0.938em; -webkit-border-radius: 0.938em; border-radius: 0.938em;
	

	background: #F2EEE9;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(242,238,233) 23%,
		rgb(242,238,233) 39%
	);
	-moz-box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.7), inset -3px -3px 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.7), inset -3px -3px 6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.7), inset -3px -3px 6px rgba(0, 0, 0, 0.5);
	margin-left: 15px;
}
/* Ende Button */

body {
background: #FBFAF7; <!-- Der body erscheint im Browserfenster, verändert den Hintergrund -->
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 1.125em;
overflow: auto;
color: #FBF5EF; /* #000000; */
}

 


h1, h2, h3 {
text-align: center;
padding-left: 5%;
color: #62615c;
}

img{
text-align: center;
max-width: 100%;
height: auto;
width: auto;
} 

#wrapper {
	background: transparent #610B21; /*#FFF9F3; - verändert die Seitenfarbe */
margin: 0 auto;
max-width: 1350px;
width: 98%;
border: 1px solid #FBF9EE;
border-radius: 8px;
box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
}

/* Kopfbereich */
#kopfbild {
max-width: 1350px;
width: 98%;
margin: auto;
margin-top: 1.5em;
}


/* Abmessung Kopfbereich */
header {
width: 100%;
min-height: 125px;
text-align: center;
}

/*Anfrage Formular gestalten*/
/**************************************************************/
#nf-form-2-cont {
	background-color: #ffff9c;
	padding: 20px;
	width: 45%;
	margin: 20px 20px 20px 20px;
	border: 2px solid #ccc;
	border-radius: 8px;
	box-shadow: 0px 3px 5px #444;
}

#nf-form-3-cont {
	background-color: #ffff9c;
	padding: 20px;
	width: 45%;
	margin: 20px 20px 20px 20px;
	border: 2px solid #ccc;
	border-radius: 8px;
	box-shadow: 0px 3px 5px #444;
}

/* All Input fields */
.ninja-forms-field {
	background-color: #e5e5e7;
	padding: 17px;
	border: 1px solid #fff;
	font-size: 16px;
	border-radius: 5px;
}
/* The Send button */
#nf-field-8 {
 /* Center the button */
 display: block;
 margin: auto;
 font-size: 18px;
 background-color: #e5e5e7;
 border: 1px solid #cc860e;
 border-radius: 9px;
 padding: 10px 20% 10px 20%;    /* Button size */
 text-shadow: 0 0 1px #453f3f;  /* Text effects */
 box-shadow: 0px 1px 1px #444;  /* box effects */
 }

#nf-field-8:hover{
 background-color: #FBDEAD;
 box-shadow: 1px 1px 2px #ccc;
 text-shadow: 5px 5px 8px #453f3f;
 }
#nf-field-16 {
 /* Center the button */
 display: block;
 margin: auto;
 font-size: 18px;
 background-color: #e5e5e7;
 border: 1px solid #cc860e;
 border-radius: 9px;
 padding: 10px 20% 10px 20%;    /* Button size */
 text-shadow: 0 0 1px #453f3f;  /* Text effects */
 box-shadow: 0px 1px 1px #444;  /* box effects */
 }

#nf-field-16:hover{
 background-color: #FBDEAD;
 box-shadow: 1px 1px 2px #ccc;
 text-shadow: 5px 5px 8px #453f3f;
 } 
 
/*******************************************************************/
/* Formular gestalten Ende*/





/*--------------------------------------------------------------
 - Main Navigation
--------------------------------------------------------------*/
.primary-navigation-wrap {
	border-top: 1px solid #ddd;
}

.main-navigation-toggle {
	display: none;
}

.main-navigation-menu {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;	
}

.main-navigation-menu li {
	float: left;
	position: relative;
	margin: 0 1.2em 0 0;
}
.main-navigation-menu a {
	display: block;
	font-family: 'Titillium Web', Tahoma, Arial;
	font-size: 19px;
	font-size: 1.0625rem;
	margin: -1px 0 0;
	padding: 0.6em 0.8em 0.8em;
	border-top: 0.3em solid transparent;
	text-decoration: none;
}
.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.5em 0 0 0.3em;
	font-size: 16px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f502';
	color: #FBF2EF; /*#62615c; - Pfeile*/
}

/* Navigation-Button */
.main-navigation-menu a:link, 
.main-navigation-menu a:visited {
	color: #FBF2EF; /*#090808;- farbe Menü*/
	font-weight: bold;
	text-decoration: inherit;
	font-size: 20px;
}

 /* Navigation-Button hover */
.main-navigation-menu a:hover,
.main-navigation-menu a:active {
	color: #F22323;
}
/* Unternavi */
.main-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	background: #45C8F0;
}

.main-navigation-menu ul li {
	margin: 0;
}

.main-navigation-menu ul a {
	width: 250px;
	width: 16rem;
	padding: 1em;
	float: left;
	font-size: 13px;
	font-size: 0.8125rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.main-navigation-menu ul a:link, 
.main-navigation-menu ul a:visited {
	color: #fff;
}

.main-navigation-menu ul a:hover,
.main-navigation-menu ul a:active {
	background: rgba(255,255,255,0.1);
}

.main-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.3em 0 0 0.3em;
	font-size: 14px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #62615c;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
}


.main-navigation-menu li ul ul {
	margin-left: 250px;
	margin-left: 16rem;
}

.main-navigation-menu li:hover ul ul, 
.main-navigation-menu li:hover ul ul ul, 
.main-navigation-menu li:hover ul ul ul ul {
	display: none;
}

.main-navigation-menu li:hover ul, 
.main-navigation-menu li li:hover ul, 
.main-navigation-menu li li li:hover ul, 
.main-navigation-menu li li li li:hover ul {
	display: block;
}

.main-navigation-menu li.current-menu-item > a {
	border-color: #F09845;
}

@media screen and (min-width:710px) and (max-width:800px) {
    .site-nav li {
        margin-right: 2px;
        float: left;
    }
}
/* Navigation Ende */

/* Sidebar */

.site-sidebar {
    padding: 1em;
}


.widget {
    background: #610B21;; /* #ffff66; - Farbe Seitenleiste*/
    padding:0.5em;
    margin-bottom: 0.5em;
    text-align: center;
    border-radius: 1.250em;
}

@media screen and (min-width:600px) {
    .site-sidebar {
        float: right;
        width:20.3%;
    }
}

@media screen and (min-width:800px) {
    .site-sidebar {
        margin-top: 1.2em;
    }
}

.main aside > div { 
	margin-bottom: 1.5em;
	border-top: 0.625em solid #ff8a00;
	background: #6d4e32;
}


/*Widget Seitenleiste */
.oeffnungszeiten01 {
   width: 12.5rem;
   padding: 0.5rem;
   border: 1px solid gray;
   font-size: 0.750em;
   font-weight: bold;
   margin-left: auto;
	margin-right: auto;
}
.oeffnungszeiten01 p {
   display: flex;
   justify-content: space-between;
   margin: 0.3rem 0;
   text-align: center
}

.adresse01 {
font-size: 1.063em;
}


#banner {
width: 97%;
border-top: 1px solid #73726D;
margin-left: 1%;
}

.linke-spalte{
	width: 55%;
	float: left;
	margin: -2% 1% 1% 1%;
}

	.wir{
		float: left;
		margin: 0;
		max-width: 100%;
		height: auto;
		padding: 1%;
}
.loeschen{
	clear: both;
}

.k_bereich{
	float: left;
	text-align: center;
}


/*footer */
/*förderer und partner */

.box1, .box2, .box3, .box4, .box5 {
	 	float: left;
	 	max-width: 199px;
	 	max-height: 120px;
	 	margin-right: 2%;
	 	margin-top: 2%;
     margin-left: 2%;
     margin-bottom: 2%;
     	background: #D1D1CC;
     	box-sizing: border-box;
     	outline: 0.125em solid blue;
     	
}

.box5 {
     margin-right: 0;
}


footer{
	outline: 0.125em solid blue;
	background: #FFFF66;
	width: 97%;
	overflow: hidden;
	margin: 0 auto;
}

footer p, h2{
	color: #080103;
}
footer a{
	color: #0D0C0C;
	text-decoration: none;
}

ul li img{
	height: 3.125em;
}
*/
@media screen and (max-width: 478PX){
body {
	font-size: 0.438em;
}
}
 @media screen and (max-width: 740px){
            #banner{
                display:none;
            }
            nav {
                width: 100%;
                margin-bottom: 10px;
            }
            nav ul{
                list-style:none;
                margin: 0 auto;
                padding-left: 0px;
            }
            nav ul li{
                text-align: center;
                margin-left: 0;
                width: 100%;
                border-top: 1px solid #878EEE;
                border-right: 0px solid #878EEE;
                border-bottom: 1px solid #878EEE;
                border-left: 0px solid #878EEE;
            }
            nav ul li a {
                padding: 8px 0;
            }
            .linke-spalte{
                width: 100%;
            }
            .seitenleiste{
                width: 100%;
            }
            .bereich{
                float: left;
                margin:0;
                width: 100%;
            }
        }
        
  
.nav-social ul,
.nav-secondary ul {
    padding:0;
    margin:0;
    list-style: none;
}

.nav-social li,
.nav-secondary li {
    margin-bottom: 2px;
} 

.nav-social a,
.nav-secondary a {
    display:block;
    padding:1em;
    background: #FFFF66;
   /* background:rgba(0,0,0,0.3); */
    text-decoration: none;
}

.nav-social a:hover,
.nav-secondary a:hover {
    background:rgba(0,0,0,0.15);
}

.nav-secondary .current-menu-item a {
    background:white;
    color:black;
}

.nav-social .twitter a:hover {
    background:#55acee;
    color:white;
}

.nav-social .facebook a:hover {
    background:#3b5998;
    color:white;
}


@media screen and (min-width:600px) {
    .site-footer {
        float:left;
        width:100%;
    }
 }
    
    .nav-secondary {
        float:left;
    }
    
    .nav-social {
        float:right;
    }
    
    .nav-social li,
    .nav-secondary li {
        float:left;
        margin-right:2px;
    }