/* ibm-plex-sans-200 - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 200; src: url('fonts/ibm-plex-sans-v14-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/ibm-plex-sans-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ibm-plex-sans-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ibm-plex-sans-v14-latin-200.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* ibm-plex-sans-300 - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 300; src: url('fonts/ibm-plex-sans-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/ibm-plex-sans-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ibm-plex-sans-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ibm-plex-sans-v14-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* ibm-plex-sans-regular - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: url('fonts/ibm-plex-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/ibm-plex-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ibm-plex-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ibm-plex-sans-v14-latin-regular.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* ibm-plex-sans-500 - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; src: url('fonts/ibm-plex-sans-v14-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/ibm-plex-sans-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ibm-plex-sans-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ibm-plex-sans-v14-latin-500.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* ibm-plex-sans-600 - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; src: url('fonts/ibm-plex-sans-v14-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/ibm-plex-sans-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ibm-plex-sans-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ibm-plex-sans-v14-latin-600.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* ibm-plex-sans-700 - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: url('fonts/ibm-plex-sans-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/ibm-plex-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ibm-plex-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/ibm-plex-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ibm-plex-sans-v14-latin-700.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } * {font-size:15px; color:#000000; line-height:20px; margin:0; font-family: 'IBM Plex Sans', sans-serif; font-weight:300;} body {background-color:#fafdfe; padding:0; margin:0px;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} a {color:#1F3F4C; text-decoration:none;} a:hover {color:#1F3F4C; text-decoration:underline;} h1, .titel {margin:0px; padding:0px; margin-bottom:5px; color:#63c3d0; font-size:20px; line-height:24px; font-weight:500;} h2, .untertitel {margin:0px; padding:0px; margin-bottom:5px; color:#63c3d0; font-size:20px; line-height:24px; font-weight:300;} h3 {margin:0px; padding:0px; margin-bottom:5px; font-size:16px; line-height:24px; font-weight:500;} 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;} 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;} strong {font-weight:700;} body.content {background-color:#fafdfe;background:url(../images/page/bg.png) top left no-repeat fixed;} #editblock {border-color:silver;} #header_outer {width:100%; margin:0px; padding:0px;} #header_inner {width:100%; max-width:1000px; margin:0px; padding:0px; margin-left:auto; margin-right:auto;} #nav {width:100%; margin:0px; padding:0px;} #nav_small_outer {width:100%; margin:0px; padding:0px; position:fixed; top:0px; z-index:100; display:none; background-color:#fafdfe; box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.3);} #nav_small_inner {width:100%; max-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; background-color:#fff;} #logocontainer {width:100%; margin:0px; padding:0px;} #mobilehead_outer {width:100%; margin:0px; padding:0px; background-color:#fafdfe; display:none;} .rowcontent {background-color:#fafdfe; padding:10px;} #content_outer {width:100%; margin:0px; padding:0px; padding-top:20px;} #content_inner {width:100%; max-width:1200px; margin:0px; padding:0px; margin-left:auto; margin-right:auto;} #content_inner a {color:#63c3d0;text-decoration:underline;} #ext_content {width:20%; top:0px; margin:5% 5% 0 0; padding:2% 2.5% 2% 2.5%; position:-webkit-sticky; position:sticky; float:left; background-color:#63c3d0;} #ext_content h1, #ext_content h2, #ext_content h3 {color:#ffffff;} #ext_content h1 {font-size:20px;} #ext_content h2 {margin:0px; padding:0px; margin-top:20px;font-size:18px;font-weight:500;} #ext_content h3 {margin:0px; padding:0px;} #ext_content a.ov_normal {display:block; font-size:13px;font-weight:300;margin:0px;background-color:#daf3f6;padding:4px;padding-left:10px;color:#63c3d0;text-decoration:none;} #ext_content a.ov_active {display:block; font-size:13px;font-weight:300;margin:0px;background-color:#ffffff;padding:4px;padding-left:10px;color:#63c3d0;text-decoration:none;} #text {width:60%; padding:05%; float:left; background-image:url(../images/page/bgtext.png); text-align:justify; line-height:24px;} #text h1 {margin:0px; padding:0px; margin-bottom:05px; color:#63c3d0; font-size:30px; line-height:24px; font-weight:500;} #text h2 {margin:0px; padding:0px; margin-bottom:05px; color:#63c3d0; font-size:22px; line-height:24px; font-weight:300;} #text h3 {margin:0px; padding:0px; margin-bottom:10px; color:#63c3d0; font-size:18px; line-height:20px; font-weight:500;} #text img {width:100%; height:auto;} #text .myZitat {display:block; padding:20px; padding-left:40px; padding-right:40px; font-style:italic;} #footer_outer {width:100%; margin:0px; padding:0px; margin-top:100px; height:300px;} #footer_inner {width:100%; max-width:1000px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; padding-top:100px;} #toplink_outer {width:100%; margin:0px; padding:0px; background-color:#929292;} #toplink_inner {width:100%; max-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; box-shadow: 0px -5px 5px 1px rgba(0,0,0,0.2);} .tlbutton {width:16.66666%;} #hotlink_outer {width:100%; margin:0px; padding:0px; background-color:#929292;} #hotlink_inner {width:100%; max-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; box-shadow: 0px -5px 5px 1px rgba(0,0,0,0.2);} .hlbutton {width:25%;} li.activemenu, li.normalmenu {overflow:hidden; padding-bottom:20px; padding-top:20px; border-bottom:1px solid #ffffff;} li.activemenu {} div.menupadding {margin:0; padding:0; padding-left:5px;} ul.menusubpagelist {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; overflow:hidden; padding-top:10px; padding-bottom:10px;} ul.submenu, ul.mainmenu {list-style-type:none; list-style-image:none; margin:0; padding:0;} ul.mainmenu {padding-top:0px; text-align:left;} li.normalmainmenu {list-style-type:none; list-style-image:none; margin:0px; padding:0px; margin-bottom:14px;} li.activemainmenu {list-style-type:none; list-style-image:none; margin:0px; padding:0px; margin-bottom:14px;} li.activesubmenulayer3 {padding-bottom:10px;} li.normalsubmenulayer3 {padding-bottom:10px;} li.mainitem, h2.mainmenu, li.trenner {display:inline;} a.activemainmenu {padding:4px; color:#63c3d0; font-size:16px; font-weight:400; margin-bottom:0px; font-family:'IBM Plex Sans'; text-decoration:none; padding-left:19px; padding-right:33px; background-image:url(../images/page/menueicon.png); background-repeat:no-repeat; background-color:#daf3f6;} a.normalmainmenu {padding:4px; color:#63c3d0; font-size:16px; font-weight:400; margin-bottom:0px; font-family:'IBM Plex Sans'; text-decoration:none; padding-left:19px; padding-right:33px; background-image:url(../images/page/menueicon.png); background-repeat:no-repeat;} a.activemainmenu:hover, a.normalmainmenu:hover {background-color:#daf3f6;} #hiddennav {display:none;} #navbutton {display:none;} .list_item {width:33%; float:left;} iframe {width:100%;} form td {padding-bottom:10px;} .box span {width:100% !important;} .box iframe {margin:0px !important;} .boxitem {padding:0px; margin:0px; overflow:hidden;} .boxinner {width:350px; min-width:350px; overflow:hidden; background-color:#fff; border-radius:0px 10px 0px 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);} .boxrand {padding:15px;} .boxrand .alerttuerkis .itemhead {background-color:#62c2d2 !important; } .boxrand .alerttuerkis .itemhead h1 {color:#ffffff !important; } .boxrand .alerttuerkis .itemimage img {background-color:#62c2d2 !important;} .boxrand .alerttuerkis .itemtext {background-color:#62c2d2 !important; color:#ffffff !important; } .boxrand .alerttuerkis .itemtext * {color:#ffffff !important; font-weight:700; } .boxrand .alertspoe .itemhead {background-color:#ce000c !important; } .boxrand .alertspoe .itemhead h1 {color:#ffffff !important; } .boxrand .alertspoe .itemimage img {background-color:#ce000c !important;} .boxrand .alertspoe .itemtext {background-color:#ce000c !important; color:#ffffff !important; } .boxrand .alertspoe .itemtext * {color:#ffffff !important; font-weight:700; } .boxrand .quicknormal .itemimage {display:none;} .boxrand .quicknormal .itemtext {padding-top:0px !important;} .boxrand .quicktuerkis .itemhead {background-color:#62c2d2 !important; } .boxrand .quicktuerkis .itemhead h1 {color:#ffffff !important; } .boxrand .quicktuerkis .itemtext {background-color:#62c2d2 !important; color:#ffffff !important; padding-top:0px !important;} .boxrand .quicktuerkis .itemtext * {color:#ffffff !important; font-weight:700; } .boxrand .quicktuerkis .itemimage {display:none;} .boxrand .quickspoe .itemhead {background-color:#ce000c !important; } .boxrand .quickspoe .itemhead h1 {color:#ffffff !important; } .boxrand .quickspoe .itemtext {background-color:#ce000c !important; color:#ffffff !important; padding-top:0px !important;} .boxrand .quickspoe .itemtext * {color:#ffffff !important; font-weight:700; } .boxrand .quickspoe .itemimage {display:none;} #float {padding:0px; margin-left:auto; margin-right:auto; max-width:2000px;} #filter_outer {width:100%; margin:0px; padding:0px;-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.08); -moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.08); box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.08); display:none;} #filter_inner {width:100%; max-width:1000px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; padding-bottom:20px; padding-top:20px;} #filter_button {width:100%; text-align:center; cursor:pointer; width:auto; font-size:12px; color:#1F3F4C;} .filter_option {float:left; padding-right:10px; padding-left:10px;} .galeriethumb {margin-right:8px; margin-bottom:8px;} .itemhead {padding:10px; text-align:center;} .itemhead h1 {color:#63c3d0; font-weight:500;} .itemimage img {width:100%; height:auto; background-color:#daf3f6} .itemtext {color:#303b3c; padding:20px; text-align:justify;} .itemtext a {color:#63c3d0; font-weight:700;} @media only screen and (max-width:1820px){ #float {max-width:1600px;} } @media only screen and (max-width:1456px){ #float {max-width:1200px;} } @media only screen and (max-width:1400px){ .leerlogo {display:none;} } @media only screen and (max-width:1167px){ a.activemainmenu, a.normalmainmenu, a.activemainmenu:hover, a.normalmainmenu:hover {font-size:1.2vw} .lang {width:50px;} } @media only screen and (max-width:1092px){ #float {max-width:728px;} } @media only screen and (max-width:1000px){ #header_outer {padding-top:0px !important;} #nav {display:none !important;} #nav_small_outer {display:none !important;} #mobilehead_outer {display:block;} #hiddennav {position:fixed; display:block; z-index:50; width:230px; padding:20px; background-color:#f3f3f3; right:-270px;} #hiddennav * {list-style-type:none; list-style-image:none; color:#666; line-height:26px; font-weight:300; background-image:none; background-color:transparent; padding:0px; float:none !important;} #navbutton {position:fixed; display:block; height:50px; width:50px; z-index:60; right:0px; cursor:pointer;} a.activemainmenu {color:#666; font-size:14px; text-transform:uppercase; padding-left:12px; text-decoration:underline; font-weight:200;} a.normalmainmenu {color:#666; font-size:14px; text-transform:uppercase; padding-left:12px; font-weight:200;} a.activemainmenu:hover, a.normalmainmenu:hover {color:#666; font-size:14px; text-transform:uppercase; padding-left:12px; text-decoration:underline; font-weight:200;} li.mainitem {white-space:nowrap; overflow:hidden; display:block;} li.trenner {display:none !important;} .tlbutton {width:33.333333%;} .list_item {width:50%; float:left;} } @media only screen and (max-width:728px){ #float {max-width:364px;} } @media only screen and (max-width:700px){ form {max-width:100%; overflow:hidden;} form table {width:100%;} iframe {width:100%; height:250px;} #scrollinfo {margin-left:-40px; width:80px; height:80px;} #scrollinfo img {width:100%; height:auto;} .pleft_inner {padding-top:20px; padding-bottom:20px;} .pleft_foto {width:100%; display:block; margin-left:auto; margin-right:auto; position:relative;} .pleft_beschreibung {width:auto; display:block; margin-left:auto; margin-right:auto; position:relative; padding-left:30px; padding-right:30px;} .pright_inner {padding-top:20px; padding-bottom:20px;} .pright_foto {width:100%; display:block; margin-left:auto; margin-right:auto; position:relative;} .pright_beschreibung {width:auto; display:block; margin-left:auto; margin-right:auto; position:relative; padding-left:30px; padding-right:30px;} .fwxlightbox-item {width:50%; display:block; float:left; text-align:center;} #ext_content {width:90%; padding:05%; display:block !important;} #text {width:90%; padding:05%; display:block !important;} #text, #text * {font-size:10px; line-height:20px;} #text h1 {font-size:26px; line-height:20px;} #text h2 {font-size:20px; line-height:20px;} #text h3 {font-size:16px; line-height:20px;} } @media only screen and (max-width:400px){ .fwxlightbox-item {width:100%; display:block; float:left; text-align:center;} .boxitem {width:100% !important;} .boxinner {width:98% !important; min-width:98%;} .boxrand {padding:7px;} #float {padding:2px;} #ext_content {display:block !important;width:90%; padding:05%;} #text {display:block !important;width:90%; padding:05%;} #text, #text * {font-size:15px; line-height:24px;} #text h1 {font-size:18px; line-height:24px;} #text h2 {font-size:16px; line-height:24px;} #text h3 {font-size:16px; line-height:24px;} } .cl_cookie_privacy_layer {background-color:#63c3d0 !important;} .cl_cookie_privacy_layer * {color:#ffffff !important; font-size:14px !important; font-weight:300 !important;} .cl_cookie_privacy_layer a {background-color:#ffffff !important; color:#63c3d0 !important; font-weight:300 !important;} .cl_cookie_privacy_layer a:first-of-type {background-color:#ffffff !important; color:#63c3d0 !important; font-weight:700 !important; }