*, .content {font-family:'Open Sans', sans-serif; font-size:17px; line-height:24px; margin:0; font-weight:400; color:#333;} body {background-color:#fff; padding:0;} body.content {background-color:#0b0b0b; padding:0;} body.popup {padding:10px;background-color:#fff;} a, img {border-style:none; text-decoration:none;} a {color:#9e0841; margin:0; padding:0;} a:hover {color:#000000;} a.weiter:hover {color:#191919;} a, span {font-size:1.0em;} h1, .titel {font-size:40px; line-height:48px; margin:0 0 24px 0; font-family:'Open Sans', serif; color:#333; font-weight:300; } h2, .untertitel {font-size:20px; line-height:24px; margin:0 0 24px 0; font-family:'Open Sans', sans-serif; color:#333; font-weight:400;} h3 {font-size:18px; font-family:'Open Sans', serif;} h3 {margin:0;} h4 {font-size:18px; font-family:'Open Sans', serif;} h1.maintitle {margin-top:0; margin-bottom:8px;} h2.subtitle {font-size:12px; margin-top:0; margin-bottom:8px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;} strong {font-weight:600; font-size:inherit; line-height:inherit; color:inherit;} /* HEAD */ #head_outer {width:100%; height:120px; position:fixed; z-index:4; background-image:url("../images/page/bg_headfoot.jpg"); background-size:cover;} #head_outer2 {width:100%; height:120px; position:absolute; z-index:5; background-image:url("../images/page/bg_head.gif"); background-repeat:repeat-x;} #head_inner {width:calc(100% - 40px); max-width:1400px; height:100%; margin:0px auto; padding:0px; z-index:6;} .logo {margin:25px 0 0 0;} /* SLIDER */ #slider {width:100%; height:auto; text-align:center; padding-top:120px; background-color:#000;} #slider_inner {max-width:100%; width:100%; padding:0px; display:inline-block; margin:0px auto; background-color:#333;} /* CONTENT */ #content_outer {width:100%; top:120px; position:absolute; background-color:#fff; text-align:center;} #content_inner {width:calc(100% - 40px); max-width:1200px; display:inline-block; margin:0px auto;padding:60px 0;} #content_inner img {width:100%; height:auto;} #content_inner_left {width:calc(50% - 80px); display:inline-block; padding:0 40px; text-align:left; float:left;} #content_inner_right {width:calc(50% - 80px); display:inline-block; padding:0 40px; text-align:left;} #content_3spalt_left {max-width:calc(33.3333% - 40px); display:inline-block; margin:0 20px; text-align:left; float:left;} #content_3spalt_mid {max-width:calc(33.3333% - 40px); display:inline-block; margin:0 20px; text-align:left; float:left;} #content_3spalt_right {max-width:calc(33.3333% - 40px); display:inline-block; margin:0 20px; text-align:left; float:left;} #content_2spalt_left {max-width:calc(50% - 40px); display:inline-block; margin:0 20px; text-align:left; float:left;} #content_2spalt_right {max-width:calc(50% - 40px); display:inline-block; margin:0 20px; text-align:left; float:left;} #content_einspalt {max-width:600px; width:50%; display:inline-block; text-align:left; background-color:#fff;} #content_einspalt_mitte {max-width:900px; display:flex; align-items:center; justify-content:center; margin:48px auto; text-align:left; background-color:#fff; border:1px dashed #ddd;} #content_einspalt_mitte p {display:inline-block; float:left;} #content_einspalt_mitte p img {width:100%; height:auto; border:1px solid #000;} #content_einspalt_mitte p:first-of-type {display:inline-block; float:left; max-width:calc(40% - 20px); padding:20px 0 20px 20px;} #content_einspalt_mitte p:last-of-type {display:inline-block; float:left; width:calc(60% - 60px); padding:20px 30px 20px 30px;} .wrapper {} .content_bild {padding:10px;} #content_inner_right {position:relative; width:calc(50% - 80px); display:inline-block; padding:0 0 0 40px;} #content_inner_right img {display:inline-block; max-width:calc(50% - 10px); height: auto; margin: 0 10px 10px 0px;} /* FOOT */ #foot_outer {width:100%; bottom:0px; background-color:#000; background-image:url("../images/page/bg_headfoot.jpg"); background-size:cover;} #footer_inner {max-width:100%; width:100%; padding:30px 0 5px 0; display:inline-block; margin:0px auto; background-image:url("../images/page/bg_headfoot.jpg"); background-size:cover;} #footer_inner a {color:#ffffff;} #footer_inner h2 {color:#ffffff;} #foot_oben {display:inline-block; width:calc(100% - 40px); max-width:1400px; margin:0px auto; padding:0 20px;} #foot_logo {width:calc(100% - 40px); max-width:1400px; height:50px; display:inline-block; margin:0px auto;} #foot_strich {display:inline-block; width:100%; height:1px; margin-bottom:9px; background-color:#666;} .foot_logo {float:right;} .footer_text_outer {width:33.33333%; margin:0 0 30px 0; padding:0px; float:left; display:inline-block; color:#aaa; font-size:16px; text-align:left;} .footer_text_outer td {font-size:16px; color: #aaa;} #editblock {border-color:silver;} /* Mainmenu */ #menu {float:right; position:relative; top:75px; right:20px;} li.activemenu, li.normalmenu {white-space:nowrap; overflow:hidden;} li.activemenu {background-color:#343333;} div.menupadding {margin:0; padding:2px 5px 0 0;} ul.menusubpagelist {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background-color:#ffffff;} ul.submenu, ul.mainmenu {list-style-type:none; list-style-image:none; margin:0; padding:0;} li.activesubmenulayer3 {} li.normalsubmenulayer3 {} li.mainitem, h2.mainmenu, li.trenner {display:inline-block; height:40px; vertical-align:middle; padding-bottom:17px;} a.activemenu {color:#f4c900; padding-right:20px;} a.normalmenu {color:#aaa; padding-right:20px;} a.activemenu:hover, a.normalmenu:hover {color:#fff;} a.activemainmenu {color:#f00; font-size:18px; font-weight:400; vertical-align:middle;} a.normalmainmenu {color:#ddd; font-size:18px; font-weight:400; vertical-align:middle;} a.activemainmenu:hover, a.normalmainmenu:hover {color:#fff;} li.trenner {width:30px;} /* New Navbutton */ #navbutton {width:50px; height:50px; position:fixed; right:0; top:0; background-color:#333; border: 1px #666 solid;} /* HG Button */ .navbutton-line {position:absolute; background-color:#fff; height:5px; width:30px; border-radius:2.5px; transition:all 0.5s; transform-origin:50% 50%;} /* Linienfarbe Button */ .navbutton-line:nth-child(1) {left:10px; top:12.5px;} .navbutton-line:nth-child(2) {left:10px; top:22.5px;} .navbutton-line:nth-child(3) {left:10px; top:32.5px;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navbutton {} #mobilemenu {overflow:hidden;} #mobilemenu * {margin:0px; padding:0px; list-style-type:none; list-style-image:none; text-decoration:none; font-size:18px; font-weight:200; } #mobilemenu a {padding:10px 0px 10px 0px; display:block; border-bottom:solid #aaa 1px; color:#b07ca2;} #mobilemenu ul li ul {display:none;} #mobilemenu ul li ul li ul {display:none;} #mobilemenu li {display:block; overflow:hidden;} #mobilemenu li span {position:relative;} #mobilemenu .navspace {display:inline-block; height:30px; float:right; width:15%;} #mobilemenu .navclick {cursor:pointer;} #mobilemenu #navmore {background-image: url(../images/page/plus_white.png);margin-top: 5px;} #mobilemenu #navless {background-image: url(../images/page/minus_white.png);margin-top: 5px;} #mobilemenu ul li ul li #navmore {background-image: url(../images/page/plus_white.png);} #mobilemenu ul li ul li #navless {background-image: url(../images/page/minus_white.png);} #mobilemenu ul li span {display:block; padding-left:10px; font-size:16px; text-transform:uppercase; overflow:hidden;} #mobilemenu ul li span a {color:#fff; width:85%; display:block; float:left;} #mobilemenu ul li ul li span {display:block; padding-left:10px;padding-top:5px; padding-bottom:5px; font-size:12px; text-transform:none; background-image:none;} #mobilemenu ul li ul li span a {color: #fff; padding-left:20px; box-sizing:border-box;} #mobilemenu ul li ul li ul li a {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:14px; color:#b07ca2; text-transform:none; margin-left:30px; background-image: none;} #hiddennav, #navbutton {display:none;} #mobilemenu a.activemainmenu {color:#f00; font-weight:300;} #mobilemenu a.activemenu {color:#fff; font-weight:300;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #hiddennav {position:fixed; top:0px; display:block; z-index:50; width:230px; padding: 20px; background-color:#2c2c2c; right:-271px; overflow-y: scroll; max-height: 100vh; border: 1px #666 solid; } /* HG-Farbe Menu */ #hiddennav * {list-style-type:none; list-style-image:none; color:#f5a604;} #navbutton {position:fixed; display:none; height:50px; width:50px; z-index:60; right:10px; top:29px; cursor:pointer;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* MEDIA QUERIES */ @media screen and (max-width:950px){ #content_3spalt_left {max-width:calc(50% - 40px);} #content_3spalt_mid {max-width:calc(50% - 40px);} #content_3spalt_right {max-width:calc(100% - 40px); margin-top:60px;} } @media screen and (max-width:850px){ #menu {display:none;} #navbutton {display:block; float:right; position:relative; top:36px; position:fixed;} #head_inner #content_inner_left {width:calc(50% - 80px); display:inline-block; padding:0 40px; text-align:left; float:left;} #content_inner_left {width:calc(100% - 20px); padding:0 10px;} #content_inner_right {width:calc(100% - 20px); padding:30px 10px 0 10px;} #content_inner_right img {max-width:calc(50% - 10px); margin:0 10px 10px 0px;} #content_3spalt_left {max-width:calc(50% - 40px);} #content_3spalt_mid {max-width:calc(50% - 40px);} #content_3spalt_right {max-width:calc(100% - 40px);} .footer_text_outer {width:100%;} #foot_oben {width:calc(100% - 40px); padding:0 20px;} #foot_oben iframe {width:100%;} } @media screen and (max-width:768px){ #content_2spalt_left {max-width:calc(100% - 40px);} #content_2spalt_right {max-width:calc(100% - 40px); margin-top:60px;} #content_3spalt_left {max-width:calc(100% - 40px);} #content_3spalt_mid {max-width:calc(100% - 40px); margin-top:60px;} #content_3spalt_right {max-width:calc(100% - 40px); margin-top:60px;} #content_einspalt {max-width:768px; width:100%} } @media screen and (max-width:590px){ #content_inner_right {width:calc(100% - 20px); padding:30px 10px 0 10px;} #content_inner_right img {max-width: calc(50% - 10px); margin: 0 10px 10px 0px;} #content_einspalt {max-width:100%; width:calc(100% - 30px);} #content_einspalt_mitte {display:inline-block;} #content_einspalt_mitte p:first-of-type {display:inline-block; float:left; max-width:calc(100% - 40px); padding:20px;} #content_einspalt_mitte p:last-of-type {display:inline-block; float:left; width:calc(100% - 40px); padding:20px;} } @media screen and (max-width:420px){ #content_inner_right img {max-width:calc(100% - 00px); margin:10px 0;} } @media screen and (max-width:380px){ #head_inner {width:calc(100% - 15px);} #content_inner {width:100%;} } #content_2spalt_left img {max-width:100% !important; height:auto;} #content_2spalt_right img {max-width:100% !important; height:auto;} #content_3spalt_left img {max-width:100% !important; height:auto;} #content_3spalt_mid img {max-width:100% !important; height:auto;} #content_3spalt_right img {max-width:100% !important; height:auto;} .cl_cookie_privacy_layer {background-color:#000000 !important; color:#ffffff !important;} .cl_cookie_privacy_layer * {font-size:12px !important; font-weight:300 !important; color:#ffffff !important;} .cl_cookie_privacy_layer a {background-color:#999999 !important; font-weight:300 !important;} .cl_cookie_privacy_layer a:first-of-type {background-color:#333333 !important;}