/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */

/* reset */

@import url("font-awesome/css/font-awesome.css");

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* render html5 elements as block 
   rendert html5 elemente als block  */

header, headerp, headersnt, footer, section, aside, nav, article, bild { display: block;}

body {
background-color: #fff;
font-size: 1em;
font-family: 'Open Sans', sans-serif;
/*
font-family: 'Roboto', sans-serif !important;
*/
font-weight: 300; 
font-style: normal;
color:#000;
}
pre, code {
font-size: 1.3em;
}
sup{
  font-size: 0.8em;
  }
/* a {color: #414b53;} */
a {color: #000;}
a.prop {color:#000;}
table a {color: #c41c27;}
.expert table a {color: #000;}

b {font-weight: 600 !important;}

.titelrot{
color: #c41c27 !important;
font-size: 3.5em;
padding: 80px 0 60px 0;
}

h1 {
margin: 0 0 20px 0;
}

header a {color: #fff;}
headerp a {color: #414b53 !important;}
#oben h1 {
color: #fff;
font-size:3.3em;
line-height:1.6em;
font-weight: 500 !important;
margin: 0 0 0 0;
}
.oben_neu h1 {
color: #fff;
font-size:2em;
line-height:1.6em;
font-weight: 500;
margin: 0 0 20px 0;
color: #c41c27;
}
h2 {
font-size:1.3em;
font-weight: normal;
margin: 0 0 10px 0;
}
h3 {
font-size:1.1em;
font-weight: normal;
margin: 0 0 10px;
}
h6{
font-weight: normal;
margin: 0 0 10px 0;
}
h7{
font-weight: normal;
  font-size:0.8em;
margin: 0 0 5px 0;
}
.alle{
  color: #c41c27 !important;
  font-size:14px !important;
  font-weight:bold !important;
}
img.download {vertical-align:middle;}
img{border:none;}

ul{
  margin:0 0 20px 15px;}
  td{
    padding: 0 20px 5px 0;
    
    }
  ul {
   margin-top:0px;
  list-style-type: none;
  margin-left:16px;
  border:0px;
  padding:0px;
 }
 
 .datum{
    color:#C1428A;
    font-size:20px !important;
}

 /* ---------- Fixed Head ----------- */
 .under-fixed-head{
 height:380px;
 }
/* ----------container zentriert das layout-------------- */

.inner {
  position:relative;
max-width: 1028px;
min-width:360px;
margin:0  auto;
}
/* ----------header for logo-------------- */

header{
  /*height:110px; */
  background-color: #c41c27;
  }  
headerp{
  /*height:110px; */
  background-color: #fff !important;
  }
 headersnt{
  background-image: url("home/20210618-Sponsoren-back.png");
  background-repeat: repeat-x;
  } 
#oben{
  color:#fff;
  position:relative;
  text-align:center;
  width: 1028px;
  padding: 10px 0 10px 0;
  }
 #oben-prop{
  color:#414b53;
  position:relative;
  text-align:center;
  width: 100%;
  padding: 10px 0 0px 0;
  }
 #obensnt{
  position:relative;
  width: 1028px;
  padding: 0;
  }
/*-----------    alter code ------------*/


h1.header_projects {
  font-size: 18px;
  color:#666666;
  margin: 0;
  padding: 0 0 4px 0;
}

h2 {
  font-size: 16px;
  color:#000;
  margin: 0;
  padding: 0 0 15px 0;
}

h3 {
  font-size: 14px;
  color:#666666;
  margin: 0;
  padding: 0 0 15px 0;
}
.schrift {
  font-size: 19px;
  font-weight:bold;
  color:green;
}
/*
table {
border-collapse:collapse; border-spacing:0;
background-color:#F9F7E8;_l_
}
td, th {
vertical-align:top;
text-align:left;
font-size: 12px;
border:1px solid #999;
padding: 4px;
margin: 0;
}
*/
p {
  margin: 0;
  padding: 0;
  }
  
.bodytext {
  margin: 0;
  padding: 0 0 10px 0;
  }

td .bodytext {
padding: 0;
margin:0;
}
#inhalt_r table {
clear:left;
border-collapse:collapse; border-spacing:0;
background-color:#cfd1d2;
padding: 10px 0 0 0;
margin: 0;
}
#inhalt_r td, th {
vertical-align:top;
text-align:left;
font-size: 12px;
border:none;
white-space:normal;
padding: 8px;
margin: 0;
}
#inhalt_r td .bodytext {
padding: 0;
margin:0;
}
#inhalt_l ul {
   margin-top:0px;
  list-style-type: none;
  margin-left:16px;
  border:0px;
  padding:0px;
 }
#inhalt_l ul li{

  list-style-image: url(listq.gif);
}
#inhalt_r ul {
   margin-top:0px;
  list-style-type: none;
  margin-left:16px;
  border:0px;
  padding:0 0 0 8px;
 }
#inhalt_r ul li{

  list-style-image: url(listq.gif);
}
#inhalt_l_ ul {
   margin-top:0px;
  list-style-type: none;
  margin-left:16px;
  border:0px;
  padding:0px;
 }
#inhalt_l_ ul li{

  list-style-image: url(listq.gif);
}

/* ----------container zentriert das layout-------------- */
#main {
  width: 950px;
  margin: 20px auto 80px;
  padding: 0;
  background-color: #FFFFFF;
  background-image:  url(back.jpg);
  background-repeat:repeat-y;
  }
#main_b {
  background-image:url(kreuz.jpg);
  background-repeat:no-repeat;
  background-position: left bottom;
  
  }
 .oben_neu
 {
  text-align:center;
   margin: 0 0 30px 0;
  }

#logo {
  float:left;
  width: 183px;
  margin: 0;
  padding: 0;
  }
#header {
  float:left;
  width: 767px;
  margin: 0;
  padding: 0;
  }
#head {
  clear:left;
  margin: 0;
  padding: 30px 0 0 0;
  color:#666666;
  font-size: 16px;
  }
#serv {
  width: 950px;
  height:20px;
  margin: 0;
  padding: 0;
  text-align:right;
  background-color: #FF0000;
  color:#FFFFFF;
  font-size: 10px;
  }
#home {
  float:right;
  margin: 0;
  padding: 0;
  }
#nav_oben {
  float:right;
  margin: 0;
  padding: 0;
  }
#suche {
  float:right;
  width: 120px;
  text-align:left;
  margin: 0;
  padding: 0;
  }
#su {
  float:right;
  width:20px;
  text-align:left;
  margin-top:2px;
  }
#nav_oben a {
  color:#FFFFFF;
  line-height:19px;
  }
#nav_oben a.active {
  color:#A6A6A6;
  }

.active {
  color:#e9e9e9;
  }
#formsearch {
  margin: 0;
  padding: 0;
  font-size: 8px;
  color:#333;
  display:inline;
  
  }
#formsearch .text {
    width: 110px;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #cccccc;
        border-bottom: 1px solid #E8F9D9;
      font-size: 9px;
    margin-left:7px;
    
    margin-top:2px;
    line-height: 11px;
    color:#666;
  }
#unten {
  clear:both;
  width: 950px;
  min-height: 480px;
     height: auto !important;
     height: 480px;
  margin: 0;
  padding: 0;

  }
  
#nav {
  float:left;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
}
#nav ul,  #nav ul ul {
   width: 100%;
  margin: 0;
  list-style-type: none;
  padding: 0 ;
  text-align:center;
  
}
#nav ul ul {
  margin-bottom:10px;
  border-bottom: 0px;
  padding: 0;
  
}
#nav a:hover{
  color:#999;
}
#nav a.active {
  color:#A6A6A6;
  
}
 /*seconder navigation*/

#nav ul li {
  display:inline;
  
border-bottom: 1px solid #fff;
padding: 4px 0 4px 0;
color:#000;
text-align:center;
}
#nav ul li a  {
   color:#fff;
  font-size:12px;
  font-weight:bold;
  line-height:12px;
  padding: 10px;
  background-color: #c41c27;
  margin:0 20px 0 0;
}
#nav ul li a.active  {
  color:#A6A6A6;
  
}


 /*third navigation*/
#nav ul ul li {
  border-top: 0px;
  padding: 6px 0 4px 0;
  padding-left:7px;
  line-height:11px;
  border-bottom: 1px dashed #FF5A5A;
}
#nav ul ul li a   {
  font-weight:normal;
  font-size: 11px;
  
}
#nav ul ul li a.active   {
  padding-left:0px;
}
#nav_home {
  font-weight:normal;

}
#content {
  clear:left;
  width: 1028px;
  margin: 0;
  padding: 0;
}
#content_login {
  clear:left;
  width: 80%;
  test-align:center;
  margin: 50px auto;
  padding: 0;
}
#content_l {
  float:left;
  width: 250px;
  margin: 0;
  padding: 0;
}
#content_r {
  float:left;
  width: 750px;
  margin: 0;
  padding: 0;
}
#inhalt_oben {
  clear:left;
  width: 1028px;
  margin: 0;
  padding: 0;
}
#left {
  float:left;
  width: 547px;
  margin: 0;
  padding: 0;
}
#right {
  float:left;
  width: 260px;
  margin: 0;
  padding: 0;
}
#inhalt_l {
  float:left;
  width: 750px;
  line-height:22px;
  margin: 0;
  padding: 20px 30px 0 40px;
}
#inhalt_l_ {
  clear:left;
  width: 1028px;
  line-height:22px;
  margin: 0;
  padding: 20px 0 0 0;
}
#inhalt_l__ {
  float:left;
  width: 70%;
  line-height:22px;
  margin: 0;
  padding: 20px 30px 0 40px;
}
#inhalt_l_b {
  float:left;
  width: 756px;
  line-height:17px;
  margin: 0;
  padding: 20px 0 30px 40px;
}
#box_b {
  clear:left;
  width: 771px;
  color:#FF0000;
  background-image:url(back_home_b.jpg);
  background-repeat:no-repeat;
  margin: 0;
  padding: 0;
}
#box_b a {
  
  color:#FF0000;
}
#box_b a:hover {
  text-decoration:underline;
}
.box_b_a {
  float:left;
   width: 222px;
   background-image:url(Logo-Swiss-Circle-expo.png);
  background-repeat:no-repeat;
  margin: 0 15px 0 0;
  padding: 115px 10px 0 10px;
}
.box_b_b {
  float:left;
   width: 222px;
   background-image:url(Logo-Swiss-Circle-marketing.png);
  background-repeat:no-repeat;
  margin: 0 15px 0 0;
  padding: 115px 10px 0 10px;
}
.box_b_c {
  float:left;
   width: 222px;
   background-image:url(Logo-Swiss-Circle-networking.png);
  background-repeat:no-repeat;
  margin: 0 15px 0 0;
  padding: 115px 10px 0 10px;
}
#inhalt_banner {
  float:left;
  width: 720px;
  line-height:17px;
  margin: 0;
  padding: 20px 30px 0 40px;
}

.inhalt {
  margin: 0;
  padding: 0 0 30px 0;
}
.inhalt_b {
  margin: 0;
  padding: 0 0 10px 0;
}
#member_links{
  clear:left;
  width: 1028px;
  }
#inhalt_r {
  float:left;
  width: 260px;
  line-height:15px;
  margin: 0;
  padding: 20px 0 0 0;
}
#inhalt_r__ {
  float:left;
  width: 30%;
  line-height:15px;
  margin: 0;
  padding: 20px 0 0 0;
}
#inhalt_r_b {
  float:left;
  text-align:center;
  width: 260px;
  line-height:15px;
  margin: 72px 0 0 0;
  padding: 0;
}
#inhalt_r_b_ {
 display:none;
}

/*
#inhalt_r_b_ {
  float:left;
  text-align:center;
  width: 260px;
  line-height:15px;
  margin: 20px 0 0 0;
  padding: 0;
} */
#zusammen {
  margin: 0;
  padding: 20px 0 0 0;
}
.bilder {
  clear:left;
  width: 260px;
  font-size: 11px;
  padding:0;
  margin:0;
}
.bilder_ {
  clear:left;
  width: 100%;
  font-size: 11px;
  padding:0;
  margin:0;
}
.box {
  clear:left;
  width: 260px;
  font-size: 11px;
  background-color: #cfd1d2;
  padding:0 0 0 0;
  margin:30px 0 5px 0;
  background-image:url(grau_oben.jpg);
  background-repeat:no-repeat;
}
.box h1 {
  float:left;
  font-size: 12px;
  line-height:14px;
  color:#fff;
  margin: 0 0 0 22px;
  padding: 0 15px 0 0;
  background-color: #868889;
  background-image:url(grau_r.jpg);
  background-repeat:no-repeat;
  background-position: right;
}
.box p {
  clear:left;
  margin: 0;
  padding: 8px;
}
.box_o {
  font-size: 12px;
  background-color: #fff;
  font-weight:bold;
  line-height:14px;
  color:#fff;
}
.grau_l {
  float:left;
  width: 19px;
  height:14px;
  background-image:url(grau_l.jpg);
  background-repeat:no-repeat;
}
.grau_r {
  float:left;
  height:14px;
  background-color: #868889;
  margin: 0;
  padding: 0 15px 0 3px;
  background-image:url(grau_r.jpg);
  background-repeat:no-repeat;
  background-position: right;
}
.box_u {
  clear:left;
  font-size: 11px;
  background-color: #cfd1d2;
  padding:8px;
  margin-bottom:30px;
}
.bilder_kl {
  width: 150px;
  height:150px;
  overflow:hidden; 
  border:1px solid #840
}
#fuss_o {
  clear:both;
  width: 950px;
  height:20px;
  background-image:url(fuss.jpg);
  background-repeat:no-repeat;
  background-position: top;
    }
#fuss_u {
  font-size: 11px;
  width: 950px;
  height:20px;
  color:#FFF;
  background-color: #FF0000;
    }
#fuss_l {
float:left;
  width: 183px;
  height:20px;
}

#fuss_r {
float:left;
  height:20px;
}
#fuss_r a {
color:#FFF;
text-decoration:underline;
}
#auswahl {
border:1px solid #000;
padding:20px;
background-color: #ededee;
}
.projekte {
float: left;
padding:0;
font-size: 12px;
width: 1028px;
background-color: #fff;
}
.detail_links{
float: left;
  width: 500px;
}
#text_member{
float: left;
  width: 500px;
}
#karte_liste {
display:none;
  }
  /*
#karte_liste {
  float: left;
  width: 260px;
  padding: 0;
margin: 0 0 0 -44px;
  }
  */
  #tabelle_pro img, #tabelle_pro_b img {
width: 100%;
height:auto;
 
  }
  
.id_home img{
width:100%; height:auto; margin-top:-5px;
}
#tabelle_pro {
 
  border-collapse:collapse; border-spacing:0;
background-color:#eeeeee;
width: 100%;
height: 208px;
padding: 0 0 0px 0;
margin-bottom: 0;
  
  }
.sub{
  clear: left;
  margin-bottom: 50px;
}
.sub_suchen{
  float: left;
  width:33%;
}
.sub_public{
  float: left;
  width:33%;
  text-align:center;
}
.sub_abo{
  float: left;
  width:33%;
  text-align:right;
}
 .zusatz table{
   height: 217px !important;
   }
#tabelle_pro td {
padding: 10px 0 0px 50px;
margin: 0;
  
  }
 input[type=hidden] {
padding: 0;
margin: 0;
  height:1px !important;
  }
 #tabelle_pro_b table {
  
  border-collapse:collapse; border-spacing:0;
background-color:#eeeeee;
width: 100%;
height: 217px;
padding: 0;
margin: 0;
  
  }
#tabelle_pro_b td {
padding: 10px 0 10px 50px;
margin: 0;
  
  } 
.homeback{
background: url(home/Handshake_Bild_sw_css.jpg);
  background-repeat: no-repeat;
  background-size: 100%  auto;
  min-height: 954px;
  margin: -10px 0 0 0;
}

.home_content{
  text-align:center; 
  width:77%; 
  margin:0 auto;
}
.home_logo_frame{
  padding: 0 100px 0 100px;
  margin:80px 0 0 0;
}
.home_logos{
float:left;
  text-align:center; 
  width:50%; 
  
}
.programm p{
 margin: 0 0 30px 0;
}
.programm_header{
 width:100%; 
 background-color: #c41c27;
 color:#fff;  
padding:4px;
margin: 30px 0 30px 0;
}
  
.pro_trenn {
border-bottom:2px dashed #acacac;
width: 505px;
padding: 0 0 0 0;
margin: 0 0 20px 0;
  
  }


.formular{
 background-color: #efefef;
  padding:40px 0 40px 0;
  margin:30px 0 0 0;
}

.label{
  text-align:right;
  float:left;
width: 30%;
  padding:10px 0 0 0;
}

.label_b{
  text-align:right;
  float:left;
width: 30%;
  padding:0 0 0 0;
}

.field_suchen{
clear:left;
  width: 100%;
  padding:0 0 0 30px;
}
.field_suchen input[type=text] {
  width:82%;
}
.field_suchen_b{
clear:left;
  width: 4%;
  padding:0 0 0 30px;
}
.field{
float:left;
  width: 70%;
  padding:0 0 0 30px;
}
.field_area{
float:left;
  width: 70%;
  padding:0 40px 0 30px;
}
.back{
float:left;
  width: 50%;
  padding:0 0 0 30px;
}
.next{
float:left;
   text-align:right;
  width: 50%;
  padding:0 30px 0 0;
}
.projekte table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
width: 1028px;
}
.projekte th a {color: #c41c27;}
.projekte th {
vertical-align:top;
text-align:left;
font-size: 12px;
padding: 5px 0 5px 0;
margin: 0;
}
.projekte td {
vertical-align:top;
text-align:left;
font-size: 12px;

padding: 4px 6px 1px 0;
margin: 0;
}
.abc td, .abc th {
font-size: 14px !important;
}
.projekte thead {
background-color:#FFF;
}

.projekte tr:hover{
  
  background-color: #e2e1e1;
  }
  .projekte tr{
  
  border-bottom:1px solid #000;
  }

 .projekte a{
   height:25px;
  line-height:12px;
  padding:0 0 3px 0;
  color:#000;
  text-decoration:none;
  margin:0;
  display:block;
  }
  .abc a{
   height:auto !important;
  line-height:21px;
  padding:2px 0 3px 0;
  color:#000;
  text-decoration:none;
  margin:0;
  display:block;
  }
 .expert table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
width: 1028px;
}
.expert th a {color: #c41c27;}
.expert th {
vertical-align:top;
text-align:left;
font-size: 12px;
padding: 5px 0 5px 0;
margin: 0;
}
.expert td {
text-align:left;

padding: 15px 6px 15px 0;
margin: 0;
}
.expert thead {
background-color:#FFF;
}

  .expert tr{
  
  border-bottom:1px solid #000;
  }
  
  .projekte_b table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
width: 765px;
}

.projekte_b th {
vertical-align:top;
text-align:left;
font-size: 12px;
padding: 5px 0 5px 0;
margin: 0;
}
.projekte_b td {
vertical-align:top;
text-align:left;
font-size: 12px;

padding: 4px 6px 1px 0;
margin: 0;
}
.projekte_b thead {
background-color:#FFF;
}

.projekte_b tr:hover{
  
  
  }
  .projekte_b tr{
  
  border-bottom:1px solid #000;
  }

 .projekte_b a{
   height:25px;
  line-height:12px;
  padding:0 0 3px 0;
  text-decoration:none;
  margin:0;
  }
  
td.rechts{
text-align:right;
}

.csc-mailform td {
border-bottom:1px solid #000;
padding: 4px 0 1px 0;
margin: 0;
}
.csc-mailform {
float: left;
border:1px solid #C2C2C0;
padding:10px;
font-size: 12px;
width: 100%;
background-color: #fff;
}
.mipim_form {
float: left;
border:1px solid #C2C2C0;
padding:10px;
margin: 0 0 50px 0;
font-size: 12px;
width: 700px;
background-color: #fff;
}

.csc-mailform-field label {
        float: left;
    width: 30%;
        text-align: right;
        margin: 0 12px 0 0;
        display: block;
}
.csc-mailform-field-ohne {
        clear: left;
    width: 80%;
        text-align: left;
        margin: 0 0 0 30%;
    padding:0 100px 0 12px;
        display: block;
}
.pro_feld {

    width: 400px;
    margin: 3px 0 0 0;
    background-image:  url(blau.jpg);
  background-repeat:repeat-y;
    
}
.pro_feld label {
        float: left;
    width: 108px;
        margin: 0 8px 0 0;
    padding:0 0 2px 10px;
    background-color:#EDEDED;
}
.pro_text {
    margin: 0 0 2px 0;
        width: 280px;
}
.clear {
    clear: left;
    width: 100%;
  height:20px;
}
.clear_detail {
    clear: left;
    width: 100%;
  height:1px;
}
.klar {
    clear: left;
    width: 400px;
    border-top:1px solid #BDBDBD;
}
.mipim_l {
    float: left;
  background-color: #d9d9d9;
  width: 367px;
  border-right:3px dashed #ff0000;
  padding:30px 0 45px 10px;
  margin: 0;
}
.mipim_r {
    float: left;
  background-color: #d9d9d9;
  width: 367px;
  padding:30px 0 45px 7px;
  margin: 0;
}
.clear_a {
    clear: left;
    width: 400px;
}
.clear_b {
    clear: left;
    height: 5px;
  width: 600px;
  padding:0;
  margin: 0;
}
.clear_c {
    clear: left;
    height: 5px;
  width: 756px;
  padding:0;
  margin: 0;
}
.clear_d {
    clear: left;
    height: 30px;
  width: 756px;
  padding:0;
  margin: 0;
}
.clear_e {
    clear: left;
    height: 5px;
  width: 100%;
  padding:0;
  margin: 0;
}
td label {
        float: left;
    width: 120px;
        text-align: right;
        margin: 0 12px 0 0;
        display: block;
}
.csc-mailform-field label em {
        color:#ff0000;
}
.csc-mailform-field-ohne em {
  margin: 20px 0 0 0;
        color:#ff0000;
}
.csc-mailform label em {
        color:#ff0000;
}
.red_d {
        color:#930000;
}
.red {
        color:#ff0000;
}
a.red {
        color:#c41c27 !important;
}
.red_back {
  color:#fff;
  font-weight:bold;
    background-color:#ff0000;
  padding:3px;
}
.yellow_back {
  font-weight:bold;
    background-color:#ffcc00;
  padding:3px;
}
.green_back {
  color:#fff;
  font-weight:bold;
    background-color:green;
  padding:3px;
}
.friend_back {
    background-color:#FFEA00;
  padding:0 3px 0 3px;
}
.member_back {
    background-color:#BAFF00;
  padding:0 3px 0 3px;
}
.csc-mailform-field em {
        color:#ff0000;
}
fieldset.csc-mailform-field textarea {
    font-size: 11px;
  width: 220px;
  color:#B70303;
  background-color: #F8F8F7;
  border:1px solid #D0D0CF;
  padding: 3px 0 40px 0;
  margin-bottom: 3px;
  
}
fieldset.csc-mailform  {
  margin-bottom: 50px;
  
}

.csc-mailform-submit {
        margin-left: 135px;
}
.csc-form-fieldcell input {
    font-size: 12px;
  color:#666666;
  background-color: #F8F8F7;
  border:1px solid #D0D0CF;
  padding: 1px;
  margin-bottom: 2px;
}

.csc-frame-rulerAfter {
border-top:1px dotted #000;
  padding-bottom: 20px;
  margin: 0;
}

.zurueck {
  padding:10px 0 0px 0;
  text-align:center;
  margin: 0;
}

.zurueck a {
  display:inline;
  color:#c41c27;
}

.referenz {
  width: 100px
}
#lead {
  width: 100%;
  margin: 0;
  padding: 0;
}
#lead h1 {
  background-color: #707173;
  font-size: 19px;
  font-weight:normal;
  color:#fff;
  margin: 0;
  padding: 10px;
}
#lead h2 {
  background-color: #c5c7c8;
  font-size: 13px;
  font-weight:normal;
  color:#000;
  margin: 0 0 20px 0;
  padding: 10px;
}

.vorschau{
  background-color: red;
  width: 200px;
  font-size: 17px;
  font-weight:bold;
  color:#fff;
  margin: 0 0 0 130px;
  padding: 20px;
  
  }
.vorschau a{
  color:#fff;
  
  }
  
.vorschau_b{
  background-color: green;
  width: 200px;
  font-size: 17px;
  font-weight:bold;
  color:#fff;
  margin: 0 0 0 130px;
  padding: 20px;
  
  }
.vorschau_b a{
  color:#fff;
  
  }
.sortieren a {
  color:black !important;
  font-weight: 600 !important;
  }
 .sortieren a.sort-active {
  color:#c41c27 !important;
  }
#footera{
  float:left;
  width:200px;
  margin: 0;
  padding: 0;
  
  }
.check{
  float:left;
  width:80px;
  margin: 0;
  padding: 0;
  
  }
.check_{
  float:left;
  width:110px;
  margin: 0;
  padding: 0;
  
  }  
  .passhead_b{
  float:left;
 
    text-align:center;
    margin: 20PX 20px 20px 0;
    
    }
   .passfoto_b{
   border-radius: 80px;
   -moz-border-radius: 80px;
   -webkit-border-radius: 80px;
   width:80px;
   height:80px;
   margin: auto;
   overflow: hidden;
   text-align:center;
   position: relative;
   }
.passfoto_b img {
    position: absolute;
    top: -9990px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
   .passfoto_c{
   border-radius: 115px;
   -moz-border-radius: 115px;
   -webkit-border-radius: 115px;
   width:115px;
   height:115px;
   margin: auto;
   overflow: hidden;
   text-align:center;
   position: relative;
   background-color:#ddd;
   border:1px solid #eaeaea;
   }
.passfoto_c img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;    
/*
    -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); 
*/
}
.passfoto_slider{
   border-radius: 95px;
   -moz-border-radius: 95px;
   -webkit-border-radius: 95px;
   width:95px;
   height:95px;
   margin: auto;
   overflow: hidden;
   text-align:center;
   position: relative;
   background-color:#ddd;
   border:1px solid #eaeaea;
   }
.passfoto_slider img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;    
}
  .passhead{
    height:100%;
    }
 .passfoto{
   float:left;
   border-radius: 170px;
   -moz-border-radius: 170px;
   -webkit-border-radius: 170px;
   width:170px;
   height:170px;
   /*
      width:150px;
   height:200px;
   */
   margin: 0 40px 0 0;
   overflow: hidden;
   text-align:center;
   position: relative;
   }
.passfoto img {
    position: absolute;
    top: -9979px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
 .passfoto-neben{
    float:left;
position: relative;
   }
.passfoto-neben-b{
padding: 50px 0 0 0;

   }
.swisscircle{
  text-decoration:none;
  }
.zur-liste{
  text-align:center;
  }
.searchbox-links{
  margin-right:50px;
  }
.buttons{
  width: 100%;
  display:block;
  text-align:center;
  margin: 0 0 10px 0;
  }
.buttons img{
  width: 75px;
  height:auto;
  margin: 0 10px 0 10px;
  }
 .buttons_b{
  width: 100%;
 display: flex;
justify-content: center;
align-items: center;
margin: 0 0 20px 0;
  }
.buttons_event{
    text-align: center;
  }
.buttons_b img{
      width: 75px;
      height:auto;
      margin: 0 20px 0 20px;
  }
.suchen-l{
  width: 50%;
  float:left;
  }
  .suchen-l-a{
  width: 40%;
  float:left;
  }
.suchen-r{
  width: 50%;
  float:left;
  text-align:right;
  }
 .suchen-a{
  width: 33%;
  float:left;
  text-align:left;
  }
   .suchen-b{
  width: 33%;
  float:left;
  text-align:center;
  }
   .suchen-c{
  width: 33%;
  float:left;
  text-align:right;
  }
.logo_a{
 float:left;
  padding-right:30px;
}
.logo_b{
 float:left;
  padding-right:30px;
}

.logo_c{
 float:left;
  padding-right:5px;
}
.logo_aa{
 float:left;
  padding-right:5px;
}
.logo_bb{
 float:left;
  padding-right:5px;
}

.logo_cc{
 float:left;
  padding-right:30px;
}
.kachmargin{
padding-top:40px;
}
.kachel{
position:relative;
width:190px;
height:190px;
float:left;
display:inline;
border:2px solid #999;
 border-radius: 18px;
padding:10px;
text-align:center;
box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

.kachlogo{
display:block;
height:160px;
   /* background-color: #ccc;*/
}
.kachlogo img {

}
.kacheltext{
width:100%;
font-size: 14px;
line-height:18px;
font-weight:500;
position:absolute;
padding:5px;
bottom:5px;
left:0px;
}
.kachunten{
clear:left;
display:block;
margin-bottom:10px;
}
.kachzusatz{
margin-right:15px;
}

.kachel_slider{
position:relative;
width:165px;
height:165px;
float:left;
display:inline;
border:2px solid #999;
 border-radius: 18px;
padding:10px;
text-align:center;
box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}
.kachlogo_slider{
display:block;
height:160px;
   /* background-color: #ccc;*/
}
.klein{
display:none;
}
.gross{
display:block;
}
.slider_klein{
display:none;
}
.slider_gross{
display:block;
}
.snc{
background-color: #fff;
  color:#000;
  text-align:center;
  padding:20px 10% 20px 10%;
}
.snc .linie{
margin:8px 0 5px 0;
border-bottom:2px dashed #000;
}

strong{
font-weight:normal;
font-weight:600;
}
 .mobilesuche{display:none;}

/* -------------------- Immoblilien Termine -------------------- */
.bar_m{
   display:none;

}
.bar h1{
  font-size:1.5em;
  line-height:1.4em;
  
  font-weight: 700 !important;
  }
.bar h2{
  font-size:1.2em;
  line-height:1.2em;
  font-weight: 700 !important;
  
  }
.bar{
  display:block;
   clear:left;
  width: 100%;
  border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   height:130px;
background: linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
   /* background-color:#ddd; */
  margin-bottom:30px;
  border:1px solid #999;
   box-shadow: 3px 3px 8px 1px #000;

}
.bar_detail{
  display:block;
   clear:left;
  width: 100%;
  border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
  margin-bottom:30px;
   background-color: #ddd;
  border:1px solid #999;
   box-shadow: 3px 3px 8px 1px #000;
}

.bar_inside{
background-color:#fff;
  padding:20px 40px 40px 40px;
   border-radius: 0 0 20px 20px;
   -moz-border-radius:  0 0 20px 20px;
   -webkit-border-radius: 0 0 20px 20px;
}
.bar_inside_a{
  float:left;
  width: 7%;
  text-align:center;
}
.bar_inside_b{
  float:left;
  width: 90%;
}
.bar_left{
   float:left;
  width: 42%;
  padding:20px 0 0 40px;

}
.bar_mid{
   float:left;
  width: 16%;
height:130px;
  padding:20px;
}
.bar_mid img{
  height: 100%;

}
.bar_right{
   float:left;
  width: 42%;
  padding:20px;

}
.bar_left_a{
    float:left;
width: 12%;
height:130px;
  padding:20px 0 20px 25px;

}
.bar_left_a img{
  height: 100%;

}
.bar_right_a{
   float:left;
  padding:20px 0 0 20px;
width: 80%;

}
.bar_right_a h1{
   line-height:40px;

}
/* -------------------- Media Queries -------------------- */

 @media screen and (min-width: 740px) and 
  (max-width:1024px) {
  
    .bar h1{
    
   font-size:1.2em !important;
  line-height:1.2em !important;
  font-weight: 700 !important;
  }

.bar h2{
  font-size:1em;
  line-height:1em;
  font-weight: 700 !important;
  
  }

    header{
  height:110px;
  background-color: #c41c27;
  }
   .inner {
width: 100%;
  
}
#oben{
  position:relative;
  text-align:center;
width: 100%;
  padding: 10px 0 0 0;
  }
  #oben h1 {
color: #fff;
font-size:2.8em;
line-height:1.6em;
font-weight: 500 !important;
margin: 0 0 30px 0;
}
#obensnt{
  position:relative;
  width: 100%;
  padding: 0;
  }
  #obensnt img{
  width: 100%;
  height:auto;
  }
  #content {
  clear:left;
  width: 100%;
  margin: 0;
  padding: 0 20px 0 20px;
}

#inhalt_oben {
  clear:left;
width: 100%;
  margin: 0;
  padding: 0;
}
#inhalt_l_ {
  clear:left;
 width: 100%;
  line-height:22px;
  margin: 0;
  padding: 20px 0 0 0;
}
#inhalt_l {
  float:left;
  width: 70%;
  line-height:22px;
  margin: 0;
  padding: 20px 30px 0 0;
}
#inhalt_r {
  float:left;
  width: 30%;
  line-height:15px;
  margin: 0;
  padding: 20px 0 0 0;
}
#member_links{
  clear:left;
  width: 100%;
  }
  .projekte {
float: left;
padding:0;
font-size: 12px;
 width: 100%;
background-color: #fff;
}
.projekte table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
 width: 100%;
}
  .expert {
float: left;
padding:0;
 width: 100%;
background-color: #fff;
}
.expert table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
 width: 100%;
}
.kachel{
position:relative;
width:181px;
height:181px;
float:left;
display:inline;
border:2px solid #999;
 border-radius: 18px;
padding:10px;
text-align:center;
box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

.kachlogo{
display:block;
height:160px;
   /* background-color: #ccc;*/
}
.kachlogo img {
max-width:160px !important;
max-height:125px !important;
}
.kacheltext{
width:100%;
font-size: 14px;
line-height:18px;
font-weight:500;
position:absolute;
padding:5px;
bottom:5px;
left:0px;
}
.kachunten{
clear:left;
display:block;
margin-bottom:10px;
}
.kachzusatz{
margin-right:15px;
}

}
 @media screen and (min-width: 780px) and
  (max-width:850px) {
  


  }

  @media screen and (min-width: 681px) and 
  (max-width:739px) {
    
    header{
  height:110px;
  background-color: #c41c27;
  }
   .inner {
width: 100%;
  
}
#oben{
  position:relative;
  text-align:center;
width: 100%;
  padding: 10px 0 0 0;
  }
    #oben h1 {
color: #fff;
font-size:2.6em;
line-height:1.6em;
font-weight: 500 !important;
margin: 0 0 30px 0;
}
#obensnt{
  position:relative;
  width: 100%;
  padding: 0;
  }
  #obensnt img{
  width: 100%;
  height:auto;
  }
  #content {
  clear:left;
  width: 100%;
  margin: 0;
  padding: 0 20px 0 20px;
}

#inhalt_oben {
  clear:left;
width: 100%;
  margin: 0;
  padding: 0;
}
#inhalt_l_ {
  clear:left;
 width: 100%;
  line-height:22px;
  margin: 0;
  padding: 20px 0 0 0;
}
#inhalt_l {
  float:left;
  width: 65%;
  line-height:22px;
  margin: 0;
  padding: 20px 10px 0 0;
}
#inhalt_r {
  float:left;
  width: 30%;
  line-height:15px;
  margin: 0;
  padding: 20px 0 0 0;
}
.bilder {
  clear:left;
  width: 100%;
  font-size: 11px;
  padding:0;
  margin:0;
}
.bilder img{
  width: 100%;
  height:auto;
}
#member_links{
  clear:left;
  width: 100%;
  }
  .projekte {
float: left;
padding:0;
font-size: 12px;
 width: 100%;
background-color: #fff;
}
.projekte table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
 width: 100%;
}
  .expert {
float: left;
padding:0;
 width: 100%;
background-color: #fff;
}
.expert table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
 width: 100%;
}

.kachel{
position:relative;
width:165px;
height:165px;
float:left;
display:inline;
border:2px solid #999;
 border-radius: 18px;
padding:10px;
text-align:center;
margin-right:17px !important;
  margin-bottom:18px !important;  
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19)
}

.kachlogo{
display:block;
height:160px;
   /* background-color: #ccc;*/
}
.kachlogo img {
max-width:130px !important;
max-height:110px !important;
}
.kachunten{
display:none;
}
.kacheltext{
width:100%;
font-size: 14px;
line-height:18px;
font-weight:500;
position:absolute;
padding:5px;
bottom:1px;
left:0px;
}
}

@media screen and (min-width: 641px) and 
  (max-width:680px) {
   
.address-left {
  float:left;
  width:50%;
}
.address-right {
  float:left;
  width:50%;
}

}
 @media screen and (max-width: 768px) {
.passfoto_slider{
   border-radius: 80px;
   -moz-border-radius: 80px;
   -webkit-border-radius: 80px;
   width:80px;
   height:80px;
   margin: -8px auto;
   overflow: hidden;
   text-align:center;
   position: relative;
   background-color:#ddd;
   border:1px solid #eaeaea;
   }
.passfoto_slider img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;   
}
.kachel_slider{
  position:relative;
  width:129px;
  height:129px;  
  margin-right:10px !important;
  margin-bottom:7px !important;  
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19)
  }
.kachlogo_slider{
  display:block;
  padding-top:4px;
  width:100%;
  height:50%;
     /* background-color: #ccc;*/
  }
.kachel_slider img{
  position:relative;
  max-width:100px !important;
  max-height:80px !important;
  }
.kacheltext{
  width:100%;
  font-size: 11px;
  line-height:11px;
  font-weight:500;
  position:absolute;
  padding:1px;
  bottom:4px;
  left:0px;
  }
}
 @media screen and (max-width: 640px) {
.address-left {
  clear:left;
  width:95%;
}
.address-right {
  margin-top:10px;
   clear:left;
  width:95%;
}

.programm_header{
 width:97%; 
 background-color: #c41c27;
 color:#fff;  
padding:4px;
margin: 30px 0 30px 0;
}
.home_logo_frame{
  padding: 0 ;
  margin:40px 0 0 0;
}
.home_logos{
clear:left;
  text-align:center; 
  width:100%; 
  
}

.titelrot{
color: #c41c27 !important;
font-size: 2em;
font-weight:bold;
line-height:;
padding: 80px 0 60px 0;
}
.homeback{
width: 97%;
background: url(home/Handshake_Bild_sw_css.jpg);
  background-repeat: no-repeat;
  background-size: 100%  auto;
  margin: -10px 0 0 0;
}
.home_content{
  text-align:center; 
  width:98%; 
  margin:0 auto;
}
     .buttons img{
      width: 11%;
      height:auto;
  margin: 0 5px 0 5px;
  }  
 .buttons_b{
  width: 97%;
 display: flex;
justify-content: center;
align-items: center;
  }
.buttons_event{
    text-align: center;    
font-size:11px;
font-weight: 600 !important;
  }
.buttons_b img{
      width: 50px;
      height:auto;      
margin: 0 5px 0 5px;
  }
     header{
  height:110px;
  background-color: #c41c27;
  }
 #header {
  clear:left;
  width: 100%;
  margin: 0;
  padding: 0;
  }
   .inner {
width: 100%;
  
}
#oben{
  position:relative;
  text-align:center;
width: 100%;
  padding: 10px 0 0 0;
  }
    #oben h1 {
color: #fff;
font-size:1.8em;
line-height:2.3em;
font-weight: 500 !important;
margin: 0 0 30px 0;
}
#obensnt{
  position:relative;
  width: 100%;
  padding: 0;
  }
  #obensnt img{
  width: 100%;
  height:auto;
  }
  #content {
  clear:left;
  width: 100%;
  margin: 0;
  padding: 0 0px 0 10px;
}
.oben_neu h1 {
color: #fff;
font-size:1.8em;
line-height:1em;
font-weight: 500;
margin: 0 0 0 0;
color: #c41c27;
}
 .oben_neu
 {
  text-align:center;
   margin: 0 0 10px 0;
  }
#inhalt_oben {
  clear:left;
width: 100%;
  margin: 0;
  padding: 0;
}
#inhalt_l_ {
  clear:left;
 width: 100%;
  line-height:22px;
  margin: 0;
  padding: 20px 0 0 0;
}
#inhalt_l {
  clear:left;
  width: 100%;
  line-height:22px;
  margin: 0;
  padding: 20px 10px 0 0;
}
#inhalt_r {
  clear:left;
  width: 100%;
  line-height:15px;
  margin: 0;
  padding: 20px 0 0 0;
}
#bilder {
  clear:left;
  width: 90%;
  font-size: 11px;
  padding:0;
  margin:0;
}
#bilder img{
  width: 100%;
  height:auto;
}
#member_links{
  clear:left;
  width: 100%;
  }
  .projekte {
float: left;
padding:0;
font-size: 12px;
 width: 100%;
background-color: #fff;
}
.projekte table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
 width: 90%;
}

.projekte td {
vertical-align:top;
text-align:left;
font-size: 18px;
padding: 4px 0px 2px 0;
margin: 0;
}
.projekte table td {clear:left;display:block;}
.projekte table th {
  font-size: 18px;
  padding: 0;
  margin: 0;
  }/*
  .projekte table th:nth-of-type(2n) {display:none;}
.projekte table th:nth-of-type(4n) {display:block;} */
.projekte table th:nth-of-type(2n) {display:none;}
.projekte table th:nth-of-type(4n) {display:inline;}
.projekte .sort_mobile{
  font-size: 16px;
  }
.projekte table thead th{ 
float:left;
display:inline;
border:0px solid #BDBDBD;
width: 33%;
padding:1px 0 10px 0px;

}
 .expert {
float: left;
padding:0;
 width: 100%;
background-color: #fff;
}
.expert table {
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
 width: 90%;
}
/*
.projekte table td:nth-of-type(2n) {display:none;}
.projekte table td:nth-of-type(4n) {display:block;} 


.projekte thead {
display:none;
} */
 .projekte a{
   height:auto;
  line-height:18px;
  padding:0 0 3px 0;
  color:#000;
  text-decoration:none;
  font-weight: 500;
  margin:0;
  display:block;
  }
  #tabelle_pro img, #tabelle_pro_b img {
width: 100%;
padding: 0 10px 0 0;
height:auto;
  
  }
 #tabelle_pro_b table {
   display:none;
   } 
#tabelle_pro {
  
  border-collapse:collapse; border-spacing:0;
background-color:#eeeeee;
width: 100%;
height: auto;
padding: 10px 0 20px 0;
margin-bottom: 50;
  
  }
#tabelle_pro table tr:nth-of-type(3n) {display:none;}
#tabelle_pro td {
padding: 10px 0 10px 10px;
margin: 0;
  
  }
.pro_feld {

    width: 90%;
    margin: 3px 0 0 0;
    background-image:  url(blau.jpg);
  background-repeat:repeat-y;
    
}
.pro_feld label {
        float: left;
    width: 108px;
        margin: 0 8px 0 0;
    padding:0 0 2px 10px;
    background-color:#EDEDED;
}
.pro_text {
    margin: 0 0 2px 0;
        width: 55%;
}
.clear {
    clear: left;
    width: 100%;
}
.klar {
    clear: left;
    width: 100%;
    border-top:1px solid #BDBDBD;
}
.clear_a, .clear_b, .clear_c, .clear_d, .clear_e {
    clear: left;
    width: 100%;
   height: 5px;
}
.detail_links{
clear: left;
  width: 100%;
}
#text_member{
clear: left;
  width: 95%;
}
#map_canvas{
clear: left;
  width: 100% !important;
}

.suchen-l{
  width: 50%;
  float:left;
  padding: 10px 0 10px 0;
  }
.suchen-r{
  width: 50%;
  float:left;
  text-align:right;
  padding: 10px 12px 10px 0;
  }
  
}
@media screen and (max-width:428px) {

/* -------------------- Immoblilien Termine -------------------- */

.bar_detail{
  display:block;
   clear:left;
  width: 97%;
  border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   background-color:#ddd;
  margin-bottom:30px;
  border:1px solid #999;
   box-shadow: 3px 3px 8px 1px #000;
}

.bar_left_a{
    float:left;
width: 20%;
height:100px;
  padding:20px 0 20px 15px;

}
.bar_left_a img{
  height: 100%;

}
.bar_right_a{
   float:left;
  padding:20px 0 0 20px;
width: 70%;
}
.bar_right_a h1{
  font-size:1.2em;
   line-height:20px;

}

.bar_inside{
background-color:#fff;
  padding:20px 15px 40px 15px;
   border-radius: 0 0 20px 20px;
   -moz-border-radius:  0 0 20px 20px;
   -webkit-border-radius: 0 0 20px 20px;
}
.bar_inside_a{
  float:left;
  width: 20%;
  text-align:center;
}
.bar_inside_b{
  float:left;
  width: 77%;
  padding:0 0 0 20px;
}

.bar{
   display:none;
  

}

.bar_m{
  font-size:1em;
   display:block;
   clear:left;
  width: 97%;
  border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   height:140px;
background: linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
  margin-bottom:30px;
  border:1px solid #999;
   box-shadow: 3px 3px 8px 1px #000;

}
.bar_m h1{
  font-size:1.05em;
  line-height:1.1em;
  margin-bottom:6px;
  font-weight: 700 !important;
  }
.bar_m h2{
  font-size:0.9em;
  line-height:1em;
  font-weight: 700 !important;
  
  }
.bar_left_m{
   float:left;
  width: 75%;
  padding:5px 0 0 10px;

}

.bar_right_m img{
  height: 50%;

}
.bar_right_m{
   float:left;
  
  text-align:right;
  height:130px;
  width: 25%;
  padding:10px;

}

/* ---------- Fixed Head ----------- */
 .under-fixed-head{
 height:210px;
 }

.slider_klein{
display:block;
}
.id_home img{
width:97.5%; height:auto; margin-top:-5px;
}
.titelrot{
color: #c41c27 !important;
font-size: 2em;
padding: 80px 0 60px 0;
}
.homeback{
width: 97%;
background: url(home/Handshake_Bild_sw_css.jpg);
  background-repeat: no-repeat;
  background-size: 100%  auto;
  margin: -10px 0 0 0;
}

.slider_gross{
display:none;
}
.passfoto_c{
   border-radius: 70px;
   -moz-border-radius: 70px;
   -webkit-border-radius: 70px;
   width:70px;
   height:70px;
   margin: -8px auto;
   overflow: hidden;
   text-align:center;
   position: relative;
   background-color:#ddd;
   border:1px solid #eaeaea;
   }
.passfoto_c img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;   
}
  .suchen-l-a{
  width: 50%;
  float:left;
  }
  .mobilesuche{display:block;}
  .kachel{
  position:relative;
  width:122px;
  height:122px;  
  margin-right:10px !important;
  margin-bottom:7px !important;  
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19)
  }
  .kachlogo{
  display:block;
  padding-top:4px;
  width:100%;
  height:50%;
     /* background-color: #ccc;*/
  }
  .kachel img{
  position:relative;
  max-width:100px !important;
  max-height:80px !important;
  }
  .kacheltext{
  width:100%;
  font-size: 11px;
  line-height:11px;
  font-weight:500;
  position:absolute;
  padding:1px;
  bottom:4px;
  left:0px;
  }
  .kacheltext_c{
  font-size: 9px !important;
  }
.passfoto_slider{
   border-radius: 65px;
   -moz-border-radius: 65px;
   -webkit-border-radius: 65px;
   width:65px;
   height:65px;
   margin: -11px auto;
   overflow: hidden;
   text-align:center;
   position: relative;
   background-color:#ddd;
   border:1px solid #eaeaea;
   }
.passfoto_slider img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;   
}
.kachel_slider{
  position:relative;
  width:105px;
  height:105px;  
  margin-right:10px !important;
  margin-bottom:7px !important;  
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19)
  }
.kachlogo_slider{
  display:block;
  padding-top:4px;
  width:100%;
  height:50%;
     /* background-color: #ccc;*/
  }
.kachel_slider img{
  position:relative;
  max-width:95px !important;
  max-height:70px !important;
  }
   .kachunten{
  display:none;
  }
.gross{
display:none;
}
.klein{
display:block;
}
}
@media screen and (max-width:393px) {
  .suchen-l-a{
  font-size:13px;
  width: 50%;
  float:left;
  }
  select { width: 75% }
  .kachel{
  position:relative;
  width:110px;
  height:110px;  
  margin-right:16px !important;
  margin-bottom:11px !important;
  
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19)
  }

  .kachel img{
  position:relative;
  max-width:92px !important;
  max-height:70px !important;
  }  
  .kacheltext{
  font-size: 10px;
  }
  
}
@media screen and (max-width:375px) {

.kachel_slider{
  width:92px;
  height:92px;  
  }
.passfoto_slider{
   border-radius: 58px;
   -moz-border-radius: 58px;
   -webkit-border-radius: 58px;
   width:58px;
   height:58px;
   margin: -13px auto;
   }
  .kachel_slider img{
  position:relative;
  max-width:85px !important;
  max-height:65px !important;
  }
  .suchen-l-a{
  font-size:13px;
  width: 50%;
  float:left;
  }
  select { width: 75% }
  .kachel{
  position:relative;
  width:110px;
  height:110px;  
  margin-right:10px !important;
  margin-bottom:7px !important;  
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19)
  }
  .kachlogo{
  display:block;
  width:100%;
  height:50%;
     /* background-color: #ccc;*/
  }
  .kachel img{
  position:relative;
  max-width:90px !important;
  max-height:70px !important;
  }
  .kacheltext{
  width:100%;
  font-size: 11px;
  line-height:11px;
  font-weight:500;
  position:absolute;
  padding:1px;
  bottom:4px;
  left:0px;
  }
   .kachunten{
  display:none;
  }
  .gross{
display:none;
}
.klein{
display:block;
}
}
@media screen and (max-width:360px) {
  .suchen-l-a{
  font-size:13px;
  width: 50%;
  float:left;
  }
  select { width: 75% }
  .kachel{
  position:relative;
  width:105px;
  height:105px;  
  margin-right:10px !important;
  margin-bottom:7px !important;  
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19)
  }

  .kachel img{
  position:relative;
  max-width:100px !important;
  max-height:80px !important;
  }
  
}
}
.editieren{
  background-color:#099;
  padding:20px;
  }
.status{
  color:#fff;
  border-radius: 6px;
  padding:5px;
  background-color:#099;
  cursor:pointer;
  }
.status-b {
  color:#fff;
  border-radius: 6px;
  padding:5px;
  background-color: #c41c27;
  cursor:pointer;
  }
.status-loesch {
  color:#fff;
  border-radius: 6px;
  padding:5px;
  background-color: #000;
  cursor:pointer;
  }
.green{
color:#09b40d;
font-size:16px;
font-weight:bold;
}
.Button {
  color:#000;
  border-radius: 6px;
  font-size:14px;
  padding:5px 10px 5px 10px;  
margin-top:5px;
  background-color: #fbfbfb;
  cursor:pointer;
  }
  
 .button_er {
  color:#fff;  
  display:block;
  width: 100%;
  border-radius: 6px;
  font-size:18px;
  padding:8px 10px 8px 10px;  
margin-top:5px;
background: linear-gradient(to bottom, #cc1a1d, #aa0f12);
 /* background: linear-gradient(to bottom, #C1428A, #87215b); */
  cursor:pointer;
  }
  
.immo_a {
  float:left;
  padding:3px;
  margin-right:10px;
background-color:#c41c27;
  border:0;
  color:#fff;
  cursor:pointer;
}
.immo_b {
  float:left;
  padding:3px;
  margin-right:10px;
background-color:#e4e4e4;
  border:0;
  color:#bdbdbd;
  cursor:pointer;
}
.prop_a {
  float:left;
  padding:3px;
background-color:#414b53;
  border:0;
  color:#fff;
  cursor:pointer;
}
.prop_b {
  float:left;
padding:3px;
  margin-right:10px;
background-color:#e4e4e4;
  border:0;
  color:#bdbdbd;
  cursor:pointer;
}
.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -200px;}


.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%;
}


/* SMS */

input[type=text] {
  font-size:1em;
  background-color: #fff;
 border: 1px solid #fff;
 border-radius: 20px;
  color: black;
  padding: 0 10px 0 24px;
  text-decoration: none;
  margin: 4px 2px;
  height:40px;
  width:70%;
}

textarea {
  width: 70%;
  height: 150px;
  padding: 12px 20px;
  border: none;
  border-radius: 20px;
  background-color: #fff;
 font-size:1em;
  resize: none;
}
input[type=submit] {
  font-size:1em;
  background-color: #fff;
 border: 1px solid #fff;
 border-radius: 20px;
  color: black;
  padding: 0 0 0 5px;
  text-decoration: none;
  margin: 4px 2px;
  height:40px;
  width:120px;
}
input.button_grau[type=submit] {
  font-size:1em;
  background-color: #ccc;
 border: 1px solid #ccc;
 border-radius: 20px;
  color: black;
  padding: 0 0 0 5px;
  text-decoration: none;
  margin: 4px 2px;
  height:40px;
  width:220px;
}
input[type=file]::file-selector-button {
  margin-right: 20px;
  height:40px;
  border: none;
  background: #a2a2a2;
  padding: 10px 20px;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
  background: #b0b0b0;
}

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: left;
  min-width: 40%;
  margin: 0 20px 0 0;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv:after {
  content: '>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 14px;
  padding: 0 0 2px;
  border: none;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  border-radius: 20px;
  height: 40px;
  float: right;
  margin: 5px 0px 5px 0;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
   border: none;
}



.member_sms input[type=text] {
  clear:left;
  font-size:0.8em;
  background-color: #fff;
 border: 1px solid #ccc;
 border-radius: 4px;
  color: black;
  padding: 0 0 0 5px;
  text-decoration: none;
  margin: 4px 2px;
  height:34px;
  width:70%;
}
.member_sms textarea {
  clear:left;
  font-size:0.8em;
  background-color: #fff;
 border: 1px solid #ccc;
 border-radius: 4px;
  color: black;
  padding: 5px;
  text-decoration: none;
  margin: 4px 2px;
  height:80px;
  width:100%;
}

.member_sms input[type=submit]  {

-webkit-appearance: none;

  color:#fff;  
  display:block;
  width: 100%;
  border-radius: 6px;
  font-size:18px;
  padding:8px 10px 8px 10px;  
margin-top:5px;
background: linear-gradient(to bottom, #cc1a1d, #aa0f12);
  /* background-color: #968a4d; */
  cursor:pointer;
}

.sms-ok{
  width:100%;
  position:relative;
  vertical-align: baseline;
  }
.sms-ok-a{
  float:left;
  width:22%;
  padding: 3% 0 0 0;
  display:block;
  background-color: #ddd;
  }
.sms-ok-b{
  float:left;
  position:relative;
  width:75%;
  height:100%;
  display:block;
   background-color: #ddd;
  }
.sms-ok img{
  width:100%;
  height:auto;
  }
.center{
  text-align:center;
  }
.grey{
   background-color: #ddd;
  }
.border{
    border-bottom: 1px solid black !important;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
  }
.tabelle_pro table{
  width:100%;
  height:auto;
  }