/* General Style */ 
/* Base1*/
/* by Thomas Schmid, below the line, Webmarketing, Friedberg*/


/*@font-face { font-family: 'Raleway';src: url('../font/Raleway.ttf') format('truetype'); }*/



html {
  font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
}

body {
	font-size:100%;
	margin:0em;
	padding:0em;
	color:#2f2d2c;	
    height: 100%;
    background:#ffffff;
}


h1 {
	font-size:2em;
	font-weight:600;
	color:#1f295c;
	margin:1em 0 0.5em;
	text-transform:uppercase;

}


h2 {
	font-size:2em;
	font-weight:500;
	padding:0em;
    color:#1f295c;
    text-align:left;
    width:90%;
}

h2 a{text-decoration:none;}

h3 {
    font-size:1.5em;
	margin:0;
	padding:0;
    width:90%;    
    text-align:center;}
.datenschutz h3{text-align:left;}    

h4 {
	font-size:1em;
	padding:1em 0 0 0;
    font-weight:800;
    margin:0;
}

h5 {
	font-size:1.6em;
	color:#054f95;
	margin:0em;
	padding:0em;
}

p{padding:0;margin:0;font-size:1.1em;}
a{color:#2b6aa5; cursor: pointer;}  
a:visited{color:#2b6aa5;}

/* Header */ 

header {
	background-image:linear-gradient(to top, white 50%, #eff8ff);
	margin:0;
	width:100%;
	z-index:9900;
    position:fixed;    
    top:0;
    height:11.7em;
}
header.neu {height:7.9em;}
header.neu img{height:4em;}
header .logo-kl{display:none;}
header .logo{display: inline-block;}
header.neu .logo-kl{display:inline-block;}
header.neu .logo{display:none;}


header #banner{max-width:1200px;margin:auto;}
header #banner .banner-grid{display: grid;grid-template-columns: 50% 50%;}
header #banner .right{color:#005496;text-align:right;}
header #banner .right img{float:left;}

/*.start header.neu,
.start header{background-image:url(../images/baronin-von-schaezler.jpg);position:absolute;height:26em;background-repeat:no-repeat;background-size:100% auto;}*/
.start header.neu,
.start header{background-image:url(../images/baronin-von-schaezler.jpg);position:absolute;height:300px;background-repeat:no-repeat;}

.start .banner-grid-item img{display:none;}
/*.start nav{margin-top:23em;}*/
.start nav{margin-top:250px;}
/*.start #main{margin-top:33em;}*/
.start #main{margin-top:380px;}



#main {
    margin: 0 auto;
    background: #ffffff;
    max-width:1800px;
}
#main article {
	vertical-align: top;
    max-width:1200px;
    margin:0 auto;
}
.datenschutz #main article {margin:9em auto 0;}

.kontakt{margin: 4em auto 2em;text-align: center;font-size: 1.3em;background: #eff8ff;padding: 1em;max-width: 1000px;border-radius: 50px;box-shadow: 10px 10px 10px #cdcdcd;border: 1px solid #dcdcdc;}
p.kontakt_text{font-size:1em;}
.kontakt a{color:#1f295c;font-weight:800;font-size:1.1em;text-decoration:none;}
.kontakt a:hover{color:#cdcdcd;}

.blog p{font-size:1.1em;}

.page-header{width:100%;}
.produkt .pull-right{width:48%;margin-right:2%;vertical-align:top;float:left;}
.pull-right{width:100%;margin-right:2%;vertical-align:top;float:left;}
.pull-right img{width:100%;}
.item-page p{margin:0 0 1em;}
.item-page{padding-top:3em;}
.item-image{min-height:14em;}
.item-image img{max-width:100%;}
.blog-item{margin-bottom:2em;padding: 0 4%;}



.category-desc img{float:left; margin-right:5%;width:40%;}
.kat-1 .category-desc h1{padding: 0;}
.category-desc h1{padding:2em 0 0 0;}

.blog .cat-children p{font-size:1em;}
.cat-children{display: grid;grid-template-columns: 30% 30% 30%;margin-top:4em;grid-column-gap: 5%;}
.cat-children .category-desc h1{padding: 0;margin:0.5em 0 0 0;font-size:1.5em;text-transform:none;margin: 0 0 1em 0;}
.cat-children h3{text-align:left;font-size:1.2em;margin-top:2em;}





nav {
	display:inline-block;
	margin:0 auto 0;
    width:100%;
}
nav ul {display:block;padding:0;margin:1em 0 0 0;}
nav ul li {display:inline-block; margin:0 1.5%;vertical-align:top; padding:0.5em 0 0 0;}
nav ul li a{text-decoration:none;}
nav ul li ul{display:none;position:absolute;background:#ffffff;z-index:9900;margin:0;min-width:10%;text-align:left;}
nav ul li.active{border-top:1px solid #000000;}
nav ul li:hover ul{display:block;}

nav ul li ul li{display:block;padding:4%;margin:0.5em;}


.clear{clear:both;}
.clearfix:after {content: ".";clear: both;display: block;visibility: hidden;height: 0px;}


/*nav ul li.show-all ul{display:inline-block;position:absolute;background:#ffffff;z-index:9900;}*/

/*nav ul li:hover ul{display:block;position:absolute;background:#ffffff;z-index:9900;}*/

/*Startseite*/
.grid-4{display: grid;grid-template-columns: 25% 25% 25% 25%;margin-top:2em;}
.grid-4-item{padding:2%;}
/*.grid-4-item:first-child{padding:2% 2% 2% 0;}
.grid-4-item:last-child{padding:2% 0 2% 2%;}*/
.grid-4-item img{width:100%;}

/*Blog*/
.items-leading,
.cols-4{display:grid;grid-template-columns:25% 25% 25% 25%;margin:2em 0 0 0;}
.items-leading .pull-right{width:100%;margin-right:0;vertical-align:top;}
.items-leading h2,
.cols-4 h2{min-height:2em;font-size:1.1em;text-align:center;font-weight:700;}

.leading-0,
.leading-1,
.leading-2,
.leading-3,
.leading-4,
.leading-5,
.leading-6,
.leading-7,
.leading-8,
.leading-9,
.leading-10,
.leading-11,
.leading-12,
.leading-13,
.leading-14,
.leading-15,
.leading-16,
.leading-17,
.leading-18,
.leading-19,
.leading-20,
.leading-21,
.leading-22,
.leading-23,
.leading-24,
.leading-25,
.leading-26,
.leading-27,
.leading-28,
.leading-29,
.leading-30,
.leading-31,
.leading-32,
.leading-33,
.leading-34,
.leading-35,
.leading-36,
.leading-37,
.leading-38,
.leading-39,
.leading-40,
.items-row .span3{vertical-align: top;
margin: 0 5% 2em;
background: #ececee;
padding: 5%;
border-radius: 10px;border:1px solid #cccccc;}

.leading-0 a img,
.leading-1 a img,
.leading-2 a img,
.leading-3 a img,
.leading-4 a img,
.leading-5 a img,
.leading-6 a img,
.leading-7 a img.
.leading-8 a img,
.leading-9 a img,
.leading-10 a img,
.leading-11 a img,
.leading-12 a img,
.leading-13 a img,
.leading-14 a img,
.leading-15 a img,
.leading-16 a img,
.leading-17 a img,
.leading-18 a img,
.leading-19 a img,
.leading-20 a img,
.leading-21 a img,
.leading-22 a img,
.leading-23 a img,
.leading-24 a img,
.leading-25 a img,
.leading-26 a img,
.leading-27 a img,
.leading-28 a img,
.leading-29 a img,
.leading-30 a img,
.leading-31 a img,
.leading-32 a img,
.leading-33 a img,
.leading-34 a img,
.leading-35 a img,
.leading-36 a img,
.leading-37 a img,
.leading-38 a img,
.leading-39 a img,
.leading-40 a img,
.items-row .span3 img{width:100%;}{vertical-align:top;padding: 10%;}

.readmore a.btn {font-size:0.8em;}

/* Footer */ 
footer {
	margin:5em auto 0;background:#1f295c;height:10em;color:#ffffff;}
.footer-grid{display: grid;grid-template-columns: 33% 33% 33%;max-width:1200px;margin:0 auto;}
footer h3{font-size:1.3em;}
footer h4{font-size:1.4em;padding:1em 0;}
.footer-right{text-align:right;}
footer a{color:#ffffff;text-decoration:none;}
footer a:visited{color:#ffffff;}
footer li{list-style:none;}
.footer-middle{text-align:center;padding-top:2em;}
.footer-middle img {max-width:110px;}
/*hamburger*/

.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;text-align:left;width:96%;}
.hamburger-box {width: 10%;height: 2em;display: inline-block;position: relative;}
.hamburger #banner-text{text-align:center;display:inline-block;width:78%;vertical-align:top;}
.hamburger #banner-text #logo{float:none;display:inline-block;width:100%;}
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #6da2df;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61,0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

.desk{display:inline-block;width:100%;vertical-align:top;text-align:center;}
.mobil{display:none;}


/*Slider-Unterseiten*/
.default .slider{margin:11.7em auto 0; max-width:1200px;}
.slider{margin:11.7em auto 0; max-width:1200px;}
/*.slider{min-height:10em;margin-top:10em;}*/
.start .slider{margin-top:11em;}
.slider img{width:100%;}
.start .slider #slider-img { overflow: hidden;}
.start .slider #slider-img figure img { width: 25%; float: left;margin:0;padding:0;}
.start .slider #slider-img figure {position: relative;width: 400%;margin: 0;left: 0;text-align: left;font-size: 0;animation: 20s slidy infinite;}

hr.top{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    z-index:9990;
    margin:1em 0 0 0;
    padding:0;
}

p.dse{font-size:0.8em;}
.fieldset-1{border:none;width:50%;margin:auto;}
.visCSSlabel{width:100%;}
.default .visBtnCon{text-align:left !important;}
.default .inputbox{background: #eff8ff;border-radius: 10px;}
.visform input:not(.btn),
.default .visCSSinput{background: #eff8ff;border-radius: 10px;padding:0.5em 5%;font-size:1em;border:none;box-shadow: 10px 10px 10px #cdcdcd;}
.default .visBtnCon .btn{background: #eff8ff;border-radius: 10px;padding:1em;font-size:1em;border:none;box-shadow: 10px 10px 10px #cdcdcd;}
.default .visBtnCon .btn:hover{background:#cdcdcd;box-shadow: 10px 10px 10px #eff8ff;color:#ffffff;}

.page-kontakt .kontakt{display:none;}

/* Mobile Style */
@media screen and (max-width:1400px) {

}
@media screen and (max-width:1200px) {
header #banner{width:95%;}
#main{width:90%;}
.start header.neu, .start header{background-size:90% auto;}
.start nav{margin-top:13em;}
footer{height:13em;}
.footer-grid{width:90%;}
}
@media screen and (max-width:1000px) {
.start nav{margin-top:11em;}
nav ul li{margin: 0 1%;font-size:0.9em;}
.kontakt{width:80%;font-size:1.1em;}
}
@media screen and (max-width:900px) {
.mobil{display:inline-block;top: 0;left: 0;position: fixed;z-index: 9700;background:#ffffff;width:100%;}
.mobil .right{text-align:right;z-index:9900;position:fixed;right:5%;}
header #banner .right{display:none;}
header #banner .right img{display:none;}
.desk {display: none;}
.start header.neu, .start header{margin-top:4em;z-index:8000;height:12em;}
.start #main{margin-top:17em;}
nav.nav{display:none;}
.is-active nav.nav{display:inline;}
hr.top{display:none;}
.home{margin: 5em 0 0 0;width: 100%;text-align: center;}
.grid-4{grid-template-columns:33.33% 33.33% 33.33%;}
.items-leading, .cols-4{grid-template-columns: 33.33% 33.33% 33.33%;}
.default .slider{width:90%;}
header, header.neu{margin-top:4em;}
header{height: 6em;z-index:9500;background:#ffffff;}
header.neu{height:4em;}
/*.right img{display:none;}*/
nav ul{margin:1em 0 2em;}
/*.start nav ul{margin:1em 0 2em;}*/
nav ul li{width:22%;margin:0 5%;}
nav ul li ul{display:inline-block;position:relative;width:100%;}
/*nav ul li:hover ul{display:inline-block;}*/
nav ul li ul li{display:none;}
/*nav ul li ul li{margin:0; padding:0.5em 4%;width:100%;}*/
nav ul li a {font-size:1.2em;}
nav ul li ul li a{font-size:0.9em;}
.start nav{margin-top:4em;}
nav ul li.active{border:none;}
}

@media screen and (max-width:800px) {
    header{height:5em;}
    header img{height:5em;}
    header.neu{display:none;}
    header.neu img {display:none;}
    .cat-children{grid-template-columns: 100%;margin-top:0;}
    .cat-children h3{font-size:1.4em;}
    .cat-children .category-desc h1{font-size:1.2em;}
    .default .slider{margin:9em auto 0;}
    p{font-size:1em;}
    .fieldset-1{width:100%;}
}
@media screen and (max-width:700px) {    
    .grid-4{grid-template-columns:50% 50%;}
    .start header{height:10em;}
    .start #main{margin-top:15em;}
    .items-leading{grid-template-columns:50% 50%;}
    
}
@media screen and (max-width:600px) { 
    footer{height:30em;padding: 0 0 2em 0;}
    .footer-grid{grid-template-columns:100%;text-align:center;}
    .footer-right{text-align:center;}
    .footer-right ul{margin:0;padding:0;}
}
@media screen and (max-width:500px) { 
    h1{font-size:1.5em;}
    h2{font-size:1.3em;}
        .start header{height:8em;}
    .start #main{margin-top:13em;}
    .footer-middle{margin:1em 0;}
    .kontakt{font-size:1em;}
    /*.slider img{display:none;}*/
    .produkt .pull-right{width:100%;}
    .produkt .pull-right img{margin-bottom: 0 0 1em 0;}
}
@media screen and (max-width:420px) { 
    .banner-grid-item h4{font-size:0.9em;}
    .banner-grid-item p{font-size:0.9em;}
    .start header{height:6em;}
    .start #main{margin-top:11em;}
    footer h4{font-size:1.1em;}
    nav ul li{width:40%;}
    nav ul li ul{display:none;}
    .items-leading{grid-template-columns:100%;}
    
}

@keyframes slidy {
0% { left: 0%; }
25% { left: 0%; }
26% { left: -100%; }
50% { left: -100%; }
51% { left: -200%; }
75% { left: -200%; }
76% { left: -200%; }
100% { left: -200%; }
}