/*! Place your custom styles here */

/* Support Box */
.support-box{display:none;position:fixed;right:15px;top:40%;z-index:100001;max-width:250px;}
.support-box .closer{position:absolute;right:30px;top:0;color:#fff;cursor:pointer;}
.support-box .closer .glyphicon:before{font-size:1.4em;color:#e45f04;}
.support-box .bubble{margin:0 auto;width:150px;height:150px;background-color:#fff;border:3px solid #74b922;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;}
.support-box .bubble img{width:100%;height:auto;}
.support-box .desc{font-weight:550;position:relative;margin-top:30px;padding:15px;background-color:#73b822;;;font-size:0.9em;text-align:center;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;color:#fff;}
.support-box .desc:after{font-weight:550;bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136, 183, 213, 0);border-bottom-color:#73b822;;border-width:15px;margin-left:-15px;}
.support-box .desc .name{font-weight:bold;color: #fff;font-size:16px;}
.support-box strong{color:#fff;font-weight:700;font-size:12px;}

/* video */

.bgvideo:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/bgvideo.png);
}
.bgvideo {
  position: relative;
  height: 600px;
  overflow: hidden;
}
.bgvideo .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../video/thumb.jpg) 50% 50% no-repeat;
  background-size: cover;

}
.bgvideo video {
  position: absolute;
  top: 50%;
  /*left: 50%;*/
  width: auto;
  height: auto;
  /*margin: -540px 0 0 -960px;*/
  min-width: 100%;
  min-height: 100%;
  background-size: cover;
  margin-left: auto !important;
}
.bgvideo .slogan {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 900px;
  margin: -140px 0 0 -450px;
  padding: 65px 0 25px;
  border-radius: 15px;
  background: rgba(255,255,255,0.1);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.25);
  font-size: 100px;
  font-weight: 100;
  text-align: center;
  color: #fff;
}
.bgvideo .slogan {
  font-size: 22px;
  font-weight: 100;
  text-align: center;
} 
.bgvideo .slogan h2{  color: #fff;}
.bgvideo .slogan img {
  position: absolute;
  top: 0;
  left: 50%;
  margin: -88px 0 0 -25px;
}
.bgvideo .slogan a {
  display: block;
  width: 30px;
  margin: 0 auto;
      margin-top: 0px;
  margin-top: 30px;
  font-size: 42px;
  line-height: 0;
  color: #fff;
}

.bgvideo .slogan a i:last-child {
  opacity: 0.2;
}
.bgvideo .slogan a i {
  vertical-align: middle;
  line-height: 10px;
  opacity: 0.6;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h3 strong{color:#fff;}




/* Menü anpassung */

.menu-horizontal li{font-size:1.2em;}
.menu-vertical li a{font-size:14px;}
.menu-pos{text-align:center;}
.bar-2 .logo{background:#FFF; border-radius:10px;}
.dropdown__content{margin-left:-40px;background:rgba(233,242,225,0.9) !important; }
#menu2{background:#FFF;z-index:999;}
#dropdown__content ul, li{list-style:none !important;}

@media all and (min-width: 768px) {
.bar.pos-fixed{position:fixed;top:0;}
}


@media (max-width: 1200px) {
  .menu-horizontal li{
    font-size:14px;
    padding-bottom: 7px;
    margin-left: 0px;}
}

@media all and (max-width: 991px) {
.menu-pos{text-align:center;}
.menu-horizontal li{font-size:14px;}
.bar{padding-bottom:0px; padding-top:3px;}
}

@media all and (min-width:768px) and (max-width: 991px) {
#menu2{
margin-left: auto;
margin-right: auto;
width: 100%;
z-index: 999;
height: 130px;
}

}

@media all and (max-width: 767px) {
.dropdown__content{margin-left:0px;background-color:#fff!important;}	
.menu-horizontal li{font-size:1.2em;}
.menu-vertical{margin: 20px 0px 20px 0px !important;}
.menu-vertical li{line-height:22px;}	
.menu-pos{text-align:left;}
.dropdown .dropdown__content{padding:0px 0px 0px 20px;background:#fff;}
#menu2 ul, li{list-style:none;}
.icon--sm {font-size: 4em;}


}


/* footer */
.footer-top{
  background: url(../images/top.png);
  background-repeat: repeat-x;
  background-size: 550px;
  height: 178px;
  padding:0px;
}

footer{background:#75bb2a;}
footer p, td{color:#FFF;font-weight:500;font-size:16px;}
footer strong{color:#fff;font-weight:700;}
footer a{color:#e9e9e9;}

footer a:hover{font-weight:700 !important;}

footer h6{
color:#FFF;
font-size:18px;
margin-bottom: 10px !important;
}

/* SimpleCE */

.move{display:none;}

.cke_top{margin-top:-140px !important;}
#willkommen .cke_top{margin-top:0px !important;}
#holzbau .cke_top{margin-top:0px !important;}
#uebersicht .cke_top{margin-top:0px !important;}
#kontakt .cke_top{margin-top:-240px !important;}
#editor-abstand .cke_top{margin-top:0px !important;}

.sce_inline_editor, .sce_editor {
background: rgba(217,255,204,0.5);
min-width:30px;
min-height:20px;
}
.backend .image-container img {max-width: 350px;}

.sce_edit_button{width:140px;font-weight:500;}
.sce_edit_button a{color:#fff;}
.sce_type_short .sce_inline_editor, .sce_type_short .sce_editor {
    display: inline-block;
    min-width: 100px;
    background-color: rgba(217,255,204,0.5);
}
.cke_editable {
    cursor: text;
    background-color: rgba(217,255,204,0.5);
}
.sce_editable_area a{font-size:14px;font-weight:300;}
.backend .image-container {max-width:400px;} 
.sce_loop_container{width:100%;}
.sce_loop_container .sce_inline_editor{margin-top:5px;}
.sce_loop_container {list-style: decimal;} 
 
.sce_editable_area .fa{font-size:24px;font-weight:300;}

 
 
footer:not(.bg--primary):not(.bg--dark) a {
    color: #d6f4ff;font-weight:500;
} 
.handwerk{max-width:150px;text-align:center;} 



/* index */

#spielgeraete .feature{background:#fff !important;}


@media (max-width: 768px) {
	
}

@media (max-width: 992px) {
	
}

@media (max-width:992px) and (min-width:768px) {

}

/* IMPRESSUM */

#rechtliches p{font-size: 14px;Line-height: 18px;}
#rechtliches h4{font-size: 16px;}

#weiteres p{font-size: 12px;Line-height: 14px;}
#weiteres h4{font-size: 14px;}

figure {
  display: inline-block;
  background: white;
  overflow: hidden;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width:100%;
}
figure h5{color:#75bb2a;}
figure img {
  display: block;
  /*margin: 0;*/
  padding: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  margin-left: auto !important;
  margin-right: auto !important;
}
figure:hover {
  background: #75bb2a;
}
figure:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  opacity: .5;
  filter: alpha(opacity=50);
}
figure:hover h2, figure:hover h5 , figure:hover h3 {color:#fff}
figure h2, h5{padding: 15px 5px 0px 5px} 
figure p{padding: 0px 5px 15px 5px}

/* holzbau */


.doks{
	font-size:18px;
}
.pdf{
	width:20px;
	margin-top: 19px;
    margin-right: 20px;
}


/* Angebote */

.angebot:nth-child(even) {
  background: #e9f2e1;
}

.pricing {
  background: #fff !important;
}

#angeb-bild hr{margin: 3px 0 !important;}


/* Projekte */

.angebot:nth-child(even) {
  background: #e9f2e1;
}

.datum{
display: inline-block;
font-size: 9px;
font-weight: 700;
letter-spacing: .5px;
color: #fff;
text-transform: uppercase;
height: 26px;
min-width: 65px;
padding: 5px 10px;
text-align: center;
border-radius: 50px;
position: absolute;
z-index: 3;
background: #267716;
margin-top:-30px;
}

/* Geraet */

#geraet .daten {
  background: #e9f2e1;
}
#geraet table{border: 2px solid #78b942;}
#geraet th{
  padding-left:5px;
  background:#78b942;
}

#geraet tr{
        outline: 1px solid rgb(120, 185, 66);
}

#geraet td {
  vertical-align: top;
  padding-left:5px;
}

#ger td {
  vertical-align: top;
  padding-left:5px;
}

.linieunten{border-bottom:solid 1px #def0ce;}

#sammel-geraete{
  max-height:500px;
}
.h1-2{
  color: #FFF !important;
  text-shadow: 2px 2px #22601f !important;
}
#sammel-geraete .h1-2{
  color: #FFF !important;
  text-shadow: 2px 2px #22601f !important;
}
#sammel-geraete .h1-2{margin-top:90px;}

.kinder {
  transform: scale(1) translateX(0);
  margin-top:100px;
}
.kinder img {
  border-radius: 50%;
}
.kinder::before{
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(117, 187, 42, 0.3),
  0 1px 2px rgba(0, 0, 0, 0.3);
}
.kinder:before{
  box-shadow: inset 0 0 0 16px rgba(117, 187, 42, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
}


.abstand-geraet{padding-top:100px;}

@media (max-width:990px){
  #sammel-geraete {
    max-height: 400px;
  }
  #spielgeraete .lead {
      font-size: 14px;
      font-weight: 500;
      line-height: 18px;
    }
  #sammel-geraete .h1-2 {
     margin-top: 30px;
  }
  .abstand-geraet{
    padding-top:50px;
  }
}
@media (max-width:769px) {
  .abstand-geraet{
    padding-top:0px;
  }
  #sammel-geraete {
    max-height: 500px;
  }
  #sammel-geraete .h1-2 {
    margin-top: 60px;
  }
}

/* a3d-planung */
.hg100{background-image:url("https://www.bernd-merten.de/images/3d-planung.jpg")!important;}
.hg200{background-image:url("https://www.bernd-merten.de/images/prolog.jpg")!important;}
.hg300{background-image:url("https://www.bernd-merten.de/images/cta2.jpg")!important;}
.hg700{background-image:url("https://www.bernd-merten.de/images/holzbau2.jpg")!important;}
.hg750{background-image:url("https://www.bernd-merten.de/images/spielplatz.jpg")!important;}

.hg1001{background-image:url("https://www.bernd-merten.de/images/spielplatz.jpg")!important;}
.hg1201{background-image:url("https://www.bernd-merten.de/images/spielhaus.jpg")!important;}
.hg1401{background-image:url("https://www.bernd-merten.de/images/kleinkinder.jpg")!important;}
.hg1601{background-image:url("https://www.bernd-merten.de/images/wasser.jpg")!important;}
.hg1801{background-image:url("https://www.bernd-merten.de/images/schaukeln.jpg")!important;}
.hg2101{background-image:url("https://www.bernd-merten.de/images/klettern.jpg")!important;}
.hg2301{background-image:url("https://www.bernd-merten.de/images/karussell.jpg")!important;}
.hg2501{background-image:url("https://www.bernd-merten.de/images/rutsche.jpg")!important;}
.hg2701{background-image:url("https://www.bernd-merten.de/images/ausstattung.jpg")!important;}
.hg2901{background-image:url("https://www.bernd-merten.de/images/sport.jpg")!important;}
.hg31001{background-image:url("https://www.bernd-merten.de/images/spielschiff.jpg")!important;}
.hg32001{background-image:url("https://www.bernd-merten.de/images/sandkasten.jpg")!important;}
.hg33001{background-image:url("https://www.bernd-merten.de/images/trampolin.jpg")!important;}



/* allgemein */

.border50{ border-radius:50%;}

.btn--primary a{color:#FFF!important;}

.kreis ul, li{
  list-style: circle ;
  font-size:1em;
  list-style-position: outside;
  /*margin-left:15px;*/
  font-size:1.1em;
}

table tr{
    line-height: 1.7 !important;
}

table td {
    vertical-align:top!important;
}

p{line-height:1.4 !important;}

.shout{
	color:#F00;
	font-weight:600;
	font-size:14px;
}

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

.lead2, .h1-2{
  color: #FFF!important;
  font-weight: bold!important;
}
.lead2{font-size:1.4em}

section td{color:#595959;font-size: 1em;}

.abstand-1{margin-top:100px;}
.abstand-2{margin-top:200px;}

body{color: #595959;}

.schwarz{color:#000!important;}
.weiss{color:#fff!important;}

.lead{
	font-size: 17px;
	font-weight: 600;
	color: #595959;
}

.videocontainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videocontainer {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}



.only-handy{display:none;}
.no-handy{display:block;}
.only-tablet{display:none;}
.no-tablet{display:block;}


@media (max-width: 992px) {
	.only-tablet{display:block;}
	.no-tablet{display:none;}
}

@media (max-width: 768px) {
	.only-handy{display:block;}
	.no-handy{display:none;}

  .abstand-1{margin-top:0px;padding-top:20px;}
  .abstand-2{margin-top:0px;padding-top:20px;}
  #geraet{padding-top:0px!important;}
}




.border15{border-radius:15px;}

.op100{opacity:1.0 !important;}
.op60{opacity:0.6 !important;}
.op50{opacity:0.5 !important;}
.op20{opacity:0.2 !important;}


.mt-15{margin-top:-15px;}
.pt0{padding-top:0px!important;}
.pb0{padding-bottom:0px!important;}
.pb20 {padding-bottom: 20px;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}


.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt150{margin-top:150px;}


.mt-10{margin-top:-10px;}
.mt-15{margin-top:-15px;}
.mt-20{margin-top:-20px;}
.mt-30{margin-top:-30px;}
.mt-40{margin-top:-40px;}
.mt-50{margin-top:-50px;}
.mt-60{margin-top:-60px;}
.mt-70{margin-top:-70px;}
.mt-80{margin-top:-80px;}
.mt-90{margin-top:-90px;}
.mt-100{margin-top:-100px;}
.mt-150{margin-top:-150px;}

.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}
.mb200{margin-bottom:200px;}


.mb-10{margin-bottom:-10px;}
.mb-15{margin-bottom:-15px!important;}
.mb-20{margin-bottom:-20px;}
.mb-30{margin-bottom:-30px;}
.mb-40{margin-bottom:-40px;}
.mb-50{margin-bottom:-50px;}
.mb-60{margin-bottom:-60px;}
.mb-70{margin-bottom:-70px;}
.mb-80{margin-bottom:-80px;}
.mb-90{margin-bottom:-90px;}
.mb-100{margin-bottom:-100px;}
.mb-150{margin-bottom:-150px;}

.ml0{margin-left:0px!important;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}


.ml-10{margin-left:-10px;}
.ml-15{margin-left:-15px!important;}
.ml-20{margin-left:-20px;}
.ml-30{margin-left:-30px;}
.ml-40{margin-left:-40px;}
.ml-50{margin-left:-50px;}
.ml-60{margin-left:-60px;}
.ml-70{margin-left:-70px;}
.ml-80{margin-left:-80px;}
.ml-90{margin-left:-90px;}
.ml-100{margin-left:-100px;}
.ml-150{margin-left:-150px;}


.mr0{margin-right:0px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}
.mr150{margin-right:150px;}


.mr-10{margin-right:-10px;}
.mr-15{margin-right:-15px;}
.mr-20{margin-right:-20px;}
.mr-30{margin-right:-30px;}
.mr-40{margin-right:-40px;}
.mr-50{margin-right:-50px;}
.mr-60{margin-right:-60px;}
.mr-70{margin-right:-70px;}
.mr-80{margin-right:-80px;}
.mr-90{margin-right:-90px;}
.mr-100{margin-right:-100px;}
.mr-150{margin-right:-150px;}