/*
blau = #1F3C89  rgba(31,60,137, 0.8);
*/



/*------------------
 Header 
 ------------------*/
.navbar-fixed-top {
      
}

.header-image img{
    margin: 0 auto;
    display: block;
}

.navbar-toggle {
    background-color: #CCC;
    border: none;
	margin-top: 10px;
}

/*header tob bar*/

.navbar-inverse {
	background: #CCC;
	border:none;
}

.navbar-logo  {
	color:#1F3C89;
    position: relative;
    top: 13px;
    font-size: 18px;
}


/*navigation */
.navbar-inverse .navbar-nav>li>a {
    color: rgba(31,60,137, 0.8);
}

.navbar-collapse {
    -webkit-box-shadow: none;
    box-shadow:none;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
}

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

.nav>li {
    border-top: 1px solid rgba(255,255,255, 0.2);
}


/*------------------
Search Pane
 ------------------*/

.search-pane {
    color: #FFF;
    margin-top: -28%;
	background: rgba(0,0,0,.5);
    position: relative;
}  


.panel-group .panel+.panel {
    margin-top: 0;
}

.panel {
    background-color: transparent;
	border:none;
	-webkit-box-shadow: none; 
	box-shadow: none; 
}

.panel-group {
	margin-bottom: 0px;
}

.panel-title {
	padding-bottom: 11px;
	margin-top: -15px;
	font-size: 13px;
	color: #fff;
	text-align: center;
    background-color: transparent;
    border-color: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}

.panel-body {
   padding: 15px 11%;
       border-top-color: none;
}

 .input-group {
    padding-bottom: 11px;  
}





.panel-body input{
    border-radius: 6px;
    background-color: #fff;
}


.panel-body .input-group button{
    margin: 0;
    background: #fff;
    box-shadow: none;
    color: #1F3C89;
    padding: 0 8px 0 10px;
	border: solid 1px #ccc;
}

.panel-body button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
	background: #CCC;
	color: #fff;
}

.panel-body i{
    font-size: 23px;
}


.search-pane .col-sm-8, .search-pane .col-sm-4, .search-pane .col-xs-6  {
   padding: 0;
       max-height: 340px;
    overflow: hidden;
}

 .search-pane .blaugelb-content {
       padding:15px;
	   color:#fff;
}
 .search-pane .blaugelb-content h3 {
    color: #000;
    text-transform: uppercase;
	 margin-top: 0px;
        font-size: 13px;
}
 .search-pane .blaugelb-content p {
              font-size: 13px;
    line-height: 1.3;
}
 .search-pane .blaugelb-content a {
       font-size: 11px;
	       color: #000;
}
.search-pane .blau {
   background:#4fa8bf;
}
.search-pane .gelb {
   background:#e5a824;
}

.folge .search-pane{
           margin-top: -16%;
		    background: transparent;
}

@media (min-width: 1200px) {
	.search-pane .blau, .search-pane .gelb {
		height: 340px;
	}
}

@media screen and (min-width: 990px) and (max-width: 1199px) { 
	.search-pane .blau, .search-pane .gelb {
		height: 281px;
	}
}

@media (max-width: 989px) {
	.search-pane .blau, .search-pane .gelb {
		height: 215px;
	}

	.search-pane .blaugelb-content h3 {
		margin-top: -12px;
		font-size: 8px;
		margin-bottom: 0;
	}
}


/*------------------
 Slider 
 ------------------*/

 .carousel-control .icon-left-open, .carousel-control .icon-right-open {
	position: absolute;
    top: 50%;
    margin-top: -22px;
	margin-left: -22px;
    z-index: 5;
    display: inline-block;
    border: 1px solid #1F3C89;
    border-radius: 50%;
    color: #1F3C89;
    padding: 12px;
	display:none;
}

/*------------------
 Rechner 
 ------------------*/
#frmWaehrungsrechner {
	font-size: 11px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
}

#frmWaehrungsrechner .td-head {
	background: #CCC;
    color: #1F3C89;
    padding: 15px;
}

#frmWaehrungsrechner td {
       padding: 5px 5px 0px 5px;
}

#frmWaehrungsrechner input, #frmWaehrungsrechner select, #frmWaehrungsrechner textarea {
    width: 100%!important;
}

#frmWaehrungsrechner input[type=submit] {
    color: #194d75;
    background: transparent;
    border: 1px solid #194d75;
    padding: 5px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


#frmWaehrungsrechner input[type=submit]:hover {
	color: #fff;
    background: #194d75;
    border: 1px solid #194d75;
}

#frmWaehrungsrechner span {
   display: inline;
}


/*------------------
 Common and clears
 ------------------*/
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300&subset=latin,greek);
 
html,
body {
    height: 100%;
	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
	  outline:none;
	   
}

.page-wrapper{
	background:#fff;
	margin-top: 31px;
}

img{
	max-width: 100%;
}

.center { 
	text-align:center;
	margin:0 auto:
	display: block;
	width:100%;
}

.right { 
	float:right;
}


/*------------------
 Typo 
 ------------------*/
 h1, h2, h3, h4 {
    margin-top: 20px;
    margin-bottom: 10px;
	font-weight: 400;
	line-height: 1.42857143;
	color:#1F3C89;
}

a {
	color:#1F3C89;
}

a:focus, a:hover {
    color: 1F3C89;
    text-decoration: none;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #1F3C89;
}
.img-hover:hover {
    opacity: 0.8;
}

:focus {
    outline: none;
}

ul {
	list-style-type: none;
	padding-left: 0;
}

.icon-check{
	color:#0C0;
}

.icon-cancel{
	color:#F30;
}


/*------------------
 Buttons 
 ------------------*/
.icon-btn { 
	position: relative;
}

.icon-btn  span{
	padding-left:36px;
	padding-right:5px;
	width:100%;
	display:inline-block;
	text-align:left;
	font-size: 12px;
	font-weight: 600;
}
	
.icon-btn small {
    font-size: 95%!important;
	color: rgba(255,255,255,.8)!important;
	width:100%; 
	display:inline-block; 
	text-align:left;
	text-transform:none!important;
}

.icon-btn i {
	color: rgba(255,255,255,.8)!important;
	font-size:33px!important;
	position: absolute;
	left: 0;
	top: -3px;
}

.icon-btn span {
	font-size: 14px;
	line-height: 1.3;
}

.btn {
    font-size: 12px;
}

.btn-primary {
	width:100%;
	background: #CCC;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #ccc;
}

.btn-primary:hover {
	background:#194d75;
}

.btn-lg, .btn-group-lg>.btn {
    padding: 17px 65px;
    font-size: 14px;
    font-weight: 700;
}

.call-to-action .btn {
    margin-top: 60px;
}


/*------------------
 Content 
 ------------------*/

 .rechtespalte {
	margin: 15px -15px 0 15px;	  
}

.content a {
	border-bottom: 1px solid #ccc;
}

.folge .content {
	display: block;
	margin-top: 8%;
}

section  {
	margin: 0 30px 0 -15px;         
}

.no-searchpane section  {
	position:relative;
	padding: 40px 22px 0 0px;	          
}

section.colored {
	background-color: #51ad31;
	color:#fff;
	padding: 22px;
    margin-right: -22px;
    margin-left: -22px;
	margin-top: 22px;
}

.content h1 {
	font-size:28px;
}

.content span {
	display: inline-block;
}

.content h2 {
	font-size:18px;
	text-transform:uppercase;
}

.content h3  {
	text-transform:uppercase;
	margin-top: 5px ;
	font-size: 16px;
}

.content ul {
	clear: both;
}

.content li {
	font-weight:600;
}

.content li a{
	display: block;
	margin-top: -9px;
}

.content	.colored {
	color: #fff;
}
	
.content table {
   clear:both;
}

.content td {
	padding: 6px 12px 6px 0px;
    text-align: left;
	vertical-align: top;
}

.content table i {
    border: medium none;
    display: block;
    color: #555;
    margin: -2px 5px 0px 0px;
    font-size: 16px;
    clear: both;
}

.gdpr ul {
	padding-left: 10px;
	margin-left: 10px;
	list-style-type: disc;
	list-style-position: outside;
}

.gdpr ol{
	margin-left: 10px;
	list-style: none;
	counter-reset: mycounter;
}

.gdpr ol >li{
	counter-increment: mycounter;
	margin-top: 5px ;
	margin-left: 10px;
	padding-left: 10px;
}

.gdpr ol >li::before {
	content: counter(mycounter) ". ";
	text-transform:uppercase;
	margin-left: -20px;
	padding-left: 0px;
	margin-bottom: 50px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.42857143;
	color:#1F3C89;
}

.gdpr ol >li::first-line {
	padding-bottom:20px;
	text-transform:uppercase;
	margin-bottom: 50px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.42857143;
	color:#1F3C89;
}

.content	.colored {
	color: #fff;
}
	
.colored .info {
	border: 1px solid #eee;
    margin: 15px 0;
}

.info h4 {
    font-size: 14px;
    text-transform: uppercase;
}

.content .aside {
  color: #999;
  font-weight: 200;
}


/*------------------
Formulare
 ------------------*/
 
 .alert-error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.mandatory {
	color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.contactform 	{
	background:#ccc;
	padding: 15px;
	color:#fff;
}

.contactform input, .contactform textarea {
	margin: 5px 0;
	padding: 9px;
	width:100%;
	color:#000;
}

.contactform h3{
    color:#194d75;
	font-weight: 400!important;
}

.contactform input[type=submit]{
	float:right;
    background: transparent;
	color:#fff;
	font-weight: 600;
	border:2px solid #fff;
}

.contactform input[type=submit]:hover{
	background:#fff;
	color:#194d75;
 }
 
.modal-content .contactform {
	background: none;
}
  
.modal-content .contactform input[type=submit]{
	border:2px solid #194d75;
	background:#fff;
	color:#194d75;
	margin-bottom:15px;
}

.modal-content .contactform input[type=submit]:hover{
	background:#194d75;
	color:#fff;
}

.registrationform input[type=submit]{
	background:#194d75;
	color:#fff;
	font-weight: 600;
	border:1px solid #194d75;
}

.registrationform input[type=submit]:hover{
	background:#fff;
	color:#194d75;
}

.registrationform hr {
	margin-top: 0px; 
	margin-bottom: 60px;
}


/*------------------
 Footer 
 ------------------*/
footer {
	background: #CCC;
	color: #194d75;
	margin: 90px -15px 0 -15px;
	padding-top:15px;
}

footer  p, footer h3 {
   color: #194d75;
}

footer  a {
	color: #194d75;
   	font-weight: 600;
}
footer  a:hover {
   color: #194d75;
   text-decoration:underline;
}

footer h3 {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 11px;
    color: #FFF;
    font-size: 16px;
}
footer li a{
	font-size:12px;
	text-decoration:none;
	}
	
footer li a:hover{
	text-decoration:underline!important;
}

footer .col_3, #footer .col_6  {
	padding: 0 22px;
}

footer .alt li{
	list-style-type:none;
	margin:0 0 -1px 0;
	padding-left:20px;
	background:url(images/icon-arrow-right.png) no-repeat 5px 0.7em;
}
/*------------------
Suchergebnisse
 ------------------*/

 .filter {
    width: 250px;
	margin: 0 auto;
}
 .filter i {
     display: none;
}
 
 .filter select {
    border: 1px solid #ccc;
    color: #194d75;
    padding: 3px 3px;
    margin-left: -15px;
}
 
 .filter optgroup {
    color: #194d75;
    background-color: #e2e2e2;
    font-weight: 400;
}
 
  #results {
	    margin: 0;
			  
}
 #isotope-container .search_container {
	          margin: 30px -15px;
			  
}
  
  
.search_container {
    border: 1px solid #ddd;
	padding: 25px 15px 0 15px;  
}
/**** Isotope level payed ad ****/
.isotope-item.container {
  z-index: 2;  
  width:100%;

}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}



/*FREE AD*/

.search_container.free-ad {
	margin: 15px -10px 0px -10px!important; 
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;

		

}

.search_container.free-ad .focus{
	padding:11px 0;
}


.search_container.free-ad h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

.search_container.free-ad .focus{
	margin-left: 0px;
}

.search_container.free-ad  .focus bold{
	margin-top: 0px;
}




.search_container.free-ad{
	background-color: #fff;
	padding: 15px ;
	margin: 15px  0;   
}

.customer-logo { /*frame to position center*/
	/*height: 200px;
    width: 100%;
	position: relative;
	border: 1px solid rgb(204, 204, 204);*/
	margin: 5px 0 25px 0;
}
 
.customer-logo img{/*position center*/
	/*max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	    top: -30px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; */
}
 
.search_container p {
        margin:  0;
    line-height: 20px;
}

.search_container h2{
	/*font-family:"Times New Roman", Times, serif;*/
	margin: 0 0 .3em 0;
	line-height: 1em;
	font-weight: bold;
	font-size: 22px;
	color: #555;
}
.search_container.free-ad .focus bold{
   text-align: left !important;
}

.contactform .h3-email {
    margin-top: 5px;
    margin-bottom: 5px;
}

.search_container h3 {
	margin-top: 20px;
	margin-bottom: 0px;
}

.search_container {
	margin-top: 35px;
    margin-bottom: 5px;
}

.search_container h5{
	font-size: 12px;
	font-weight: 600;
	text-transform:none;
	margin-top: 0;
}

.search_container .contact i{
	color: #194d75;
}
.search_container .focus {
		    margin-bottom: 15px;

}

.search_container .focus bold{
		text-transform: uppercase;
	font-weight: 600;
	color: #194d75;
	display: block;
	    margin-top: 10px;
}

.backresults{
	margin:15px 0;
}
 
.search_footer {
	background-color: #e2e2e2;
}
 
.search_footer  i {
	float: left;
	font-size: 18px;
	padding: 6px 6px 0 0;
}
 
.search_footer  i:hover {
	color:#194d75;
}

.search_footer  .btn {
	margin: 4px auto;
	display: inline-block;
	float: right;
}

.modal-backdrop {/* modal hintergrund*/
    z-index: 1038;
}

.modal-header {
   margin-bottom: 15px;
}

.modal-header h2 {
    margin-top:10px;
	margin-bottom:5px;
}

.modal-content  {
    overflow: hidden;
    clear: both;
}

.user-ad .search_container {
    margin-top: 20px;
	background:#fff;
	position: relative;
	padding-bottom:15px;
}

.user-ad .search_container h3{
	margin-top: 20px;
	margin-bottom: 10px;
	color: #194d75;
	font-size: 20px;
}
 
textarea{
	background:#fff!important;
}
 

/*------------------
 Responsive Styles 
 ------------------*/

@media (min-width: 768px){
	.navbar-header {
		float: left;
	}
	
	.image-txt h4 {
		 font-size: 23px;
	}
	
	.image-txt h1 {
	     font-size: 46px;
	}
}

@media (max-width: 990px){
	.customer-logo img {
		width: 100%;
		margin: 0;
	}
	
	input[type=submit]{
		margin: 30px auto 0 auto;
		width:50%;
	}

	.captcha {
		margin: 0 auto;
		display: block;
		margin-bottom: 15px;
	}

	.search_container h2{
		margin-top: 20px !important;
	}
}

@media (max-width: 769px){
	.navbar-logo {
		left: 15px;
	}

	.folge .search-pane {
		margin-top: 0;
	}

	.folge .search-pane .panel-title>a {
		color: #194d75;
	}

	.panel-group {
		margin-bottom: 0px;
	}

	.panel-title.simple {
		padding-bottom: 28px;
		margin-top: -22px; 
	}

	.panel-title.advanced {
		padding-top: 19px;
	}
}

 @media (max-width: 420px){
	.navbar-logo  {
		font-size: 14px;
	    letter-spacing: 0;
	}
}

ol.numeric {
	font-weight: normal;
	counter-reset: listenpunkt_numeric;
	list-style-type: none;
	padding-left: 0em;
}

ol.numeric li::before {
	content: "(" counter(listenpunkt_numeric) ") ";
	counter-increment: listenpunkt_numeric;
}

ol.numeric li::first-line {
	font-weight: 600;
}

ol.alpha {
	font-weight: normal;
	counter-reset: listenpunkt_alpha;
	list-style-type: none;
	padding-left: 0em;
}

ol.alpha li::before {
	content: "(" counter(listenpunkt_alpha,lower-alpha) ") ";
	counter-increment: listenpunkt_alpha;
}

ol.alpha li::first-line {
	font-style: italic;
	font-weight: 500;
}

.alpha li {
	font-weight: normal;
}

.numeric li {
	font-weight: normal;
}

ul.bullet {
	list-style-type: circle;
	list-style-position: inside;
}

.bullet li {
	font-weight: normal;
}

li p a.inline {
	display: inline;
	margin-top: 0px;
	border-bottom: 0px;
}

label.travelmode > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}

label.travelmode > input + i{ /* IMAGE STYLES */
  cursor:pointer;
  opacity:0.3;
}

label.travelmode > input:checked + i{ /* (RADIO CHECKED) IMAGE STYLES */
  opacity:1;
}

label.travelmode > input + i:hover{ /* (RADIO CHECKED) IMAGE STYLES */
  opacity:0.6;
}

label.toggle > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}

label.toggle > input + i{ /* IMAGE STYLES */
  cursor:pointer;
  opacity:0.3;
}

label.toggle > input:checked + i{ /* (RADIO CHECKED) IMAGE STYLES */
  opacity:1;
}

label.toggle > input + i:hover{ /* (RADIO CHECKED) IMAGE STYLES */
  opacity:0.6;
}

