/* Basis-Layout */
header {position:relative; height:100px;}
.logo {position:relative; margin: 0 auto}   

nav{ text-align: center;}
#all_c, #all_l{max-width:700px;min-width:300px;margin:10px auto}
#all_c{text-align: center}

main {min-height: 400px}
footer {min-height:50px; background:#EFEFEF;
  padding:10px; font-weight:500; border-top:1px solid #2D507B; text-align:center}
#logo1 {position:absolute; left:0; top:10px; margin-left:1%}
#logo2 {position:absolute; left:0; top:10px; margin-left:1%; display:none}
#search_top {position:absolute; bottom:1px; right:0}
.clear {clear:both}

form .ct4 {float:none; width:100%}
.f_l, .f_r {padding: 2px 0}
.f_l {margin-top:8px}
.f_r {}

.trenner {height:0}

/* Breakpoints */
@media only screen and (max-width:435px){
 .row_T {display:none}
}
@media only screen and (min-width:435px){
 .ther1, .ther2, .ther3, .ther4 {float:left; padding:2px 0.5%}
 .ther1 {width:12%}
 .ther2 {width:28%}
 .ther3 {width:24%}
 .ther4 {width:62%}
}
@media only screen and (min-width:510px){
 #search_top {top:50px}
 h1 {font-size:1.4em; line-height:28px}
}
@media only screen and (min-width:580px){
 .ct2 {float:left; width:50%}
 .ct2 p { margin:5px 1% 5px 2%}
 .ct4 {float:left; width:25%}
 .ctL .ct2 {width:48%}
 .ctL .ct2 h3 {margin-top:-10px}
 footer {text-align:center}
 .trenner {height:5px}
  p {margin:10px 1%}
  #search_top input[type=text] {width:120px}
 .form_label, .form_input {float:left}
 .form_label {width:24%; padding-right:1%}
 .form_input {width:70%; margin-right:5%}
  textarea {width:96%}
  .f_l, .f_r {float:left;padding:5px 2%}
  .f_l {margin-top:0; text-align:right; width:36%}
  .f_r {width:56%}
  .logo #logo1 { margin-left:15%}
}
@media only screen and (min-width:620px){
 form .ct4 {float:left; width:25%}
 .p2 {float:left; width:48%}
}
@media only screen and (min-width:760px){
 h1 {font-size:1.5em; line-height:30px}
 .p2 {float:none; width:100%}
 .ctL, .ctR {float:left}
 .ctL {width:65%; padding:5px 0}
 .ctC, .innen_a {width:90%; padding:5px 0; margin: 0 auto}
 .ctR {width:31%; padding:5px 1%}
 figure {margin:20px 0}
 .ctL form {margin-right:7%}
}
@media only screen and (min-width:810px){
  body {font-size:90%}
  #logo1 {display:none}
  #logo2 {display:block}
  header {height:142px}
  h2 {margin-top:20px}
 .logo #logo2 { margin-left:15%}
 .karte {margin-right:0}
 .innen{text-align: center;}

}
@media only screen and (min-width:910px){
 .ctC, .innen_a {width:85%; padding:5px 0; margin: 0 auto}
}
@media only screen and (min-width:960px){
  body {font-size:100%}
 .ctL {width:66%}
 .ctR {width:30%}
 .trenner {height:10px}
  .abc {font-size:90%}
  p {margin: 8px 5% 15px 1%}
  textarea {height:140px}
}
@media only screen and (min-width:1074px){
  header, footer, main, nav, .innen {width:1074px; margin:0 auto}
  #logo2 {margin-left:0}
  #search_top input[type=text] {width:140px}
  h1 {line-height:28px; margin:25px 2%}
 .ctL {width:67%}
 .ctR {width:29%}
 .ctC, .innen_a {width:80%; padding:5px 0; margin: 0 auto}
 .ct2 p { margin:7px 3% 7px 1%}
  h2 {margin-top:25px}
}
@media only screen and (min-width:1080px){
.innen_a {width:75%; padding:5px 10px; margin: 0 auto}
.trenner {height:15px}
}
@media only screen and (min-width:1160px){
.innen_a {width:820px; padding:5px 10px; margin: 0 auto}
}
@media only screen and (min-width:1320px){
 #title {width:1320px;  margin:0 auto}
 .trenner {height:20px}
}