/*!
 * Start Bootstrap - Blog Post (https://startbootstrap.com/template-overviews/blog-post)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-blog-post/blob/master/LICENSE)
 */


@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
@import url('image.css');


body {
  padding-top: 0px;
  background-color: #eeeeef;
  font-family: sans-serif;
  font-size: 1rem;
}

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.container{
	max-width: 100%;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
 
.row {
	margin-left: 0 !important;
    margin-right: 0 !important;
}	

#copyright{
	color: white;
}

.copyright{
	background-color: #0e2448!important;
}


@media (max-width:992px) {
 .own_content_box_full{
	 margin-left: -15px !important;
     margin-right: -15px !important;
	 margin-top: -15px !important;
	 margin-bottom: -15px !important;
	 padding: 0!important;; 
  }
 
 .own_content_wrapper{
	max-width: 100%;
    padding-left:0 !important;
    padding-right:0 !important;
 }
 
 .own_content{
	padding: 15px!important;
 }
}


@media (min-width:992px) {
	
body {
  padding-top: 0px;
  background-color: #eeeeef;
}

.container{
	max-width: 1180px;
    padding-left:16px;
    padding-right:16px;
}

 .own_content_box{
	margin-left: -8px !important;
	margin-right: 8px !important;
  }
 
 .own_content_box_full{
	margin-left: -8px !important;
	margin-right: -8px !important;
	
  }

.row {margin-left: -8px;
    margin-right: -8px;
}	
	
	   .col-xs-1,  .col-sm-1, .col-md-1,  .col-lg-1,  .col-xs-2,  .col-sm-2,  .col-md-2,  .col-lg-2,  .col-xs-3,  .col-sm-3,  .col-md-3,  .col-lg-3,  .col-xs-4,  .col-sm-4,  .col-md-4,  .col-lg-4,  .col-xs-5,  .col-sm-5,  .col-md-5,  .col-lg-5,  .col-xs-6,  .col-sm-6,  .col-md-6,  .col-lg-6,  .col-xs-7,  .col-sm-7,  .col-md-7,  .col-lg-7,  .col-xs-8,  .col-sm-8,  .col-md-8,  .col-lg-8,  .col-xs-9,  .col-sm-9,  .col-md-9,  .col-lg-9,  .col-xs-10,  .col-sm-10,  .col-md-10,  .col-lg-10,  .col-xs-11,  .col-sm-11,  .col-md-11,  .col-lg-11,  .col-xs-12,  .col-sm-12,  .col-md-12,  .col-lg-12 
{
    padding-left: 8px;
    padding-right: 8px;
}




}





.dropdown-menu .sub-menu {
  left: 100%;
  position: relative;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu .row .col {
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-item{
	margin-left: -1px!important;
	padding-left: 15px!important;
	margin-left: 0px!important;
	min-width: 275px!important;
	
	padding-right: 0px!important;
	text-decoration: none!important;
	color: #0e2448!important;
}

.dropdown-item:hover{
	background-color: #91d5ff!important;
	color: #0e2448!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-right: 0px!important;
	padding-left: 15px!important;
	padding-right: 0px!important;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
  margin-top: 0;
}

.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}


.nav-link{
	color: #fff!important;
	text-decoration: none!important;
	font-size: 1.1em;
	/*text-shadow: 1px 1px 0px #003300 !important;*/
}

.nav-link:hover{
	color: #0e2448!important;
}


.nav-item{
	padding-left: 10px!important;
	padding-right: 10px!important;
}

.nav-item:hover{
	background-color: #91d5ff;
	margin-top: -8px;
	margin-bottom: -8px;
	padding-top: 8px;
	padding-left: 10px!important;
	padding-right: 10px!important;
}

@media (max-width:992px) {
	.nav-item:hover{
		background-color: #91d5ff;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 10px;
		padding-top: 8px;
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
}


header {
	width: 100%;
	max-height: 240px;
	position: absolute;
	background-color: #fff;
	border: 1px solid #0e2448;
	-moz-box-shadow: 0px 0px 10px #cccccc;
	-webkit-box-shadow: 0px 0px 10px #cccccc;
	box-shadow: 0px 0px 10px #cccccc;
}

/* logo */

#logo{
	display: block;
	width: calc(100% + 31px)!important;
	max-height: 240px;
	margin-left: -15px!important;
}
#logo img{
	
}

header span {
	font-size:20px;
	font-weight:bold;
	color:#474747;
	margin:3px 0 0 23px;
	text-shadow: 1px 1px 0px #FFF;
}

.navbar{
	background-color: #0e2448 !important;
	border: 1px solid #0e2448;
	border-top: none;
	
}



@media (max-width:1100px) {
	header span {
		font-size: 17px;
		line-height: 22px;
	}
}

@media (max-width:980px) {
	header span {
		font-size: 14px;
	}
	
		h1 {
    font-size: 32px;
	}
}


.own_content h1 {
	font-size: 2.4em;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 18px;
    color: #0e2448;
    margin-top: -5px;
    font-weight: 600;
}
.own_content h2, .own_content .h2style {
	font-size: 1.9em;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 15px;
    color: #0e2448;
    font-weight: 600;
}
.own_content h3 {
	font-size: 1.8em;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 11px;
    color: #0e2448;
    font-weight: 600
}

.own_content h4 {
	 font-size: 1.7em;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 10px;
    color: #0e2448;
    font-weight: 600
}

.own_content h5 {
	font-size: 1.5em;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 10px;
    color: #0e2448;
    font-weight: 600
}

.own_content h6 {
	font-size: 1.4em;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 10px;
    color: #0e2448;
    font-weight: 600
}

p {
	line-height: 1.8!important;
	font-size: 1.1em;
}

p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
    padding-top: 25px!important
}


.linkout{
	float: right; 
	margin-top: 5px;
}

.center{
	text-align: center;
}


figure.image {
	position: relative;
    display: inline-block;
    margin: 0 2px 15px 1px;
    background: #fff;
    text-align: center;
    font-size: 11px;
    font-style: normal;
	padding: 5px;
    color: #333;
    text-shadow: none;
    line-height: 1.2;
   
}

figure.image.news-image-small {
    width: auto;
	height: auto;
	max-width: 300px !important
}

figure.image.news-image-big {
    width: auto;
	height: auto;
	max-width: 500px !important
}

figure.align-left {
    float: left;
    margin: 8px 30px 20px 0;
    min-width: 200px
}

figure.align-left + p:after {
    content: '';
    clear: both;
    display: table
}

figure.align-right {
    float: right;
    margin: 8px 0 30px 30px
}

figure.image img {
    margin: 8px 8px 0
}

figure.image figcaption {
  color: #0e2448;
  font-size: 1.2em;
  position: absolute;
  bottom: 5px;
  right: 13px;
  text-align: right;
  padding: 10px;
  background-color:  #91d5ff;
}


.image-100{
	max-width: 100%;
	height: auto;
}



 a:link {
  color: #0e2448;
  text-decoration: underline;
}

 a:visited {
  color: #0e2448;
  text-decoration: underline;
}

 a:hover {
  color: #0e2448;
  text-decoration: none;
}

a:active {
  color: #0e2448;
  text-decoration: underline;
}

#footermenu { float:right; margin:0 0 0 0; }
#footermenu ul { float:right; list-style-type:none; }
#footermenu ul li { float:left; }
#footermenu ul li:after {
	content:' |';
	color:#fff;
}
#footermenu ul li:last-child:after {
	content:'';
	color:#000;
}

#footermenu ul li a { 
	float:left;
	display:inline-block;
	line-height:1.5rem;
	font-size:1rem;
	color:#fff;
	text-decoration:none;
	padding:0 10px;
}
#footermenu ul li a:hover { text-decoration:underline; }

footer {
	color: #0e2448!important;
	background-color: #91d5ff!important;
}

.own_content a.button.green, .own_content a.button.red {
    background: #008000;
    padding: 12px 50px;
    text-decoration: none;
    border: 1px solid #006E11;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.39);
    font-size: 18px;
    font-weight: 400;
		color:rgba(255,255,255,1);
    display: inline-block;
		-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.14) inset, 2px 2px 5px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.14) inset, 2px 2px 5px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px rgba(255, 255, 255, 0.14) inset, 2px 2px 5px rgba(0, 0, 0, 0.2);
    margin: 15px 30px 10px 0px;
    border-radius: 2px;
}
.own_content a.button.green:hover, .own_content a.button.red:hover {
    background: #007400;
		color:rgba(255,255,255,0.9);
		text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
}

.own_content a.button.red {
	background-color: #d60000!important;
	border: 1px solid #952419!important;
}



/* Scrollable table styling */
.scrollable.has-scroll {
	position:relative;
	overflow:hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}
.scrollable.has-scroll:after {
	position:absolute;
	top:0;
	left:100%;
	width:50px;
	height:100%;
	border-radius:10px 0 0 10px / 50% 0 0 50%;
	box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
	content:'';
}

/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
	overflow-x:auto;
}

/* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
.scrollable > div::-webkit-scrollbar {
	height:12px;
}
.scrollable > div::-webkit-scrollbar-track {
	box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
	background:#f0f0f0;
}
.scrollable > div::-webkit-scrollbar-thumb {
	border-radius:6px;
	background:#ccc;
}

/* Content Tabellen */
.own_content  table{
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
	margin: 0;
}
div.scrollable > div {
	margin: 10px 0 20px 0;
}

table {
    width: 100%;
    margin: 0
}

table th {
    padding: 11px 15px;
    vertical-align: top;
    text-align: left;
    line-height: 1.3;
    color: #952419;
    font-weight: 700;
    white-space: nowrap;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: rgba(0, 0, 0, 0.04)
}

table th:last-of-type {
    border-right: none
}

table td {
    padding: 9px 15px;
    vertical-align: top;
    text-align: left;
    line-height: 1.3;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

table td:last-of-type {
    border-right: none
}

table tr:last-of-type td {
    border-bottom: none
}

table tr:nth-child(2n+2) {
    background: #f9f9f9
}

img.res1 {
    width: 200px;
    height: auto;
    float: right;
}

img.res2{
	float: right;
	margin: 10px 0px 10px 20px;
	width: 200px;
	height: auto;
	border: 1px solid #ccc;
}

img.res-alternative {
    width: 200px;
    height: auto;
    float: right;
    margin: 5px 0px 10px 10px;
}

#basentabelle-l {
	width:48.5%;
	float:left;
}
#basentabelle-r {
	width:48.5%;
	float: right;
}


.topprice{
	background-color: #F2F5A9 !important;
}

.bestprice{
	background-color: #F4FF59 !important;
	font-weight: 700 !important;
}

.hl{
	text-align: left;
	padding: 7px;
	vertical-align: top;
	background: #f4f4f4;
	color: #469C00 !important;
	text-shadow: 1px 1px 0 #fff;
	font-weight: bold;
}

.hl a{
	color: #469C00 !important;
}

p.thint{
	font-size: 12px;
	margin-top: -18px;
	margin-bottom: 10px;
}

.clear{
	clear: both;
}

.almased-geschmack, .almased-bruehe{
	float: right;
	margin-left: 50px;
}

nav.leftmenu, .box {
	margin:0;
	padding: 0;
	background:#fff;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: .15rem;
}



nav.leftmenu h4, .box h4 {
	text-align: center;
	background-color:#000;
	line-height:38px;
	
	font-size:1.3rem;
	padding:0 0 0 0;
	font-weight:bold;
	color:#fff;
}


.alternativ{
	color: #000!important;
	background-color: #fff !important;
}


nav.leftmenu ul {list-style-type: none; width: 100%;  margin-block-end: 0;}

nav.leftmenu ul li:nth-child(1) {background-image: linear-gradient(rgba(214, 0, 0, 1) 0%, rgba(214, 0, 0, 0.8) 100%); color:#fff; margin: 0px!important; padding: 0 16px!important; border-bottom:1px solid #fff;}
nav.leftmenu ul li:nth-child(2) {background-image: linear-gradient(rgba(214, 0, 0, 0.8) 0%, rgba(214, 0, 0, 0.6) 100%);color:#fff; margin: 0px!important; padding: 0 16px!important; border-bottom:1px solid #fff;}
nav.leftmenu ul li:nth-child(3) {background-image: linear-gradient(rgba(214, 0, 0, 0.6) 0%, rgba(214, 0, 0, 0.4) 100%); color:#fff; margin: 0px!important; padding: 0 16px!important; border-bottom:1px solid #fff;}
nav.leftmenu ul li:nth-child(1) a {color:#fff }
nav.leftmenu ul li:nth-child(2) a {color:#fff }
nav.leftmenu ul li:nth-child(3) a {color:#fff }
nav.leftmenu ul li:last-child { border:none; }
nav.leftmenu ul li a {
	 
	display:block;
	line-height:30px;
	text-decoration:none;
	font-size:1rem;
	background-color: transparent;
	
}




nav.leftmenu ul li a:hover {margin:0; padding:0 0 0 22px; }


ul.blog-news li {
	margin-top: 5px!important;
	margin-right: 10px!important;
	margin-left: 10px!important;
}



ul.blog-news li img{
	display: block;
	float: right;
	width: auto;
	height: auto;
	max-height: 60px;
	max-width: 80px;
	padding-top: 20px;
	padding-left: 5px;
	
}

ul.blog-news li span{
	font-size: 0.8em!important;
	padding-left: 0!important;
}


ul.blog-news li a{
	font-size: 1em!important;
	line-height: 1.1em!important;
	padding-left: 0!important;
	padding-left: 5px!important;
	padding-bottom: 5px!important;
}

ul.blog-news li a:hover{
	background: transparent;
	text-decoration: underline;
}


.blog_image{
	float: right!important;
	box-shadow: 0 10px 30px rgba(0,0,0,.1) !important;
	border: 1px solid #eee !important;
	margin: 8px 0 30px 30px;
	padding-bottom: 10px;
	max-width: 50%; 
}

.blog_image img{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 20px;
	margin-bottom: 20px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube {
	background-color: #000;
	margin-top: -10px!important;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

@media (min-width:1200px) {
	
.footbox {
	height:120px;
	width:33%;
	float:left;
	line-height:20px;
	margin:0;
	padding: 5px
}	




}

@media (max-width:1199px) {
	
.footbox {
	width:100%;
	float:left;
	line-height:20px;
	margin:0;
	padding: 10px
}
}	

@media (max-width:600px) {
	
.footbox {
	width:100%;
	float:left;
	line-height:20px;
	margin:0;
	padding: 10px

}	



}

.footbox {
	font-size: 0.9em;
	color: #0e2448!important;
}

.footbox h4{
	font-size:18px;
	font-weight:bold;
	color:#0e2448;
	text-transform:uppercase;
	line-height:30px;
	white-space: nowrap;
}






@media (max-width:860px) {

	nav.leftmenu ul li a {	
	line-height:48px;
}

}





.bads {
	margin:0 auto;
	text-align:center;
	display: block;
	clear:both;
	height: auto;
	padding:1%;
	overflow:hidden;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

/* Cookie */
#cookie a {color:#000; text-decoration:none;}

#cookie a:hover {text-decoration:underline;}

#cookie div {padding:10px; padding-right:40px;}

#cookie { 
   outline: 1px solid #7b92a9; 
   text-align:center; 
   border-top:1px solid #fff;
   background: rgba(230,237,243, 0.5); 
   position:fixed;
   top:0; 
   z-index:10000; 
   width:100%; 
   font: 'Roboto Mono', sans-serif;
   font-weight: bold;
   font-size:14px; 
   line-height:16px;
   display: none;
   }

#cookieCloser {
   color: #FFFFFF;
   font: 14px/100% 'Roboto Mono', sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: red; 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookieCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;  background: green; }


.archiv_img {
		max-width: 22%;
		float: left;
}

.archiv_img img {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
}

.archiv_txt {
	width: 75%;
	padding-bottom: 10px;
	float: right;
}

.archiv_txt h2 {
	font-size: 1.1em;
	margin:0;
	padding: 0;
}

.archiv_txt span {
	font-size: 0.7em;
	font-style: italic;
	margin:0;
	padding: 0;
}

.archiv_txt div {
	font-size: 1em;
	margin:0;
	padding: 0;
}

.pdf{
  list-style-image: url('../images/pdf.png');
}

.pdf li {
	font-size: 1.1em;
	line-height: 30px!important;
}

.pdf li a{
	color: #474747;
	text-decoration: none;
}

.pdf li a:hover{
	color: #474747;
	text-decoration: underline;	
}

.gremium {
	border: 1px solid #0eb247;
	display: block;
}

.gremium_img {
		max-width: 18%;
		float: left;
}

.gremium_img img {
	width: 100%;
	padding: 13px;
}

.gremium_txt {
	width: 80%;
	padding-bottom: 10px;
	float: right;
}

.germium_txt h2 {
	font-size: 1.1em;
	margin:0;
	padding: 0;
}

/*Slider*/
.carousel {
    background: #fff;
	margin-bottom: 20px;
}

.carousel-item {
	height: calc(100vw * (4/3))
}




@media (min-width:992px) {
	.carousel-item {
	height: calc(100vw * (4/3))
}
}

@media (min-width:1100px) {
	.carousel-item {
	height: calc(100vw * (4/3))
}
}


.carousel-item img {
    position: absolute;
    top: 0;
    left: 0;
	height: auto;
    width: 30%;
}
#toggleCarousel {
    right: 0;
    position: absolute;
    bottom: 0;
	z-index: 200;
	color: #d60000;
	padding-bottom: 2px;
	
}
.carousel-caption {
    height:100%;
    left: 35%;
    right: 10%;
    bottom: 30px;
	color: red;
	font-size: 2em;
    text-align: center;
    padding: 0px auto;
    transform: translateY(35%);
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d60000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	margin-left: -50%;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	margin-right: -50%;
}

.carousel-indicators{
	display: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #d60000;
}
.carousel-indicators .active {
	
    width: 10px;
    height: 10px;
    background-color: #fff ;
}

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

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


a.werbung {
    border: 1px dashed #ccc;
    padding: 5px 5px 20px 5px;

    display: inline-block;
	position: relative;

}
a.werbung:after {
	content: 'Advertisement';
	position: absolute;
	bottom: 3px;
	right: 4px;
	display: block;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	line-height: 16px;
	
}

.own_content a.werbung{
	margin-bottom: 15px!important; 
}

/* search container */
#search-container {
    clear: both;
    margin: 20px 0 10px
}

#search-container:after {
    content: '';
    display: table;
    clear: both
}

#search-container input[name="search"]{
    float: right;
    width: calc(100% - 60px);
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-right: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

#search-container button[type="submit"] {
    float: right;
    width: 60px;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #76231b;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #952419;
    color: #fff;
    font-size: 23px;
    line-height: 0;
    cursor: pointer
}

#search-container button[type="submit"]:hover {
    background: #76231b
}

#search-container button[name="clear-search"] + input {
    width: calc(100% - 120px)!important
}


.search {
	padding: 0;
	list-style-position: inside;
}
.search.no-bullets li{
	list-style-type: none!important;
}
.search.show-bullets li{
	list-style-type: disc!important;
}
.search.show-icon li{
	padding-left: 1em;
	list-style-type: none!important;
}

.search.show-icon li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: #952419;
  display: inline-block;
  margin-left: -1em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.search.column-1{
	columns: 1;
}
.search.column-2{
	columns: 2;
}
.search.column-3{
	columns: 3;
}


.service-snippet.overview {
    clear: both;
    padding-top: 15px;
    border-top: 1px dotted #ccc
}

.service-snippet.overview:last-child  {
    border-bottom: 1px dotted #ccc
}

.service-snippet.overview img.service-snippet-image {
    width: 178px;
    max-width: 100%;
    height: auto;
    margin: 11px 0 0 11px
}

.service-snippet.overview img.service-snippet-image:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7
}

.service-snippet.overview .screenshot-link {
    display: block;
    width: 200px;
    height: 211px;
    background: url(/assets/images/screen-bg.png) top center no-repeat;
    background-size: 100% auto;
    float: left;
    margin: 5px 30px 0 0
}

.service-snippet.overview .screenshot-link:after,
.service-snippet.overview:after {
    content: '';
    clear: both;
    display: table
}

.service-snippet.overview .infos {
    line-height: 1.3
}

.service-snippet.overview .infos img {
    width: 16px;
    height: auto;
    margin: 0
}

.service-snippet.overview .infos img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.service-snippet.overview .infos .button {
    margin-top: 15px
}

div.buttons {
    clear: both;
    padding: 0 0 20px
}

div.buttons form{
	display: inline-block;
}

div.buttons input {
    display: inline-block;
    padding: 10px 15px;
    font-size: 17px;
    background: #F4F4F4;
    border: 1px solid #E1E1E1;
    margin-right: 10px;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #222;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2)
}

div.buttons input:hover {
    color: #555;
    background: #eee;
    -moz-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1)
}


.button-blue{
	background-color: #0e2448!important;
	color: #fff!important;
}

.button-blue:hover {
  background-color: #91d5ff!important;
	color: #000!important;
}

.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {
  font-size: 1.3em;
  line-height: 1.5;
  margin-bottom: 10px;
  max-width: 80%;
}
.quote-card cite {
  font-size: 1.2em;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
@media (max-width: 640px) {
   
	.quote-card {
	  padding: 10px;
	  padding-left: 22px;
	}
	
	.quote-card p {
	  font-size: 0.9em;
	  max-width: 90%;
	}
	
	.quote-card cite {
	  font-size: 0.8em;
	  }
	
	  .quote-card:before {
	  font-family: Georgia, serif;
	  content: "“";
	  position: absolute;
	  top: -10px;
	  left: 2px;
	  font-size: 3em;
	  color: rgba(238, 238, 238, 0.8);
	  font-weight: normal;
	}
	
  .quote-card:after {
    right: 2px;
	bottom: -50px;
	font-size: 5em;
  }
}
.quote-card.blue-card {
  background: #91d5ff;
  color: #0e2448;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #5FAAFF;
}
.quote-card.green-card {
  background: #00970B;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
  color:#59E063 ;
}

.quote-card.red-card {
  background: #F61E32;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
  color:#F65665 ;
}

.quote-card.yellow-card {
  background: #F9A825;
  color: #222222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}