/* cmsms stylesheet: fazialis modified: Mittwoch, 21. Juli 2021 16:18:00 */
body {
padding:0;
margin:0;
font-size:14px;
line-height:1.5em;
font-family: 'Open Sans', sans-serif;
color:#111;
}

#container {
margin:40px auto 0;
width:1024px;
}

.clear {
clear:both;
}

h1 {
color:#B04237;
font-weight:400;
font-size:2.8em;
line-height:100%;
margin:0 0 10px 18px;
padding:0;
}

h2 {
color:#B04237;
font-weight:700;
font-size:1.6em;
line-height:100%;
margin:0 0 30px;
padding:0;
}

p {
margin:0 0 24px;
}

a {
color:#B04237;
text-decoration:underline;
}

#content ul, #content_spezial ul {
margin:0 0 24px;
padding:0 0 0 30px;
}

#content ul li, #content_spezial ul li {
margin:0;
padding:0;
}

#header {
color:#fff;
background:url('/images/blueness.png') repeat-y 50% 50%;
overflow:visible;
}

#header_spezial {
height:56px;
background:url('/images/blueness.png') repeat-y 50% 50%;
}

.definition {
padding:40px 180px;
font-size:1em;
line-height:1.8em;
}

#menu {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
height:50px;
margin:0 0 -10px;
overflow:hidden;
background:#e5e5e5;
}

#menu ul {
height:40px;
overflow:visible;
background:#e5e5e5;
float:right;
list-style:none;
margin:0;
padding:0;
}

#menu ul li {
display:inline-block;
overflow:visible;
}

#menu ul li a {
font-size:1em;
color:#111;
padding:0 20px;
display:block;
line-height:40px;
text-decoration:none;
text-transform:uppercase;
}

#menu ul li a.currentpage {
color:#fff;
background:transparent url('/images/nav_active.png') no-repeat center top;
padding-bottom:10px;
}

#content {
padding:60px 20px 36px 358px;
border-left:2px solid #e5e5e5;
border-right:2px solid #e5e5e5;
min-height:340px;
}

#content img {
float:left;
margin-left:-340px;
}

#content_spezial {
border-left:2px solid #e5e5e5;
border-right:2px solid #e5e5e5;
min-height:340px;
}

.content_left {
text-align:right;
float:left;
width:50%;
box-sizing:border-box;
min-height:340px;
border-right:1px solid #759bc9;
padding:60px 40px 36px;
}

.content_left img {
float:left;
margin:-40px 0 0;
}

.content_right {
box-sizing:border-box;
float:right;
width:50%;
padding:60px 40px 36px;
}

.content_right img {
float:right;
margin:-40px 0 0;
}

#footer {
border-top:1px solid #b04237;
padding:40px 180px;
background:#e5e5e5;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}



/* Responsive */

@media screen and (max-width:1023px) {

body {margin:0;}

#container {
width:auto;
padding:20px 10px;
margin:0;
}

h1 {
font-size:2.4em;
margin:0 0 20px;
padding:0;
text-align:center;
}

h2 {
font-size:1.5em;
margin:0 0 20px;
}

p {
margin: 0 0 20px;
}

#header_spezial {
height:20px;
}

.definition {
padding:20px 10px 20px 10px;
width:inherit;
font-size:1em;
line-height:1.5em;
}

#header, #menu, #menu ul {height:auto; margin:0; float:none;}

#menu ul li {display:block;}

#menu ul li a {
line-height:100%;
padding:10px;
font-size:14px;
text-transform:none;
}

#menu ul li a.currentpage {
color:#fff;
background:#B04237;
padding:10px;
}

#content, #content_spezial {
padding:20px 10px 1px 10px;
border:none;
}

#content img {
display:block;
max-width:150px;
margin:0 auto 20px;
}

#content img, .content_left, .content_right {
float:none;
}

.content_left, .content_right {
text-align:left;
width:inherit;
padding:0;
border-right:none;
}

.content_right {
border-top:20px solid #759bc9;
margin:0 -12px;
padding:20px 12px 10px 12px;
}

.content_left img, .content_right img {
float:right;
margin:0;
padding:0;
width:100px;
}

#footer {
padding:20px 10px;
}

}