body {
  margin: 0;padding:0;
font-family: roboto, helvetica, sans-serif;
}

.topnav {overflow: hidden;
background:#525252;
  /*position: fixed;*/
  top: 0; 
  width: 100%; 
  margin:0;padding:0;
    border-bottom:1px solid gray;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
	/*height:111px;*/
}

.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 0px 0px ;
  text-decoration: none;
}
.topnav a:hover {
}

.topnav .logo {background:white !important;height:52px;width:100%;display:block}
.maintop {
  margin-top: 0px;margin-left: auto;margin-right: auto;width:100%;max-width:1080px;
} 
.main {
  margin-top: 610px;margin-left: auto;margin-right: auto;width:100%;max-width:1096px;
} 

.bottom {
background:#F1F1F1;
width: 100%; 
color:#313131;padding:12px;
}
.bottominnen {margin-left: auto;margin-right: auto;width:100%;max-width:1080px;color:#313131;padding:0px;}


* {box-sizing: border-box;}


.topnav .textmenue a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 8px 13px;margin:6px;
  text-decoration: none;
  font-size: 17px;
  background:#717171;border:1px solid gray;border-radius:4px;


 
}


.topnav .textmenue a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .textmenue a.active {
  background-color: #2196F3;
  color: white;
}

.topnav .search-container {
  float: left;margin:4px;
}

.topnav input[type=text] {
  padding: 5px;

  font-size: 15px;
  border: 2px solid gray;border-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;
  height:38px;width:240px;outline:none;	

}

.topnav .search-container button {
  float: right;
  padding: 5px 12px;
  margin-right: 16px;
  background: #1E90FF;
  font-size: 19px;
  height:38px;
  border: 2px solid gray;border-left:0px;border-radius:4px;border-top-left-radius:0px;border-bottom-left-radius:0px;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #8AC1F8;
}
ul {list-style:none;padding:0px;margin:0px;}
ul li {float:left;width:100%;display:block;}
.topzeile {display:block;width:100%;
/*height:56px;*/
}


@media screen and (max-width: 1300px) {
.main {padding-left:8px;padding-right:8px;}
.bottominnen {padding-left:8px;padding-right:8px;}
}





@media screen and (max-width: 600px) {
.main {  margin-top: 340px; }
.topnav .active {height:60px !important;padding:0px !important;}
  .topnav .search-container {float: none;}
  #laenderdropdown {max-width:350px !important}
  .anzahlid {display:none}
  .columnnavi a{text-align:left !important;}
  .auslandlinks li {width:110px;max-width:110px !important;}
  .auslandlinksmain li {width:134px !important;max-width:134px !important;}
  .auslandlinkstyp li {width:350px !important;max-width:350px !important;}
  /*.auslandlinkskat li {width:170px !important;}*/
  .auslandlinksbund li {width:200px !important;max-width:200px !important;}
  .auslandlinksweltweittyp li {width:200px !important;max-width:200px !important;float:left}
  
#preistop {display:none}

   /*
  .topnav a {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;  height:52px;  font-size: 20px;
	border-bottom:1px solid gray;
   padding: 14px;
  } */
  
  .topnav .search-container button
   {
    text-align: left;
    margin: 0;  height:52px;  font-size: 20px;
border:1px solid gray;
    padding: 14px;
	width:13%;border-radius:0;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
	 width: 87%;
    float: none;
    text-align: left;
    margin: 0;  height:52px;  font-size: 20px;
	border-bottom:1px solid gray;
    padding: 14px;border-radius:0;
  }
}


h2 {font-size:20px;padding:0px;}

.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;margin-top:-2px;
}

.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;

  background-color: inherit;
  font: inherit; 
  margin: 0; 
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #7ABCFF;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  max-width: 990px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;border:6px solid gray;border-radius:8px;
}

.dropdown-content .header {
  background: #7ABCFF;
  padding: 1px 8px;
  color: white;font-size:12px;
}
.pagecontent .header {
  background: #7ABCFF;
  padding: 1px 12px;
  color: white;font-size:12px;
}

.header {border-top-left-radius:12px;border-top-right-radius:12px;}
.header i {font-size:24px;padding-right:4px;}

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

.column {
  float: left;
  width:25%;
  padding:2px;
background-color:#DCEDFF;
}
.column a {
color: black !important;
padding:5px;display:block;
  text-decoration: none;
  border:none !important;
  text-align: left;

}

.column a:hover {
  background-color: #767676;border-radius:4px;color:white !important;
}
.column ul li {
  padding:0px;
}
.column ul li:hover {
border-radius:4px;color:white !important;
}
.column .current {border:0px solid gray;border-radius:4px;background:#0059B2;}
.current a {color:white !important;}

/*.column li:hover{background:lightgray !important;border-radius:4px}*/














/* Styles f r Topnavi L nder, Dropdown */
.columnnavi {
  float: left;
  width:33%;
  padding:3px;
  background-color: white;
  height: auto !important;
text-align:left !important;
}
.columnnavi a {
  color: black !important;
padding:3px !important;margin:3px !important;
  text-decoration: none;
  border:none !important;
text-align:left !important;font-size:15px !important;
   background-color: #ddd !important;width:100% !important;
}

.columnnavi a:hover {
  background-color: #717171 !important;color:white !important;
}
.columnnavi .current {color:black !important;font-weight:bold !important}


.navirow:after {
  content: "";
  display: table;
  clear: both;
} 


.auslandlinks ul li a{font-size:15px !important;}
/*.column a:hover{color:darkgreen !important;}*/
/*.column i {color:darkgreen;font-weight:bold}*/

 /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
  .dropdown-content {left:0px;}
.immotyp {display:none; }
.column {padding-left:0px;padding-top:0px !important;font-size:16px !important;}

} 


.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}


ul.breadcrumb {
  padding: 10px 16px;
}

ul.breadcrumb li {
  display: inline !important;width:auto;
  font-size: 15px; color: black;
}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

ul.breadcrumb li a {
  color: black;
  text-decoration: none;
}

ul.breadcrumb li a:hover {
  color: black;
  text-decoration: underline;
} 
.logo img {float:none;padding:4px;padding-top:2px}

.content {
  padding: 16px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 47px;
}
.yposition {padding-top: 30px;}

.home {background-color:black !important;}
.home a {padding:11px !important;border:0px !important;margin:0px !important;background-color:black !important;width:60px;}
.home a:hover {color:black !important;background-color:#7ABCFF !important;}
.home a i {font-size:25px;}

h1 {text-align:center;font-size:46px;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);font-weight:bold;margin:0px;}
h2 {font-size:24px;}
h3 {color:white;}

.maintop h3 {text-align:center;font-size:16px;color:white;text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.7);line-height:32px;font-weight:400;padding-bottom:6px;}

.autocomplete {
  position: relative;
  display: inline-block;float:left;
}
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;margin-left:4px;margin-top:4px;width:200px;
}





.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.searchbox {
background-color:rgba(0,0,0,0.4);
width:100%;height:250px;
border-radius:16px;
max-width:1200px;
padding:16px;}

#starten {cursor:pointer}
#starten:hover {background-color:#006CD8;}


.autocomplete li {margin:4px;width:280px;padding:6px;float:left;}
.formteil li {margin:4px;width:280px;padding:6px;float:left;}
label {color:white}


.selectmenue {width:268px;height:40px;border-radius:0px;border:0px;
  background-color: #f1f1f1;
  padding: 5px;
  color:#707070;
  font-size: 16px;
 outline:none;	

}

.listing {overflow:hidden;min-height:240px;margin-bottom:18px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:8px;}
.listing img {margin-bottom:-4px !important;width:440px;height:auto;overflow:hidden}
.imglimit {width:300px;height:240px;overflow:hidden;}
.textbereich {max-width:750px;padding:10px;} /*1080-320*/

.preisanzeige {font-size:18px;font-weight:bold;text-align:center;padding:4px;width:156px;height:30px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);border-radius:8px;margin-right:10px;}
.icon {color:gray;cursor:pointer;float:left;font-size:18px;font-weight:bold;text-align:center;padding:5px;margin-left:10px;border-radius:15px;width:30px;height:30px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);}
.icon:hover {background-color:orange !important;color:white}
.icon2 {color:gray;cursor:pointer;float:left;font-size:18px;font-weight:bold;text-align:center;padding:5px;margin-left:10px;border-radius:15px;width:30px;height:30px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);}
.details {background-color:#C5E1FD;font-size:15px;text-align:center;padding:6px;border:2px solid #006BD6;border-radius:8px;width:140px;height:36px;margin-top:8px;letter-spacing: 2px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);}
.details  a{color:black;text-decoration:none;}
.details:hover {background-color:#006BD6;cursor:pointer;color:white !important;}
.details a:hover {background-color:#006BD6;cursor:pointer;color:white !important;}



.privat{text-align:center;border-radius:4px;min-width:70px;font-size:13px;margin:4px;margin-left:0px;list-style:none;border:1px solid #640478;color:#640478;padding-left:4px;padding-right:4px;}
.provision{text-align:center;border-radius:4px;min-width:80px;font-size:13px;margin:4px;margin-left:0px;list-style:none;border:1px solid green;color:green;padding-left:4px;padding-right:4px;}
.ammeer{text-align:center;border-radius:4px;min-width:90px;font-size:13px;margin:4px;margin-left:0px;list-style:none;border:1px solid #1E90FF;color:#1E90FF;padding-left:4px;padding-right:4px;}
.reduziert{text-align:center;border-radius:4px;min-width:80px;font-size:13px;margin:4px;margin-left:0px;list-style:none;border:1px solid #E76B05;color:#E76B05;padding-left:4px;padding-right:4px;}.starkreduziert{text-align:center;border-radius:4px;min-width:90px;font-size:13px;margin:4px;margin-left:0px;list-style:none;border:1px solid red;color:red;padding-left:4px;padding-right:4px;}.neu{vertical-align:middle;font-size:14px;background-color:orange;color:white;font-weight:bold;margin:2px;padding:5px;padding-bottom:2px;padding-top:2px;margin-bottom:14px;}
.akt{vertical-align:middle;font-size:14px;background-color:darkgreen;color:white;font-weight:bold;margin:2px;padding:5px;padding-bottom:2px;padding-top:2px;margin-bottom:14px;}

.titel {font-size:18px;margin-top:10px;color:#006BD6;font-weight:600;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

#bgtitel {
margin-top:100px;max-height:570px;
background-position:center;color:black;
background-repeat:no-repeat !important;width:100%;
height:100%;z-index:0;position:absolute;left:0px;
background-position: 0px 0px;top:0px;
}
/*
@media (max-width: 480px) {
    #bgtitel {
        background-image: url(images/mobile/background_35.jpg);
		.dropdown-content {left:0px;}
    }
}
@media (min-width: 481px) and (max-width: 1024px) {
     #bgtitel {
        background-image: url(images/tablet/background_35.jpg);
    }
	.dropdown-content {left:0px;}
}
@media (min-width: 1025px) {
     #bgtitel {
	    background-image: url(images/background_35.jpg);
   }
}
*/
.auswahl {
  font-size: 16px;
  color: white;
  padding: 10px 16px;
  text-decoration: none;
}

/* Ticker */
.row2 {
  margin: 8px -16px;
}
.row2,
.row2 > .column2 {
  padding: 8px;
}
.column2 {
  float: left;
  width: 25%;
}
.row2:after {
  content: "";
  display: table;
  clear: both;
}
.content2 {
  background-color: lightgray;
  padding: 10px;
}
@media screen and (max-width: 900px) {
  .column2 {
    width: 50%;
  }
  .sortliste {max-width:160px;}
   #servicecontent {left:320px !important;}
  .dropdown-content {left:0px;}
    #studien {display:none}
	#headerblock1 {display:none}
	#headerblock2 {display:none}
}
@media screen and (max-width: 600px) {
  .column2 {
    width: 100%;
  }
  #servicecontent {left:160px !important;}
}

@media (max-width: 480px) {
   .immotyp2 {display:none}
	#servicetext {display:none}
	#servicetext2 {display:visible}
	#servicecontent {left:80px !important;}
	#headerblock3 {display:none}
	.requested {display:none}
	.viewed {display:none}
	.voted {display:none}
.preisanzeige {width:136px !important;}
.details {width:120px !important;} 
.klapptext {display:none}
.dropbtn {padding-left:6px !important;padding-right:6px !important;}
}

@media (min-width: 481px) {#servicetext2 {display:none}}

.pagination a {
  color: black;
  float: left;
  padding: 12px 24px;
  text-decoration: none;
  transition: background-color .3s;
    background-color: #ECECEC;margin:4px;
	font-size:24px;
}
.pagination a.active {
  background-color: dodgerblue;
  color: white;  padding: 16px 22px;
}
.pagination a:hover:not(.active) {background-color: #ddd;} 
.pagination button.next {
  color: black;
  float: left;
  padding: 12px 24px;
  text-decoration: none;
  transition: background-color .3s;
    background-color: #ECECEC;margin:6px;
	font-size:22px;cursor:pointer;border:0px;
}
.pagination button.next.active {
  background-color: dodgerblue;
  color: white;border:0px;
}
.pagination button.next:hover:not(.active) {background-color: #ddd;} 

.auswahl {
  font-size: 16px;
  color: white;
  padding: 10px 16px;
  text-decoration: none;

}

.sortliste {width:100%;float:left;padding:6px;font-size:15px;line-height:24px;color:black;}
.sortliste a {color:black;padding:6px;border:1px solid gray;border-radius:8px;text-decoration:none;background-color:white;}
.sortliste a:hover {background-color:#CAE4FF}

.svgsymbol {width:17px;height:17px;padding:0px;margin:0px;display:inline-block;line-height:16px;padding:2px;}
.extras li{float:left;width:64px;margin-top:4px;}


/* Ticker */
.row2 {
  margin: 8px -16px;
}
.row2,
.row2 > .column2 {
  padding: 8px;
}

.column2 {
  float: left;
  width: 25%;
}

.row2:after {
  content: "";
  display: table;
  clear: both;
}

.content2 {
  background-color: lightgray;
  padding: 10px;
}
.content2:hover{background-color:dodgerblue !important} 

@media screen and (max-width: 900px) {
  .column2 {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .column2 {
    width: 100%;
  }
}

 /* Pagination links */
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
    background-color: #ECECEC;margin:6px;
	font-size:22px;
}

/* Style the active/current link */
.pagination a.active {
  background-color: dodgerblue;
  color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;} 

.pagination button.next {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
    background-color: #ECECEC;margin:6px;
	font-size:22px;cursor:pointer;border:0px;

}
.pagination button.next.active {
  background-color: dodgerblue;
  color: white;border:0px;
}
.pagination button.next:hover:not(.active) {background-color: #ddd;} 
.dropdown-content .header {border-radius:0px !important}