/* overpass-300 - latin */ @font-face { font-family: 'Overpass'; font-style: normal; font-weight: 300; src: url('fonts/overpass-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/overpass-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/overpass-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/overpass-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/overpass-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/overpass-v12-latin-300.svg#Overpass') format('svg'); /* Legacy iOS */ } /* overpass-200 - latin */ @font-face { font-family: 'Overpass'; font-style: normal; font-weight: 200; src: url('fonts/overpass-v12-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/overpass-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/overpass-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/overpass-v12-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/overpass-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/overpass-v12-latin-200.svg#Overpass') format('svg'); /* Legacy iOS */ } /* overpass-regular - latin */ @font-face { font-family: 'Overpass'; font-style: normal; font-weight: 400; src: url('fonts/overpass-v12-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/overpass-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/overpass-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/overpass-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/overpass-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/overpass-v12-latin-regular.svg#Overpass') format('svg'); /* Legacy iOS */ } /* overpass-600 - latin */ @font-face { font-family: 'Overpass'; font-style: normal; font-weight: 600; src: url('fonts/overpass-v12-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/overpass-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/overpass-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/overpass-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/overpass-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/overpass-v12-latin-600.svg#Overpass') format('svg'); /* Legacy iOS */ } * {font-family: "Overpass", sans-serif; font-size: 18px; line-height: 30px; font-weight:300; color: #000; margin: 0; padding: 0;} body {background-color:#ffffff; padding:0;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} a {color:000; text-decoration:underline;} a:hover {color:red;} a, span {font-size:14px;} b, strong {font-weight:400;color:#000; } .titel_bold {font-weight:400; font-size:26px;} .telefon {color:#575756; text-decoration:none;font-size:14px;} h1, .titel {display:block; width:100%; text-align:center; border-bottom:2px solid #a9dfed; font-size:26px; height:65px;} h2, .untertitel {font-size:20px; margin-bottom:4px;font-weight:400;} h3, .content {font-size:12px;} h3 {margin:0; margin-bottom:2px;} h2.login {margin-bottom:12px;} 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;} .kleinertext {font-size:16px; color:#575756;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} label {vertical-align:middle;} ol, ul, li {margin:0; padding:0;} li { padding:0 0 25px 0; line-height:25px;} ul, ol, form {margin-top:4px; margin-bottom:8px;} form {margin-top:8px;} ul {margin-left:25px;} ol {margin-left:20px;} ul ul, ul.sitemap1 {margin-left:15px;} ul ul {margin-top:1px; margin-bottom:1px;} ol ol {margin-top:1px; margin-bottom:1px;} .navdummy {font-size:15px; text-decoration:none;} .nowrap {word-wrap: break-word;} li.activemenu, li.normalmenu {white-space:nowrap; overflow:hidden;} li.activemenu {background-color:#fff001;} div.menupadding {margin:0; padding:0; padding-left:5px;} 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;} a.activemenu {color:#343333; font-weight:bold;} a.normalmenu {color:black;} a.activemenu:hover, a.normalmenu:hover {font-size:15px; text-decoration:none;} a.activemainmenu {font-size:15px; text-decoration:none;vertical-align:middle;} a.normalmainmenu {font-size:15px; text-decoration:none; vertical-align:middle;} a.activemainmenu:hover, a.normalmainmenu:hover {font-size:15px; text-decoration:none;color:red;} .myinput, input.text, textarea.text, select {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} .login_input {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} input.loginsubmit {margin-top:10px; margin-bottom:10px;} .login_checkbox {vertical-align:middle;} .login_submit_area {padding-top:5px;} select {background-color:#ffffff;} .galeriethumb {margin-right:5px; margin-bottom:5px;} .captcha {border:solid silver 1px; width:120px;} img.captcha {margin-top:8px; margin-bottom:1px;} input.captcha {margin-bottom:2px;} .langswitch_a {font-size:14px; color: rgba(0, 0, 0, 0.7); text-decoration:none;} .langswitch_p {font-size:14px; color: rgba(0, 0, 0, 0.5); text-decoration:none;} .f_trennstrich {color:rgba(0, 0, 0, 0.35); display:inline-block; position:relative; top:-1px; font-size:10px; margin:-1px 10px 0 10px;} hr{ border: 0; height: 2px; margin:4px 0 12px 0;background-image: linear-gradient(to right, rgba(169, 223, 237, 1), rgba(169, 223, 237, 0.5), rgba(169, 223, 237, 0)); } /*HEADER DESKTOP*/ #head_outer {width:100%; height:75px; background-color:#a9dfed; display:block; position:fixed; z-index:3;} #head_inner {max-width:1000px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; height:75px; text-align:left; display:block; } /*HEADER mobile*/ #head2_outer {width:100%; height:60px; background-color:#a9dfed; display:none;} #head2_inner {max-width:1000px; background-color:#a9dfed; margin:0px; padding:0px; margin-left:auto; margin-right:auto; height:60px; text-align:center; display:none;} #head3_outer {width:100%; height:60px; background-color:#a9dfed; display:none;} #head3_inner {max-width:1000px; background-color:#a9dfed; margin:0px; padding:0px; margin-left:auto; margin-right:auto; height:60px; text-align:center; display:none;} /*NAVIGATION*/ #nav_outer {width:100%; height:40px; background-color:#fbfbfb; position:fixed; z-index:4; top:70px;} #nav_inner {max-width:1000px; margin-left:auto; margin-right:auto; height:40px; padding-top:13px; text-align:center;} /*CONTENT*/ #content_outer {width:100%; background-color:#fff; padding-top:0px;} #content_inner {max-width:1000px; margin-left:auto; margin-right:auto; padding:0 20px;} /*FOOTER*/ #foot_outer {width:100%; height:40px; background-color:#a9dfed; bottom:0px; position:fixed;} #foot_inner {max-width:1000px; margin-left:auto; margin-right:auto; height:40px; padding-top:8px; text-align:center;color:#575756; font-size:14px;} #foot2_outer {width:100%; height:40px; background-color:#a9dfed; bottom:0px; position:fixed; display:none;} #foot2_inner {max-width:1000px; margin-left:auto; margin-right:auto; height:40px; padding-top:5px; text-align:center;color:#575756; font-size:14px;} #editblock {border-color:silver;} /*SLIDER*/ #slider {padding-top:90px;} .wrapper{max-width:1000px;} .links {max-width: 45%; float:left; } .rechts {max-width: 45%; margin-left:50%; } /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navbutton {} #mobilemenu {overflow: hidden; margin-bottom: 50px;} #mobilemenu * {margin: 0px;padding: 0px;list-style-type: none;list-style-image: none; text-decoration: none;} #mobilemenu a {padding: 10px 0px 10px 0px; display: block; border-bottom: solid #ffd800 1px;} #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;width: 30px;height: 30px; float: right; width: 15%;} #mobilemenu .navclick {cursor: pointer;} #mobilemenu #navmore {background-image: url(../images/page/plus_white.png);} #mobilemenu #navless {background-image: url(../images/page/minus_white.png);} #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;padding-top: 5px;padding-bottom: 5px;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: #fff;text-transform: none; margin-left: 30px; background-image: none;} #hiddennav, #navbutton {display: none;} #mobilemenu a.activemainmenu {font-weight: bold;} #mobilemenu a.activemenu {font-weight: bold;} /* New Navbutton */ #navbutton {background: rgba(0,0,0,.0);width: 50px;height: 50px;position: fixed;right: 0px;top: 0px; padding-right:10px;margin-top: 4px;} .navbutton-line {position: absolute;background-color: rgba(0,0,0,.5);height: 5px;width: 30px;border-radius: 2.5px;transition: all 0.5s;transform-origin: 50% 50%;} .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 END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ /*MEDIA QUERIES*/ @media screen and (max-width: 925px) and (orientation : portrait){ * {font-family: "Overpass", sans-serif; font-size: 16px; line-height: 26px; font-weight:300; margin: 0; padding: 0;} /*HEADER Desktop*/ #head_outer {display:none;} #head_inner {display:none;} /*HEADER mobile*/ #head2_outer {display:block; position:fixed; z-index:3;} #head2_inner {display:block; text-align:left;} #head3_outer {display:none;} #head3_inner {display:none;} /*NAVIGATION*/ #nav_outer {display:none;} #nav_inner {display:none;} /*CONTENT*/ #content_outer {width:100%; background-color:#fff;} #content_inner {max-width:925px; margin-left:auto; margin-right:auto; padding:0 20px;} /*SLIDER*/ #slider {padding-top:65px;} li { padding:0 0 15px 0; line-height:25px;} .links {max-width: 768px; margin:0;} .rechts {max-width: 768px; margin:0;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #hiddennav {position: fixed;top: 0px;display: block;z-index: 50;width: 230px;padding: 20px;background: rgba(0,0,0,.6);right: -270px; overflow-y: scroll; max-height: 100vh;} #hiddennav * {list-style-type: none;list-style-image: none;color: #ffd800; font-size: 18px;} #navbutton {position: fixed;display: block;height: 50px;width: 50px;z-index: 60;right: 0px;top: 0px;cursor: pointer;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ } @media screen and (max-width: 767px) and (orientation : landscape) { * {font-family: "Overpass", sans-serif; font-size: 14px; line-height: 20px; font-weight:300; margin: 0; padding: 0;} .normaltext{font-size: 11px; line-height: 15px;} .titel_bold {font-weight:400; font-size:22px;} /*HEADER Desktop*/ #head_outer {display:none;} #head_inner {display:none;} /*HEADER mobile*/ #head2_outer {display:block; position:fixed; z-index:3;} #head2_inner {display:block; text-align:left;} #head3_outer {display:none;} #head3_inner {display:none;} /*NAVIGATION*/ #nav_outer {display:none;} #nav_inner {display:none;} /*SLIDER*/ #slider {padding-top:60px;} /*CONTENT*/ #content_outer {width:100%; background-color:#fff;} #content_inner {max-width:925px; margin-left:auto; margin-right:auto; padding:0 20px;font-size: 11px; line-height: 15px; } /*SLIDER*/ #slider {padding-top:0px; } .links {max-width: 767px; margin:0;font-size: 11px; line-height: 15px;} .rechts {max-width: 767px; margin:0;font-size: 11px; line-height: 15px;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #hiddennav {position: fixed;top: 0px;display: block;z-index: 50;width: 230px;padding: 20px;background: rgba(0,0,0,.6);right: -270px; overflow-y: scroll; max-height: 100vh;} #hiddennav * {list-style-type: none;list-style-image: none;color: #ffd800; font-size: 18px;} #navbutton {position: fixed;display: block;height: 50px;width: 50px;z-index: 60;right: 0px;top: 0px;cursor: pointer;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ hr{ border: 0; height: 2px; margin:4px 0 12px 0;background-image: linear-gradient(to right, rgba(169, 223, 237, 1), rgba(169, 223, 237, 0.5), rgba(169, 223, 237, 0)); } } @media screen and (max-width: 440px){ * {font-family: "Overpass", sans-serif; font-size: 14px; line-height: 26px; font-weight:300; margin: 0; padding: 0;} h2, .untertitel {font-size:20px; margin-bottom:4px;font-weight:400;} .titel_bold {font-weight:400; font-size:22px;} /*HEADER Desktop*/ #head_outer {display:none;} #head_inner {display:none;} /*HEADER mobile*/ #head2_outer {display:none;} #head2_inner {display:none;} #head3_outer {display:block; position:fixed; z-index:3; } #head3_inner {display:block; text-align:left;} /*NAVIGATION*/ #nav_outer {display:none;} #nav_inner {display:none;} /*SLIDER*/ #slider {padding-top:65px;} /*FOOTER*/ #foot_outer {display:none;} #foot_inner {display:none;} #foot2_outer {display:block; height:60px;} #foot2_inner {max-width:1000px; margin-left:auto; margin-right:auto; height:60px; padding-top:8px; text-align:center;color:#575756; line-height:11px;font-size:14px;} hr{ border: 0; height: 2px; margin:4px 0 12px 0;background-image: linear-gradient(to right, rgba(169, 223, 237, 1), rgba(169, 223, 237, 1), rgba(169, 223, 237, 0)); } }