@charset "utf-8";
/* CSS Document */

.video-container-wrapper {
max-width: 100%;
width: 600px;
left: 0;
right:0;
margin:auto;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

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

.hinw_stk {
	padding: 10px 15px;
	background-color: #eee;
	border: 1px solid #aaa;
	color: #555;
	font-weight: 700;
	font-size: 90%;
}
.text-center {
	text-align: center;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 15px;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    padding: 15px;
}
.contentWrapper p, .contentWrapper .p  {
    padding: 10px 0;
    margin: unset;
}
.contentHeadline {
    background-color: #029C9E;
    box-sizing: border-box;
    color: #fff;
    font-size: 100%;
    font-weight: 400;
    margin: 0 0 8px!important;
    padding: 5px 15px!important;
    text-transform: uppercase;
}
.contentHeadlineNeu {
    background-color: #cc2513;
    box-sizing: border-box;
    color: #fff;
    font-size: 120%;
    font-weight: 400;
    margin: 0 0 8px!important;
    padding: 5px 15px!important;
    text-transform: uppercase;
}
.accordion-toggleFAQ {
    cursor: pointer;
    color: #029c9e;
    font-size: 100%;
    font-weight: 700;
    background-color: #e7f5f6;
    box-sizing: border-box;
    padding: 5px 15px!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hr, hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}
h2, .h2 {
	display: block;
    color: #cc2513;
    font-weight: 700;
    font-size: 1.1em;
    text-transform: none;
}
h3, .h3 {
	display: block;
    font-weight: bold;
    text-transform: none;
}
.panel-title {
    color: #fff;
    font-size: 1.1em;
    padding: 0px!important;
    /* margin: 0px!important; */
}
.header2 {
font-size: 150%;
font-weight: 600;
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 0;
}
.form-control {
  display: block;
  /*width: 100%;*/
  height: 34px;
  padding: 6px 12px;
  font-size: 1em;
  /*line-height: 1.42857143;*/
  line-height: normal;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(204, 204, 204, .075);
          box-shadow: inset 0 1px 1px rgba(204, 204, 204, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(204, 204, 204,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(204, 204, 204,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}

/* ######################## Formatierung Formfelder #################################### */
/* remove standard-styles */
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  height: auto;
} 
/* Select */
select.form-control {
  border: 1px solid #ccc;
  /*padding:.75em 1em .5em 1em;*/
  padding: 5px 25px 5px 5px;
  box-shadow: 0 2px 1px 0 rgba(204,204,204,0.2);
  background: #fff url(../images/select-arrow-open.png) 98% center no-repeat;
  /*background-color:white;
  background-image:url(../images/select-arrow-open.png);
  background-position: right;
  background-repeat: no-repeat;*/
}
/* Hide browser-styling in IE10 */
select::-ms-expand {
  display:none;
}
/* ######################## Formatierung Formfelder End ################################ */

.redrop { width:60%; }
.bst_1 { float:left; width:48%; margin:5px; }
.bst_2 { float:left; width:48%; margin:5px; }
.bstrow { padding: 15px 0px; }
.bstd_1 { float:left; text-align:right; width:40%; padding-right:10px; font-weight:bold; }
.bstd_2 { float:left; text-align:left; width:55%; }

.trenner { 
	width:100%;
	padding: 10px;
	}
.content100 { 
	float:left; 
	width:100%;
	padding: 10px;
	font-weight: 400;
	}
.content70 { 
	float:left; 
	width:70%;
	}
.content50 { 
	float:left; 
	width:50%;
	}
.content40 { 
	float:left; 
	width:40%;
	}		
.content30 { 
	float:left; 
	width:30%;
	}

.row { display: flow-root; }
.col_12{width:100%;}
.col_6{float:left;width:50%;}
.col_3{float:left;width:25%;}

.col_5{float:left;width:48%;}
.col_2{float:left;width:4%;}

.col_12 p, .col_6 p, .col_3 p {padding: 10px;}

/* table */
.cust_table {
  border-collapse: collapse;
  width: 100%;
}
.cust_table td, .cust_table th {
  border: 1px solid #ddd;
  padding: 8px;
}
.cust_table tr:nth-child(even){background-color: #f2f2f2;}
.cust_table tr:hover {background-color: #ddd;}
.cust_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #029C9E;
  color: white;
}


figure.image {
    display: inline-block;
/*    border: 1px solid gray;*/
    margin: 0 2px 0 1px;
/*    background: #f5f2f0;*/
}

figure.image figcaption {
    margin: 6px 8px 6px 8px;
    padding: 10px;
    text-align: center;
    border-top:1px solid #CCCCCC;
}

/* #################### Cookie ########################### */
#mbmcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #eee; padding: 5px; font-size: 14px; }
#mbmcookie a.button {cursor: pointer; background: #000026; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#mbmcookie a.button:hover {background-color: #aaa; }
#mbmcookie p.cookiemessage {display: block; padding: 7px; margin: 0; color:#000; }
#mbmcookie p.cookiemessage a {color:#000; text-decoration: underline; }
/* ################################################################ */
	
@media screen and (max-width: 1020px) {
.redrop { width:100%; }	
.bst_1 { float:left; width:100%; margin:5px; }
.bst_2 { float:left; width:100%; margin:5px; }
.bstrow { min-height:10px; padding: 20px 0px; }
.bstd_1 { float:left; text-align:left; width:100%; padding-right:10px; font-weight:bold; }
.bstd_2 { float:left; text-align:left; width:100%; }

.trenner { 
	width:100%;
	padding: 0;
	}
.content100 { 
	float:left; 
	width:100%;
	padding: 10px;
	font-weight: 400;
	}
.content70 { 
	float:left; 
	width:100%;
	}
.content50 { 
	float:left; 
	width:100%;
	}
.content40 { 
	float:left; 
	width:100%;
	}		
.content30 { 
	float:left; 
	width:100%;
	}
}

@media screen and (max-width: 725px) {
    .col_2, .col_5, .col_6 { float:left; width:100%; }
    .col_3 { float:left; width:50%; }
}

@media (min-width: 725.01px) {
	.mobil_ans { display:none; }
	.desk_ans { display:block; }
}
@media (max-width: 725px) {
	.mobil_ans { display:block; }
	.desk_ans { display:none!important; }
}