* {font-family:arial,helvetica}
html,body {background:#fff;padding:0;font-size:16px}
body {width:100%!important;overflow-x:hidden}
input, textarea {appearance:none} /* verhindert runde Buttons auf Safari */
/*input[type=submit],#sofi>span,#sofi>span a {color:#fff!important;background:#3266cc;font-weight:bold;cursor:pointer;border-radius:5px;}
[type=submit],[type=button] {color:#555}
input[type=submit],#sofi>span {background:#f3f3f3;border:1px solid #ccc}
[type=submit]:hover,[type=button]:hover,button:hover,#sofi>span:hover {filter:brightness(.95);transition:filter .2s ease}*/
#logo {height:45px}
#top {display:table-cell;vertical-align:middle;text-align:right}
#top div {margin-left:20px}
#h {width:50%!important}
#lo {background:#eee;padding:5px;margin:3px 0}
#lo {padding:9px 5px}
#se {font-size:3.5em;cursor:pointer}
.edit {height:auto!important;padding-bottom:46px!important;display:inline!important}
.edit img {width:14px!important;height:14px!important;position:relative!important;border:0;box-shadow:none!important}
.tl,#ll,#ll+div {font-size:.75rem;color:gray;float:left}
.tl+div {font-size:.75rem;color:gray;right:0;position:absolute}
#ll+div {float:right}
.bl {position:absolute;bottom:0;font-weight:700;color:#444}
#t2 i {position:absolute;bottom:0;right:0}
#t11 {width:100%;margin-bottom:0!important}
#t11 {position:relative;border:1px solid #ddd;flex-direction:column;height:250px}
#t11>div {position:absolute;bottom:0}
#t11>a:before {bottom:4rem}

#t2>div>a+div {width:100%;padding:0 .75rem;position:relative}
#t2>div {display:flex;width:100%;height:8.5rem;overflow:hidden;position:relative;padding:.5rem;border-bottom:1px solid #ddd;background:#fff;line-height:normal}
#t2>div>a {position:relative;flex:0 0 7.375rem;height:100%}
#t2 p {line-height:1.3rem;max-height:2.6rem;margin:0;overflow:hidden;color:gray;display:none} /* seit 15.01.25 _overflow -> */
#t2 h2 {margin:.25rem 0;overflow:hidden;font-weight:normal}
#texts h2 {font-size:1.2em;margin-top:80px}
#texts h3 {font-size:1.05em;margin-top:60px}
#texts a {text-decoration:underline}
#texts img {display:block;max-width:100%}
#msgl img {margin-right:10px;object-fit:cover;width:120px;height:90px}
#msgl i {color:#777;font-size:.77em} 
#msgl a {text-decoration:none!important}
select {color:#888!important;background:#fff}
.mn input {min-width:111px}
select,.mn input[type=text],input[type=email],input[type=password],textarea {width:100%}
input,select,textarea,.dz {padding:9px;border:1px solid #ddd;color:inherit;font:inherit;margin:0 0 5px 0}
input::-moz-focus-inner {border:0;padding:0}
input {line-height:normal}
input[type=checkbox],input[type=radio] {box-sizing:border-box;padding:0}
input:disabled,select:disabled {color:#999;transition:all .3s}
select option:disabled {font-weight:bold;background:#eee}
textarea {overflow:auto;height:160px}
#fx {display:flex;align-items:center;padding:0;margin:10px 0}
#fx a,#fx input {margin-right:3px;width:auto}
#fx div,#fx a,#fx input {flex-grow:0}
#fx input[type=text] {flex-grow:1;min-width:100px}
#fx img,#fx input {height:41px!important}
#f select {width:33%;margin:0}
#kl {width:100%;top:157px;padding:.75rem;line-height:1.1rem}
#rg1 {background:var(--c);color:#ffffff;font-size:2em;padding:0 10px}
#rg2 {background:#f8f8f8;margin-top:12px;padding:7px}
.cb {position:relative;display:block;padding-left:35px;margin-bottom:12px;cursor:pointer}
.cb input {position:absolute;opacity:0;height:0;width:0}
.checkmark {position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #ddd}
.checkmark:after {content:"";position:absolute;display:none}
.cb input:checked ~ .checkmark:after {display:block}
.cb .checkmark:after {left:9px;top:2px;width:8px;height:16px;border:solid #444;border-width:0 3px 3px 0;transform:rotate(45deg)}
.flag {position:relative!important;width:18px!important;height:12px!important}
.txt {text-align:center}
.txt span {background:var(--c);color:#ffffff;padding:20px;cursor:pointer;border-radius:2px;}
.txt span:hover {background:var(--c)} 
#prices td {padding-top:7px}
#prices {border-collapse:separate;border-spacing:3px 0}
#prices tr:nth-child(even) td {background:#eee;text-align:center;padding:10px}
#prices tr:nth-child(2) td {background:#ddd}
#prices tr:last-child td {padding:10px 0;background:#fff}
#offer {position:relative;width:225px;height:400px;border:1px solid #ddd;float:left;padding:12px;margin:0 20px 20px 0;text-align:center}
#offers input {color:#fff;background:#52b532}
#offers input:hover {background:#42a522}
#bank {display:none}
#link:focus+#bank {display:block}
#pagination {padding:26px 26px 0 26px}
#txt {max-width:640px;overflow:hidden;text-overflow:ellipsis;padding:0 20px}
#obj {padding:20px;float:left;width:60%}
#md {overflow:auto;background:#eee;padding-bottom:20px;margin-bottom:20px}
#md #obj+#obj {width:30%}
.ml li img,#gallery img {position:absolute;max-width:100%;max-height:100%;margin:auto;top:0;left:0;right:0;bottom:0}
.ml li:before,.ml li:after,.cf:before,.cf:after {content:"";display:table}
.ml li:after,.cf:after {clear:both}
#rico {border:1px solid #ddd}
#rico td {padding:5px}
#main {padding-bottom:32px;display:block;width:100%}
#main:after {clear:both;display:block;content:""}
#gallery #a {border:5px solid #626262!important;padding:1px 3px!important}
#gallery .previe {width:78px;height:80px;border:1px solid #C6C4B0;padding:5px;margin-right:7px;margin-bottom:22px;cursor:pointer;background:#fff;text-align:center;float:left;position:relative}
#gallery #main {max-width:100%;width:600px;height:450px;margin-bottom:10px;clear:both}
#same div {position:relative;background:#fff;border:1px solid #a2a195;width:100%;height:160px}
#same div img {position:absolute;object-fit:cover;width:100%;height:100%;left:0}
#friend div {float:left;background:#f8f8f8;width:480px;height:160px;padding:10px;margin-right:4px}
#lico {width:333px}
.bf {font-size:1.5em;color:var(--c)}
.ic {font-size:1.5em;color:#fff;background:var(--c);padding:5px 12px;border-radius:2px;margin-top:5px;line-height:50px}
#eive tr:nth-child(even) {background: #f7f7f7}
#eive tr:nth-child(odd) {background: #eee}
#gi {display:none!important}
table {margin:0;width:100%;table-layout:fixed;border-collapse:collapse}
td,th {border:0;padding:1.5rem}
th {font-weight:700;text-align:center}
::placeholder {color:#444}
.grllD {width:100%;padding:0 5px!important;box-sizing:border-box!important;margin-right:20px}
footer {font-size:.82em;color:#888;border-top:1px solid #ddd;margin-top:30px;padding-top:20px}
footer img {width:36px;padding:0 2px 20px 2px}
#analyse th {background:#ddd}
#analyse td,#analyse th {padding:14px;text-align:left}
#analyse tr:nth-child(odd) td {background:#eeeeee}
#analyse tr:nth-child(even) td {background:#fafafa}
#analyseHeader td {font-weight:bold}
article,footer,main,menu,nav {display:block}
[hidden] {display:none}
a {background:transparent}
a:active,a:hover {outline:0}
abbr[title] {border-bottom:1px dotted}
b {font-weight:700}
mark {background:#ff0;color:#000}
sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}
hr {box-sizing:content-box;height:0}
table {border-collapse:collapse;border-spacing:0}
td,th {padding:0}
#ss {float:left;width:50%;padding-left:20px}
h1 {font-size:1.5rem;margin:1rem 0}
h2 {font-size:1rem}
h3 {font-size:1rem;margin-top:.75rem;margin-bottom:.75rem}
h4 {font-size:1.25rem;margin-top:.875rem;margin-bottom:2rem}
#statistic h2 {color:#fff;background:#888;margin:0;padding:10px}
#stattxt {background:#f8f2e4;padding:10px;margin-bottom:40px}
.dd a i {color:#555;margin-right:8px}
*,:after,:before {box-sizing:inherit}
li,ul {list-style-type:none;padding:0;margin:0}
a:hover {text-decoration:underline;cursor:pointer}
#beg {color:#333;background:#eee;width:12%;padding-left:0}
.center {margin-left:auto;margin-right:auto;display:block}
#t2>* {float:left;width:100%;margin-right:0;margin-bottom:0}
#t2>div:nth-of-type(1n) {margin-right:0}
#t2>div:nth-of-type(1n+1) {clear:both}
#t2>div:not(:nth-of-type(1n)) {margin-right:0}
#t2>div:not(:nth-of-type(1n+1)) {clear:none}
.c img:hover {opacity:.9;transition:.1s}
.c img {position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 1px #ddd;background:#fff;object-fit:cover;width:100%;height:100%}
.c h1 {font-size:1.5rem;margin:.5rem 0;padding:14px 0}
.c,#ad {display:flex;flex-direction:column}
#ad img {width:100%;border:1px solid #ddd;margin-bottom:14px}
.ti {text-transform:uppercase}
#similar {line-height:2}
#similar a {margin:5px;padding:2px;background:#eee;white-space:nowrap}
#t3 {margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #ddd}
#t3 div {columns:4;margin-bottom:1rem;font-size:.9em}
#o0 {display:flex;flex-direction:column}
#o1 {flex-grow:1;margin-bottom:2.5rem}
#o2 {border:1px solid #ddd}
#o3 {display:flex;flex-direction:column-reverse;background:#fff}
#o4 {padding:1rem;border:0;display:flex;flex-direction:column;min-height:6rem}
#o4>h1 {font-weight:400;font-size:1.5rem;line-height:1.5rem;margin:0}
#o5 {margin:16px 8px 18px 0}
#o5>h4 {font-weight:700;font-size:1.5rem;line-height:1.5rem;margin:0;float:left}
#dbg td {border:1px solid #f00;overflow:hidden;white-space:nowrap}
#fly {display:none}
::-ms-clear,::-ms-reveal {display:none}
@media (min-width:480px) {footer img {width:64px!important}#fx {padding:0 0px}#fx a,#fx input {margin-right:8px}#gi {display:inline!important}#t11 {width:calc(50% - 1rem / 3 * 2)}#t2>div>a {flex:0 0 11rem}#o3 {flex-direction:column}}
@media (min-width:678px) {#mg1{float:right;width:60%;padding-left:20px}#mg2{float:left; width:40%;padding-top:0px}hr#cb{display:none}#fly{display:inline}#fooL{float:left;max-width:290px}footer{font-size:.9em}#fooR{float:right}}
@media (min-width:800px) {#texts {font-size:1.3em;line-height:2rem} #statistic {column-count:2}table {background:#fff}h1 {font-size:2rem;margin-top:1.5rem;margin-bottom:1.5rem}h4 {font-size:1.5rem;margin-top:1rem;margin-bottom:2rem}h3 {font-size:1rem;margin-top:.875rem;margin-bottom:.875rem}#ss {width:70%}#t11 {width:calc(33.33% - 1rem);width:-webkit-calc(33.33% - 1rem)}#t2>div {padding:.75rem;height:12rem}#t2>div>a {flex:0 0 14.63rem;-webkit-flex:0 0 14.63rem}#t2 p {display:block}#o0 {flex-direction:row}#o1 {flex-shrink:1;margin-right:1rem;margin-bottom:0}}
@media (min-width:994px) {.grllD {width:994px;margin:0 auto}#o1 {margin-right:2.5rem}}
@media (max-width:319px) {body,html {font-size:14px}}
@media (max-width:340px) {h2{font-weight:500;font-size:.88em;margin:0!important}}
@media (max-width:360px) {#foo>div {width:202px}.edit {font-size:.7em}}
@media (max-width:480px) {#top div {margin-left:8px;} #logo{height:40px} footer img{max-width:10%}#txt,#o2,#o4 {padding:0}input,select,textarea,checkbox {padding:5px}#t2>div:first-child {border-top:1px solid #ddd}}
@media (max-width:800px) {#t3 div {columns:2}}
@media (max-width:994px) {.c h1 {font-size:1.2rem;margin-left:.5rem}#t________________3 {display:none}#oftGesucht{display:none}}

@media (max-width:600px) {#o3,#o2,#rico {border:0}}

.rsb__link,
.rsb__icon {
  display:inline-block;
  fill:#fff;
  stroke:none
}

.rsb__link {
  text-decoration:none;
  color:#fff;
  margin:0.06em -0.06em
}

.rsb {
  _border-radius:5px;
  transition:25ms ease-out;
  padding:0.4em 0.3em;
}

.rsb__icon svg {
  width:1em;
  height:1em;
  margin-right:0.4em;
  vertical-align:top
}

.rsb--facebook {background:#3b5998}
.rsb--twitter {background:#55acee}
.rsb--email {background:#777}
.rsb--pinterest {background:#bd081c}
.rsb--tumblr {background:#35465C}
.rsb--reddit {background:#5f99cf}
.rsb--linkedin {background:#0077b5}
.rsb--xing {background:#1a7576}
.rsb--whatsapp {background:#15C356}

.dd {
  position:relative;
  text-align:left;
  z-index:1
}
.dd:hover .ddc {display:block}
#top .dd {display:inline-block}

.ddc {
  display:none;
  position:absolute;
  right:0;
  background:#f9f9f9;
  min-width:160px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1;
}
.ddc a {
  padding:12px 16px;
  text-decoration:none;
  display:block;
}
.ddc a:hover {background:#f1f1f1;}


.modal {  
  display:none;
  position:absolute;
  width:360px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border:3px;border-radius:3px;
  background:#fff;
  animation:fi .5s;
  z-index:3;
}
.modal div {padding:10px}
.modal form {padding:20px 40px}
.modal hr {border:1px solid #eee;margin-top:18px;padding:0;clear:both}
.modal #fr {cursor:pointer;color:#aaa;font-size:1.4rem}
.modal select,.modal input {margin-bottom:16px}
.modal input {width:100%!important;box-sizing:border-box}
.modal input[type=submit] {margin-top:16px}
.modal>div {float:left;font-size:1.3rem}
@keyframes fi {0% {opacity:0} 100% {opacity:1}}
#pass span,#logi span,#regi span {color:#c00}

#grayout {
  display:none;
  position:fixed;
  left:0px;
  top:0px;
  height:100%;
  width:100%;
  background:black;
  opacity:0.5;
  z-index:2;
}
#sofi {overflow-x:clip;padding:30px 0 40px}
#sofi>span {padding:9px;margin-left:3px}
#filt {max-height:700px;overflow-y:auto;display:none}
#sofi>span,#dz_pic,.checkmark {border-radius:2px}