/* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* * {margin:0; font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:14px; color:#9e7a43;} */ * {margin:0; font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:15px; color:#666;} html {} body {background-color:#ffffff; padding:0;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} a {font-size:inherit; line-height:inherit; font-weight:inherit; color:inherit;} a:hover {text-decoration:underline;} a, span {} h1, .titel {font-size:40px; line-height:50px; color:#a4824e; margin-bottom:30px;} h2, .untertitel {font-size:24px; line-height:32px; color:#a4824e; font-weight:600; margin-bottom:20px;} h3, .content {font-size:20px; line-height:28px; color:#a4824e; font-weight:600; margin-bottom:20px;} h2.login {margin-bottom:20px;} 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;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} strong {font-size:inherit; line-height:inherit; font-weight:600; color:inherit;} label {vertical-align:middle;} ol, ul, li {margin:0; padding:0;} ul, ol, form {margin-top:4px; margin-bottom:8px;} form {margin-top:8px;} ul {margin-left:15px;} 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;} #editblock {border-color:silver;} #top_wrapper {width:1280px; height:120px; top:0; left:calc(50% - 640px); background:#fff; position:fixed; z-index:35; } #top_inner {max-width:1390px; height:120px; background:#fff; border-bottom:2px solid #9e7a43;} #sprachen {right:0; top:33px; float:right;position:relative; display:inline-block; z-index:30;} .ic_sprachen {margin:0 0 10px 10px;} #logi {left:55px; top:16px; display:inline-block; position:relative; z-index:30;} #logi a:first-of-type {border-right:1px solid #9e7a43; display:inline-block;} .toplink {top:40px; right:0px; display:inline-block; float:right; position:relative; font-size:11px; color:#9e7a43;} #seitenleiste {width:80px; height:100vh; top:0; left:0; position:fixed; display:inline-block; background-color:#ebe3d9; z-index:30;} .seitenleiste_item {width:50px; height:50px; margin:0 14px 10px 14px; float:left; display:inline-block; border-radius:5px; border:1px solid #ebe3d9; overflow:hidden; background:#fff;} .seitenleiste_item:hover {box-shadow: 0px 0px 40px -13px rgba(94,68,38,1); -webkit-box-shadow: 0px 0px 40px -13px rgba(94,68,38,1); -moz-box-shadow: 0px 0px 40px -13px rgba(94,68,38,1);} .seitenleiste_item img {opacity:0.8;} .seitenleiste_item img:hover {opacity:1;} #slidercontainer {max-width:1280px; padding-top:0px; margin:120px auto 0 auto;} #content_wrapper {width:1280px; margin:40px auto; display:block; background:#fff;} .menu_links {width:150px; height:200px; margin-left: 20px; display:inline-block; float:left; text-align:right; background:#fff; position:relative; z-index:10;} /* .menu_links {width:150px; height:200px; display:inline-block; float:left; text-align:right; background:#fff;} */ .inhalt_wrapper {width:calc(100% - 260px); margin:0 0px 0 70px; margin-bottom:40px; float:left; background:#fff;} .spalte0 {width:100%; margin-bottom:40px; line-height:24px; background:#fff;} .spalte1 {width:calc(50% - 20px); padding-right:20px; line-height:24px; float:left; background:#fff;} .spalte2 {width:calc(50% - 20px); padding-left:20px; line-height:24px; float:right; background:#fff;} .spalte1 img, .spalte2 img {width:100%; height:auto;} .spalte1 iframe, .spalte2 iframe {width:100%; height:30vh !important;} .menu {top:65px; position:relative;} #menu_wrapper {right:60px; top:0px; float:right; display:inline-block; position:relative; white-space: nowrap;} .mainitem {font-size:18px;} /* unerwünschte Menupunkte und Menütrenner nicht ausgeben */ .menu .mainitem:nth-of-type(1) {display:none;} .menu .trenner:nth-of-type(2) {display:none;} .menu .mainitem:nth-of-type(n+10) {display:none;} .menu .trenner:nth-of-type(n+10) {display:none;} .fullmenu li:nth-of-type(n+5) {display:none;} /* unerwünschte Menupunkte und Menütrenner nicht ausgeben */ .menu li {display:inline-block;} .menu li a {font-size:18px; text-transform:uppercase;} .menu li ul {display:none;} .menutrenner {display:inline-block; margin:0 10px 4px 13px;} .menutrenner:last-of-type {display:none;} ul.submenucontainer {padding-bottom:20px;} .menu_links ul.fullmenu li {margin-right:0;} .menu_links ul.fullmenu li a.activemainmenu {font-size:14px;} .menu_links ul.fullmenu li a.normalmainmenu {font-size:14px;} .menu_links ul.fullmenu li a.activesubmenu {font-size:13px; font-weight:600;} .menu_links ul.fullmenu li a.normalsubmenu {font-size:13px;} li.activemainmenu, li.normalmainmenu {white-space:nowrap; overflow:hidden; list-style:none; text-align:right;} li.submenulayer {white-space:nowrap; overflow:hidden; list-style:none; text-align:right; padding-right:00px; border-style:solid; border-width:0px 0px 0px 0px; border-color:#a4824e;} li.normalsubmenulayer3, li.activesubmenulayer3 {white-space:nowrap; overflow:hidden; list-style:disc; text-align:right; padding-right:00px;} div.menupadding {margin:0; padding:0; padding-left:5px;} a.activemainmenu {color:#9e7a43; font-size:18px; font-weight:600; text-transform:uppercase; vertical-align:middle;} a.normalmainmenu {color:#9e7a43; font-size:18px; font-weight:300; text-transform:uppercase; vertical-align:middle;} a.activesubmenu, a.normalsubmenu {color:#9e7a43; font-size:18px; font-weight:300; text-transform:uppercase; vertical-align:middle;} a.activesubmenu3, a.normalsubmenu3 {color:#9e7a43; font-size:12px; font-weight:600; text-transform:uppercase; vertical-align:middle;} li.mainitem, h2.mainmenu {display:inline;} li.trenner {display:inline-block; width:20px; height:10px; background: url(../images/page/menutrenner.png); background-repeat:repeat; background-position:center; background-repeat:no-repeat;} a.activemenu {color:#9e7a43;font-weight:600;} a.normalmenu {color:#9e7a43; font-weight:300;} a.activemenu:hover {color:#9e7a43;} a.normalmenu:hover {color:#9e7a43;} a.activemainmenu:hover, a.normalmainmenu:hover {color:#9e7a43;} .menu_links li {list-style-type:none; margin-right:15px; } .menu_links hr {margin:20px 0 20px 0; background:#9e7a43; height:1px; border:none;} .menu_links hr:first-of-type {margin-top:0;} .normalsubmenu3 a {color:#9e7a43; font-size:15px; font-weight:400; text-transform:uppercase;} .activesubmenu3 a {color:#9e7a43; font-size:15px; font-weight:600; text-transform:uppercase;} .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;} #footer_wrapper {width:100%; bottom:0; position:relative; display:inline-block; z-index:29; background:#5e4426; text-align:center;} .footer_inner {width:100%; max-width:1280px; margin:40px auto; padding:40px 0; background:#5e4426; font-weight:300; color:#fff;} .trenner_footer {margin:0 10px; margin:0 10px; color:#fff; font-weight:600; line-height:40px;} .footer_inner a:hover {color:#cca15e; text-decoration:none;} .footer_inner h2 {color:#cca15e;} #footer2_wrapper {width:100%; bottom:0; position:relative; display:inline-block; z-index:29; background:#fff; text-align:center;} .footer2_inner {width:100%; max-width:1280px; margin:40px auto; padding:40px 0; background:#fff; font-weight:300; color:#fff;} #editblock {position:fixed; bottom:0; z-index:30;} .cl_cookie_privacy_layer {background-color:#333333 !important;} .cl_cookie_privacy_layer * {font-size:12px !important; font-weight:300 !important; color:#ebe3d9 !important;} .cl_cookie_privacy_layer a {background-color:#999999 !important; font-weight:300 !important; color:#333333 !important;} .cl_cookie_privacy_layer a:first-of-type {background-color:#ebe3d9 !important;} /* Privacy Layer - customized */ .cl_cookie_privacy_layer {width:100vw !important; height:100vh !important; display:grid; align-content:center; background-color:#666666cc !important; } .cl_cookie_privacy_layer > div {padding:20px !important; box-shadow: 0 0 0 5px #fff,20px 20px 50px 0 rgba(0, 0, 0, 0.5);} .cl_cookie_privacy_layer * {max-width:750px !important; background-color:#353c45 !important; border-radius:20px; color:#fff !important; } .cl_cookie_privacy_layer a {margin:20px 0 0; padding:10px 15px !important; color:#fff !important; background-color:#999 !important; border-radius:10px;} .cl_cookie_privacy_layer a:last-child {margin-left:0px;} #cl_privacy_link_y {color:#fff !important; background-color:#468b0c !important;} #cl_privacy_link_n {color:#fff !important; background-color:#8b0c36 !important; margin-right:40px !important;} @media screen and (max-width:1440px) { #top_wrapper {max-width:calc(100% - 110px); width:1280px; left:110px;} #slidercontainer {max-width:1280px; padding-top:0px; margin:120px 0 0 110px;} } @media screen and (max-width:1400px) { #top_wrapper {max-width:calc(100% - 110px); width:1280px; left:110px; } #content_wrapper {max-width:1260px; width:calc(100% - 130px); margin:40px 0 40px 130px; display:inline-block; background:#fff;} #logi {left:170px; top:16px; display:inline-block; position:fixed; z-index:30;} .footer_inner {width:calc(100% - 110px); float:right;} } @media screen and (max-width:1025px) { #slidercontainer {max-width:1280px; padding-top:0px; margin:120px 0 0 0px;} #menu_wrapper {display:none;} .menu_links {display:none; left:15px;;} .toplink {} #logi {left:15px;} .inhalt_wrapper {width:100%; margin:0;} #sprachen {display:none;} #top_wrapper {left:0px; max-width:100%;} .footer_inner {clear:both;} #seitenleiste {display:none;} #content_wrapper {width:calc(100% - 60px); margin:40px 30px 40px 30px;} .footer_inner {width:100%; clear:both;} } @media screen and (max-width:850px) { #menu_wrapper {display:none;} } @media screen and (max-width:768px) { .spalte1 {width:100%; padding-right:0; margin-bottom:40px;} .spalte2 {width:100%; padding-left:0; margin-bottom:40px;} #content_wrapper {width:calc(100% - 30px); margin:40px 15px;} } @media screen and (max-width:400px) { #logi {left:0;} #logi a:first-of-type {display:none;} } #editblock {position:fixed; bottom:20px; left:20px; z-index: 999; width:90%; }