/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
#gruemenu.grue_87 {font-family: "Open Sans", Arial, Helvetica, sans-serif ;}

h1 {
	color: #3B76B0;
	font-family: georgia;
	border-bottom: 2px solid #3B76B0;
	padding-bottom: 5px;
}

h2 {
	color: #3B76B0;
	font-family: georgia;
  border-bottom: 1px solid #3B76B0;
  padding-bottom: 5px;
}

h3 {
	color: #3B76B0;
	font-family: georgia;
  margin-top: 5px;
  margin-bottom:5px;
}

p {
	color: #545454;
	font-family: georgia;
	font-size: 18px;
}

hr {
	border-top: 2px solid #3B76B0;

}

i {
  color: #3B76B0;
  font-family: georgia;
}

.blue {
  color: #3B76B0;
  font-family: georgia;
}

.nopadding {
  padding-left: 0px;
  padding-right: 0px;
}

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

.imgstyle1 {
  width: 100%;
  border: 5px solid rgba(59, 118, 176, 0.70);
  border-radius: 5px;
  margin: 0 25px 15px 0;
}

.imgstyle1 .sppb-addon-single-image-container,
.imgstyle1 .sppb-addon-single-image-container img {
  width: 100%;
}

.img-full img {
	width: 100%;
}

.videotext {
  float: left;
  text-align: left;
  font-size: 5px;
}

.spendeboxenul li {
  margin-bottom: 15px;
}
.spendeboxenul p {
  margin:0px 0px 0px 0px;
}
.pi-aktion i,
.pi-aktion p {
  padding-left: 5px;
}

.pressetable tr {
  color: #3B76B0 !important;
  font-family: georgia !important;
}

@media (max-width: 767px) {
.imgstyle1 {
  margin-right: 0px;
}

}
/*==========================================
				Logo
==========================================*/

.logo {
	background: #3B76B0;
	padding: 0px 0px 0px 0px;
	box-shadow: 3px 3px 13px 0px rgba(50, 50, 50, 0.34);
	border-radius: 5px;
}

.btn {
  background: #3B76B0;
  background-image: linear-gradient(to bottom, #3B76B0, #51b6f5);
  border-radius: 15px;
  text-shadow: 3px 5px 8px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 25px;
  padding: 10px 25px 10px 25px;
  border: solid #e9eff5 2px;
  text-decoration: none;
  margin-top: 35px;
}

.btn:hover {
  background: #3cb0fd;
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/*==========================================
				Menu
==========================================*/
.row-logo {
  height: 140px;
}

.menu {
	border: 1px solid rgba(80, 80, 80, 0.12);
	padding: 0px 0px 0px 0px;
	box-shadow: 3px 3px 13px 0px rgba(50, 50, 50, 0.34);
  background: #fff;
}

#gruemenu.grue_87 ul li a {
	margin: 0px 18px 0px 18px;
	border-right: 0px;
}

#gruemenu.grue_87 > ul > li:hover > a, #gruemenu.grue_87 > ul > li > a:hover, #gruemenu.grue_87 > ul > li.active > a {
	border-radius: 4px;
}

.sticky {
  position: fixed;
  top: 0;
  background: #fff;
}

.navigation-toggle-87 {
  background-color:#3B76B0 !important;
  border:1px solid #fff;
}

.sidr {
  background: #3B76B0;
}
/*==========================================
				Header
==========================================*/

.page-header {
	display: none;
}

.credits {
    background: #3B76B0;
    padding: 15px 0px;
    color: #fff;
}
.credits a {
	text-decoration: none;
	color: #fff;
}

.credits a:hover {
	text-decoration: underline;
	color: #fff;
}
/*==========================================
				Body
==========================================*/

.djslider-default .slider-container {
	box-shadow: 3px 3px 13px 0px rgba(50, 50, 50, 0.34);
	border-radius: 5px;
}

#navigation89 {
  top: 45% !important;
}

.content {
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 3px 3px 13px 0px rgba(50, 50, 50, 0.34);
	border-radius: 5px;
  padding-bottom: 15px;
}

body {
	background: transparent url("../../../images/shutterstock/shutterstock_328979948.jpg")fixed no-repeat 0% 0%;
  background-size: cover;

}
/*==========================================
				Footer
==========================================*/

.footercont {
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 3px 3px 13px 0px rgba(50, 50, 50, 0.34);
	border-radius: 5px;
}

.footerimages {
	
	background: #3B76B0;
	box-shadow: 3px 3px 13px 0px rgba(50, 50, 50, 0.34);
	border-radius: 5px;
	text-align: center;
	margin-top: 0px;
	
}

.imgfooter {
	max-width: 100%;
	background: #3B76B0;
	margin: 15px 25px 15px 25px;
	box-shadow: 3px 3px 13px 0px rgba(50, 50, 50, 0.34);
	border-radius: 5px;
	border: 3px solid white;
}

.footertext {
	margin-top: 15px;
	margin-bottom: 20px;
}

.overlay {
  margin-top: 15px;
}
/*==========================================
				OMU CSS
==========================================*/
.img-right {
	float: right;
}

/*==========================================
				Hover-Effekt
==========================================*/

.view {
   width: 100%;
   height: 200px;
   margin: 0px 0px 0px 0px;
   border: 10px solid #3B76B0;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   border-radius: 5px;
   
}
.view .mask,.view .content {
   width: 100%;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 15px;
   position: relative;
   color: #fff;
   padding: 10px;
   text-align: center;
   background-color: RGBA(59, 118, 176, 0.63);
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

/* Original Hover Effects FIRST EXAMPLE*/
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(57, 115, 254, 0.15);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}