/* pt-sans-regular - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url('../fonts/ptsans/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/ptsans/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ptsans/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ptsans/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/ptsans/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ptsans/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-700 - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: url('../fonts/ptsans/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */ src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/ptsans/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ptsans/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ptsans/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/ptsans/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ptsans/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-700italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: url('../fonts/ptsans/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../fonts/ptsans/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ptsans/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ptsans/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ptsans/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ptsans/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: url('../fonts/ptsans/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */ src: local('PT Sans Italic'), local('PTSans-Italic'), url('../fonts/ptsans/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ptsans/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ptsans/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ptsans/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ptsans/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */ } /* cookie hinweis :: start */ .cc_container .cc_btn { background-color: #891100 !important; /* Farbe des Buttons */ color: #ffffff !important; /* Textfarbe des Buttons */ } .cc_container { background: #ebebeb !important; /* Hintergrundfarbe des gesamten Bereichs */ color: #323232 !important; /* Schriftfarbe des gesamten Bereichs */ border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .cc_container a { color: #891100 !important; /* Textlink-Farbe "Mehr Infos" */ } .cc_container .cc_btn_decline { background-color: #323232 !important; /* Farbe des Buttons */ color: #ffffff !important; /* Textfarbe des Buttons */ } .hinweistext{ color:#646464; } .hinweistext2{ color:#891100; } /* cookie hinweis :: ende */ body { position:absolute; top:0; left:0; margin:0px; padding:0px; width: 100%; height: 100%; color:#969696; } html { height:100%; margin-bottom:1px; overflow-y:scroll; overflow-x:hidden; } /* fix für iphone scrolling im iframe :: start */ .scroll-wrapper{ position: fixed; right: 0; bottom: 0; left: 0; top: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; } /* fix für iphone scrolling im iframe :: ende */ .table { display: table; border: 1px solid silver; border-collapse:collapse; width: 100%; } .table-row { display: table-row; border: 1px solid silver; } .table-cell { display: table-cell; border: 1px solid silver; padding: 10px; width:50%; font-weight:300; } .thead { font-weight: bold; background:#f5f5f5; } .scrollicon{ text-align: center; text-decoration:none; width:40px; height:40px; position:fixed; bottom:60px; right:60px; display:none; border:0px solid #333; z-index:999999; text-decoration:none; background-image: url(../images/backtotop.png); background-repeat: no-repeat; } .scrollicon div{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-weight:bold; font-size:28px; color:#ffffff; padding-top:18px; } #nav_waypoint:hover { opacity:1; } .nav_scroll_rahmen { width: 1160px; padding: 20px 20px 20px 20px; border-top: 1px solid #c8c8c8; } .bgdiv_footer_maps iframe { pointer-events: none; width: 100%; } a.nav_top_02_sub:link, a.nav_top_02_sub:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color: #323232; font-weight: normal; margin:0 0 10px 0; padding:0 0 0 0; text-decoration:none; float:left; display:inline; position:relative; clear:left; white-space:nowrap; } a.nav_top_02_sub:hover, a.nav_top_02_sub:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color: #7c4f25; font-weight: normal; margin:0 0 10px 0; padding:0 0 0 0; text-decoration:underline; float:left; display:inline; position:relative; clear:left; white-space:nowrap; } a.nav_top_02_sub_active:link, a.nav_top_02_sub_active:visited, a.nav_top_02_sub_active:hover, a.nav_top_02_sub_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color: #7c4f25; font-weight: normal; margin:0 0 10px 0; padding:0 0 0 0; text-decoration:underline; float:left; display:inline; position:relative; clear:left; white-space:nowrap; } a.link_tel_con:link, a.link_tel_con:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #969696; font-weight: normal; text-decoration:none; } a.link_tel_con:hover, a.link_tel_con:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color:#969696; font-weight: normal; text-decoration:none; } a.a_zuordnung { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; font-weight:500; outline:0; padding:15px 20px 10px 20px; background-color:#e41a23; margin:5px 10px 5px 0; } a.a_zuordnung:link { text-decoration: none; color: #fff; border-bottom:4px solid #e41a23; } a.a_zuordnung:active { text-decoration: none; color: #fff; border-bottom:4px solid #8f0d13; } a.a_zuordnung:visited { text-decoration: none; color: #fff; border-bottom:4px solid #e41a23; } a.a_zuordnung:hover { text-decoration: none; color: #fff; border-bottom:4px solid #8f0d13; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } a.a_btn_header { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; font-weight:normal; outline:0; background-color:#e41a23; padding:17px 20px 13px 20px; margin-right:6px; } a.a_btn_header:link { text-decoration: none; color: #fff; border-bottom:4px solid #e41a23; } a.a_btn_header:active { text-decoration: none; color: #fff; border-bottom:4px solid #8f0d13; } a.a_btn_header:visited { text-decoration: none; color: #fff; border-bottom:4px solid #e41a23; } a.a_btn_header:hover { text-decoration: none; border-bottom:4px solid #8f0d13; color: #fff; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } a.a_btn_dark { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; font-weight:normal; outline:0; background-color:#323232; padding:17px 20px 13px 20px; margin-right:6px; } a.a_btn_dark:link { text-decoration: none; color: #fff; border-bottom:4px solid #323232; } a.a_btn_dark:active { text-decoration: none; color: #fff; border-bottom:4px solid #909090; } a.a_btn_dark:visited { text-decoration: none; color: #fff; border-bottom:4px solid #323232; } a.a_btn_dark:hover { text-decoration: none; border-bottom:4px solid #909090; color: #fff; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } a.link_weiss { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; font-weight:normal; outline:0; } a.link_weiss:link { text-decoration: none; color: #fff; } a.link_weiss:active { text-decoration: none; color: #fff; } a.link_weiss:visited { text-decoration: none; color: #fff; } a.link_weiss:hover { text-decoration: none; color: #fff; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } a.link_news { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; font-weight:normal; outline:0; } a.link_news:link { text-decoration: none; color: #97bf0d; } a.link_news:active { text-decoration: none; color: #aaaaaa; } a.link_news:visited { text-decoration: none; color: #97bf0d; } a.link_news:hover { text-decoration: none; color: #aaaaaa; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } a.a_foot_weiss { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; font-weight:400; outline:0; } a.a_foot_weiss:link { text-decoration: none; color: #fff; } a.a_foot_weiss:active { text-decoration: none; color: #ed1b24; } a.a_foot_weiss:visited { text-decoration: none; color: #fff; } a.a_foot_weiss:hover { text-decoration: none; color: #ed1b24; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } a.pfeil_back { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:300; outline:0; padding:0 0 0 15px; background-image:url(../images/backlink.png); background-position:left center; background-repeat:no-repeat; background-size:auto 12px; } a.pfeil_back:link { text-decoration: underline; color: #58585a; } a.pfeil_back:active { text-decoration: underline; color: #58585a; } a.pfeil_back:visited { text-decoration: underline; color: #58585a; } a.pfeil_back:hover { text-decoration: underline; color: #58585a; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } a.nav_top_info_active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:24px; font-weight:300; outline:0; margin:0 30px 0 0; } a.nav_top_info_active:link { text-decoration: none; color: #006ab3; } a.nav_top_info_active:active { text-decoration: none; color: #006ab3; } a.nav_top_info_active:visited { text-decoration: none; color: #006ab3; } a.nav_top_info_active:hover { text-decoration: none; color: #006ab3; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } .nav_top_no_ln { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; font-weight:300; outline:0; color:#323232; } a.nav_top_info[href^="tel"] { text-decoration: none; cursor: default; color: #323232; } a.a_foot_weiss[href^="tel"] { text-decoration: none; cursor: default; color: #fff; } a.a_ansprech_t[href^="tel"] { text-decoration: none; cursor: default; color: #323232; } /* begin content-links fuer funktionen */ .margin_links_content{ margin:0 10px 0 0; } .data_site:hover a.f_link_sites { color: #e41a23; } /* end content-links */ a.f_link_download:link, a.f_link_download:visited { width:100%; font-size:16px; line-height:22px; color: #323232; font-weight: normal; text-decoration:none; margin:5px 0 10px 0; padding:0 0 0 0; float:left; display:inline; position:relative; background-image:url(../images/bg_icon_download.png); background-position:center right; background-repeat:no-repeat; clear:both; } a.f_link_download:hover, a.f_link_download:active { width:100%; font-size:16px; line-height:22px; color: #7c4f25; font-weight: normal; text-decoration:none; margin:5px 0 10px 0; padding:0 0 0 0; float:left; display:inline; position:relative; background-image:url(../images/bg_icon_download.png); background-position:center right; background-repeat:no-repeat; clear:both; } a.c_link:link, a.c_link:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #1e1e1e; font-weight: normal; text-decoration:none; } a.c_link:hover, a.c_link:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #7c4f25; font-weight: normal; text-decoration:none; } a.c_link_active:link, a.c_link_active:visited , a.c_link_active:hover, a.c_link_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #7c4f25; font-weight: normal; text-decoration:none; } a.c_link_rot:link, a.c_link_rot:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; } a.c_link_rot:hover, a.c_link_rot:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #da041c; font-weight: normal; text-decoration:none; } a.c_link_weiss:link, a.c_link_weiss:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:40px; color: #ffffff; font-weight: normal; text-decoration:none; } a.c_link_weiss:hover, a.c_link_weiss:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:40px; color: #da041c; font-weight: normal; text-decoration:none; } a.nav_top_bread:link, a.nav_top_bread:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; color: #ffffff; font-weight: 600; text-decoration:none; text-transform:uppercase; } a.nav_top_bread:hover, a.nav_top_bread:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; color: #ffffff; font-weight: 600; text-decoration:underline; text-transform:uppercase; } .nav_top_bread_active{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:17px; color: #ffffff; font-weight: normal; text-decoration:underline; } a.link_tel_header:link, a.link_tel_header:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; color:#ffffff; font-weight: normal; margin:0 0 0 0; padding:11px 20px 12px 20px; text-decoration:none; float:right; display:inline; position:relative; border-left:1px solid #515151; border-right:1px solid #515151; cursor:default; } a.link_tel_header:hover, a.link_tel_header:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; color:#ffffff; font-weight: normal; margin:0 0 0 0; padding:11px 20px 12px 20px; text-decoration:none; float:right; display:inline; position:relative; border-left:1px solid #515151; border-right:1px solid #515151; cursor:default; } a.link_tel_con:link, a.link_tel_con:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #646464; font-weight: normal; text-decoration:none; } a.link_tel_con:hover, a.link_tel_con:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#646464; font-weight: normal; text-decoration:none; cursor:default; } a.link_tel_footer:link, a.link_tel_footer:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #646464; font-weight: normal; text-decoration:none; cursor:default; } a.link_tel_footer:hover, a.link_tel_footer:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #646464; font-weight: normal; text-decoration:none; cursor:default; } a.link_tel_cta:link, a.link_tel_cta:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:22px; line-height:30px; color: #ffffff; font-weight: normal; text-decoration:none; cursor:default; } a.link_tel_cta:hover, a.link_tel_cta:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:22px; line-height:30px; color: #ffffff; font-weight: normal; text-decoration:none; cursor:default; } a.c_link_cta:link, a.c_link_cta:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:30px; color: #3dbabe; font-weight: normal; text-decoration:none; } a.c_link_cta:hover, a.c_link_cta:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:30px; color: #ffffff; font-weight: normal; text-decoration:none; } a.c_link_gr:link, a.c_link_gr:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; margin:0 0 0 0; float:left; display:inline; position:relative; } a.c_link_gr:hover, a.c_link_gr:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; margin:0 0 0 0; float:left; display:inline; position:relative; } .nicecon_sub_con:hover a.c_link_gr{ color: #e41a23; } a.c_link_gr_weiss:link, a.c_link_gr_weiss:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:none; margin:0 0 0 0; float:left; display:inline; position:relative; } a.c_link_gr_weiss:hover, a.c_link_gr_weiss:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color: #da041c; font-weight: normal; text-decoration:none; margin:0 0 0 0; float:left; display:inline; position:relative; } a.c_link_gr_icon:link, a.c_link_gr_icon:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; margin:0 0 10px 10px; padding:0 0 0 17px; clear:both; float:left; display:inline; position:relative; background-image:url(../images/icon_pfeil_link_rot_gross.png); background-repeat:no-repeat; background-position:center left; } a.c_link_gr_icon:hover, a.c_link_gr_icon:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color: #da041c; font-weight: normal; text-decoration:none; margin:0 0 10px 10px; padding:0 0 0 17px; clear:both; float:left; display:inline; position:relative; background-image:url(../images/icon_pfeil_link_rot_gross.png); background-repeat:no-repeat; background-position:center left; } a.c_link_back:link, a.c_link_back:visited { font-size:16px; line-height:17px; color: #ffffff; font-weight: normal; text-decoration:none; margin:0 0 0 0; padding:0 0 0 0; float:right; display:inline; position:relative; } a.c_link_back:hover, a.c_link_back:active { font-size:16px; line-height:17px; color: #ffffff; font-weight: normal; text-decoration:underline; margin:0 0 0 0; padding:0 0 0 0; float:right; display:inline; position:relative; } a.nav_foot:link, a.nav_foot:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#fff; font-weight: 400; margin:0 0 0 30px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; } a.nav_foot:hover, a.nav_foot:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#97bf0d; font-weight: 400; margin:0 0 0 30px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; } a.nav_foot_active:link, a.nav_foot_active:visited, a.nav_foot_active:hover, a.nav_foot_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#97bf0d; font-weight: 400; margin:0 0 0 30px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; } .nav_top{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; height:42px; color: #58585a; font-weight: 200; margin:30px 0 0 0; padding:10px 0 18px 0; text-decoration:none; float:right; display:inline; position:relative; } .span_nav_top_02{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:17px; color:#ffffff; font-weight: 500; margin:0 0 0 20px; padding:0 0 0 0; text-decoration:none; text-transform:none; float:left; display:inline; position:relative; } a.margin_nav_top_02{ margin:0 40px 0 0; } a.nav_top_02:link, a.nav_top_02:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:17px; color:#ffffff; font-weight: 500; margin:0 25px 0 0; padding:11px 0 13px 0; text-decoration:none; text-transform:none; float:left; display:inline; position:relative; } a.nav_top_02:hover, a.nav_top_02:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:17px; color:#ffffff; font-weight: 500; margin:0 25px 0 0; padding:11px 0 13px 0; text-decoration:underline; text-transform:none; float:left; display:inline; position:relative; } a.nav_top_02_active:link, a.nav_top_02_active:visited, a.nav_top_02_active:hover, a.nav_top_02_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:17px; color:#ffffff; font-weight: 500; margin:0 25px 0 0; padding:11px 0 13px 0; text-decoration:underline; text-transform:none; float:left; display:inline; position:relative; } a.nav_top_03:link, a.nav_top_03:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; color:#ffffff; font-weight: 500; margin:0 0 0 0; padding:0 0 0 0; text-decoration:none; text-transform:none; } a.nav_top_03:hover, a.nav_top_03:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; color:#ffffff; font-weight: 500; margin:0 0 0 0; padding:0 0 0 0; text-decoration:underline; text-transform:none; } a.nav_top_03_active:link, a.nav_top_03_active:visited, a.nav_top_03_active:hover, a.nav_top_03_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; color:#ffffff; font-weight: 500; margin:0 0 0 0; padding:0 0 0 0; text-decoration:underline; text-transform:none; } .icon_tel_head{ padding:0 0 0 30px; background-image:url(../images/icon_tel_head.png); background-repeat:no-repeat; background-position:left center; background-size:15px; } .icon_location_head{ padding:0 0 0 10px; background-image:url(../images/icon_location_head.png); background-repeat:no-repeat; background-position:left center; background-size:11px 15px; } a.nav_top_02_news:link, a.nav_top_02_news:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #ffffff; font-weight: normal; margin:93px 0 0 30px; padding:10px 15px 19px 15px; text-decoration:none; float:right; display:inline; position:relative; /*background-color:#da041c;*/ background-image:url(../images/bg_nav_news_01.jpg); background-position:top left; background-repeat:repeat-x; } a.nav_top_02_news:hover, a.nav_top_02_news:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #ffffff; font-weight: normal; margin:93px 0 0 30px; padding:10px 15px 19px 15px; text-decoration:none; float:right; display:inline; position:relative; /*background-color:#323232;*/ background-image:url(../images/bg_nav_news_02.jpg); background-position:top left; background-repeat:repeat-x; } a.nav_top_02_news_active:link, a.nav_top_02_news_active:visited, a.nav_top_02_news_active:hover, a.nav_top_02_news_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #ffffff; font-weight: normal; margin:93px 0 0 30px; padding:10px 15px 19px 15px; text-decoration:none; float:right; display:inline; position:relative; /*background-color:#323232;*/ background-image:url(../images/bg_nav_news_02.jpg); background-position:top left; background-repeat:repeat-x; } a.nav_top_02_scroll:link, a.nav_top_02_scroll:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #4b4b4b; font-weight: normal; margin:64px 0 0 30px; padding:0 0 17px 0; text-decoration:none; float:right; display:inline; position:relative; } a.nav_top_02_scroll:hover, a.nav_top_02_scroll:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #da041c; font-weight: normal; margin:64px 0 0 30px; padding:0 0 17px 0; text-decoration:none; float:right; display:inline; position:relative; } a.nav_top_02_scroll_active:link, a.nav_top_02_scroll_active:visited, a.nav_top_02_scroll_active:hover, a.nav_top_02_scroll_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #da041c; font-weight: normal; margin:64px 0 0 30px; padding:0 0 17px 0; text-decoration:none; float:right; display:inline; position:relative; } a.nav_top_02_scroll_news:link, a.nav_top_02_scroll_news:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #ffffff; font-weight: normal; margin:59px 0 0 30px; padding:5px 15px 17px 15px; text-decoration:none; float:right; display:inline; position:relative; /*background-color:#da041c;*/ background-image:url(../images/bg_nav_news_scroll_01.jpg); background-position:top left; background-repeat:repeat-x; } a.nav_top_02_scroll_news:hover, a.nav_top_02_scroll_news:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #ffffff; font-weight: normal; margin:59px 0 0 30px; padding:5px 15px 17px 15px; text-decoration:none; float:right; display:inline; position:relative; /*background-color:#323232;*/ background-image:url(../images/bg_nav_news_scroll_02.jpg); background-position:top left; background-repeat:repeat-x; } a.nav_top_02_scroll_news_active:link, a.nav_top_02_scroll_news_active:visited, a.nav_top_02_scroll_news_active:hover, a.nav_top_02_scroll_news_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #ffffff; font-weight: normal; margin:59px 0 0 30px; padding:5px 15px 17px 15px; text-decoration:none; float:right; display:inline; position:relative; /*background-color:#323232;*/ background-image:url(../images/bg_nav_news_scroll_02.jpg); background-position:top left; background-repeat:repeat-x; } a.nav_top_02_sub:link, a.nav_top_02_sub:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #505050; font-weight: 500; margin:0 0 0 0px; padding:10px 0px 10px 18px; border-bottom:1px solid #505050; text-decoration:none; float:left; display:inline; position:relative; clear:both; min-width:180px; } a.nav_top_02_sub:hover, a.nav_top_02_sub:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #505050; font-weight: 500; margin:0 0 0 0px; padding:10px 0px 10px 18px; border-bottom:1px solid #505050; text-decoration:underline; float:left; display:inline; position:relative; clear:both; min-width:180px; } a.nav_top_02_sub_active:link, a.nav_top_02_sub_active:visited, a.nav_top_02_sub_active:hover, a.nav_top_02_sub_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #505050; font-weight: 500; margin:0 0 0 0px; padding:10px 0px 10px 18px; border-bottom:1px solid #505050; text-decoration:underline; float:left; display:inline; position:relative; clear:both; min-width:180px; } a.nav_top_02_sub_1:link, a.nav_top_02_sub_1:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-style: italic; font-size:15px; line-height:22px; color: #58585a; font-weight: 300; margin:0 0 0 0px; padding:10px 0px 10px 40px; text-decoration:none; float:left; display:inline; position:relative; clear:both; width:183px; background-image:url(../images/bg_drop_nav.png); background-repeat:no-repeat; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } a.nav_top_02_sub_1:hover, a.nav_top_02_sub_1:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #006ab3; font-weight: 300; margin:0 0 0 0px; padding:10px 0px 10px 40px; text-decoration:none; float:left; display:inline; position:relative; clear:both; width:183px; background-image:url(../images/bg_drop_nav.png); background-repeat:no-repeat; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } a.nav_top_02_sub_1_active:link, a.nav_top_02_sub_1_active:visited, a.nav_top_02_sub_1_active:hover, a.nav_top_02_sub_1_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #006ab3; font-weight: 300; margin:0 0 0 0px; padding:10px 0px 10px 40px; text-decoration:none; float:left; display:inline; position:relative; clear:both; width:183px; background-image:url(../images/bg_drop_nav.png); background-repeat:no-repeat; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } a.sub_navi_detail:link, a.sub_navi_detail:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color: #fff; font-weight: 600; margin:0 0 0 0px; padding:0 0 0 0px; text-decoration:none; display:inline; position:relative; } a.sub_navi_detail:hover, a.sub_navi_detail:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color: #fbba00; font-weight: 600; margin:0 0 0 0px; padding:0 0 0 0; text-decoration:none; display:inline; position:relative; } a.sub_navi_detail_active:link, a.sub_navi_detail_active:visited, a.sub_navi_detail_active:hover, a.sub_navi_detail_active:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color: #fbba00; font-weight: 600; margin:0 0 0 0px; padding:0 0 0 0; text-decoration:none; display:inline; position:relative; } a.linkbox_search:link, a.linkbox_search:visited { margin:108px 0 0 20px; padding:0 0 0 0; float:right; display:inline; position:relative; background-image:url(../images/icon_lupe_01.png); background-position:top center; background-repeat:no-repeat; width:13px; height:13px; } a.linkbox_search:hover, a.linkbox_search:active { margin:108px 0 0 20px; padding:0 0 0 0; float:right; display:inline; position:relative; background-image:url(../images/icon_lupe_02.png); background-position:top center; background-repeat:no-repeat; width:13px; height:13px; } a.linkbox_search_scroll:link, a.linkbox_search_scroll:visited, a.linkbox_search_scroll:hover, a.linkbox_search_scroll:active { margin:70px 0 0 20px; } a.nav_bottom_01:link, a.nav_bottom_01:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #646464; font-weight: normal; margin:0 0 0 40px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; } a.nav_bottom_01:hover, a.nav_bottom_01:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #646464; font-weight: normal; margin:0 0 0 40px; padding:0 0 0 0; text-decoration:underline; float:right; display:inline; position:relative; } a.linkbox_rot:link, a.linkbox_rot:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color: #ffffff; font-weight:normal; margin:0 0 0 0; padding:13px 20px 14px 20px; text-decoration:none; float:left; display:inline; position:relative; background-color:#da041c; } a.linkbox_rot:hover, a.linkbox_rot:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color: #ffffff; font-weight:normal; margin:0 0 0 0; padding:13px 20px 14px 20px; text-decoration:none; float:left; display:inline; position:relative; background-color:#323232; } a.linkbox_rot_cta:link, a.linkbox_rot_cta:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color: #ffffff; font-weight:normal; margin:0 0 0 0; padding:12px 21px 13px 22px; text-decoration:none; display:inline; position:relative; background-color:#da041c; border:1px solid #da041c; } a.linkbox_rot_cta:hover, a.linkbox_rot_cta:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color: #ffffff; font-weight:normal; margin:0 0 0 0; padding:12px 21px 13px 22px; text-decoration:none; display:inline; position:relative; background-color:#323232; border:1px solid #ffffff; } a.linkbox_rot_cta_02:link, a.linkbox_rot_cta_02:visited, a.linkbox_rot_cta_02:hover, a.linkbox_rot_cta_02:active { padding:12px 19px 13px 19px; } a.linkbox_rot_kontakt:link, a.linkbox_rot_kontakt:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color: #ffffff; font-weight:normal; margin:18px 0 0 0; padding:13px 20px 14px 50px; text-decoration:none; float:left; display:inline; position:relative; background-color:#da041c; background-image:url(../images/icon_bg_sprechblase.png); background-position:top left; background-repeat:no-repeat; } a.linkbox_rot_kontakt:hover, a.linkbox_rot_kontakt:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color: #ffffff; font-weight:normal; margin:18px 0 0 0; padding:13px 20px 14px 50px; text-decoration:none; float:left; display:inline; position:relative; background-color:#323232; background-image:url(../images/icon_bg_sprechblase.png); background-position:top left; background-repeat:no-repeat; } a.linkbox_hellgrau:link, a.linkbox_hellgrau:visited { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color: #da041c; font-weight:normal; margin:0 0 0 0; padding:13px 20px 14px 20px; text-decoration:none; float:left; display:inline; position:relative; background-color:#d9dadb; } a.linkbox_hellgrau:hover, a.linkbox_hellgrau:active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color: #ffffff; font-weight:normal; margin:0 0 0 0; padding:13px 20px 14px 20px; text-decoration:none; float:left; display:inline; position:relative; background-color:#323232; } /* Mouseover in der Navi */ .nav:hover #navdrop_active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #ffffff; font-weight: normal; margin:9px 0 0 0; padding:0 15px 14px 0; text-decoration:none; float:right; display:inline; position:relative; text-transform:uppercase; background-repeat:no-repeat; background-position:right 10px; background-image:url(../images/icon_nav_drop.png); } .nav2, .nav2 ul { list-style: none; margin: 0; padding: 0; z-index:1001; font-style:normal; } .nav2 { z-index: 1001; position: relative; } .nav2 li{ margin:0 0 0 0; } .nav2 ul { list-style: none; margin: 0; position: absolute; top: -999px; left: 1px; z-index: 1001; } .nav2 li:hover ul, .nav2 li.sfHover ul { top: 0px; padding:0; z-index: 1001; left:0px; margin:-7px 0 0 0; border:1px solid #c8c8c8; } .nav2 ul li { border: 0; float: none; z-index: 1001; } /* Mouseover in der Navi */ .nav2:hover #navdrop_active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color: #ffffff; font-weight: normal; margin:0 0 0 0; padding:76px 10px 30px 10px; text-decoration:none; float:right; display:inline; position:relative; text-transform:uppercase; background-repeat:no-repeat; background-position:center right; background-image:url(../images/icon_nav_drop.png); font-style:italic; } .nav2_scroll, .nav2_scroll ul { list-style: none; margin: 0; padding: 0; z-index:1001; font-style:normal; } .nav2_scroll { z-index: 1001; position: relative; } .nav2_scroll li{ margin:0 0 0 0; } .nav2_scroll ul { list-style: none; margin: 0; position: absolute; top: -999px; left: 1px; z-index: 1001; } .nav2_scroll li:hover ul, .nav2_scroll li.sfHover ul { top: 84px; padding:10px 25px 10px 20px; z-index: 1001; left:20px; margin:-7px 0 0 0; border:1px solid #c8c8c8; background-image:url(../images/bg_subnav.png); background-repeat:repeat; } .nav2_scroll ul li { border: 0; float: none; z-index: 1001; } /* Mouseover in der Navi */ .nav2_scroll:hover #navdrop_active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color: #ffffff; font-weight: normal; margin:0 0 0 0; padding:27px 10px 30px 10px; text-decoration:none; float:right; display:inline; position:relative; text-transform:uppercase; background-repeat:no-repeat; background-position:center right; background-image:url(../images/icon_nav_drop.png); font-style:italic; } /* Ende Mouseover in der Navi * /* Mouseover in der Navi */ .nav_scroll:hover #navdrop_scroll_active { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:15px; color: #008bcf; font-weight: normal; margin:20px 0 0 20px; background-repeat:no-repeat; background-position:right 10px; background-image:url(../images/icon_nav_drop.png); padding:0 15px 29px 0; text-decoration:none; float:right; display:inline; position:relative; } /* Ende Mouseover in der Navi */ h1{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:40px; line-height:50px; color: #ed1b24; font-weight:600; margin:0 0 6px 0; padding:0 0 0 0; word-wrap: break-word; } h1.h1_box_start{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:24px; line-height:30px; color: #ed1b24; font-weight:600; margin:0 0 3px 0; padding:0 0 0 0; word-wrap: break-word; } h1.h1_center{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:40px; line-height:46px; color: #323232; font-weight:normal; margin:0 0 6px 0; padding:0 0 0 0; word-wrap: break-word; text-align:center; } h2.h2_box_start{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; color: #323232; font-weight:600; margin:0 0 8px 0; padding:0 0 0 0; text-transform:none; word-wrap: break-word; } h2.h2_kontakt{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; color: #aaaaaa; font-weight:400; margin:20px 0 18px 0; padding:0 0 0 0; text-transform:none; word-wrap: break-word; } h2.leistung_weiss{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:24px; line-height:26px; color: #fff; font-weight:400; margin:20px 0 18px 0; padding:0 0 0 0; text-transform:none; word-wrap: break-word; } h2.h2_center{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:28px; color: #646464; font-weight:normal; margin:0 0 15px 0; padding:0 0 0 0; word-wrap: break-word; text-align:center; } h2.h2_news{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:24px; line-height:28px; color: #646464; font-weight:normal; margin:0 0 15px 0; padding:0 0 0 0; word-wrap: break-word; } h2.h2_gross{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; color: #323232; font-weight:normal; margin:0 0 6px 0; padding:0 0 0 0; word-wrap: break-word; } h2.h2_cta{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:30px; line-height:34px; color: #ffffff; font-weight:normal; margin:0 0 13px 0; padding:0 0 0 0; word-wrap: break-word; } h2.h2_h1{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:40px; line-height:46px; color: #323232; font-weight:normal; margin:0 0 6px 0; padding:0 0 0 0; word-wrap: break-word; } h3{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; color: #505050; font-weight:bold; margin:0 0 6px 0; padding:0 0 0 0; word-wrap: break-word; } h3.h3_iconbox{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; color: #323232; font-weight:normal; margin:0 0 20px 0; padding:0 0 22px 0; word-wrap: break-word; background-image:url(../images/icon_trenner_h3_rot.png); background-position:bottom left; background-repeat:no-repeat; } h3.h3_teaser{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; color: #323232; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 0; word-wrap: break-word; } h3.h3_teaser_weiss{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; color: #ffffff; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 0; word-wrap: break-word; } h3.h3_testimonial{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; color: #323232; font-weight:normal; margin:5px 0 0 0; padding:0 0 0 0; word-wrap: break-word; } h3.h3_footer{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color: #646464; font-weight:normal; margin:0 0 27px 0; padding:0 0 0 0; word-wrap: break-word; } h3.h3_galery{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; color: #323232; font-weight:normal; margin:0 0 36px 0; padding:0 0 0 0; word-wrap: break-word; } h4{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; color: #97bf0d; font-weight:600; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; } h4.small_grey{ font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; color: #aaaaaa; font-weight:normal; margin:0 0 6px 0; padding:0 0 0 0; word-wrap: break-word; } h4.h4_produktbox{font-size:18px; color:#646464; font-weight:600;} } .f_farbe { color: #7c4f25; } .kursiv{ font-style:italic; } .weiss { color: #ffffff; } .bread_font{ font-size:16px; font-weight:600; text-transform:uppercase; } .weiss_detail_top_z1{ color:#fff; font-weight:200; line-height:22px; font-size:16px; padding:20px 0 0 0; } .gruen { color: #97bf0d; } .gruen_big { color: #97bf0d; font-size:24px; line-height:30px; } .grau_small{ color: #aaaaaa; font-size:18px; line-height:22px; } .braun { color: #7c4f25; } .rot { color: #ed1b24; } .head_news{ color: #ed1b24; font-weight:600; } .blau { color: #1b61a7; } .hellblau { color:#3dbabe; } .grau32 { color:#323232; } .logo_box_ref img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity:0.3; } .box_ref:hover .logo_box_ref img{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); opacity:1; } ul.nicecon_weiss li { margin:0 0 5px 10px; color:#ffffff; } img { border:0px solid #ffffff; } img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } img.desaturate:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: url(desaturate.svg#greyscale); filter: none; } .info_box_top{ height:30px; margin:14px 0 0 40px; display:inline; position:relative; float:right; cursor:pointer; } .info_box_top_icon{ height: 30px; padding:4px 10px 0 0; display:inline; position:relative; float:left; } .info_box_top_txt{ height: 30px; padding:0; margin:0; display:inline; position:relative; float:left; } p,div { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#646464; margin-top:0px; padding-top:0px; word-wrap: break-word;} td { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#646464; margin-top:0px; padding-top:0px; } .standard{ float:left; display:inline; position:relative; margin:0px; padding:0px; text-align:left;} .standard_r{ float:right; display:inline; position:relative; margin:0px; padding:0px; text-align:left;} .standard2{ float:left; display:inline; margin:0px; padding:0px;} .topdiv { padding:0px; margin:0px; height:100%; width:100%; position:absolute; top:0px; background-color:#fff; } .toptab { height:100%; width:100%; padding:0px; margin:0px; } input{ background-color:#ffffff; color:#505050; font-size:15px; font-family: 'PT Sans', Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; margin:0 20px 20px 0; padding-left:8px; float:left; display:inline; position:relative; height:32px; background-repeat:no-repeat; background-position:top left; font-style:normal; } input.form_bottom{ background-color:#ffffff; width:340px; color:#969696; font-size:14px; font-family: 'PT Sans', Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; margin:0 0 10px 0; padding-left:30px; float:left; display:inline; position:relative; height:32px; background-repeat:no-repeat; background-position:top left; font-style:italic; } .form_bg_name{ background-image:url(../images/form_bg_name.png); } .form_bg_mail{ background-image:url(../images/form_bg_mail.png); } .form_bg_mailcheck{ background-image:url(../images/form_bg_mailcheck.png); } .form_bg_fax{ background-image:url(../images/form_bg_fax.png); } .form_bg_nachricht{ background-image:url(../images/form_bg_nachricht.png); } select { background-color:#ffffff; color:#969696; font-size:15px; font-family: 'PT Sans', Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; margin:0 40px 20px 0; padding-left:8px; float:left; display:inline; position:relative; height:36px; background-repeat:no-repeat; background-position:top left; font-style:italic; } input.checkbox_in { background-color:none; color:#f0f0f0; font-size:15px; font-family: Arial, Helvetica, sans-serif; border:0px solid #e2e2e2; border-radius:2px; width:14px; height:14px; margin:8px 5px 10px 10px; } .button_search { background-color:#da041c; color:#ffffff; font-size:18px; line-height:24px; font-weight:normal; font-family: 'PT Sans', Arial, Helvetica, sans-serif; border:0px solid #0068b4; width:200px; height:44px; float:left; font-style:normal; padding:0px; clear:left; } .button_bottom { background-color:#0068b4; color:#ffffff; font-size:14px; line-height:15px; font-weight:normal; font-family: 'PT Sans', Arial, Helvetica, sans-serif; border:0px solid #0068b4; width:105px; height:32px; float:right; font-style:normal; padding:0px; } .button_invisible { background-color:#FFFFFF/*ecece9*/; width:0px; height:0px; font-size:0px; color:#FFFFFF; border:0px solid #c8c8c8; margin:0px; padding:0px; } textarea { background-color:#ffffff; color:#505050; font-size:15px; font-family: 'PT Sans', Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; width:310px; height:142px; margin:0 0 20px 0; padding:8px; resize:none; float:left; display:inline; position:relative; background-repeat:no-repeat; background-position:top left; font-style:normal; } textarea.txt_form_bottom { background-color:#ffffff; color:#969696; font-size:14px; font-family: 'PT Sans', Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; width:333px; height:80px; margin:0 0 20px 0; padding-left:30px; float:left; display:inline; position:relative; background-repeat:no-repeat; background-position:top left; font-style:italic; } .bgdiv_con_100{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; /*z-index:3;*/ background-color:transparent; } .bgdiv_con_100_lightgrey{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:60px 0 60px 0; z-index:3; background-color:#f5f5f5; } .bgdiv_con_100_gruen{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; z-index:3; background-color:#97bf0d; } .bgdiv_con_100_black{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:40px 0 33px 0; z-index:3; background-color:#3c3c3c; } .bgdiv_con_100_maps{ float:left; position:relative; display:inline; margin:0 0 0 0; padding:0 0 0 0; width:100%; } .bgdiv_footer_maps iframe { pointer-events: none; width: 100%; } .bgdiv_con_100_grau{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:60px 0 60px 0; background-color:#f0f0f0; } .bgdiv_con_100_nicecon{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:60px 0 60px 0; background-repeat:no-repeat; background-position:bottom center; background-color:#fff; } .bgdiv_con_100_bread{ float:left; position:relative; display:inline; width:100%; margin:-50px 0 0 0; padding:16px 0 0 0; height:34px; z-index:999; } .bgdiv_con_100_bread div{ color:#ffffff; font-size:16px; line-height:17px; } .box_einklinker{ width:50px; height:285px; position:fixed; top:310px; left:0px; text-align:left; font-size:18px; color:#ffffff; z-index:1000; background-color:#d9dadb; padding:0 0 0 10px; } .bgdiv_footer_maps iframe{ pointer-events: none; } .bgdiv_con_100_footer_z1{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; } .footer_z1_sp1{ color:#606060; } .bgdiv_con_100_footer_z2{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:8px 0 8px 0; background-color:#323232; } .footer_z2_sp1, .footer_z2_sp2{ color:#ffffff; } .bgdiv_con_center{ margin:0 auto; padding:0px; text-align:left; } .txt_center{ text-align:center; } .txt_right{ text-align:right; } .rahmen { border:1px solid #c5c5c5; } .sp_100p{ margin:0 0 0 0; padding:0 0 0 0; width:100%; } .sp_50p{ padding:0px; text-align:left; } .trenner_con_100{ float:left; display:inline; position:relative; width:100%; height:1px; margin:0 0 0 0; background-color:#d9dadb; } .anfahrt iframe{ width:100%; } .iconbox_start:hover .h3_iconbox{ color:#da041c; } .bgdiv_con_100_infotext_02_start{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:80px 0 80px 0; } .div_infotext_02_start{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; } .baugrund_z_hell{ background-color:#ffffff; padding:15px 0 15px 0; cursor:pointer; } .baugrund_z_hell:hover div{ color:#da041c; } .baugrund_z_dunkel{ background-color:#f0f0f0; padding:15px 0 15px 0; cursor:pointer; } .baugrund_z_dunkel:hover div{ color:#da041c; } .icon_location{ background-image:url(../images/ico_location.png); background-position:top left; background-size:15px 20px; background-repeat:no-repeat; } .icon_time{ background-image:url(../images/ico_time.png); background-position:top left; background-size:20px 20px; background-repeat:no-repeat; } .qualitaet_pic{ background-image:url(../images/qualitaet.png); background-position:center center; background-size:80%; background-repeat:no-repeat; } .zertifikat_haendler{ background-image:url(../images/zertifikat_haendler.png); background-position:center center; background-size:70%; background-repeat:no-repeat; } .bg_nav_top_02{ margin-top:11px; } /* ColorBox */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } .font18{ font-size:18px; } .strong_prod{ font-size:18px; color:#646464; font-weight:600; } button.iframe_vid { position: absolute; top: 106px; padding: 12px; left: 174px; } .bgdiv_con_100_video{ width:100%; padding:0 0 0 0; position:relative; float:left; display:inline; background-size:cover; background-position:relative; background-repeat:no-repeat; } .bgdiv_con_100_video_overlay{ width:100%; height:100%; background-color:rgba(0, 0, 0, 0.65); padding:60px 0; position:relative; float:left; display:inline; } /* scrollable 100 % */ #slider, #items > div, #items > div > div{ /*height:500px;*/ text-align:center; } #slider{ width: 100%; margin: 0 auto; overflow: hidden; position:relative; /*height:500px;*/ } #items{ width: 2000em; position: absolute; } #items > li, #items > div{ float: left; overflow: visible; } #items > div > div{ margin: 0 auto; background: #f4f4f4; background-position:top center; background-repeat:no-repeat; } #slide-1{ background-color:black; } #items > div > div{ width: 100%; } #navigation-wrapper { padding:0 0 0 0; width: 110px; } /* end - scrollable 100 % */ /* projekt-styles :: start */ .info_top_tel{ background-image:url(../images/ico_tel.png); background-size:20px 20px; background-position:left center; background-repeat:no-repeat; padding:0 0 0 30px; margin-top:20px; margin-left:40px; padding-top:2px; } .info_top_mail{ background-image:url(../images/ico_mail.png); background-size:29px 19px; background-position:left center; background-repeat:no-repeat; padding:0 0 0 40px; margin-top:20px; margin-left:40px; padding-top:2px; } .info_top_pin{ background-image:url(../images/ico_pin.png); background-size:16px 20px; background-position:left center; background-repeat:no-repeat; padding:0 0 0 25px; margin-top:20px; margin-left:0px; padding-top:2px; } .bgdiv_nav_top_z1{ width:100%; margin:0 0 0 0; padding:0 0 0 0; height:40px; border-bottom:1px solid #eeeeee; z-index:10; } .bgdiv_nav_top_z1_links{ margin:0 0 0 0; padding:0 0 0 0; } .bgdiv_nav_top_z2{ width:100%; margin:0px 0 0 0; padding:0 0 0 0; height:102px; background-color:#fff; border-bottom:0px solid #dcdcdc; z-index:10; } .nav_z2_left{ width:925px; height:59px; margin:0; background-color:#323232; } .nav_z2_right{ /*width:275px;*/ height:59px; margin:0; background-color:#e41a23; } .go_home_ico img{ margin:2px 40px 0 0; } .bgdiv_nav_top_z3{ width:100%; margin:0 0 0 0; padding:0 0 0 0; height:100px; background-color:#fff; z-index:10; } .bgdiv_nav_scroll{ float:left; position:fixed; top:0px; left:0px; display:none; width:100%; margin:0 0 0 0; padding:0 0 0 0; height:140px; background-color:#fff; z-index:999; border-bottom:3px solid #d9dadb; } .nav_scroll_logo{ width:119px; height:62px; margin:20px 0 0 0; padding:0 0 0 0; } /* galery allg. */ .gal_hover_circle{ width:48px; height:48px; background-color:#e41a23; border:1px solid #e41a23; } .gal_hover_circle img{ width:20px; height:20px; margin:14px 14px; transition: all 0.3s ease-in-out 0s; } .box_gal_hover:hover .gal_hover_circle img{ /* transform: rotate(90deg); transition: all 0.5s ease-in-out 0s;*/ } .box_gal_hover{ background-color:rgba(50, 50, 50, 0.8); display:none; } .box_gal:hover .box_gal_hover{ display:inline; } .box_gal2_hover{ background-image:url(../images/bg_abdecker_lupe.png); background-repeat:no-repeat; background-position:center center; display:none; } .box_gal2_pic img{ -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity:0.3; } .box_gal2:hover .box_gal2_hover{ display:inline; } .box_gal2:hover .box_gal2_pic img{ -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,#grayscale"); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); opacity:1; } /* springender pfeil :: start */ @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .arrow { position: fixed; bottom: 0px; left: 50%; margin-left: -20px; width: 40px; height: 22px; background-image: url(../images/icon_pfeil_down.png); background-size: contain; z-index:999; } .arrow img { width: 40px; height: 22px; } .bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } /* springender pfeil :: ende */ .free-wall { margin: 0px; } .brick { width: 268px; margin:0 40px 40px 0; background-color:#ffffff; border:1px solid #d9dadb; } .info { padding: 20px; color: #323232; } .brick img { margin: 0px; padding: 0px; display: block; } .brick { color: #333; border:1px solid #d9dadb; } .brick .img { width: 100%; max-width: 100%; display: block; } .brick h3, .brick h5 { text-shadow: none; } /* styles für news-dropdown :: start */ .news_drop_box{ width:880px; padding:10px; } .news_drop_txt{ margin-left:20px; width:600px; padding-top:10px; color:#ffffff; } /* styles für news-dropdown :: ende */ .nav, .nav ul { list-style: none; margin: 0; padding: 0; z-index:999; font-style:normal; } .nav { z-index: 999; position: relative; } .nav li{ margin:0 0 0 0; } .nav ul { list-style: none; margin: 0; position: absolute; top: -999px; left: 1px; z-index: 999; } .nav li:hover ul, .nav li.sfHover ul { top: 47px; padding:10px 25px 5px 20px; z-index: 999; margin:-7px 0 0 0; border:1px solid #c8c8c8; background-image:yellow; background-repeat:repeat; } .nav ul li { border: 0; float: none; z-index: 1001; } /* Mouseover in der Navi */ .nav:hover #navdrop_active { font-family: 'Fira Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #ffffff; font-weight: normal; margin:9px 0 0 0; padding:0 15px 14px 0; text-decoration:none; float:right; display:inline; position:relative; text-transform:uppercase; background-repeat:no-repeat; background-position:right 10px; background-color:blue; } .nav2, .nav2 ul { list-style: none; margin: 0; padding: 0; z-index:9999; font-style:normal; } .nav2 { z-index: 9999; position: relative; } .nav2 li{ margin:0 0 0 0; } .nav2 ul { list-style: none; margin: 0; position: absolute; top: -999px; left: 1px; z-index: 9999; } .nav2 li:hover ul, .nav2 li.sfHover ul { top: 47px; padding:5px 20px 10px 20px; z-index: 9999; left:1px; margin:-7px 0 0 0; border-top:1px solid #f5f5f5; background-color:#fff; background-repeat:repeat; } .nav2 li:hover ul.ul_nav2_margin, .nav2 li.sfHover ul.ul_nav2_margin { top: 111px; padding:5px 20px 10px 20px; z-index: 1002; left:1px; margin:-7px 0 0 0; border-top:1px solid #f5f5f5; background-color:#fff; background-repeat:repeat; } .nav2 ul li { border: 0; float: none; z-index: 9999; } /* Mouseover in der Navi */ .nav2:hover #navdrop_active { font-family: 'Fira Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color: #ffffff; font-weight: normal; margin:0 0 0 0; padding:76px 10px 30px 10px; text-decoration:none; float:right; display:inline; position:relative; text-transform:uppercase; background-repeat:no-repeat; background-position:center right; background-color:red; font-style:italic; }