/* CSS Document */
/*
 Theme Name: GeneratePress Child
 Description: GeneratePress Child Theme
 Author: webgaroo webdesign studio
 Author URI: http://www.webgaroo.de
 Template: generatepress
 Version: 3.0
 Text Domain:  generatepresschild
*/


/*OPTIONEN*/
body {
	color: #333;
}
pre {
     background-color: #faf0c4;
     max-width: 100%; 
     white-space: pre-wrap;
	 text-align:center;
}
strong {color: #7A2D55;}
blockquote {
	font-size: 1em;
	font-style: normal;
	background-image: url(images/quote.png);
	padding: 20px;
	background-repeat: no-repeat;
	border-left-style: none;
}


h3 {
	font-size: 17px;
	font-weight: 700;
	color: #7A2D55;
	margin-bottom: 10px;
}

.header-widget p {
	font-size: 14px;
	color:#7A2D55;
	margin-bottom: 0px;
}
.header-widget a{margin-left: 2px; }
.header-widget a:hover{color:#7A2D55;}
.main-navigation .main-nav ul li a  {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
}
.main-navigation ul ul {background-color: #efefef; }

.main-navigation ul li[class*="current-menu-"] > a  {
	color: #262262;
	font-weight:700;
}

/*-------Navigation Stuck------------------*/
.main-navigation.is_stuck {
	  background-color:#999!important;
}


/*.main-navigation.is_stuck a{
    color:#333!important;
}*/

.entry-title {text-transform: uppercase; }
.post-header {display:none;}
.singular .post-header, .singular .post-content, .singular .post-meta, .error-404 .post-header, .error-404 .post-content, .error-404 .post-meta {padding: 0 0.0%; /*0 9.08406%*/}
.nivoSlider .nivo-caption {
	background: none;
	bottom: 50%;
	text-align: center;
	font-size: 50px;
	font-weight: lighter;  
}

.site-content {
	/*box-shadow: 5px 0px 30px silver;*/
}
.site-content ol, .site-content ul{margin-left: 0px;}
.site-content ul li  {
	background-image: url(images/list.png);
	background-repeat: no-repeat;
	background-size: 5px 5px;
	list-style-type: none;
	padding-left: 20px;
	background-position: left 12px;
}

.gelb ul li  {
	background-position: center top;
	padding: 10px 0;
}
.entry-content ol li  {
	font-weight: bold;
	color: #7A2D55;
	list-style-position: inside;	
}

/*FOOTER*/
.site-footer {
	margin-top:50px;
}
.footer-widgets  {
  	text-align: center;
    line-height: 30px;
	background-color: #e4e3e3;
}
.footer-widgets .widget-title { 
    font-size:16px;
	color: #7A2D55;
	text-transform: uppercase;
}
.footer-widgets a, .footer-widgets a:visited {
    color: #7A2D55;}
.footer-widgets a:hover {
    color: #000;}
	
.site-info {
    background-color: #7A2D55;}
.site-info a:hover {
   	color: #eee;}
.copyright-bar li  {
	background-image: none;
	display: inline;
	list-style-type: none; margin-right:10px;}

.footer-bar-align-right .copyright-bar {
    float: none;
}

.start .su-spoiler-title {
    color:#7A2D55;
    font-weight: normal;
    font-size: 17px;
}
.center {text-align:center;}
.gelb   {
	background-color: #faf0c4;
	text-align:center;
	padding: 20px;
	margin-bottom:50px!important;
}
@media screen and (min-width:980px) {
a.tel, a.tel2 { pointer-events:none; cusor:default; color: #606060;}

a.tel2 {color: #333333; height:}
}

@media screen and (max-width:1000px) {
.main-navigation .main-nav ul li a  {
	font-size: 11px!important;
	padding:0 15px!important;
}
}
@media screen and (max-width: 768px) {
.inside-header {
     background-color: #efefef;
}
.nav-search-enabled .main-navigation .menu-toggle {
    text-align: center;
}
.site-content {
	box-shadow: none;
	background-color:#efefef;
}
body, .widget {
   font-size:16px!important; text-align:center; background-color: #efefef;}
.site-header .header-image {
   
    max-width: 100px!important;
}
h1, h2 {font-size: 20px; line-height: 30px;}
.site-content ul li {
	padding-left: 0px;
	background-position: center bottom;
	padding-bottom: 15px; 
}
.copyright-bar ul {margin: 0;}
.copyright-bar ul li{
    display: block;
	padding: 0;
	margin: 10px 0;
}

.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
    left: 150px;
}
.site-logo.mobile-header-logo img {
    height: 50px!important;
    width: auto!Important;
}
button.menu-toggle:hover, button.menu-toggle:focus, .main-navigation .mobile-bar-items a, .main-navigation .mobile-bar-items a:hover, .main-navigation .mobile-bar-items a:focus {
    color: #333;
}
}