@charset "iso-8859-1";

body, html {
	background-color:#e0e0e0;
	margin:0px auto;
	text-align:center;
  	font-size:15px;
  	font-family: 'Arial',sans-serif;
}
#container {
	border:1px solid #ccc;
	background-color:#fff;
  	width:100%;
  	min-width:400px;
	max-width:1290px;
	position:relative;
	top:0px;
    display:inline-block;
	margin:auto;
	min-height:400px;
  	padding-top:35px;
}
a.logo {
	position:relative;
    display:block;
    float:left;
    width:80%;
    height:15px;
    text-decoration:none;
    color:#999;
    text-align:left;
    font-size:1.0em;
}
.logo img {
    margin:0px 15px 0px 15px;
    width:15%;
}

.navi {
	position:relative;
    display:inline-block;
    width:100%;
    min-width:200px;
    text-align:center;
  z-index:600;
}
.bild {
	position:relative;
    display:block;
    float:left;
    width:100%;
    height:130px;
}
.inhalt {
  position:relative;
  float:left;
  display:block;
  width:100%;
  padding-bottom:70px;
  text-align:left;
  line-height:1.4em;
}
.left {
  position:absolute;
  bottom:0;
  width:96%;
  text-align:left;
  height:140px;
}
.left img {
  position:absolute;
  bottom:0;
  margin-left:38px;
  margin-bottom:18px;
}
.left a.btn {
  width:160px;
}
.left a.btn img {
  position:absolute;
  bottom:0;
  margin-left:218px;
  margin-bottom:18px;
  z-index:20;
}
.right {
  float:left;
  margin:0px 3% 60px 3%;
  width:94%;
}
.footer {
  position:relative;
  float:left;
  bottom:0px;
  height:auto;
  width:100%;
  background-color:#e3000f;
  color:#fff;
  padding:10px 0px 10px 0px;
  text-align:center;
}
.footer .custom {
  word-wrap:break-word;
}
.footer a {color:#fff;}
#fern li {
  list-style-type:none;
  text-decoration:none;
}
#fern a {
  display:block;
  text-decoration:none;
  color:#fff;
  padding:5% 0px;
}
#fern a:before {
  content:'\00bb \00a0';
}
h1 {
  font-size:1.8em;
  line-height:1.5em;
  color:#999;
}
h2 {
  font-size:1.2em;
}
h3 {
  font-size:1em;
}
a.aufz {
  text-decoration:none;
	color:#e3000f;
}
a {
  text-decoration:none;
	color:#e3000f;
}
#mod-menu1 :where(.mod-menu__sub[aria-hidden="true"]) {
  display: block !important;
}
#mod-menu1 button.mod-menu__toggle-sub {
	display: none;
}
.navi ul {
  overflow:hidden;
  display:inline-block;
  z-index:900;
  margin-top:20px;
}
.navi li {
    list-style-type:none;
    padding:15px 0px 15px 0px;
  }
.navi li a {
  text-decoration:none;
  color:#666;
}
.navi .mod-menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}
.navi .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 5px 20px 28px 20px;
  position: relative;
  user-select: none;
}

.navi .menu-icon .navicon {
  background: #333;
  display: block;
  height: 3px;
  position: relative;
  transition: background .2s ease-out;
  width: 25px;
}

.navi .menu-icon .navicon:before,
.navi .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.navi .menu-icon .navicon:before {
  top: 8px;
}

.navi .menu-icon .navicon:after {
  top: -8px;
}
.navi .menu-btn {
  display: none;
}

.navi .menu-btn:checked ~ .mod-menu {
  max-height: 240px;
}

.navi .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.navi .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.navi .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.navi .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.navi .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
@media (min-width: 768px) {
#container {

}
a.logo {
	position:relative;
  display:block;
  float:left;
  width:100%;
  height:105px;
  text-decoration:none;
  color:#999;
  text-align:left;
  font-size:1.2em;
}
  .logo img {
  margin:0px 20px 0px 88px;
  width:11.6279%;
}
.bild {
  width:100%;
  height:auto;
}
.left {
	width:20.4%; 
  }
.right {
  float:right;
  margin-right:30px;
  width:75%;
}
.navi {
    display:block;
    width:100%;
  float:left;
  }
.navi .mod-menu {
    clear: none;
    max-height: none;
  }
.navi .menu-icon {
    display: none;
  }
.navi ul {
    margin-top:0px;
  }
.navi li {
    list-style-type:none;
    padding:13px 0px 13px 25px;
    float:left;
  }
.navi li:first-child {
    padding:13px 0px 13px 25px;
  }
.footer {
    position:relative;
    float:left;
    bottom:0px;
    width:100%;
    background-color:#e3000f;
    color:#fff;
    padding:2px 0px 2px 0px;
    text-align:left;
    font-size:0.95em;
}
.footer .custom {
    text-align:center;
  }
.footer .custom p {
    margin:0px;
    padding:5px 0px 7px 0px;
  }
span.betreuung {
    display:block;
  	margin-left:4.15%;
    padding:0px 5px 0px 0px;
  }
#fern {
    margin:0px 0px 0px 0px;
    padding:0px;
  }
#fern a {
  display:block;
  text-decoration:none;
  color:#fff;
  padding:5px 20px;
}
}
@media (min-width: 991px) {
#container {
	border:1px solid #ccc;
	background-color:#fff;
  	width:96%;
  	min-width:400px;
	max-width:1290px;
	position:relative;
	top:0px;
    display:inline-block;
	margin:auto;
	min-height:400px;
  	padding-top:35px;
}
a.logo { 
    width:98%;
  }
.bild {
  width:79.4%;
}
.navi {
    width:19%;
  }
.navi li {
  	clear:left;
  }
.footer .custom {
    text-align:center;
    width:83%;
    padding:12px 10px 10px 10px;
  	float:left;
  	border-right:2px solid #fff;
  	margin-right:20px;
  }
span.betreuung {
  }
  #fern a {
    padding:2px 10px 0px 0px;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.left a.btn {
  width:160px;
}
.left a.btn img {
  position:absolute;
  bottom:0;
  margin-left:218px;
  margin-bottom:18px;
  z-index:20;
}
}
@media (min-width: 1080px) {
  .navi ul {
    margin-top:auto;
  }
.navi li {
    list-style-type:none;
    padding:15px 0px 15px 10px;
  }
  .navi li:first-child {
    padding:15px 0px 15px 10px;
  }
.left {
    width:20%;
  }
.right {
    width:76%;
  }
.footer .custom {
    text-align:center;
    width:82%;
    padding:12px 10px 10px 10px;
  	float:left;
  	border-right:2px solid #fff;
  	margin-right:20px;
  }
span.betreuung {
  	margin-left:0px;
    padding:0px 5px 0px 0px;
  }
#fern a {
    padding:2px 10px 0px 0px;
}
  .inhalt {
    padding-bottom:45px;
  }
  .left a.btn {
  width:160px;
}
.left a.btn img {
  position:absolute;
  bottom:0;
  margin-left:38px;
  margin-bottom:165px;
  z-index:20;
}
}
@media (min-width: 1280px) {
  a, a:link, a:active; a:visited, a:hover {text-decoration:none;}
#container {
	border:1px solid #ccc;
	background-color:#fff;
  	width:80%;
  	min-width:400px;
	max-width:1290px;
	position:relative;
	top:0px;
    display:inline-block;
	margin:auto;
	min-height:400px;
  	padding-top:35px;
}
.logo img {
  margin:0px 20px 0px 77px;
  width:11.6279%;
}
  .bild {
    height:270px;
  }
  .left img {
    margin-bottom:60px;
  }
  .navi ul {
    margin-left:0px;
    padding-left:0px;
  }
  .navi li {
    list-style-type:none;
    padding:15px 0px 15px 0px;
  }
  .navi li:first-child {
    padding:15px 0px 15px 0px;
  }
.right {
  margin:0px 17% 60px 3%;
  width:63%;
}
.footer {
    width:100%;
  	padding:0px 0px;
}
.footer .custom  {
    width:75%;
  	float:left;
  	text-align:center;
  	margin-right:20px;
  }
span.betreuung {
    padding:0px 5px 0px 0px;
  }
#fern a {
}
  #fern a:first-child {
    padding:2px 10px 0px 0px;
  }
}