/*
	Original .fitgrd (www.fitgrd.com) - responsive grid system by Jan Müller
	Fitrgrid - small screen first fork by John Coyne (aoimedia.co.uk) 2016
	Licensed under GPL and MIT.
	##########################
*/
body {
font-family: 'Roboto', sans-serif;
margin: 0 auto;
color: #444;
font-size: 16px!important;
}

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

/* ----- typography ----- */
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif;

color:#434343 ; font-weight: 600;}

h1 {font-size:1.7em; color:#ccc; font-weight:300 !important}

h2 {font-size:1.7em}

h3 {font-size:1.4em}

h4 {font-size:1.1em}

h5 {font-size:1em}

h6 {font-size:0.9em}

p {
	/*text-align:justify;*/
	color:#666  ;
	line-height:1.1em;
	margin:0 0 0.8em 0;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
/*  styles für editor*/

.grid { 
       display: grid;
	grid-template-columns: repeat(auto-fit, minmax(33%, 1fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
	}
.grid div, .grid3 div {
		/* 
background: #257989;
		border: 2px solid #1d606d;
		color: white;
 */
		padding: 0;
		margin: 0 .5em ;
	}

.box , .box2{ 
		background: inherit;
		border: 5px solid rgba(0,0,0,.1);
		border-radius:15px;
		color: inherit;
		padding: 1em;
		margin: 0px!important;
		/*font: 300 20px/20px 'Oswald';*/
	}
.box2 {
		padding: 0px;
	}
.box a , .box2 a{
		color: inherit;
	}

blockquote { 
padding-top:0!important; padding-bottom:0!important; font-family: 'Roboto', 'Oswald', sans-serif}
 @media screen and (max-width: 1024px) {
} 
 @media screen and (max-width: 641px) {
.grid, .grid3 {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
	}
	.grid div , .grid3 div{
		/*background: #257989;
		border: 2px solid #1d606d;
		color: white;*/
		padding: 0;
		margin: 0;
	}
	/* footer {padding-left:10px;} */
} 





/*template-styles*/

header{
	background: #eee;
margin: 0;
padding:5px 0px 25px 0px;
}
header .row{
	max-width: 80em;
	margin: 0 auto;    
}
#nav{
	background: #ccc;   
}
#hero{
	background: #eee;    
}
#hero .row{
	max-width: 100%;
	margin: 0 auto;    
}
#breadcrumbs .row{
	max-width: 100%;
	margin: 0 auto;    
}
.slide{
	padding: 2em 0;
		max-width: 70em;
	margin: 0 auto;
}
.align-center {
    text-align: center;
}

.align-right {
	text-align: right;
}

.fg4.equal-box {
    padding:0 0 60px 0 ;
}
.fg4.equal-box button {
    position: absolute;
    bottom: 10px;
    display: block;
}

aside ul li {
    list-style-type: none;
}

footer{
	background: #eee;
	/*padding-left:50px;*/
}
.footer a {
	color: inherit !important;
	font-weight:400;
}
footer .row{
	max-width: 70em;
	margin: 0 auto 0 auto;   
}
/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:5px; right:15px; width:30px; height:30px; line-height:26px; border-radius:5px; font-size:1rem; text-align:center; opacity:.2; text-decoration:none;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}
#backtotop{color:#fff; background-color:#4CA6D5;}

.breadcrumbs {
height:30px;
line-height:100%;
margin: 0 0 0 -15px;
padding: 3px 0 3px 0;
clear:both;
}

.innerbc {
font-size:14px;
margin:10px 0 0 0;
}

.breadcrumbs .innerbc span {
background: transparent url(img/bclink.gif) no-repeat;
padding: 6px 2px 0px 12px; font-weight: normal; }

.breadcrumbs .innerbc a {
padding:1px;
border-bottom: 1px dotted #666;
text-decoration: none;
}
.breadcrumbs .innerbc a:hover {
border-bottom: 1px solid #505567;
}

.breadcrumbs .innerbc .menu-current a{
color: #808080;
}

.frontpage .breadcrumbs {display:none;}

.fg1,.fg2,.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
	color: #333;
}

.fg-no-gutter > [class*="fg"] {
	height: auto;
	background: none;
}

.headline{
	font-size: 2em;
	line-height: 1em;
	background: none;
	color: #333;
	padding: 1em 0;
}

.meta {
text-align:right;
}

#meta-bottom {
text-align: center;	
}

.meta ul {
margin:0;
padding:0;
display:inline;
}

.meta ul li {
list-style-type:none;
font-size:80%;
text-transform:uppercase;
display:inline-block;
margin:0;
padding:0 1em;
}

.meta ul li a:link,
.meta ul li a:visited {
text-decoration:none;
color:#808080;
}

.meta ul li a:hover,
.meta ul li a:visited:hover,
.meta ul li a:active,
.meta ul li a:visited:active {
color:#333;
}
footer .meta {
padding-bottom: 20px;
}
.sp {
border-left: 5px #4CA6D5 solid;
padding-left: 15px;
margin-left: 0px;
color: #444;
  }
/* ======================================= 
   media queries
   ======================================= */

/* larger viewport breakpoint: 640px+ */ 	
@media screen and (min-width: 40.000em) {
	
	#breadcrumbs .row, .breadcrumbs{
display:none!important; 
	
}