/*
1. Google responsive
2. Objekte responsive

<div class="responsiveContainer">
  <!-- iframe-Code von Google Maps -->
</div>

*/

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

/*  objekte  */
.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
}


iframe {
  max-width: 100%;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}


#header .logo{display:inline-block;float:left;height:50px;margin-bottom:10px}

.topbar{color:#fff;background-color:#2d343e;height:54px}
.topbar ul{margin:0;padding:0}
.topbar ul li{list-style-type:none;vertical-align:middle;display:inline-block;margin:0;padding:0}
.topbar a{color:#fff;}
.topbar a:hover{color:#3395ff;}
.topbar .touch{float:left;margin-top:11px}
.topbar .touch li{font-size:12px}
.topbar .touch li+li{margin-left:15px}
.topbar .touch li>*{display:inline-block;vertical-align:middle}
.topbar .touch p{margin:0 0 0 5px;line-height:1.2}
.topbar .social{float:right;margin-top:10px;line-height:0}
.topbar .social li+li{margin-left:5px}


/* #78 */
h5.small {
  margin: 10px 0;
}

h6.small {
  font-size: 12px;
  font-style: italic;
  margin: -5px 0;
}


/* #1659 */
	/* Desc row */
	.pricing.pricing-style1 .pricing-col.description {
		border-top: none;
		border-left: none;
	}
		.pricing.pricing-style1 .pricing-col.description .pricing-content {
			border-top: 0px solid #f1f1f1;
			margin-top: 0px;
			text-align: left;
		}
			.pricing.pricing-style1 .pricing-col.featured .pricing-content,
			.pricing.pricing-style1 .pricing-col.featured .pricing-footer {
				border-right: 1px solid #f1f1f1;
			}

/* #3375 */
/* die sliderhöhe muss auch in der datei slider.js und slider.min.js geändert werden */
	#page-slider {
		opacity: 0;
		position: relative;
		max-height: 400px;      /* hier und darunter */
		height: 400px;

		transition: opacity 200ms linear 0;
		-webkit-transition: opacity 200ms linear 0;
	}

/* #4441 */
	.author-content strong {
		min-width: 200px;
		display: inline-block;
	}


/* theme.min.css */
#footer {padding-top:0px;position:relative;clear:both;background-color:#2d343e;color:rgba(255,255,255,.3);



/*  NEU  */
.btn.center {
  text-align: center;
}

/* from theme.css und theme.min.css */
/* #162 */
.text-info {
	color: #157cfc;
}