/* freeland */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 9, 2015 */
@font-face {font-family: "Freeland"; src: url("//db.onlinewebfonts.com/t/0241ad69caef008726022256bf0af826.eot"); src: url("//db.onlinewebfonts.com/t/0241ad69caef008726022256bf0af826.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0241ad69caef008726022256bf0af826.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0241ad69caef008726022256bf0af826.woff") format("woff"), url("//db.onlinewebfonts.com/t/0241ad69caef008726022256bf0af826.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0241ad69caef008726022256bf0af826.svg#Freeland") format("svg"); } 
body {
	margin:0;
	padding:0;
	font-family:'Roboto',sans-serif;
         color:#333 !important;
	height:100%;
	font-size:18px!important;
	width:100%;
	/*overflow-x: hidden;*/
	overflow-x:auto; 
}
html {
	height:100%;
	width:100%;
	/*overflow-x: hidden;*/
	overflow-x:auto; 
}
h1, blockquote { font-family: 'Lato Light', sans-serif;
font-weight:300!important;
}
blockquote {border-left:0px!important; font-size:18px!important; margin-left:-20px!important;}
.green, .gruen {color:#c1d82f !important}
.demo {color:#bbb}

.demo, .claim{
    font-family:"Freeland" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;

    font-size :35px!important
    }
   h1 .demo { font-size:1.3em!important;} 
h2,h3,h4,h5,h6, nav {  font-family: 'Lato', sans-serif;
font-weight:200!important;
}

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


/* 
#nav ::before {
   content: url(logo.png);
}
 */
/*
.ifl {
  float:left;
  margin:0 1em 1em 0;
}
.ifr{
  float:right;
  margin:0 0 1em 1em;
}
*/
.logo img {
	margin: 2em 0 0 -35px;
	position:relative; height:80px;
}
/*menu-hintergrund*/
 .sticky{background: rgba(255,255,255,1)!important;}
.main-menu-btn-icon  { color:black!important}
.meta {
	text-align:right;
}


.meta a {
	color:inherit !important;
}
.meta ul {
	margin:0;
	padding:0;
	display:inline;
}
.meta ul li {
	list-style-type:none;
	font-size:90%;
	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:#00489a;
}
.meta ul li a:hover, 
.meta ul li a:visited:hover,
.meta ul li a:active, 
.meta ul li a:visited:active {
	color:#e67f00;
}
nav{
	/*background-color:transparent!important;*/
	display:block !important;
	z-index:100;
	text-transform:uppercase;
	margin:0 auto;
}
nav#main-nav  a {text-decoration:none ! important;}
.schmuckbild {
	width:100%;
	margin:0 auto;
	height:30%;
}
nav#main-nav li.menu-parent a, nav#main-nav li.menu-current a{background: rgba(255,255,255,0)}
aside p {
	text-align:left !important;
	font-size:85%;
}
.clr {
	clear:both;
}

.dark {
 background: rgba(0,0,0,.5);}

footer .fg12 div {
 background: rgba(0,0,0,.5);
	margin:1em 0 0;
	padding:0.5em 0;
	font-size:85%;
	border-top:1px solid #00489a;
	border-bottom:1px solid #00489a;
}
.footerbox {background:#ddd;z-index:100!important; }
.fg12.footerbox .center {width:80%; margin:0 auto;text-align:center; padding-bottom:30px;}
.fg12.footerbox .left {width:30px; float:left;}
#gototopswitch {float:right; margin:0px 10px 0 0;}
/* Login Box */
#showlogin {display:block; float:left; position:relativ;  width:30px; margin:6px 6px 0 0; }
#login-box {position:absolute; width:220px; left:30px; top:-20px; padding:5px; font-size:11px; z-index:2000; background: #eee; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);}
#login-box .loginsubmit {border:0;}
#login-box .inputfield {width:80px; border: 1px solid #c9e8f9; padding:1px;}
a.template_edit_link {width:16px; height:16px; position:absolute; top:0; left:0; background:url(img/edit.gif) no-repeat; z-index:5000}
/*Extra cookie_permission */
#cookie_permission {position:fixed; top:0; right:0; z-index:9950; width: 200px; padding:10px; background: #555; text-align:center; font-size: 0.9em; line-height:120%; border-radius: 0 0 0 25px; box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2); }
#cookie_permission p , #cookie_permission a {color:#fff;}
#cookie_permission a.cookieaccepted {color:#000; background: #eeb300; display:block; padding:5px; border-radius: 15px; border: 1px solid #fff; font-weight:bold;}
/*Extra Colorpicker */
#colorpickericon {display:block; width:24px; height:24px; background: url(img/colorpicker.png) no-repeat; z-index:5000; position: absolute; top:100px; right:0; cursor:pointer;}
#colorpicker {display:none; width:90px; background: #ddd; position: absolute; top:100px; right:0; z-index:5000; font-size:12px;line-height:100%; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
.pickerfield {width:100%; height:40px; float:left;}
.pickerfield input[type="color"] {width:100%; height:20px; padding:0; border:0; cursor:pointer;}
.pickerfield input[type="text"] {width:90%; height:20px; padding:1px 3%; border: 1px solid #999;; cursor:text;}
a.colpick-button {display:block; clear:both; width:80%; margin:10px auto; padding:3px; background: rgba(255,255,255,0.2); text-align:center; border: 1px solid #666; border-radius: 15px;  cursor:pointer;}
#colorpicker-info {display:none; position: absolute; width:160px; padding:10px; top:0; left:-180px; background: #eee; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
@media screen and (max-width:800px) {
	.logo {
		text-align:center;
		padding:1em 2em 0;
	}
}
@media screen and (max-width: 690px) {
.minihero, .slides { 
height:200px !important;
/*display:none*/}
}