/* fira-sans-extra-condensed-300 - latin */ @font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 300; src: url('../fonts/fira-sans-extra-condensed-v10-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira-sans-extra-condensed-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira-sans-extra-condensed-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira-sans-extra-condensed-v10-latin-300.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-extra-condensed-regular - latin */ @font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 400; src: url('../fonts/fira-sans-extra-condensed-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira-sans-extra-condensed-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira-sans-extra-condensed-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira-sans-extra-condensed-v10-latin-regular.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-extra-condensed-500 - latin */ @font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 500; src: url('../fonts/fira-sans-extra-condensed-v10-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira-sans-extra-condensed-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira-sans-extra-condensed-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira-sans-extra-condensed-v10-latin-500.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-extra-condensed-600 - latin */ @font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 600; src: url('../fonts/fira-sans-extra-condensed-v10-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira-sans-extra-condensed-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira-sans-extra-condensed-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira-sans-extra-condensed-v10-latin-600.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-extra-condensed-700 - latin */ @font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 700; src: url('../fonts/fira-sans-extra-condensed-v10-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira-sans-extra-condensed-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira-sans-extra-condensed-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira-sans-extra-condensed-v10-latin-700.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-extra-condensed-800 - latin */ @font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 800; src: url('../fonts/fira-sans-extra-condensed-v10-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira-sans-extra-condensed-v10-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira-sans-extra-condensed-v10-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira-sans-extra-condensed-v10-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira-sans-extra-condensed-v10-latin-800.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */ } body { position:absolute; top:0; left:0; margin:0px; padding:0px; width: 100%; height:100%; color:#969696; background-color:#ffffff; background-image:url(../images/bg_body.png); background-position:top center; background-repeat:repeat-y; } ::-moz-selection { color: #fff; background: #f39400; } ::selection { color: #fff; background: #f39400; } .bg_index{ background-color:#fff; } 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 */ .scrollicon{ text-align: center; text-decoration:none; width:50px; height:50px; position:fixed; bottom:60px; right:60px; display:none; border:0px solid #333; z-index:1001; text-decoration:none; background-image: url(../images/scrollicon.png); background-repeat: no-repeat; } .scrollicon div{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-weight:bold; font-size:28px; color:#ffffff; padding-top:18px; } #nav_waypoint:hover { opacity:1; } .head_box_leistungen_orange{ color:#f39400; } a { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:36px; font-weight:normal; outline:0; } a:link { text-decoration: none; color: #949395; } a:active { text-decoration: none; color: #f39400; } a:visited { text-decoration: none; color: #949395; } a:hover { text-decoration: none; color: #f39400; -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_mitte { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; font-weight:normal; outline:0; border-bottom:2px solid #f39400; padding:0 0 10px 0; text-align:center;} a.link_mitte:link { text-decoration: none; color: #1a171c; } a.link_mitte:active { text-decoration: none; color: #f39400; } a.link_mitte:visited { text-decoration: none; color: #1a171c; } a.link_mitte:hover { text-decoration: none; color: #f39400; -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_mitte_2 { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; font-weight:normal; outline:0; border-bottom:2px solid #f39400; padding:0 0 10px 0; text-align:center;} a.link_mitte_2:link { text-decoration: none; color: #fff; } a.link_mitte_2:active { text-decoration: none; color: #f39400; } a.link_mitte_2:visited { text-decoration: none; color: #fff; } a.link_mitte_2:hover { text-decoration: none; color: #f39400; -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_weiss { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:normal; outline:0; } a.a_weiss:link { text-decoration: none; color: #fff; } a.a_weiss:active { text-decoration: none; color: #fff; } a.a_weiss:visited { text-decoration: none; color: #fff; } a.a_weiss:hover { text-decoration: underline; 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[href^="tel"] { text-decoration: none; cursor: default; color: #949395; } a[href^="mailto"] { color: #949395; } a[href^="mailto"]:hover { color: #f39400; text-decoration:none; } /* begin content-links fuer funktionen */ a.f_link_www:link, a.f_link_www:visited { font-size:16px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; margin:5px 0 5px 7px; padding:0 0 0 23px; float:left; display:inline; position:relative; background-image:url(../images/icon_pfeil_link.png); background-position:5px center; background-repeat:no-repeat; clear:both; } a.f_link_www:hover, a.f_link_www:active { font-size:16px; line-height:24px; color: #c00418; font-weight: normal; text-decoration:none; margin:5px 0 5px 7px; padding:0 0 0 23px; float:left; display:inline; position:relative; background-image:url(../images/icon_pfeil_link.png); background-position:5px center; background-repeat:no-repeat; clear:both; } a.f_link_file:link, a.f_link_file:visited { font-size:16px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; margin:5px 0 5px 4px; padding:0 0 0 27px; float:left; display:inline; position:relative; background-image:url(../images/icon_download.png); background-position:center left; background-repeat:no-repeat; clear:both; } a.f_link_file:hover, a.f_link_file:active { font-size:16px; line-height:24px; color: #c00418; font-weight: normal; text-decoration:none; margin:5px 0 5px 4px; padding:0 0 0 27px; float:left; display:inline; position:relative; background-image:url(../images/icon_download.png); background-position:center left; background-repeat:no-repeat; clear:both; } a.f_link_pdf:link, a.f_link_pdf:visited { font-size:16px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; margin:5px 0 5px 4px; padding:0 0 0 26px; float:left; display:inline; position:relative; background-image:url(../images/icon_pdf.png); background-position:center left; background-repeat:no-repeat; clear:both; } a.f_link_pdf:hover, a.f_link_pdf:active { font-size:16px; line-height:24px; color: #c00418; font-weight: normal; text-decoration:none; margin:5px 0 5px 4px; padding:0 0 0 26px; float:left; display:inline; position:relative; background-image:url(../images/icon_pdf.png); background-position:center left; background-repeat:no-repeat; clear:both; } a.f_link_vid:link, a.f_link_vid:visited { font-size:16px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; margin:5px 0 0 5px; padding:0 0 0 25px; float:left; display:inline; position:relative; background-image:url(../images/icon_youtube.png); background-position:left 4px; background-repeat:no-repeat; clear:both; } a.f_link_vid:hover, a.f_link_vid:active { font-size:16px; line-height:24px; color: #c00418; font-weight: normal; text-decoration:none; margin:5px 0 0 5px; padding:0 0 0 25px; float:left; display:inline; position:relative; background-image:url(../images/icon_youtube.png); background-position:left 4px; background-repeat:no-repeat; clear:both; } /* end content-links */ a.c_link:link, a.c_link:visited { font-size:16px; line-height:24px; color: #2d2d2b; font-weight: normal; text-decoration:none; } a.c_link:hover, a.c_link:active { font-size:16px; line-height:24px; color: #f39400; font-weight: normal; text-decoration:none; } a.c_link_gruen:link, a.c_link_gruen:visited { font-size:16px; line-height:24px; color: #f39400; font-weight: bold; text-decoration:none; } a.c_link_gruen:hover, a.c_link_gruen:active { font-size:16px; line-height:24px; color: #ffffff; font-weight: bold; text-decoration:underline; } a.c_link_grau:link, a.c_link_grau:visited { font-size:16px; line-height:24px; color: #646464; font-weight: normal; text-decoration:none; } a.c_link_grau:hover, a.c_link_grau:active { font-size:16px; line-height:24px; color: #c00418; font-weight: normal; text-decoration:none; } a.c_link_weiss:link, a.c_link_weiss:visited { font-size:18px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:none; } a.c_link_weiss:hover, a.c_link_weiss:active { font-size:18px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:underline; } a.c_link_sb:link, a.c_link_sb:visited { font-size:15px; line-height:24px; color: #646464; font-weight: bold; text-decoration:none; float:left; display:inline; position:relative; margin:0 0 0 0; padding:0 0 0 0; } a.c_link_sb:hover, a.c_link_sb:active { font-size:15px; line-height:24px; color: #752131; font-weight: bold; text-decoration:none; float:left; display:inline; position:relative; margin:0 0 0 0; padding:0 0 0 0; } a.c_link_more:link, a.c_link_more:visited { font-size:16px; line-height:24px; color: #2d2d2b; font-weight: normal; text-decoration:none; margin:5px 0 0 0; padding:0 0 0 24px; float:left; display:inline; position:relative; background-image:url(../images/icon_pfeil_link.png); background-position:5px center; background-repeat:no-repeat; clear:both; } a.c_link_more:hover, a.c_link_more:active { font-size:16px; line-height:24px; color: #f39400; font-weight: normal; text-decoration:none; margin:5px 0 0 0; padding:0 0 0 24px; float:left; display:inline; position:relative; background-image:url(../images/icon_pfeil_link.png); background-position:5px center; background-repeat:no-repeat; clear:both; } a.c_link_more_weiss:link, a.c_link_more_weiss:visited { font-size:16px; line-height:24px; color: #f0f0f0; font-weight: normal; text-decoration:none; margin:5px 0 0 0; padding:0 0 0 15px; float:right; display:inline; position:relative; background-image:url(../images/icon_pfeil_link_weiss.png); background-position:left 10px; background-repeat:no-repeat; clear:both; } a.c_link_more_weiss:hover, a.c_link_more_weiss:active { font-size:16px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:underline; margin:5px 0 0 0; padding:0 0 0 15px; float:right; display:inline; position:relative; background-image:url(../images/icon_pfeil_link_weiss.png); background-position:left 10px; background-repeat:no-repeat; clear:both; } a.bread_link:link, a.bread_link:visited { font-size:16px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:none; margin:0 8px 0 0; padding:0 15px 0 0; float:left; display:inline; position:relative; background-image:url(../images/icon_pfeil_bread.png); background-position:right 6px; background-repeat:no-repeat; } a.bread_link:hover, a.bread_link:active { font-size:16px; line-height:24px; color: #969696; font-weight: normal; text-decoration:none; margin:0 8px 0 0; padding:0 15px 0 0; float:left; display:inline; position:relative; background-image:url(../images/icon_pfeil_bread.png); background-position:right 6px; background-repeat:no-repeat; } .bread_active{ font-size:16px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:none; margin:0 0 0 0; padding:0 0 0 0; float:left; display:inline; position:relative; } a.c_link_back:link, a.c_link_back:visited { font-size:18px; line-height:24px; color: #2d2d2b; font-weight: normal; text-decoration:none; margin:0 0 0 0; padding:0 0 0 15px; float:right; display:inline; position:relative; clear:both; } .orange{ color:#f39400; } a.c_link_back:hover, a.c_link_back:active { font-size:18px; line-height:24px; color: #f39400; font-weight: normal; text-decoration:none; margin:0 0 0 0; padding:0 0 0 15px; float:right; display:inline; position:relative; clear:both; } a.c_link_mail:link, a.c_link_mail:visited { font-size:16px; line-height:24px; color: #323232; font-weight: normal; text-decoration:none; margin:0 0 0 0; padding:0 27px 0 0; float:left; display:inline; position:relative; background-image:url(../images/icon_mail.png); background-position:center right; background-repeat:no-repeat; } a.c_link_mail:hover, a.c_link_mail:active { font-size:16px; line-height:24px; color: #c00418; font-weight: normal; text-decoration:none; margin:0 0 0 0; padding:0 27px 0 0; float:left; display:inline; position:relative; background-image:url(../images/icon_mail.png); background-position:center right; background-repeat:no-repeat; } a.link_tel_all:link, a.link_tel_all:visited, a.link_tel_all:hover, a.link_tel_all:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:36px; color: #949395; font-weight: normal; text-decoration:none; } a.link_tel_top:link, a.link_tel_top:visited, a.link_tel_top:hover, a.link_tel_top:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:15px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:none; background-image:url(../images/icon_tel.png); background-repeat:no-repeat; background-position:left center; margin:0 0 0 0; padding:0 0 0 13px; } a.link_mail_top:link, a.link_mail_top:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:15px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:none; background-image:url(../images/icon_mail.png); background-repeat:no-repeat; background-position:left center; margin:0 0 0 40px; padding:0 0 0 27px; text-decoration:none; } a.link_mail_top:hover, a.link_mail_top:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:15px; line-height:24px; color: #ffffff; font-weight: normal; text-decoration:none; background-image:url(../images/icon_mail.png); background-repeat:no-repeat; background-position:left center; margin:0 0 0 40px; padding:0 0 0 27px; text-decoration:underline; } a.nav_top_01:link, a.nav_top_01:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #1a171c; font-weight: 500; margin:0 30px 0 0; padding:0 0 7px 0; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border-bottom:2px solid #fff; } a.nav_top_01:hover, a.nav_top_01:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #1a171c; font-weight: 500; margin:0 30px 0 0; padding:0 0 7px 0; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border-bottom:2px solid #f39400; } a.nav_top_01_active:link, a.nav_top_01_active:visited, a.nav_top_01_active:hover, a.nav_top_01_active:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #1a171c; font-weight: 500; margin:0 30px 0 0; padding:0 0 7px 0; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border-bottom:2px solid #f39400; } .dropdown:hover a.nav_top_01{ border-bottom: 2px solid #f39400; } a.nav_top_01_drop:link, a.nav_top_01_drop:visited { background-image:url(../images/icon_nav_drop_weiss.png); background-position:right 15px; background-repeat:no-repeat; padding:9px 15px 13px 0; text-transform:uppercase; } a.nav_top_01_drop:hover, a.nav_top_01_drop:active { background-image:url(../images/icon_nav_drop_weiss.png); background-position:right 15px; background-repeat:no-repeat; padding:9px 15px 13px 0; text-transform:uppercase; } a.nav_top_01_sub:link, a.nav_top_01_sub:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #ffffff; font-weight: normal; margin:0 0 0 0; padding:15px 15px 15px 15px; text-decoration:none; float:left; display:inline; position:relative; z-index:1001; text-align:left; } a.nav_top_01_sub:hover, a.nav_top_01_sub:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color: #f39400; font-weight: normal; margin:0 0 0 0; padding:15px 15px 15px 15px; text-decoration:none; float:left; display:inline; position:relative; z-index:1001; text-align:left; } a.nav_top_03:link, a.nav_top_03:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #f39400; font-weight: 500; margin:0 0 0 20px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; text-transform:none; } a.nav_top_03:hover, a.nav_top_03:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #1a171c; font-weight: 500; margin:0 0 0 20px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; text-transform:none; } a.nav_top_02:link, a.nav_top_02:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #1a171c; font-weight: 500; margin:-14px 30px 0 0; padding:11px 20px 11px 20px; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border:1px solid #1a171c; } a.nav_top_02:hover, a.nav_top_02:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #f39400; font-weight: 500; margin:-14px 30px 0 0; padding:11px 20px 11px 20px; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border:1px solid #f39400; } 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: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #f39400; font-weight: 500; margin:-14px 30px 0 0; padding:11px 20px 11px 20px; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border:1px solid #f39400; } a.nav_top_02_scroll:link, a.nav_top_02_scroll:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; color: #2d2d2b; font-weight: normal; margin:23px 0 0 40px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; text-transform:none; border-top:0px solid #ffffff; } a.nav_top_02_scroll:hover, a.nav_top_02_scroll:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; color: #f39400; font-weight: normal; margin:23px 0 0 40px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; text-transform:none; border-top:0px solid #ffffff; } 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: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; color: #f39400; font-weight: normal; margin:23px 0 0 40px; padding:0 0 0 0; text-decoration:none; float:right; display:inline; position:relative; text-transform:none; border-top:0px solid #ffffff; } a.nav_bottom_01:link, a.nav_bottom_01:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #ffffff; font-weight: 300; text-decoration:none; } a.nav_bottom_01:hover, a.nav_bottom_01:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #ffffff; font-weight: 300; text-decoration:underline; } a.linkbox_rot:link, a.linkbox_rot:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; color: #fff; font-weight: normal; padding:15px 20px 15px 20px; margin:17px 0 0 0; text-transform:none; text-decoration:none; float:left; display:inline; position:relative; background-color:#f39400; border:1px solid #f39400; clear:both; } a.linkbox_rot:hover, a.linkbox_rot:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; color: #f39400; font-weight: normal; padding:15px 20px 15px 20px; margin:17px 0 0 0; text-transform:none; text-decoration:none; float:left; display:inline; position:relative; background-color:#fff; border:1px solid #f39400; clear:both; } a.linkbox_slogan:link, a.linkbox_slogan:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; color: #fff; font-weight: 300; padding:0; margin:17px 0 20px 0; text-transform:none; text-decoration:none; float:left; display:inline; position:relative; clear:both; } a.linkbox_slogan:hover, a.linkbox_slogan:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; color: rgba(255,255,255,0.5); font-weight: 300; padding:0; margin:17px 0 20px 0; text-transform:none; text-decoration:none; float:left; display:inline; position:relative; clear:both; } a.linkbox_gruen:link, a.linkbox_gruen:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; color: #ffffff; font-weight: normal; padding:13px 20px 12px 20px; margin:20px 20px 0 0; text-decoration:none; float:left; display:inline; position:relative; background-color:#f39400; border:1px solid #f39400; } a.linkbox_gruen:hover, a.linkbox_gruen:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; color: #f39400; font-weight: normal; padding:13px 20px 12px 20px; margin:20px 20px 0 0; text-decoration:none; float:left; display:inline; position:relative; background-color:#ffffff; border:1px solid #f39400; } a.linkbox_grau:link, a.linkbox_grau:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #1a171c; font-weight: 500; margin:-14px 30px 0 0; padding:11px 20px 11px 20px; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border:1px solid #1a171c; } a.linkbox_grau:hover, a.linkbox_grau:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #f39400; font-weight: 500; margin:-14px 30px 0 0; padding:11px 20px 11px 20px; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border:1px solid #f39400; } .box_news:hover a.linkbox_grau{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #f39400; font-weight: 500; margin:-14px 30px 0 0; padding:11px 20px 11px 20px; text-decoration:none; float:left; display:inline; position:relative; text-transform:none; border:1px solid #f39400; } a.linkbox_weiss:link, a.linkbox_weiss:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; color: #c00418; font-weight: normal; padding:13px 20px 12px 20px; margin:20px 0 0 0; text-decoration:none; float:left; display:inline; position:relative; background-color:#ffffff; border:1px solid #ffffff; clear:both; } a.linkbox_weiss:hover, a.linkbox_weiss:active { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; color: #ffffff; font-weight: normal; padding:13px 20px 12px 20px; margin:20px 0 0 0; text-decoration:none; float:left; display:inline; position:relative; background-color:#c00418; border:1px solid #ffffff; clear:both; } a.c_link_gr:link, a.c_link_gr:visited { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #2d2d2b; 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: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color: #f39400; font-weight: normal; text-decoration:none; margin:0 0 0 0; float:left; display:inline; position:relative; } .nicecon_sub_con_100:hover a.c_link_gr{ color: #f39400; } /* dropdown navi sprachwahl :: start */ .nav_lan, .nav_lan ul { list-style: none; margin: 0; padding: 0; z-index:1001; font-style:normal; } .nav_lan li{ margin:0 0 0 0; } .nav_lan ul { list-style: none; margin: 0; position: absolute; top: -999px; right: 0px; z-index: 1001; } .nav_lan li:hover ul{ top: 40px; padding:0 0 0 0; z-index: 1001; right:0px; margin:0 0 0 0; background-color:#2d2d2b; } /* dropdown navi sprachwahl :: ende */ h1{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:40px; color: #1a171c; font-weight:700; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none;} h1.marker{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:40px; color: #1a171c; font-weight:600; margin:0 0 0 0; padding:0 0 30px 0; word-wrap: break-word; text-transform:none; background-image:url("../images/trenner_obx_index.png"); background-repeat:no-repeat; background-position:bottom left;} h1.h1_marker{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; color: #2d2d2b; font-weight:normal; margin:0 0 33px 0; padding:0 0 14px 0; word-wrap: break-word; background-image:url("../images/marker_headline_dark.png"); background-repeat:no-repeat; background-position:bottom left; } h1.h1_weiss{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; color: #ffffff; font-weight:normal; margin:0 0 6px 0; padding:0 0 0 0; word-wrap: break-word; } .h1_gruen{ color:#f39400; font-weight:bold; } .h1_bold{ font-weight:bold; } h2{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:22px; line-height:24px; color: #323232; font-weight:800; margin:0 0 15px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } h2.h2_slogan{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:40px; line-height:42px; color: #ffffff; font-weight:700; margin:0 0 0 0; padding:12px 0 0 0; word-wrap: break-word; text-transform:none; } h2.h2_gal_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; color: #1a171c; font-weight:normal; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } h2.h2_cta_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; color: #1a171c; font-weight:normal; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } h3{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:28px; line-height:36px; color: #2d2d2b; font-weight:300; margin:0 0 18px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; } h3.h3_slogan{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:40px; line-height:24px; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } h3.h3_h1_marker{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; color: #2d2d2b; font-weight:normal; margin:0 0 33px 0; padding:0 0 14px 0; word-wrap: break-word; background-image:url("../images/marker_headline_dark.png"); background-repeat:no-repeat; background-position:bottom left; text-transform:none; } h3.h3_galery{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; color: #2d2d2b; font-weight:normal; margin:0 0 20px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } h3.h3_h1{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; color: #2d2d2b; font-weight:normal; margin:0 0 33px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } h3.h3_testimonial_marker{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; color: #ffffff; font-weight:normal; margin:0 0 33px 0; padding:0 0 14px 0; word-wrap: break-word; background-image:url("../images/marker_headline_light.png"); background-repeat:no-repeat; background-position:bottom left; text-transform:none; } h4{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #323232; font-weight:bold; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word;} h4.h4_teaser{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:24px; line-height:26px; color: #ffffff; font-weight:bold; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; } h4.h4_news{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:24px; line-height:26px; color: #323232; font-weight:normal; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } .h4_gruen{ color:#f39400; font-weight:bold; } h5{ font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #2d2d2b; font-weight:bold; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word;} p,div { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:18px; line-height:36px; font-weight:normal; color:#949395; margin-top:0px; padding-top:0px; word-wrap: break-word;} td { font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#2d2d2b; 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;} .bg_clear{ clear:both; } .topdiv { padding:0px; margin:0px; height:100%; width:100%; position:absolute; top:0px; } .toptab { height:100%; width:100%; padding:0px; margin:0px; } .dropdown { position: relative; display: inline-block; float:left; z-index:999; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 220px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); z-index: 1; margin-top: 33px; left: -13px; } .dropdown2 { position: relative; display: inline-block; float:right; z-index:999; } /* Dropdown Content (Hidden by Default) */ .dropdown-content2 { display: none; position: absolute; background-color: #f1f1f1; min-width: 220px; box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.4); z-index: 1; margin-top:70px; left:20px; } /* Links inside the dropdown */ .dropdown-content a { color: #2d2d2b; padding: 12px 16px; text-decoration: none; display: block; text-transform:none; } .dropdown-content2 a { color: #2d2d2b; padding: 12px 16px; text-decoration: none; display: block; text-transform:none; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #c7c7c7;} .dropdown-content2 a:hover {background-color: #c7c7c7;} .drop_active {background-color: #c7c7c7;} .dropdown2:hover a.nav_top_02_scroll{ color:#f39400; } .dropdown-content:hover a.nav_top_01{ border-bottom: 2px solid #f39400; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;} .dropdown2:hover .dropdown-content2 {display: block;} /* formular :: start */ input{ background-color:#f5f5f5; color:#646464; font-size:16px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; border:0px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin:0 40px 20px 0; padding:8px 0 8px 8px; float:left; display:inline; position:relative; font-style:italic; } input.foot{ background-color:transparent; color:#fff; font-size:18px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; border:0px solid #dcdcdc; border-bottom:1px solid #f9ca80; margin:0 40px 20px 0; padding:12px 0 12px 8px; float:left; display:inline; position:relative; font-style:normal; } textarea.foot { background-color:transparent; color:#fff; font-size:18px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; border:0px solid #dcdcdc; border-bottom:1px solid #f9ca80; margin:0 0 20px 0; padding:12px 0 12px 8px; resize:none; display:inline; position:relative; background-repeat:no-repeat; background-position:top left; font-style:normal; } select { background-color:#f5f5f5; color:#646464; font-size:16px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; border:0px solid #aaaaaa; border-bottom:1px solid #dcdcdc; 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:transparent; 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; } input.checkbox_in_foot { background-color:transparent; color:#f0f0f0; font-size:15px; font-family: Arial, Helvetica, sans-serif; border:0px solid #e2e2e2; border-radius:2px; width:14px; height:14px; margin:4px 15px 10px 0; } .button { background-color:#f39400; color:#ffffff; font-size:16px; line-height:17px; font-weight:normal; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; border:0px solid #f39400; width:120px; height:44px; float:right; font-style:normal; padding:0px; cursor:pointer; } .button_foot{ background-color:transparent; color:#ffffff; font-size:18px; line-height:24px; font-weight:normal; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; border:1px solid #fff; width:120px; height:44px; float:right; font-style:normal; padding:0px; cursor:pointer; margin:0; } .button_foot:hover{ background-color:#fff; color:#f39400; font-size:18px; line-height:24px; font-weight:normal; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; border:1px solid #fff; width:120px; height:44px; float:right; font-style:normal; padding:0px; cursor:pointer; -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; margin:0; } input.foot::placeholder{ color: #fff !important; opacity:1; } textarea.foot::placeholder{ color: #fff !important; opacity:1; } .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:#f5f5f5; color:#646464; font-size:16px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; border:0px solid #dcdcdc; border-bottom:1px solid #dcdcdc; width:310px; height:142px; margin:0 0 20px 0; padding:8px; float:left; display:inline; position:relative; background-repeat:no-repeat; background-position:top left; font-style:italic; } /* formular :: ende */ /* cookie hinweis :: start */ .cc_container .cc_btn { background-color: #f39400 !important; /* Farbe des Buttons */ color: #ffffff !important; /* Textfarbe des Buttons */ } .cc_container { background: #ffffff !important; /* Hintergrundfarbe des gesamten Bereichs */ color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */ } .cc_container a { color: #f39400 !important; /* Textlink-Farbe "Mehr Infos" */ } /* cookie hinweis :: ende */ ul{ padding:0 0 0 10px; margin:5px 0 15px 10px; list-style-image:url(../images/icon_bullet_nicecon.png); line-height:24px; color:#323232; display:block; font-style:normal; } ul li { margin:0 0 5px 10px; } a.font24{ font-size:24px; color:#fff; } .bgdiv_con_100{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; } .bgdiv_con_100_dark{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-color:#2d2d2b; overflow:hidden; } .bgdiv_con_100_footer_z1{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-image:linear-gradient(135deg, #c92a1b 0%, #f39400 50%); height:56px; } .bgdiv_con_100_grau{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-color:#f5f5f5; } .bgdiv_con_100_rot{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-image:linear-gradient(135deg, #c92a1b 0%, #f39400 50%); } .bgdiv_con_100_footer{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-color:#1e1e1e; } .bgdiv_con_center{ margin:0 auto; padding:0px; text-align:left; } .bgdiv_con_center_1500{ margin:0 auto; padding:0px; text-align:left; } .rahmen_overflow{ overflow:hidden; } .sp_100p{ margin:0 0 0 0; padding:0 0 0 0; width:100%; } .sp_100p_box_green{ margin:0 0 0 0; padding:10px; width:100%; box-sizing:border-box; background-color:#78ad5f; } .sp_100p_box_red{ margin:0 0 0 0; padding:10px; width:100%; box-sizing:border-box; background-color:#c00418; } .kursiv{ font-style:italic; } .weiss{ color:#ffffff; } .rot{ color:#f39400; } .rot_plus{ color:#f39400; font-size:24px; } .gruen{ color:#78ad5f; } .txt_center{ text-align:center; } .txt_bold{ font-weight:bold; } .txt_small{ font-size:14px; } .top_z2_navi{ margin:25px 0 0 0; } .span_top{ color:#767675; font-size:16px; font-weight:normal; line-height:33px; } .font_top{ color:#2d2d2b; font-size:16px; font-weight:normal; line-height:22px; } /* projekt :: start */ .welcome_abdecker{ width:100%; height:100%; background-image:url(../images/bg_abdecker_grau50.png); background-repeat:repeat; } .welcome_abdecker:hover{ background-image:none; } .top_navi_mobi_100{ background-color:#ffffff; } .bgdiv_nav_top_z1{ padding:0 0 0 0; float:left; display:inline; position:relative; background-color:#2b2a29; height:51px; } .top_z1_kontakt{ margin-top:7px; } .top_z1_navi{ } .bgdiv_nav_top_z3{ padding:0 0 0 0; height:60px; background-color:#f39400; margin:-30px auto 0 auto; } .bgdiv_nav_top_z2{ padding:0 0 0 0; float:left; display:inline; position:relative; height:130px; z-index:999; } .nav_top_logo{ width:95px; height:100px; margin:20px 0 0 0; padding:0 0 0 0; } .nav_top_logo img{ width:95px; } .nav_top_z1_links_1{ margin:0 0 0 0; height:52px; } .nav_top_z1_links_2{ clear:right; margin:0 0 0 0; } /* scroll-navi :: start*/ .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:69px; background-color:#ffffff; z-index:1001; border-bottom:1px solid #dcdcdc; } .nav_top_logo_scroll{ width:50px; margin:9px 0 0 0; padding:0 0 0 0; height:50px; } .nav_top_logo_scroll img{ width:50px; } .nav_top_links_scroll{ margin:0 0 0 0; } /* scroll-navi */ .trenner_con_100{ float:left; display:inline; position:relative; width:100%; height:1px; margin:35px 0 40px 0; background-color:#ebebeb; } .breadcrumb{ border-bottom:1px solid #ebebeb; padding:0 0 0 0; font-size:14px; line-height:16px; color:#1e1e1e; height:50px; } .breadcrumb div{ font-size:14px; line-height:16px; color:#1e1e1e; margin:16px 0 0 0; } .preis_alt{ font-size:14px; color:#c00418; text-decoration:line-through; } /* projekt :: ende */ /* 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:99999999; 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;} /* responsive menu */ .menu { float: left; overflow-y:auto; border-top:1px solid #ebebeb; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .menu ul { padding: 0px; margin: 0px; list-style: none; position: relative; display: inline-table; z-index:9999; } .menu > li > ul.sub-menu { min-width: 10em; padding: 4px 0; background-color: #00f0f0; border: 1px solid #ffffff; z-index:9999; } .menu ul li { padding: 0px; margin: 0px; } .menu > ul > li { display: inline-block; } .menu ul li a { display: block; text-decoration: none; color: #fff; font-size: 18px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; text-transform:none; line-height:20px; } .menu ul li > a { height:20px; padding: 20px; } .menu ul ul { display: none; position: absolute; top:100%; min-width: 160px; background-color: #f0f0f0; border: 1px solid #f0f0f0; } .menu ul li:hover > ul { display: block; } .menu ul ul > li { position: relative; } .menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f0f0f0; } .menu ul ul > li a:hover { background-color: #646464; color: #ffffff; } .menu ul ul > li a.sub1active { background-color: #646464; color: #ffffff; } .menu ul ul ul { position: absolute; left: 100%; top:0; } /* ende responsive menu */ /*.container { width:100%; z-index:10000; display:inline; float:right; position:relative;}*/ .logo_resp{ height:50px; } a.menu-link { display: block; color: #1e1e1e; float: left; text-decoration: none; padding: 16px 0 10px 0;} .menu { clear: both; min-width: inherit; float: none; background:#f39400; } .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #d4edfc; } .menu, .menu > ul ul ul { overflow: hidden; max-height: 0; background-color: #ffffff; } .menu > li > ul.sub-menu { padding: 0px; border: none; } .menu.active, .menu > ul ul.active { max-height: 4000px; height:90%; } .menu ul { display: inline; } .menu > ul { border-top: 0px solid #f0f0f0; } .menu li, .menu > ul > li { display: block; } .menu li a { color: #ffffff; display: block; padding: 0; border-bottom: 1px solid #ffffff; position: relative; background:#2b2a29; } .menu li a:hover { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#f39400; } .menu li a.nav_res_sub2:hover { padding-left:40px; font-style:italic; } .menu li a.menu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#f39400; } .menu li a.has-submenu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#2d2d2d; } .menu ul ul > li a:hover { background-color: #646464; color: #ffffff; } .menu li.has-submenu > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 20px; } .menu li.has-submenu2 > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 20px; } .menu li.has-submenu > a.active:after { content: "-"; } .menu li.has-submenu2 > a.active:after { content: "-"; } .menu ul ul > li a { background: #ffffff; color:#323232; height:20px; padding: 20px; border-bottom: 1px solid #f0f0f0; } .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; } .menu ul ul ul > li a { background: #ffffff; color:#1e1e1e; height:20px; padding: 20px; border-bottom: 1px solid #f0f0f0; } .a_sub{ font-family:'Fira Sans Extra Condensed'; text-transform:none; } .free-wall { margin: 0px; } .brick { width: 268px; margin:0 40px 40px 0; background-color:#ffffff; border:1px solid #dcdcdc; } .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; } a.i_foot{ font-size:18px; color:#f39400; } a.i_foot:hover{ font-size:18px; color:#2d2d2b; } .gelb_data a{ color:#fff; } .gelb_data a:hover{ color:#fff; text-decoration: underline; } .eudsgvo { position: fixed; height: 200px; bottom: 0px; left: 0px; right: 0px; background: rgba(45,45,45,0.96); /* color: rgba(255,255,255,1); */ color: #FFFFFF; z-index: 9999999999; } .eudsgvo h1 { font-size:20px; } .eudsgvo_txt{ font-size:14px; line-height:16px; width:98%; left:2%; top:60px; color:#fff; position:absolute; } .eudsgvo_btn{ font-size:14px; line-height:16px; width:300px; left:2%; } .eudsgvo_txt a{ font-size:14px; line-height:16px; color:#fff; } @media only screen and (min-width: 20px){ .eudsgvo{ min-height: 370px; } .eudsgvo_btn_mit{ background-color:#f39400; border:1px solid #f39400; width:250px; color:#fff; padding:10px 10px; margin:0 10px 10px 0; font-size:14px; cursor:pointer; display:inline; } .eudsgvo_btn_mit:hover{ background-color:transparent; border:1px solid #f39400; width:250px; color:#fff; padding:10px 10px; margin:0 10px 10px 0; font-size:14px; cursor:pointer; display:inline; } .eudsgvo_btn_ohne{ background-color:transparent; border:1px solid #f39400; width:250px; color:#fff; padding:10px 10px; margin:0 10px 0 0; font-size:14px; cursor:pointer; display:inline; } .eudsgvo_btn_ohne:hover{ background-color:#f39400; border:1px solid #f39400; width:250px; color:#fff; padding:10px 10px; margin:0 10px 0 0; font-size:14px; cursor:pointer; display:inline; } } @media only screen and (min-width: 560px){ .eudsgvo{ min-height: 270px; } .eudsgvo_btn_mit{ background-color:#f39400; border:1px solid #f39400; width:250px; color:#fff; padding:10px 10px; margin:0 10px 0 0; font-size:14px; cursor:pointer; display:inline; } .eudsgvo_btn_mit:hover{ background-color:transparent; border:1px solid #f39400; width:250px; color:#fff; padding:10px 10px; margin:0 10px 0 0; font-size:14px; cursor:pointer; display:inline; } .eudsgvo_btn_ohne{ background-color:transparent; border:1px solid #f39400; width:250px; color:#fff; padding:10px 10px; margin:0 10px 0 0; font-size:14px; cursor:pointer; display:inline; } .eudsgvo_btn_ohne:hover{ background-color:#f39400; border:1px solid #f39400; width:250px; color:#fff; padding:10px 10px; margin:0 10px 0 0; font-size:14px; cursor:pointer; display:inline; } } @media only screen and (min-width: 750px){ .eudsgvo{ min-height: 240px; } .eudsgvo_btn_mit{ background-color:#f39400; border:1px solid #f39400; width:300px; color:#fff; padding:10px 10px; margin:0 20px 0 0; font-size:16px; cursor:pointer; display:inline; } .eudsgvo_btn_mit:hover{ background-color:transparent; border:1px solid #f39400; width:300px; color:#fff; padding:10px 10px; margin:0 20px 0 0; font-size:16px; cursor:pointer; display:inline; } .eudsgvo_btn_ohne{ background-color:transparent; border:1px solid #f39400; width:300px; color:#fff; padding:10px 10px; margin:0 20px 0 0; font-size:16px; cursor:pointer; display:inline; } .eudsgvo_btn_ohne:hover{ background-color:#f39400; border:1px solid #f39400; width:300px; color:#fff; padding:10px 10px; margin:0 20px 0 0; font-size:16px; cursor:pointer; display:inline; } } @media only screen and (min-width: 1225px){ .eudsgvo{ min-height: 220px; } .eudsgvo_btn_mit{ background-color:#f39400; border:1px solid #f39400; width:300px; color:#fff; padding:10px 10px; margin:0 20px 0 0; font-size:16px; cursor:pointer; display:inline; } .eudsgvo_btn_mit:hover{ background-color:transparent; border:1px solid #f39400; width:300px; color:#fff; padding:10px 10px; margin:0 20px 0 0; font-size:16px; cursor:pointer; display:inline; } .eudsgvo_btn_ohne{ background-color:transparent; border:1px solid #f39400; width:300px; color:#fff; padding:10px 10px; margin:0 20px 0 0; font-size:16px; cursor:pointer; display:inline; } .eudsgvo_btn_ohne:hover{ background-color:#f39400; border:1px solid #f39400; width:300px; color:#fff; padding:10px 10px; margin:0 20px 0 0; font-size:16px; cursor:pointer; display:inline; } } /*====================================================================*/ /* MEDIA QUERIES */ /*====================================================================*/ /* für 320px */ @media only screen and (min-width: 20px){ textarea.foot { width:212px; height:142px; margin:0 35px 0 0; } input.foot{ width:210px; } .bgdiv_con_center_1500{ width:300px; } .bgdiv_scrollicon{ display:none; } /* mobile navi :: start */ .show_nav_mobile{ display:inline; } .top_navi_mobi_100{ display:block; padding:2px 0 0 0; position:fixed; top:0px; z-index:9999; height:58px; } .top_navi_mobi{ float:left; position:relative; text-align:left; margin:0 20px 0 20px; display:inline; } .menu { width:300px; } /* mobile navi :: ende */ .topdiv { margin:61px 0 0 0; } .con_100_padding_tb{ padding:40px 0 40px 0; } .bgdiv_con_center{ width:300px; } .rahmen_overflow_inner{ width:340px; } /* standard-aufteilungen :: start */ .sp_50p{ width:300px; margin:0 0 40px 0; } .sp_50p_picbox{ width:300px; } .sp_50p_picbox img{ width:300px; margin:0 0 0 0; } .sp_13_picbox_links{ float:left; } .sp_13_picbox_rechts{ float:right; } .sp_13{ width:300px; margin:0 0 0 0; } .sp_13_overflow_inner{ width:340px; margin:0 0 0 0; } .sp_13_picbox{ width:300px; margin:0 0 40px 0; } .sp_13_picbox img{ width:300px; } .sp_23{ width:300px; } .sp_23_overflow_inner{ width:340px; margin:0 0 0 0; } .sp_23_links{ float:left; } .sp_23_rechts{ float:right; } .sp_14{ width:300px; margin:0 0 40px 0; padding:0 0 0 0; } .sp_14_kontakt{ width:300px; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #dcdcdc; } .sp_14_kontakt iframe{ width:300px; height:300px; margin:0 0 0 0; padding:0 0 0 0; border:0px solid #dcdcdc; } .sp_34{ width:300px; margin:0 0 0 0; padding:0 0 0 0; overflow:hidden; } .rahmen_con_34_inner{ width:340px; } /* standard-aufteilungen :: ende */ /* news liste :: start */ .sp_15_picbox_r_news{ display:none; } .box_news{ float:left; display:inline; position:relative; padding:40px; margin:0 0 0 0; text-align:left; cursor:pointer; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#f5f5f5; } .box_news:hover{ background-color:#ebebeb; -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; } /* news liste :: ende */ /* carousel :: start */ .jcarousel-wrapper { float:left; display:inline; position:relative; width:300px; height:260px; margin:0 0 0 0; padding:0 0 0 0; } /* carousel :: start */ /* begin - nice-content aufklapp-boxen */ .nicecon_sub_con_100{ width:100%; float:left; display:inline; position:relative; margin:0 0 20px 0; padding:0px; background-color:none; overflow:hidden; box-sizing:border-box; background-color:#ffffff; border:1px solid #949ca5; } .nicecon_sub_txt_con_100{ width:100%; float:left; display:inline; position:relative; margin:0 0 0 0; padding:12px 20px 12px 70px; background-repeat: no-repeat; cursor:pointer; background-position:left center; background-image: url(../images/bg_icon_plus.png); box-sizing:border-box; } .nicecon_sub_txt_con_100_active{ width:100%; float:left; display:inline; position:relative; margin:0 0 0 0; padding:12px 20px 12px 70px; background-repeat: no-repeat; cursor:pointer; background-position:left center; background-image: url(../images/bg_icon_minus.png); box-sizing:border-box; } .nicecon_sub_info_con_100{ width:100%; float:left; display:inline; position:relative; margin:0 0 0 0; padding:0 20px 20px 20px; overflow:hidden; box-sizing:border-box; } .nicecon_sub_picbox_rechts{ float:right; position:relative; display:inline; width:256px; margin:0 0 20px 20px; border:1px solid #ebebeb; } .nicecon_sub_picbox_rechts img{ width:256px; } .nicecon_sub_picbox_links{ float:left; position:relative; display:inline; width:256px; margin:0 20px 20px 0; border:1px solid #ebebeb; } .nicecon_sub_picbox_links img{ width:256px; } /* end - nice-content aufklapp-boxen */ /* formular :: start */ input{ width:292px; } select{ width:300px; } input.input_100p{ clear:left; width:292px; } textarea { width:284px; height:142px; } .button{ margin-top:30px; margin-right:40px; } /* formular :: ende */ /* aufteilung zusatzcontent :: start */ .sp_13_zusatz_txt_links{ width:300px; margin:0 0 0 0; float:left; } .sp_13_zusatz_txt_rechts{ width:300px; margin:0 0 0 0; float:right; } .sp_13_zusatz_pic_links{ width:300px; margin:40px 0 0 0; float:left; } .sp_13_zusatz_pic_links img{ width:298px; border:1px solid #ebebeb; } .sp_13_zusatz_pic_rechts{ width:300px; margin:40px 0 0 0; float:left; } .sp_13_zusatz_pic_rechts img{ width:298px; border:1px solid #ebebeb; } .sp_23_zusatz_txt_links{ width:300px; margin:0 0 0 0; float:left; } .sp_23_zusatz_txt_rechts{ width:300px; margin:0 0 0 0; float:left; } .sp_23_zusatz_txt_pic_links{ width:300px; text-align:center; float:right; margin:40px 0 0 0; } .sp_23_zusatz_txt_pic_links img{ width:298px; border:1px solid #ebebeb; } .sp_23_zusatz_txt_pic_rechts{ width:300px; text-align:center; float:right; margin:40px 0 0 0; } .sp_23_zusatz_txt_pic_rechts img{ width:298px; border:1px solid #ebebeb; } /* aufteilung zusatzcontent :: ende */ } @media only screen and (min-width: 560px){ textarea.foot { width:375px; height:142px; margin:0 35px 0 0; } .con_100_padding_tb{ padding:60px 0 60px 0; } .bgdiv_con_center{ width:540px; } .bgdiv_con_center_1500{ width:540px; } .rahmen_overflow_inner{ width:580px; } /* standard-aufteilungen :: start */ .sp_50p{ width:540px; margin:0 0 40px 0; } .sp_50p_picbox{ width:540px; margin:0 0 40px 0; } .sp_50p_picbox img{ width:540px; margin:0 0 0 0; } .sp_13{ width:540px; } .sp_13_overflow_inner{ width:580px; margin:0 0 0 0; } .sp_13_picbox{ width:540px; margin:0 0 20px 0; text-align:center; } .sp_13_picbox img{ width:300px; } .sp_23{ width:540px; margin:0 0 20px 0; } .sp_23_overflow_inner{ width:580px; margin:0 0 0 0; } .sp_14{ width:540px; margin:0 0 0 0; padding:0 0 0 0; } .sp_14_kontakt{ width:540px; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #dcdcdc; } .sp_14_kontakt iframe{ width:540px; height:300px; margin:0 0 0 0; padding:0 0 0 0; border:0px solid #dcdcdc; } .sp_34{ width:540px; margin:0 0 0 0; padding:0 0 0 0; overflow:hidden; } .rahmen_con_34_inner{ width:580px; } /* standard-aufteilungen :: ende */ /* news liste :: start */ .sp_15_picbox_r_news{ width:200px; margin:0 0 20px 40px; padding:0 0 0 0; overflow:hidden; display:block; border:1px solid #ebebeb; } .sp_15_picbox_r_news img{ width:200px; } /* news liste :: ende */ /* carousel :: start */ .jcarousel-wrapper { float:left; display:inline; position:relative; width:540px; height:260px; margin:0 0 0 0; padding:0 0 0 0; } /* carousel :: start */ /* formular :: start */ input{ width:242px; } input.foot{ width:370px; } input.input_100p{ clear:left; width:532px; } select{ width:242px; } textarea { width:524px; height:142px; } .button{ margin-top:0px; margin-right:40px; } /* formular :: ende */ /* aufteilung zusatzcontent :: start */ .sp_13_zusatz_txt_links{ width:540px; margin:0 0 0 0; float:left; } .sp_13_zusatz_txt_rechts{ width:540px; margin:0 0 0 0; float:right; } .sp_13_zusatz_pic_links{ width:230px; margin:40px 20px 0 20px; float:left; } .sp_13_zusatz_pic_links img{ width:228px; border:1px solid #ebebeb; } .sp_13_zusatz_pic_rechts{ width:230px; margin:40px 20px 0 20px; float:left; } .sp_13_zusatz_pic_rechts img{ width:228px; border:1px solid #ebebeb; } .sp_23_zusatz_txt_links{ width:540px; margin:0 0 0 0; float:left; } .sp_23_zusatz_txt_rechts{ width:540px; margin:0 0 0 0; float:left; } .sp_23_zusatz_txt_pic_links{ width:540px; text-align:center; float:right; margin:40px 0 0 0; } .sp_23_zusatz_txt_pic_links img{ width:371px; border:1px solid #ebebeb; } .sp_23_zusatz_txt_pic_rechts{ width:540px; text-align:center; float:right; margin:40px 0 0 0; } .sp_23_zusatz_txt_pic_rechts img{ width:371px; border:1px solid #ebebeb; } /* aufteilung zusatzcontent :: ende */ } @media only screen and (min-width: 750px){ .sp_15_picbox_r_news{ width:250px; margin:-50px 0 20px 40px; padding:0 0 0 0; overflow:hidden; display:block; border:1px solid #ebebeb; } .sp_15_picbox_r_news img{ width:250px; } .con_100_padding_tb{ padding:80px 0 80px 0; } .bgdiv_con_center{ width:730px; } .bgdiv_con_center_1500{ width:730px; } .rahmen_overflow_inner{ width:770px; } /* standard-aufteilungen :: start */ .sp_50p{ width:345px; margin:0 0 0 0; } .sp_50p_picbox{ width:345px; margin:0 0 40px 0; } .sp_50p_picbox img{ width:345px; } .sp_13{ width:230px; margin:0 0 0 0; } .sp_13_overflow_inner{ width:270px; margin:0 0 0 0; } .sp_13_picbox{ width:230px; margin:0 0 20px 0; } .sp_13_picbox img{ width:230px; } .sp_23{ width:460px; margin:0 0 0 0; } .sp_23_overflow_inner{ width:500px; margin:0 0 0 0; } .sp_14{ width:216px; margin:0 0 0 0; padding:0 0 0 0; } .sp_14_kontakt{ display:inline; margin:0 0 0 0; padding:0 0 0 0; border-top:0px solid #dcdcdc; } .sp_14_kontakt iframe{ width:216px; height:285px; margin:0 0 0 0; padding:0 0 0 0; border:0px solid #dcdcdc; } .sp_34{ width:480px; margin:0 0 0 0; padding:0 0 0 0; overflow:hidden; } .rahmen_con_34_inner{ width:560px; } /* standard-aufteilungen :: ende */ /* carousel :: start */ .jcarousel-wrapper { float:left; display:inline; position:relative; width:730px; height:260px; margin:0 0 0 0; padding:0 0 0 0; } /* carousel :: start */ /* formular :: start */ input{ width:212px; } input.foot{ width:212px; } input.input_100p{ clear:left; width:472px; } select{ width:212px; } textarea { width:464px; height:186px; } textarea.foot { width:310px; height:142px; margin:0 0 0 0; } .button{ margin-right:80px; } /* formular :: ende */ /* aufteilung zusatzcontent :: start */ .sp_13_zusatz_txt_links{ width:730px; margin:0 0 0 0; float:left; } .sp_13_zusatz_txt_rechts{ width:730px; margin:0 0 0 0; float:right; } .sp_13_zusatz_pic_links{ width:325px; margin:40px 20px 0 20px; float:left; } .sp_13_zusatz_pic_links img{ width:323px; border:1px solid #ebebeb; } .sp_13_zusatz_pic_rechts{ width:325px; margin:40px 20px 0 20px; float:right; } .sp_13_zusatz_pic_rechts img{ width:323px; border:1px solid #ebebeb; } .sp_23_zusatz_txt_links{ width:730px; margin:0 0 0 0; float:left; } .sp_23_zusatz_txt_rechts{ width:730px; margin:0 0 0 0; float:left; } .sp_23_zusatz_txt_pic_links{ width:730px; text-align:center; float:right; margin:40px 0 0 0; } .sp_23_zusatz_txt_pic_links img{ width:371px; border:1px solid #ebebeb; } .sp_23_zusatz_txt_pic_rechts{ width:730px; text-align:center; float:right; margin:40px 0 0 0; } .sp_23_zusatz_txt_pic_rechts img{ width:371px; border:1px solid #ebebeb; } /* aufteilung zusatzcontent :: ende */ } @media only screen and (min-width: 1225px){ .bgdiv_scrollicon{ display:inline; } /* mobile navi :: start */ .show_nav_mobile{ display:none; } .top_navi_mobi_100{ display:none; } /* mobile navi :: ende */ .topdiv { margin:0 0 0 0; } .con_100_padding_tb{ padding:80px 0 60px 0; } .bgdiv_con_center{ width:1200px; } .bgdiv_con_center_1500{ width:1500px; } .rahmen_overflow_inner{ width:1240px; } /* standard-aufteilungen :: start */ .sp_50p{ width:580px; margin:0 0 0 0; } .sp_50p_picbox{ width:580px; margin:0 0 40px 0; } .sp_50p_picbox img{ width:580px; } .sp_13{ width:373px; margin:0 0 0 0; } .sp_13_overflow_inner{ width:413px; margin:0 0 0 0; } .sp_13_picbox{ width:373px; margin:0 0 40px 0; } .sp_13_picbox img{ width:373px; } .sp_23{ width:787px; margin:0 0 0 0; } .sp_23_overflow_inner{ width:827px; margin:0 0 0 0; } .sp_14{ width:270px; margin:0 0 0 0; padding:0 0 0 0; } .sp_14_kontakt{ display:inline; margin:0 0 0 0; padding:0 0 0 0; border-top:0px solid #dcdcdc; } .sp_14_kontakt iframe{ width:270px; height:300px; margin:20px 0 0 0; padding:0 0 0 0; border:0px solid #dcdcdc; } .sp_34{ width:890px; margin:0 0 0 0; padding:0 0 0 0; overflow:hidden; } .rahmen_con_34_inner{ width:930px; } /* standard-aufteilungen :: ende */ /* carousel :: start */ .jcarousel-wrapper { float:left; display:inline; position:relative; width:1200px; height:260px; margin:0 0 0 0; padding:0 0 0 0; } /* carousel :: start */ /* formular :: start */ input{ width:417px; } input.foot{ width:430px; box-sizing: border-box; } select{ width:366px; } input.input_100p{ clear:left; width:882px; } textarea { width:874px; height:245px; } textarea.foot { width:430px; height:245px; box-sizing: border-box; float:right; } .button{ margin-right:40px; } /* formular :: ende */ /* aufteilung zusatzcontent :: start */ .sp_13_zusatz_txt_links{ width:373px; margin:0 0 0 0; float:left; } .sp_13_zusatz_txt_rechts{ width:373px; margin:0 0 0 0; float:right; } .sp_13_zusatz_pic_links{ width:373px; margin:0 40px 0 0; float:left; } .sp_13_zusatz_pic_links img{ width:371px; border:1px solid #ebebeb; } .sp_13_zusatz_pic_rechts{ width:373px; margin:0 0 0 40px; float:right; } .sp_13_zusatz_pic_rechts img{ width:371px; border:1px solid #ebebeb; } .sp_23_zusatz_txt_links{ width:787px; margin:0 0 0 0; float:left; } .sp_23_zusatz_txt_rechts{ width:787px; margin:0 0 0 0; float:right; } .sp_23_zusatz_txt_pic_links{ width:373px; margin:0 40px 0 0; float:left; } .sp_23_zusatz_txt_pic_links img{ width:371px; border:1px solid #ebebeb; } .sp_23_zusatz_txt_pic_rechts{ width:373px; margin:0 0 0 40px; float:right; } .sp_23_zusatz_txt_pic_rechts img{ width:371px; border:1px solid #ebebeb; } /* aufteilung zusatzcontent :: ende */ } /*====================================================================*/ /* MEDIA QUERIES */ /*====================================================================*/ /* für 320px */ @media only screen and (min-width: 20px){ /* Projekt - START */ .team_overflow{ width:300px; } .box_team{ width:300px; height:200px; margin:0 0 20px 0; background-size:cover; background-position:center; background-repeat:no-repeat; } .box_team_overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:transparent; text-align:center; } .box_team_overlay span{ position:relative; justify-content : center; align-items : center; display:none; margin:70px 0 0 0; } .box_team_overlay:hover{ background-color:rgba(26,23,28,0.8); -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; } .box_team_overlay:hover span{ display:flex; } h1.marker{ font-size:26px; line-height:30px; } a.nav_foot{ font-size:16px; } .gelb_data a{ color:#fff; font-size:14px; } .div_btn_foot{ clear:both; margin-right:40px; text-align:right; margin-top:20px; } .width_index_top{ width:300px; margin:-610px 0 0 0; } .form_foot_datenschutz{ font-size:14px; color:#fff; line-height:24px; } .width_form_foot{ width:100%; } .name_foot{ font-size:24px; line-height:30px; color:#1a171c; } .copy_foot{ font-size:14px; line-height:20px; color:#1a171c; } .adress_foot{ font-size:14px; line-height:28px; color:#1a171c; } .box_form_foot{ width:100%; padding:40px; background-color:#f39400; box-sizing: border-box; } .jcarousel-wrapper-gal-index { width:340px; height:290px; padding:0 0 0 0; margin:0 0 0 0; float:right; overflow:hidden; } .jcarousel-wrapper-gal-index img{ height:300px; width:auto; } .jcarousel-control-prev-gal-index, .jcarousel-control-next-gal-index { width:50px; height:50px; top:0px; z-index:800; } .position_prev_next_index{ margin:0 300px 0 0; } .jcarousel-control-prev-gal-index { background-image:url(../images/icon_arrow_left_gal_index_weiss.png); right:50px; } .jcarousel-control-next-gal-index { background-image:url(../images/icon_arrow_right_gal_index.png); right:0px; } .box_gal_index{ width:300px; height:290px; overflow:hidden; margin:0 0 0 0; } .box_gal_index_pic{ width:300px; height:290px; overflow:hidden; background-color:#ffffff; text-align:center; } .box_gal_index_hover{ width:300px; height:290px; margin:-290px 0 0 0; background-color:rgba(26,23,28,0.25); display:none; } .box_gal_index_upper{ width:300px; height:370px; background-color:#1a171c; padding:40px; box-sizing: border-box; } .box_gal_index_under{ width:300px; height:140px; background-color:#1a171c; padding:70px 40px 40px 40px; box-sizing: border-box; } h2.h2_gal_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0px 0 60px 0; padding:0 0 0 0; width:300px; display:inline; position:relative; float:left; } h2.h2_cta_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0 0 0 0; padding:0 0 0 0; text-align:center; } .marker_pic_index i{ color:#1a171c; font-size:28px; position:absolute; padding:30px 38px 30px 38px; background-color:#f39400; bottom:0; right:0; } .box_pic_index{ width:300px; height:190px; background-position:center; background-repeat:no-repeat; background-size:cover; } .box_txt_index_right{ padding:0 0 0 0; box-sizing: border-box; margin:60px 0 60px 0; width:300px; } .box_txt_index_right_grau{ height:1200px; width:300px; padding:60px 40px 0 40px; box-sizing: border-box; margin:0 0 0 0; background-color:#f6f7f9; } span.number_index{ color:#fff; font-size:24px; position:absolute; bottom:380px; left:20px; } span.head_box_leistungen{ font-size:18px; color:#fff; } .box_leistungen_index_abdecker{ position:absolute; top:0; right:0; bottom:80px; left:0; background-color:rgba(26,23,28,0.25); } .margin_boxen_leistungen{ margin:-560px 0 0 0; } .box_leistungen_index{ width:300px; height:600px; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; } .box_leistungen_index:hover .box_leistungen_index_abdecker{ background-color:rgba(26,23,28,0.5); -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; } .box_leistungen_link{ background-color:#2d292f; width:100%; height:360px; bottom:0; position:absolute; padding:35px 20px 0 20px; box-sizing:border-box; } .box_leistungen_link_middle{ background-color:#1a171c; width:100%; height:360px; bottom:0; position:absolute; padding:35px 20px 0 20px; box-sizing:border-box; } span.span_box_index{ color:#1a171c; background-image:url(../images/trenner_obx_index.png); background-position:right center; background-repeat:no-repeat; padding:0 60px 0 0; } span.span_box_index_2{ color:#1a171c; background-image:url(../images/trenner_obx_index.png); background-position:left center; background-repeat:no-repeat; padding:0 0 0 60px; transform: rotate(-90deg); position:absolute; left:-120px; bottom:180px; display:none; } .box_welcome_txt{ width:300px; margin:-900px 0 0 0; } .box_orange_first{ width:810px; height:640px; background-color:#f39400; margin:280px 0 0 -40px; } .box_felder_overflow{ width:1220px; } h1.h1_top{ color:#1a171c; font-size:54px; line-height:60px; margin:0 0 10px 0; font-weight:500; width:300px; } h2.h2_top{ color:#1a171c; font-size:32px; line-height:40px; margin:40px 0 0 0; font-weight:300; width:300px; } h1.h1_top_content{ color:#1a171c; font-size:54px; line-height:60px; margin:0 0 10px 0; font-weight:500; width:300px; } h2.h2_top_content{ color:#1a171c; font-size:32px; line-height:40px; margin:10px 0 0 0; font-weight:300; width:300px; } /* Projekt - ENDE */ .box_felder_overflow{ width:320px; } .box_felder{ width:300px; height:160px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:10px 20px 10px 0; cursor:pointer; } .box_felder_h2{ font-size:22px; } .box_felder:hover{ background-color:#a01f13; -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; } .headline_content_top{ margin-top:20px; } h1.h1_foot{ color:#fff; font-size:32px; margin:0 0 10px 0; line-height:38px; } h3.h3_foot{ color:#fff; font-size:28px; font-weight:300; text-transform:none; margin:0; line-height:38px; } h3.h3_foot a{ font-size:32px; color:#fff; font-weight:600; } .bike_fuss{ background-image:none; width:100%; height:70px; margin:0; } .margin_fragen{ margin:0 0 40px 0; } i.plus_fragen{ font-size:42px; line-height:30px; text-transform:none; color:#f39400; margin:0 20px 0 0; position:relative; display:inline; float:left; } h1.h1_fragen{ font-size:26px; line-height:34px; text-transform:none; color:#838382; margin:0; font-weight:300; cursor:pointer; width:240px; } h1.h1_fragen:hover{ 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; } .caret_boxen{ color:#fff; font-size:32px; display:block; position:absolute; bottom:30px; right:30px; } .box_font h2{ font-size:26px; line-height:30px; text-transform:uppercase; color:#fff; margin:0; } .box_font h3{ font-size:16px; line-height:24px; text-transform:uppercase; color:#fff; font-weight:300; } .box1{ width:0; height:0; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 20px 0 0; } .box1_overlay{ width:0; height:0; background-color:rgba(45,45,43,0.4); } .box2{ width:300px; height:300px; background-color:#2d2d2b; padding:40px; box-sizing:border-box; margin:0 0 20px 0; cursor:pointer; } .box2:hover{ background-color:#181818; -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; } .box3{ width:300px; height:300px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 20px 0; cursor:pointer; } .box3:hover{ background-color:#a01f13; -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; } .box4{ width:300px; height:300px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 20px 0; cursor:pointer; } .box4:hover{ background-color:#a01f13; -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; } .box5{ width:0; height:0; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 0 20px 0; } .box5_overlay{ width:0; height:0; background-color:rgba(45,45,43,0.4); } .box6{ width:300px; height:300px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 0 0; cursor:pointer; } .box6:hover{ background-color:#a01f13; -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; } .bike_index_top{ background-image: none; background-repeat: no-repeat; background-size: auto; background-position: top left; height: 40px; width: 60px; margin: -0 -0 0 0; z-index: 999; } .box_headline{ background-image:url(../images/icon_headline.png); background-repeat:no-repeat; background-size:auto; background-position:top left; padding:0 0 0 45px } .span_slider{ font-size:24px; line-height:30px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } .display_btn{ display:none; } .bg_icon_tiles{ background-image:url(../images/bg_icon_tiles.png); background-size:260px 200px; background-position:bottom right; background-repeat:no-repeat; } .box_leistung_slider{ height:360px; width:300px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 40px 0 0; cursor:pointer; } .box_leistung_slider_overlay{ height:360px; width:300px; background-color:rgba(0,0,0,0.85); margin:0 40px 0 0; padding:40px 20px 0 20px; cursor:pointer; display:none; box-sizing:border-box; } .box_leistung_slider:hover .box_leistung_slider_overlay{ display:inline; } .box_leistung_slider:hover a{ text-decoration:underline; } .bgdiv_nav_top_z3{ display:none; } .div_iframe iframe{ height:260px; width:100%; } h1{ font-size:22px; line-height:24px; } h1.h1_marker{ font-size:24px; line-height:32px; } h1.h1_weiss{ font-size:24px; line-height:32px; } h2{ font-size:20px; line-height:24px; } h2.h2_slogan{ font-size:24px; line-height:30px; } h3{ font-size:22px; line-height:24px; } h3.h3_slogan{ font-size:24px; line-height:28px; } h3.h3_h1_marker{ font-size:24px; line-height:32px; } h3.h3_galery{ font-size:24px; line-height:32px; } h3.h3_h1{ font-size:24px; line-height:32px; } h3.h3_testimonial_marker{ font-size:26px; line-height:32px; } h4{ font-size:16px; line-height:24px; } h4.h4_teaser{ font-size:20px; line-height:22px; } h4.h4_news{ font-size:20px; line-height:22px; } h5{ font-size:16px; line-height:24px; } .bgdiv_nav_top_z1, .bgdiv_nav_top_z2, .nav_scroll_bg{ display:none; } .bgdiv_nav_top_z1_mobile{ display:inline; } /* header contentseiten :: start */ .bgdiv_con_100_header_con{ display:inline; height:auto; background-repeat:no-repeat; background-position:center top; background-size:cover; } .header_con_abdecker{ float:left; display:inline; position:relative; height:100%; width:100%; background-color:rgba(255,255,255,0.5); } .box_icons{ width:300px; height:75px; margin:0 0 0 0; text-align:left; overflow:hidden; } .box_icons img{ width:300px; max-height:75px; } /* header contentseiten :: ende */ /* slider startseite :: start */ /* .bgdiv_con_100_header_slider, .rslides, .rslides_navi_pos{ display:none; } .bgdiv_con_100_header_slider_mobile{ height:20px; background-color:#20a64b; } */ .bgdiv_con_100_header_slider{ display:block; height:160px; margin-top:0; } .bgdiv_slider{ width:100%; height:160px; float:left; display:inline; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; overflow:hidden; } .slider_abdecker{ float:left; display:none; position:relative; height:100%; width:100%; } .rslides { display:inline; position: relative; list-style: none; overflow: hidden; width: 100%; height:160px; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; margin:0; padding:0; } .rslides li:first-child { position: relative; display: block; float: left; } /* .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } */ .large-btns_tabs { padding-left:0px; margin-left:0px; margin-top: 0px; } .large-btns_tabs li { display: inline; float: none; margin:0 20px 0 0; } .large-btns_tabs a { background-color:#ffffff; width:15px; height:15px; display: inline-block; overflow: hidden; text-indent: -9999px; } .large-btns_here a { background-color:#20a64b; } .rslides_navi_pos{ display:none; } .bg_slogan{ display:inline; position:relative; margin:-80px 0 20px 0; padding:40px; box-sizing:border-box; text-align:left; color:#fff; width:300px; height:560px; bottom:0; float:right; background-image:linear-gradient(135deg, #c92a1b 0%, #f39400 50%); z-index:99; } .bg_slogan_pic{ display:none; } /* slider startseite :: ende */ /* keyfacts - produktteaser - welcome :: start */ .bgdiv_con_100_produktteaser{ background-image:url(../images/bg_teaser_produkte.gif); background-position:center top; background-repeat:repeat-y; margin:0 0 0 0; z-index:900; display:inline; } .produkt_teaser{ width:300px; padding:0 0 0 0; box-sizing:border-box; } .produkt_teaser_box{ box-sizing:border-box; width:300px; height:200px; border:1px solid #d1d1d1; margin:0 0 20px 0; overflow:hidden; text-align:center; cursor:pointer; } .produkt_teaser_box img{ max-width:298px; height:198px; } .produkt_teaser_lupe{ width:40px; height:40px; display:inline; background-image:url(../images/icon_lupe_01.png); background-position:center top; background-repeat:no-repeat; margin:-40px 0 0 0; } .produkt_teaser_abdecker{ width:298px; height:198px; display:none; background-image:url(../images/bg_abdecker_zoom.png); background-position:right bottom; background-repeat:no-repeat; margin:-198px 0 0 0; padding:80px 0 0 0; text-align:center; color:#ffffff; box-sizing:border-box; } h4.h4_teaser{ font-size:20px; line-height:24px; } .produkt_teaser_box:hover .produkt_teaser_abdecker{ display:inline; } .produkt_teaser_box:hover .produkt_teaser_lupe{ display:none; } .bgdiv_keyfacts{ display:none; } .welcome_txt{ float:left; width:300px; padding:60px 0 60px 0; } /* keyfacts - produktteaser - welcome :: ende */ /* content bühne :: start */ .sp_50p_buehne{ width:298px; height:197px; overflow:hidden; border:0px solid #e3e3e3; float:right; margin:0 0 40px 0; } .sp_50p_buehne_txt{ width:300px; float:left; } .jcarousel-wrapper-buehne { width:298px; height:195px; } /*.jcarousel-wrapper-buehne img { width:300px; }*/ .buehne_table{ width:298px; height:195px; } .buehne_resize_width{ width:300px; } .buehne_resize_height{ height:195px; } .iframe_buehne{ width:298px; height:197px; } .jcarousel-control-prev_buehne, .jcarousel-control-next_buehne { position: absolute; top:147px; width: 50px; height: 50px; } .jcarousel-control-prev_buehne { left:-1px; background-image:url(../images/icon_arrow_left_rot.png); background-repeat:no-repeat; } .jcarousel-control-next_buehne { right: -1px; background-image:url(../images/icon_arrow_right_rot.png); background-repeat:no-repeat; } /* content bühne :: ende */ /* galery slider :: start */ .jcarousel-wrapper-gal { width:300px; height:260px; padding:0 0 0 0; margin:0 0 0 0; } .jcarousel-wrapper-gal img{ height:221px; width:auto; } .jcarousel-control-prev-gal, .jcarousel-control-next-gal { top:243px; z-index:800; } .jcarousel-control-prev-gal { background-image:url(../images/icon_arrow_left_gal.png); left:0px; } .jcarousel-control-next-gal { background-image:url(../images/icon_arrow_right_gal.png); right:0px; } .jcarousel-wrapper-marken { width:300px; height:260px; padding:0 0 0 0; margin:0 0 0 0; } .jcarousel-wrapper-marken img{ max-height: 90%; max-width: 90%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .jcarousel-control-prev-marken, .jcarousel-control-next-marken { top:223px; z-index:800; } .jcarousel-control-prev-marken { background-image:url(../images/icon_arrow_left_gal.png); left:0px; } .jcarousel-control-next-marken { background-image:url(../images/icon_arrow_right_gal.png); right:0px; } .box_marken{ width:298px; height:221px; border:0px solid #dcdcdc; overflow:hidden; margin:0 40px 0 0; } .box_marken_pic{ width:298px; height:221px; overflow:hidden; text-align:center; } .jcarousel li { margin:0 0 5px 0; } .box_gal{ width:298px; height:221px; border:1px solid #dcdcdc; overflow:hidden; margin:0 40px 0 0; } .box_gal_pic{ width:298px; height:221px; overflow:hidden; background-color:#ffffff; text-align:center; } .box_gal_hover{ width:298px; height:221px; margin:-221px 0 0 0; background-image:url(../images/bg_abdecker_zoom.png); background-repeat:no-repeat; background-position:right bottom; display:none; } .box_gal:hover .box_gal_hover{ display:inline; } /* galery slider :: ende */ /* footer :: start */ .bgdiv_con_100_testimonials{ display:inline; height:623px; background-color:#2d2d2b; } .testimonial_rahmen{ float:left; display:inline; width:280px; height:623px; background-color:#2d2d2b; box-sizing:border-box; padding:60px 0 60px 0; z-index:500; color:#ffffff; } .testimonial_txt{ width:280px; height:391px; color:#ffffff; } .testimonial_txt p{ color:#ffffff; } /*slider testimonial :: start */ .jcarousel-wrapper-testimonial { display:inline; width:300px; height:391px; padding:0 0 0 0; margin:0 0 20px 0; } .jcarousel-control-prev-testimonial, .jcarousel-control-next-testimonial { top:380px; z-index:800; width:11px; height:40px; } .jcarousel-control-prev-testimonial { background-image:url(../images/icon_arrow_left.png); right:50px; } .jcarousel-control-next-testimonial { background-image:url(../images/icon_arrow_right.png); right:0px; } /*slider testimonial :: ende */ .rahmen_cta{ margin-top:0px; } .bgdiv_con_100_pic_footer{ display:none; } .bgdiv_con_100_pic_footer_abdecker{ display:none; } .cta_txt{ display:inline; width:300px; padding:40px 0 0 0; } .cta_adresse{ display:inline; width:300px; padding:0 0 40px 0; } .footer_z1_copy{ font-size:16px; color:#ffffff; margin:15px 0 0 0; font-weight:300; } .footer_z1_links{ display:none; } /* footer :: ende */ } @media only screen and (min-width: 560px){ /* Projekt - START */ .team_overflow{ width:560px; } .box_team{ width:260px; height:180px; margin:0 20px 20px 0; background-size:cover; background-position:center; background-repeat:no-repeat; } .box_team_overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:transparent; text-align:center; } .box_team_overlay span{ position:relative; justify-content : center; align-items : center; display:none; margin:60px 0 0 0; } .box_team_overlay:hover{ background-color:rgba(26,23,28,0.8); -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; } .box_team_overlay:hover span{ display:flex; } h1.marker{ font-size:36px; line-height:40px; } .gelb_data a{ color:#fff; font-size:18px; } .div_btn_foot{ clear:inherit; margin-right:30px; text-align:right; margin-top:20px; } .width_index_top{ width:730px; margin:-410px 0 0 0; } .form_foot_datenschutz{ font-size:18px; color:#fff; line-height:24px; } .width_form_foot{ width:100%; } .name_foot{ font-size:24px; line-height:30px; color:#1a171c; } .copy_foot{ font-size:14px; line-height:20px; color:#1a171c; } .adress_foot{ font-size:14px; line-height:65px; color:#1a171c; } .box_form_foot{ width:100%; padding:80px; background-color:#f39400; box-sizing: border-box; } .jcarousel-wrapper-gal-index { width:630px; height:290px; padding:0 0 0 0; margin:0 0 0 0; float:right; overflow:hidden; } .jcarousel-wrapper-gal-index img{ height:300px; width:auto; } .jcarousel-control-prev-gal-index, .jcarousel-control-next-gal-index { width:50px; height:50px; top:0px; z-index:800; } .position_prev_next_index{ margin:0 300px 0 0; } .jcarousel-control-prev-gal-index { background-image:url(../images/icon_arrow_left_gal_index_weiss.png); right:50px; } .jcarousel-control-next-gal-index { background-image:url(../images/icon_arrow_right_gal_index.png); right:0px; } .box_gal_index{ width:300px; height:290px; overflow:hidden; margin:0 0 0 0; } .box_gal_index_pic{ width:300px; height:290px; overflow:hidden; background-color:#ffffff; text-align:center; } .box_gal_index_hover{ width:300px; height:290px; margin:-290px 0 0 0; background-color:rgba(26,23,28,0.25); display:none; } .box_gal_index_upper{ width:540px; height:280px; background-color:#1a171c; padding:60px; box-sizing: border-box; } .box_gal_index_under{ width:540px; height:140px; background-color:#1a171c; padding:60px 60px 40px 60px; box-sizing: border-box; } h2.h2_gal_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0px 0 60px 40px; padding:0 0 0 0; width:380px; display:inline; position:relative; float:left; } h2.h2_cta_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0 0 0 0; padding:0 0 0 0; text-align:center; } .marker_pic_index i{ color:#1a171c; font-size:28px; position:absolute; padding:30px 38px 30px 38px; background-color:#f39400; bottom:0; right:0; } .box_pic_index{ width:540px; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; } .box_txt_index_right{ padding:0 40px 0 40px; box-sizing: border-box; margin:60px 0 60px 0; width:540px; } .box_txt_index_right_grau{ height:610px; width:540px; padding:60px 40px 0 40px; box-sizing: border-box; margin:0 0 0 0; background-color:#f6f7f9; } span.number_index{ color:#fff; font-size:24px; position:absolute; bottom:220px; left:20px; } span.head_box_leistungen{ font-size:18px; line-height:28px; font-weight:300; } .box_leistungen_index_abdecker{ position:absolute; top:0; right:0; bottom:80px; left:0; background-color:rgba(26,23,28,0.25); } .margin_boxen_leistungen{ margin:-360px 0 0 0; } .box_leistungen_index{ width:540px; height:440px; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; } .box_leistungen_index:hover .box_leistungen_index_abdecker{ background-color:rgba(26,23,28,0.5); -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; } .box_leistungen_link{ background-color:#2d292f; width:100%; height:200px; bottom:0; position:absolute; padding:35px 20px 0 20px; box-sizing:border-box; } .box_leistungen_link_middle{ background-color:#1a171c; width:100%; height:200px; bottom:0; position:absolute; padding:35px 20px 0 20px; box-sizing:border-box; } span.span_box_index{ color:#1a171c; background-image:url(../images/trenner_obx_index.png); background-position:right center; background-repeat:no-repeat; padding:0 60px 0 0; } span.span_box_index_2{ color:#1a171c; background-image:url(../images/trenner_obx_index.png); background-position:left center; background-repeat:no-repeat; padding:0 0 0 60px; transform: rotate(-90deg); position:absolute; left:-120px; bottom:180px; display:none; } .box_welcome_txt{ width:540px; margin:-600px 0 0 0; } .box_orange_first{ width:810px; height:450px; background-color:#f39400; margin:160px 0 0 -40px; } .box_felder_overflow{ width:1220px; } h1.h1_top{ color:#1a171c; font-size:80px; line-height:82px; margin:0 0 10px 0; font-weight:500; width:440px; } h2.h2_top{ color:#1a171c; font-size:36px; line-height:40px; margin:40px 0 0 0; font-weight:300; width:440px; } h1.h1_top_content{ color:#1a171c; font-size:70px; line-height:78px; margin:0 0 10px 0; font-weight:500; width:540px; } h2.h2_top_content{ color:#1a171c; font-size:28px; line-height:36px; margin:10px 0 0 0; font-weight:300; width:540px; } /* Projekt - ENDE */ .box_felder_overflow{ width:560px; } .box_felder{ width:540px; height:160px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:10px 20px 10px 0; cursor:pointer; } .box_felder_h2{ font-size:22px; } .box_felder:hover{ background-color:#a01f13; -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; } .headline_content_top{ margin-top:20px; } h1.h1_foot{ color:#fff; font-size:32px; margin:0 0 10px 0; line-height:auto; } h3.h3_foot{ color:#fff; font-size:28px; font-weight:300; text-transform:none; margin:0; line-height:38px; } h3.h3_foot a{ font-size:32px; color:#fff; font-weight:600; } .bike_fuss{ background-image:none; width:100%; height:70px; margin:0; } .margin_fragen{ margin:0 0 40px 0; } i.plus_fragen{ font-size:42px; line-height:30px; text-transform:none; color:#f39400; margin:0 20px 0 0; position:relative; display:inline; float:left; } h1.h1_fragen{ font-size:32px; line-height:36px; text-transform:none; color:#838382; margin:0; font-weight:300; cursor:pointer; width:480px; } h1.h1_fragen:hover{ 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; } .caret_boxen{ color:#fff; font-size:32px; display:block; position:absolute; bottom:30px; right:30px; } .box_font h2{ font-size:26px; line-height:30px; text-transform:uppercase; color:#fff; margin:0; } .box_font h3{ font-size:16px; line-height:24px; text-transform:uppercase; color:#fff; font-weight:300; } .box1{ width:0; height:0; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 20px 0 0; } .box1_overlay{ width:0; height:0; background-color:rgba(45,45,43,0.4); } .box2{ width:260px; height:200px; background-color:#2d2d2b; padding:40px; box-sizing:border-box; margin:0 20px 20px 0; cursor:pointer; } .box2:hover{ background-color:#181818; -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; } .box3{ width:260px; height:200px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 20px 0; cursor:pointer; } .box3:hover{ background-color:#a01f13; -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; } .box4{ width:260px; height:200px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 20px 20px 0; cursor:pointer; } .box4:hover{ background-color:#a01f13; -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; } .box5{ width:0; height:0; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 0 20px 0; } .box5_overlay{ width:0; height:0; background-color:rgba(45,45,43,0.4); } .box6{ width:260px; height:200px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 0 0; cursor:pointer; } .box6:hover{ background-color:#a01f13; -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; } .bike_index_top{ background-image: none; background-repeat: no-repeat; background-size: auto; background-position: top left; height: 40px; width: 60px; margin: -0 -0 0 0; z-index: 999; } .box_headline{ background-image:url(../images/icon_headline.png); background-repeat:no-repeat; background-size:auto; background-position:top left; padding:0 0 0 45px } .span_slider{ font-size:26px; line-height:30px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } .display_btn{ display:inline; } .bg_icon_tiles{ background-image:url(../images/bg_icon_tiles.png); background-size:260px 200px; background-position:bottom right; background-repeat:no-repeat; } .box_leistung_slider{ height:360px; width:249px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 40px 0 0; cursor:pointer; } .box_leistung_slider_overlay{ height:360px; width:249px; background-color:rgba(0,0,0,0.85); margin:0 40px 0 0; padding:40px 20px 0 20px; cursor:pointer; display:none; box-sizing:border-box; } .box_leistung_slider:hover .box_leistung_slider_overlay{ display:inline; } .box_leistung_slider:hover a{ text-decoration:underline; } /* header contentseiten :: start */ .bgdiv_con_100_header_con{ display:inline; height:auto; background-repeat:no-repeat; background-position:center top; background-size:cover; } .header_con_abdecker{ float:left; display:inline; position:relative; height:100%; width:100%; background-color:rgba(255,255,255,0.5); } .box_icons{ width:540px; height:75px; margin:0 0 0 0; text-align:left; overflow:hidden; } .box_icons img{ width:300px; max-height:75px; } /* header contentseiten :: ende */ /* slider startseite :: start */ /* .bgdiv_con_100_header_slider_mobile{ display:none; } */ .bgdiv_con_100_header_slider{ display:block; height:240px; margin-top:0; } .bgdiv_slider{ width:100%; height:250px; float:left; display:inline; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; overflow:hidden; } .slider_abdecker{ float:left; display:inline; position:relative; height:100%; width:100%; } .rslides { display:inline; position: relative; list-style: none; overflow: hidden; width: 100%; height:300px; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; margin:0; padding:0; } .rslides li:first-child { position: relative; display: block; float: left; } /* .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } */ .large-btns_tabs { padding-left:0px; margin-left:0px; margin-top: 0px; } .large-btns_tabs li { display: inline; float: none; margin:0 10px 0 0; } .large-btns_tabs a { background-color:#ffffff; width:15px; height:15px; display: inline-block; overflow: hidden; text-indent: -9999px; } .large-btns_here a { background-color:#20a64b; } .rslides_navi_pos{ margin:-59px 0 0 0; z-index:900; display:inline; } .bg_slogan{ display:inline; position:relative; margin:-140px 0 20px 0; padding:40px; box-sizing:border-box; text-align:left; color:#fff; width:540px; height:360px; bottom:0; float:right; background-image:linear-gradient(135deg, #c92a1b 0%, #f39400 50%); z-index:99; } .bg_slogan_pic{ display:none; } /* slider startseite :: ende */ /* keyfacts - produktteaser - welcome :: start */ .bgdiv_con_100_produktteaser{ background-image:url(../images/bg_teaser_produkte.gif); background-position:center top; background-repeat:repeat-y; margin:0 0 0 0; z-index:900; display:inline; } .produkt_teaser{ width:540px; padding:0 0 0 0; box-sizing:border-box; } .produkt_teaser_box{ box-sizing:border-box; width:166px; height:230px; border:1px solid #d1d1d1; margin:0 0 0 20px; overflow:hidden; text-align:center; cursor:pointer; } .produkt_teaser_box img{ max-width:164px; height:228px; } .produkt_teaser_lupe{ width:40px; height:40px; display:inline; background-image:url(../images/icon_lupe_01.png); background-position:center top; background-repeat:no-repeat; margin:-40px 0 0 0; } .produkt_teaser_abdecker{ width:164px; height:228px; display:none; background-image:url(../images/bg_abdecker_zoom.png); background-position:right bottom; background-repeat:no-repeat; margin:-228px 0 0 0; padding:80px 0 0 0; text-align:center; color:#ffffff; box-sizing:border-box; } h4.h4_teaser{ font-size:20px; line-height:24px; } .produkt_teaser_box:hover .produkt_teaser_abdecker{ display:inline; } .produkt_teaser_box:hover .produkt_teaser_lupe{ display:none; } .bgdiv_keyfacts{ display:none; } .welcome_txt{ float:left; width:540px; padding:60px 0 60px 0; } /* keyfacts - produktteaser - welcome :: ende */ /* content bühne :: start */ .sp_50p_buehne{ width:538px; height:352px; overflow:hidden; border:0px solid #dcdcdc; float:left; margin:0 0 40px 0; } .sp_50p_buehne_txt{ width:540px; float:right; } .jcarousel-wrapper-buehne { width:538px; height:352px; } /*.jcarousel-wrapper-buehne img { width:550px }*/ .buehne_table{ width:538px; height:352px; } .buehne_resize_width{ width:538px; } .buehne_resize_height{ height:352px; } .iframe_buehne{ width:538px; height:352px; } .jcarousel-control-prev_buehne, .jcarousel-control-next_buehne { position: absolute; top:302px; width: 50px; height: 50px; } .jcarousel-control-prev_buehne { left:auto; right:50px; background-image:url(../images/icon_arrow_left_rot.png); background-repeat:no-repeat; } .jcarousel-control-next_buehne { right: 0px; background-image:url(../images/icon_arrow_right_rot.png); background-repeat:no-repeat; } /* content bühne :: ende */ /* galery slider :: start */ .jcarousel-wrapper-gal { width:540px; padding:0 0 0 0; margin:0 0 0 0; } .jcarousel-wrapper-gal img{ height:183px; width:auto; } .jcarousel-control-prev-gal, .jcarousel-control-next-gal { top:205px; z-index:800; } .jcarousel-control-prev-gal { background-image:url(../images/icon_arrow_left_gal.png); right:52px; left:auto; } .jcarousel-control-next-gal { background-image:url(../images/icon_arrow_right_gal.png); right:0px; } .jcarousel-wrapper-marken { width:540px; height:200px; padding:0 0 0 0; margin:0 0 0 0; } .jcarousel-wrapper-marken img{ max-height: 90%; max-width: 90%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .jcarousel-control-prev-marken, .jcarousel-control-next-marken { top:180px; z-index:800; } .jcarousel-control-prev-marken { background-image:url(../images/icon_arrow_left_gal.png); right:32px; left:auto; } .jcarousel-control-next-marken { background-image:url(../images/icon_arrow_right_gal.png); right:0px; } .box_marken{ width:248px; height:183px; border:0 solid #dcdcdc; overflow:hidden; margin:0 40px 0 0; } .box_marken_pic{ width:248px; height:183px; overflow:hidden; text-align:center; } .jcarousel li { margin:0 0 5px 0; } .box_gal{ width:248px; height:183px; border:1px solid #dcdcdc; overflow:hidden; margin:0 40px 0 0; } .box_gal_pic{ width:248px; height:183px; overflow:hidden; background-color:#ffffff; text-align:center; } .box_gal_hover{ width:248px; height:183px; margin:-183px 0 0 0; background-image:url(../images/bg_abdecker_zoom.png); background-repeat:no-repeat; background-position:right bottom; display:none; } .box_gal:hover .box_gal_hover{ display:inline; } /* galery slider :: ende */ /* footer :: start */ .bgdiv_con_100_testimonials{ display:inline; height:463px; background-color:#2d2d2b; } .testimonial_rahmen{ float:left; display:inline; width:500px; height:463px; background-color:#2d2d2b; box-sizing:border-box; padding:60px 0 60px 0; z-index:500; color:#ffffff; } /*slider testimonial :: start */ .jcarousel-wrapper-testimonial { display:inline; width:540px; height:391px; padding:0 0 0 0; margin:40px 0 20px 0; } .testimonial_txt{ width:500px; height:391px; color:#ffffff; } .testimonial_txt p{ color:#ffffff; } .testimonial_kunde{ color:#ffffff; font-weight:bold; box-sizing:border-box; width:540px; padding:0 0 0 12px; background-image:url(../images/bg_testimonial.gif); background-repeat:no-repeat; background-position:left 13px; } .jcarousel-control-prev-testimonial, .jcarousel-control-next-testimonial { top:380px; z-index:800; width:11px; height:40px; } .jcarousel-control-prev-testimonial { background-image:url(../images/icon_arrow_left.png); right:50px; } .jcarousel-control-next-testimonial { background-image:url(../images/icon_arrow_right.png); right:0px; } /*slider testimonial :: ende */ .rahmen_cta{ margin-top:0px; } .bgdiv_con_100_pic_footer{ display:none; } .bgdiv_con_100_pic_footer_abdecker{ display:none; } .cta_txt{ display:inline; width:540px; padding:60px 0 0 0; } .cta_adresse{ display:inline; width:540px; padding:0 0 60px 0; } .footer_z1_copy{ font-size:16px; color:#ffffff; margin:15px 0 0 0; font-weight:300; } .footer_z1_links{ display:none; } /* footer :: ende */ } @media only screen and (min-width: 750px){ /* Projekt - START */ .team_overflow{ width:760px; } .box_team{ width:350px; height:220px; margin:0 30px 30px 0; background-size:cover; background-position:center; background-repeat:no-repeat; } .box_team_overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:transparent; text-align:center; } .box_team_overlay span{ position:relative; justify-content : center; align-items : center; display:none; margin:80px 0 0 0; } .box_team_overlay:hover{ background-color:rgba(26,23,28,0.8); -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; } .box_team_overlay:hover span{ display:flex; } a.nav_foot{ font-size:18px; } .div_btn_foot{ clear:inherit; margin-right:0px; text-align:right; margin-top:20px; } .width_index_top{ width:730px; margin:-410px 0 0 0; } .form_foot_datenschutz{ font-size:18px; color:#fff; line-height:24px; } .width_form_foot{ width:50%; } .name_foot{ font-size:24px; line-height:30px; color:#1a171c; } .copy_foot{ font-size:14px; line-height:20px; color:#1a171c; } .adress_foot{ font-size:16px; line-height:65px; color:#1a171c; } .box_form_foot{ width:100%; padding:80px; background-color:#f39400; box-sizing: border-box; } .jcarousel-wrapper-gal-index { width:800px; height:290px; padding:0 0 0 0; margin:0 0 0 0; float:right; overflow:hidden; } .jcarousel-wrapper-gal-index img{ height:300px; width:auto; } .jcarousel-control-prev-gal-index, .jcarousel-control-next-gal-index { width:50px; height:50px; top:0px; z-index:800; } .position_prev_next_index{ margin:0 300px 0 0; } .jcarousel-control-prev-gal-index { background-image:url(../images/icon_arrow_left_gal_index.png); right:650px; } .jcarousel-control-next-gal-index { background-image:url(../images/icon_arrow_right_gal_index.png); right:600px; } .box_gal_index{ width:300px; height:290px; overflow:hidden; margin:0 0 0 0; } .box_gal_index_pic{ width:300px; height:290px; overflow:hidden; background-color:#ffffff; text-align:center; } .box_gal_index_hover{ width:300px; height:290px; margin:-290px 0 0 0; background-color:rgba(26,23,28,0.25); display:none; } .box_gal_index_upper{ width:600px; height:280px; background-color:#1a171c; padding:60px; box-sizing: border-box; } .box_gal_index_under{ width:600px; height:140px; background-color:#1a171c; padding:60px 60px 40px 60px; box-sizing: border-box; } h2.h2_gal_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0px 0 60px 40px; padding:0 0 0 0; width:380px; display:inline; position:relative; float:left; } h2.h2_cta_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0 0 0 0; padding:0 0 0 0; text-align:center; } .marker_pic_index i{ color:#1a171c; font-size:28px; position:absolute; padding:30px 38px 30px 38px; background-color:#f39400; bottom:0; right:0; } .box_pic_index{ width:730px; height:450px; background-position:center; background-repeat:no-repeat; background-size:cover; } .box_txt_index_right{ padding:0 40px 0 40px; box-sizing: border-box; margin:60px 0 60px 0; width:730px; } .box_txt_index_right_grau{ height:500px; width:730px; padding:60px 40px 0 40px; box-sizing: border-box; margin:0 0 0 0; background-color:#f6f7f9; } span.number_index{ color:#fff; font-size:24px; position:absolute; bottom:380px; left:20px; } span.head_box_leistungen{ font-size:18px; color:#fff; } .box_leistungen_index_abdecker{ position:absolute; top:0; right:0; bottom:80px; left:0; background-color:rgba(26,23,28,0.25); } .margin_boxen_leistungen{ margin:-360px 0 0 0; } .box_leistungen_index{ width:243px; background-repeat:no-repeat; cursor:pointer; height: 600px; background-position: top center; } .box_leistungen_index:hover .box_leistungen_index_abdecker{ background-color:rgba(26,23,28,0.5); -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; } .box_leistungen_link{ background-color:#2d292f; width:100%; height:350px; bottom:0; position:absolute; padding:35px 20px 0 20px; box-sizing:border-box; } .box_leistungen_link_middle{ background-color:#1a171c; width:100%; height:350px; bottom:0; position:absolute; padding:35px 20px 0 20px; box-sizing:border-box; } span.span_box_index{ color:#1a171c; background-image:url(../images/trenner_obx_index.png); background-position:right center; background-repeat:no-repeat; padding:0 60px 0 0; } span.span_box_index_2{ color:#1a171c; background-image:url(../images/trenner_obx_index.png); background-position:left center; background-repeat:no-repeat; padding:0 0 0 60px; transform: rotate(-90deg); position:absolute; left:-120px; bottom:180px; display:none; } .box_welcome_txt{ width:730px; margin:-580px 0 0 -385px; } .box_orange_first{ width:810px; height:450px; background-color:#f39400; margin:160px 0 0 -40px; } .box_felder_overflow{ width:1220px; } h1.h1_top{ color:#1a171c; font-size:80px; line-height:82px; margin:0 0 10px 0; font-weight:500; width:440px; } h2.h2_top{ color:#1a171c; font-size:36px; line-height:40px; margin:40px 0 0 0; font-weight:300; width:440px; } h1.h1_top_content{ color:#1a171c; font-size:80px; line-height:82px; margin:0 0 10px 0; font-weight:500; width:730px; } h2.h2_top_content{ color:#1a171c; font-size:36px; line-height:40px; margin:10px 0 0 0; font-weight:300; width:730px; } /* Projekt - ENDE */ .box_felder_overflow{ width:1220px; } .box_felder{ width:730px; height:140px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:10px 20px 10px 0; cursor:pointer; } .box_felder_h2{ font-size:22px; } .box_felder:hover{ background-color:#a01f13; -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; } .headline_content_top{ margin-top:30px; } h1.h1_foot{ color:#fff; font-size:32px; margin:0 0 10px 0; } h3.h3_foot{ color:#fff; font-size:28px; font-weight:300; text-transform:none; margin:0; line-height:38px; } h3.h3_foot a{ font-size:32px; color:#fff; font-weight:600; } .bike_fuss{ background-image:none; width:100%; height:70px; margin:0; } .margin_fragen{ margin:0 0 40px 0; } i.plus_fragen{ font-size:42px; line-height:30px; text-transform:none; color:#f39400; margin:0 20px 0 0; position:relative; display:inline; float:left; } h1.h1_fragen{ font-size:32px; line-height:36px; text-transform:none; color:#838382; margin:0; font-weight:300; cursor:pointer; width:600px; } h1.h1_fragen:hover{ 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; } .caret_boxen{ color:#fff; font-size:32px; display:block; position:absolute; bottom:30px; right:30px; } .box_font h2{ font-size:26px; line-height:30px; text-transform:uppercase; color:#fff; margin:0; } .box_font h3{ font-size:16px; line-height:24px; text-transform:uppercase; color:#fff; font-weight:300; } .box1{ width:355px; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 20px 0 0; } .box1_overlay{ width:355px; height:200px; background-color:rgba(45,45,43,0.4); } .box2{ width:355px; height:200px; background-color:#2d2d2b; padding:40px; box-sizing:border-box; margin:0 0 20px 0; cursor:pointer; } .box2:hover{ background-color:#181818; -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; } .box3{ width:355px; height:200px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 20px 20px 0; cursor:pointer; } .box3:hover{ background-color:#a01f13; -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; } .box4{ width:355px; height:200px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 20px 0; cursor:pointer; } .box4:hover{ background-color:#a01f13; -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; } .box5{ width:355px; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 20px 0 0; } .box5_overlay{ width:355px; height:200px; background-color:rgba(45,45,43,0.4); } .box6{ width:355px; height:200px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 0 0; cursor:pointer; } .box6:hover{ background-color:#a01f13; -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; } .bike_index_top{ background-image: url(../images/bike_index_top.svg); background-repeat: no-repeat; background-size: auto; background-position: top left; height: 335px; width: 290px; margin: -80px -60px 0 0; z-index: 999; } .box_headline{ background-image:url(../images/icon_headline.png); background-repeat:no-repeat; background-size:auto; background-position:top left; padding:0 0 0 45px } .span_slider{ font-size:26px; line-height:30px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } .display_btn{ display:none; } .bg_icon_tiles{ background-image:url(../images/bg_icon_tiles.png); background-size:260px 200px; background-position:bottom right; background-repeat:no-repeat; } .box_leistung_slider{ height:360px; width:216px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 40px 0 0; cursor:pointer; } .box_leistung_slider_overlay{ height:360px; width:216px; background-color:rgba(0,0,0,0.85); margin:0 40px 0 0; padding:40px 20px 0 20px; cursor:pointer; display:none; box-sizing:border-box; } .box_leistung_slider:hover .box_leistung_slider_overlay{ display:inline; } .box_leistung_slider:hover a{ text-decoration:underline; } .div_iframe iframe{ height:380px; width:100%; } h1{ font-size: 28px; line-height:30px; } h1.h1_marker{ font-size:30px; line-height:36px; } h1.h1_weiss{ font-size:30px; line-height:36px; } h2{ font-size:20px; line-height:24px; } h2.h2_slogan{ font-size:26px; line-height:30px; } h3{ font-size:28px; line-height:30px; } h3.h3_slogan{ font-size:26px; line-height:30px; } h3.h3_h1_marker{ font-size:30px; line-height:36px; } h3.h3_galery{ font-size:30px; line-height:36px; } h3.h3_h1{ font-size:30px; line-height:36px; } h3.h3_testimonial_marker{ font-size:26px; line-height:34px; } h4{ font-size:16px; line-height:24px; } h4.h4_teaser{ font-size:24px; line-height:26px; } h4.h4_news{ font-size:24px; line-height:26px; } h5{ font-size:16px; line-height:24px; } /* header contentseiten :: start */ .bgdiv_con_100_header_con{ display:inline; height:auto; background-repeat:no-repeat; background-position:center top; background-size:cover; } .header_con_abdecker{ float:left; display:inline; position:relative; height:100%; width:100%; background-color:rgba(255,255,255,0.5); } .box_icons{ width:730px; height:75px; margin:20px 0 0 0; text-align:left; overflow:hidden; } .box_icons img{ width:300px; max-height:75px; } /* header contentseiten :: ende */ /* slider startseite :: start */ .bgdiv_con_100_header_slider{ display:block; height:350px; margin-top:0; } .bgdiv_slider{ width:100%; height:350px; float:left; display:inline; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; overflow:hidden; } .slider_abdecker{ float:left; display:inline; position:relative; height:100%; width:100%; } .rslides { display:inline; position: relative; list-style: none; overflow: hidden; width: 100%; height:350px; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; margin:0; padding:0; } .rslides li:first-child { position: relative; display: block; float: left; } /* .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } */ .large-btns_tabs { padding-left:0px; margin-left:0px; margin-top: 0px; } .large-btns_tabs li { display: inline; float: none; margin:0 10px 0 0; } .large-btns_tabs a { background-color:#ffffff; width:15px; height:15px; display: inline-block; overflow: hidden; text-indent: -9999px; } .large-btns_here a { background-color:#f39400; } .rslides_navi_pos{ margin:-59px 0 0 0; z-index:900; display:inline; } .bg_slogan{ display:inline; position:relative; margin:-260px 0 0 0; padding:40px; box-sizing:border-box; text-align:left; color:#fff; width:580px; height:360px; bottom:0; float:right; background-image:linear-gradient(135deg, #c92a1b 0%, #f39400 50%); z-index:99; } .bg_slogan_pic{ display:none; } /* slider startseite :: ende */ /* keyfacts - produktteaser - welcome :: start */ .bgdiv_con_100_produktteaser{ background-image:url(../images/bg_teaser_produkte.gif); background-position:center top; background-repeat:repeat-y; margin:0 0 0 0; z-index:900; display:inline; } .produkt_teaser{ width:730px; padding:0 0 0 0; box-sizing:border-box; } .produkt_teaser_box{ box-sizing:border-box; width:225px; height:313px; border:1px solid #d1d1d1; margin:0 0 0 27px; overflow:hidden; text-align:center; cursor:pointer; } .produkt_teaser_box img{ max-width:223px; height:311px; } .produkt_teaser_lupe{ width:40px; height:40px; display:inline; background-image:url(../images/icon_lupe_01.png); background-position:center top; background-repeat:no-repeat; margin:-40px 0 0 0; } .produkt_teaser_abdecker{ width:223px; height:311px; display:none; background-image:url(../images/bg_abdecker_zoom.png); background-position:right bottom; background-repeat:no-repeat; margin:-311px 0 0 0; padding:130px 0 0 0; text-align:center; color:#ffffff; box-sizing:border-box; } h4.h4_teaser{ font-size:24px; line-height:26px; } .produkt_teaser_box:hover .produkt_teaser_abdecker{ display:inline; } .produkt_teaser_box:hover .produkt_teaser_lupe{ display:none; } .bgdiv_keyfacts{ display:none; } .welcome_txt{ float:left; width:730px; padding:60px 0 60px 0; } /* keyfacts - produktteaser - welcome :: ende */ /* content bühne :: start */ .sp_50p_buehne{ width:728px; height:476px; overflow:hidden; border:0px solid #e3e3e3; float:right; margin:0 0 40px 0; } .sp_50p_buehne_txt{ width:730px; float:left; } .jcarousel-wrapper-buehne { width:728px; height:476px; } /*.jcarousel-wrapper-buehne img { width:730px }*/ .buehne_table{ width:728px; height:476px; } .buehne_resize_width{ width:728px; } .buehne_resize_height{ height:476px; } .iframe_buehne{ width:728px; height:476px; } .jcarousel-control-prev_buehne, .jcarousel-control-next_buehne { position: absolute; top:426px; width: 50px; height: 50px; } .jcarousel-control-prev_buehne { right:50px; background-image:url(../images/icon_arrow_left_rot.png); background-repeat:no-repeat; } .jcarousel-control-next_buehne { right: 0px; background-image:url(../images/icon_arrow_right_rot.png); background-repeat:no-repeat; } /* content bühne :: ende */ /* galery slider :: start */ .jcarousel-wrapper-gal { width:730px; height:200px; padding:0 0 0 0; margin:0 0 0 0; } .jcarousel-wrapper-gal img{ height:158px; width:auto; } .jcarousel-control-prev-gal, .jcarousel-control-next-gal { top:180px; z-index:800; } .jcarousel-control-prev-gal { background-image:url(../images/icon_arrow_left_gal.png); right:52px; } .jcarousel-control-next-gal { background-image:url(../images/icon_arrow_right_gal.png); right:0px; } .jcarousel-wrapper-marken { width:730px; height:120px; padding:0 0 0 0; margin:0 0 0 0; } .jcarousel-wrapper-marken img{ max-height: 90%; max-width: 90%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .jcarousel-control-prev-marken, .jcarousel-control-next-marken { top:120px; z-index:800; } .jcarousel-control-prev-marken { background-image:url(../images/icon_arrow_left_gal.png); right:32px; } .jcarousel-control-next-marken { background-image:url(../images/icon_arrow_right_gal.png); right:0px; } .box_marken{ width:214px; height:100px; border:0 solid #dcdcdc; overflow:hidden; margin:0 40px 0 0; } .box_marken_pic{ width:214px; height:100px; overflow:hidden; text-align:center; } .jcarousel li { margin:0 0 5px 0; } .box_gal{ width:214px; height:158px; border:1px solid #dcdcdc; overflow:hidden; margin:0 40px 0 0; } .box_gal_pic{ width:214px; height:158px; overflow:hidden; background-color:#ffffff; text-align:center; } .box_gal_hover{ width:214px; height:158px; margin:-158px 0 0 0; background-image:url(../images/bg_abdecker_zoom.png); background-repeat:no-repeat; background-position:right bottom; display:none; } .box_gal:hover .box_gal_hover{ display:inline; } /* galery slider :: ende */ /* footer :: start */ .bgdiv_con_100_testimonials{ display:inline; height:410px; background-color:#2d2d2b; } .testimonial_rahmen{ float:right; display:inline; width:730px; height:410px; background-color:#2d2d2b; box-sizing:border-box; padding:60px 0 60px 0; z-index:500; color:#ffffff; } /*slider testimonial :: start */ .jcarousel-wrapper-testimonial { display:inline; width:480px; height:400px; padding:0 0 0 0; margin:0 0 0 0; } .testimonial_txt{ width:730px; height:391px; color:#ffffff; } .testimonial_txt p{ color:#ffffff; } .testimonial_kunde{ color:#ffffff; font-weight:bold; box-sizing:border-box; width:730px; padding:0 0 0 12px; background-image:url(../images/bg_testimonial.gif); background-repeat:no-repeat; background-position:left 13px; } .jcarousel-control-prev-testimonial, .jcarousel-control-next-testimonial { top:380px; z-index:800; width:16px; height:40px; } .jcarousel-control-prev-testimonial { background-image:url(../images/icon_arrow_left.png); right:50px; } .jcarousel-control-next-testimonial { background-image:url(../images/icon_arrow_right.png); right:0px; } /*slider testimonial :: ende */ .rahmen_cta{ margin-top:0px; } .bgdiv_con_100_pic_footer{ display:none; } .bgdiv_con_100_pic_footer_abdecker{ display:none; } .cta_txt{ display:inline; width:730px; padding:60px 0 0 0; } .cta_adresse{ display:inline; width:730px; padding:0 0 60px 0; } .footer_z1_copy{ font-size:16px; color:#ffffff; margin:15px 0 0 0; font-weight:300; } .footer_z1_links{ display:none; } /* footer :: ende */ } @media only screen and (min-width: 1225px){ /* Projekt - START */ .box_team{ width:580px; height:350px; margin:0 40px 40px 0; background-size:cover; background-position:center; background-repeat:no-repeat; } .box_team_overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:transparent; text-align:center; } .box_team_overlay span{ position:relative; justify-content : center; align-items : center; display:none; margin:140px 0 0 0; } .box_team_overlay:hover{ background-color:rgba(26,23,28,0.8); -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; } .box_team_overlay:hover span{ display:flex; } .team_overflow{ width:1240px; } .margin_boxen_leistungen{ margin:-610px 0 0 0; } .width_index_top{ width:450px; margin:-680px 0 0 0; } .form_foot_datenschutz{ font-size:18px; color:#fff; line-height:24px; } .width_form_foot{ width:50%; } .name_foot{ font-size:24px; line-height:30px; color:#1a171c; } .copy_foot{ font-size:14px; line-height:20px; color:#1a171c; } .adress_foot{ font-size:16px; line-height:65px; color:#1a171c; } .box_form_foot{ width:100%; padding:80px; background-color:#f39400; box-sizing: border-box; } .jcarousel-wrapper-gal-index { width:1700px; height:290px; padding:0 0 0 0; margin:0 -260px 0 0; float:right; } .jcarousel-wrapper-gal-index img{ height:300px; width:auto; } .jcarousel-control-prev-gal-index, .jcarousel-control-next-gal-index { width:50px; height:50px; top:0px; z-index:800; } .position_prev_next_index{ margin:0 300px 0 0; } .jcarousel-control-prev-gal-index { background-image:url(../images/icon_arrow_left_gal_index.png); right:650px; } .jcarousel-control-next-gal-index { background-image:url(../images/icon_arrow_right_gal_index.png); right:600px; } .box_gal_index{ width:300px; height:290px; overflow:hidden; margin:0 0 0 0; } .box_gal_index_pic{ width:300px; height:290px; overflow:hidden; background-color:#ffffff; text-align:center; } .box_gal_index_hover{ width:300px; height:290px; margin:-290px 0 0 0; background-color:rgba(26,23,28,0.25); display:none; } .box_gal_index_upper{ width:600px; height:280px; background-color:#1a171c; padding:60px; box-sizing: border-box; } .box_gal_index_under{ width:600px; height:140px; background-color:#1a171c; padding:60px 60px 40px 60px; box-sizing: border-box; } h2.h2_gal_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:110px 0 0 60px; padding:0 0 0 0; width:380px; display:inline; position:relative; float:left; } h2.h2_cta_index{font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0 0 0 60px; padding:0 0 0 0; text-align:center; } .marker_pic_index i{ color:#1a171c; font-size:28px; position:absolute; padding:30px 38px 30px 38px; background-color:#f39400; bottom:0; right:0; } .box_pic_index{ width:600px; height:600px; background-position:center; background-repeat:no-repeat; background-size:cover; } .box_txt_index_right{ padding:0 40px 0 40px; box-sizing: border-box; margin:60px 0 0 0; width:580px; } .box_txt_index_right_grau{ height:600px; width:600px; padding:60px 40px 0 40px; box-sizing: border-box; margin:0 0 0 0; background-color:#f6f7f9; } span.number_index{ color:#fff; font-size:24px; position:absolute; bottom:220px; left:20px; } span.head_box_leistungen{ font-size:18px; line-height:28px; font-weight:300; } .box_leistungen_index_abdecker{ position:absolute; top:0; right:0; bottom:80px; left:0; background-color:rgba(26,23,28,0.25); } .box_leistungen_index{ width:400px; height:690px; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; } .box_leistungen_index:hover .box_leistungen_index_abdecker{ background-color:rgba(26,23,28,0.5); -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; } .box_leistungen_link{ background-color:#2d292f; width:100%; height:200px; bottom:0; position:absolute; padding:35px 20px 0 20px; box-sizing:border-box; } .box_leistungen_link_middle{ background-color:#1a171c; width:100%; height:200px; bottom:0; position:absolute; padding:35px 20px 0 20px; box-sizing:border-box; } span.span_box_index{ color:#1a171c; background-image:url(../images/trenner_obx_index.png); background-position:right center; background-repeat:no-repeat; padding:0 60px 0 0; } span.span_box_index_2{ color:#1a171c; background-image:url(../images/trenner_obx_index.png); background-position:left center; background-repeat:no-repeat; padding:0 0 0 60px; transform: rotate(-90deg); position:absolute; left:-120px; bottom:180px; display:block; } .box_welcome_txt{ width:360px; margin:-820px 0 0 80px; } .box_orange_first{ width:810px; height:810px; background-color:#f39400; margin:80px 0 0 -40px; } .box_felder_overflow{ width:1220px; } h1.h1_top{ color:#1a171c; font-size:80px; line-height:82px; margin:0 0 10px 0; font-weight:500; width:440px; } h2.h2_top{ color:#1a171c; font-size:36px; line-height:40px; margin:10px 0 0 0; font-weight:300; width:440px; } h1.h1_top_content{ color:#1a171c; font-size:80px; line-height:82px; margin:0 0 10px 0; font-weight:500; width:1000px; } h2.h2_top_content{ color:#1a171c; font-size:36px; line-height:40px; margin:10px 0 0 0; font-weight:300; width:1000px; } /* Projekt - ENDE */ .box_felder{ width:385px; height:160px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:10px 20px 10px 0; cursor:pointer; } .box_felder_h2{ font-size:22px; } .box_felder:hover{ background-color:#a01f13; -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; } .headline_content_top{ margin-top:130px; } h1.h1_foot{ color:#fff; font-size:32px; margin:0 0 10px 0; } h3.h3_foot{ color:#fff; font-size:28px; font-weight:300; text-transform:none; margin:0; line-height:auto; } h3.h3_foot a{ font-size:32px; color:#fff; font-weight:600; } .bike_fuss{ background-image:url(../images/bike_index_fuss.svg); background-position:bottom right; background-repeat:no-repeat; background-size:395px 340px; width:395px; height:340px; margin:-260px -280px 0 0; display:inline-block; } .margin_fragen{ margin:0 0 40px 0; } i.plus_fragen{ font-size:42px; line-height:30px; text-transform:none; color:#f39400; margin:0 20px 0 0; position:relative; display:inline; float:left; } h1.h1_fragen{ font-size:32px; line-height:36px; text-transform:none; color:#838382; margin:0; font-weight:300; cursor:pointer; width:auto; } h1.h1_fragen:hover{ 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; } .caret_boxen{ color:#fff; font-size:32px; display:block; position:absolute; bottom:30px; right:30px; } .box_font h2{ font-size:26px; line-height:30px; text-transform:uppercase; color:#fff; margin:0; } .box_font h3{ font-size:16px; line-height:24px; text-transform:uppercase; color:#fff; font-weight:300; } .box1{ width:590px; height:285px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 20px 20px 0; } .box1_overlay{ width:590px; height:285px; background-color:rgba(45,45,43,0.4); } .box2{ width:285px; height:285px; background-color:#2d2d2b; padding:40px; box-sizing:border-box; margin:0 20px 20px 0; cursor:pointer; } .box2:hover{ background-color:#181818; -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; } .box3{ width:285px; height:285px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 20px 0; cursor:pointer; } .box3:hover{ background-color:#a01f13; -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; } .box4{ width:285px; height:285px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 20px 0 0; cursor:pointer; } .box4:hover{ background-color:#a01f13; -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; } .box5{ width:590px; height:285px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 20px 0 0; } .box5_overlay{ width:590px; height:285px; background-color:rgba(45,45,43,0.4); } .box6{ width:285px; height:285px; background-color:#f39400; padding:40px; box-sizing:border-box; margin:0 0 0 0; cursor:pointer; } .box6:hover{ background-color:#a01f13; -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; } .bike_index_top{ background-image:url(../images/bike_index_top.svg); background-repeat:no-repeat; background-size:auto; background-position:top left; height:375px; width:330px; margin:-140px -50px 0 0; z-index:999; } .box_headline{ background-image:url(../images/icon_headline.png); background-repeat:no-repeat; background-size:auto; background-position:top left; padding:0 0 0 45px } .span_slider{ font-size:26px; line-height:30px; font-family: 'Fira Sans Extra Condensed', Arial, Helvetica, sans-serif; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none; } .display_btn{ display:inline; } .bgdiv_nav_top_z3{ display:block; } .bg_icon_tiles{ background-image:url(../images/bg_icon_tiles.png); background-size:260px 200px; background-position:bottom right; background-repeat:no-repeat; } .box_leistung_slider{ height:360px; width:270px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 40px 0 0; cursor:pointer; } .box_leistung_slider_overlay{ height:360px; width:270px; background-color:rgba(0,0,0,0.85); margin:0 40px 0 0; padding:40px 20px 0 20px; cursor:pointer; display:none; box-sizing:border-box; } .box_leistung_slider:hover .box_leistung_slider_overlay{ display:inline; } .box_leistung_slider:hover a{ text-decoration:underline; } .bgdiv_nav_top_z1, .bgdiv_nav_top_z2, .nav_scroll_bg{ display:inline; } .bgdiv_nav_top_z1_mobile{ display:none; } /* header contentseiten :: start */ .bgdiv_con_100_header_con{ display:inline; background-repeat:no-repeat; background-position:center top; background-size:cover; margin:-130px 0 -60px 0; min-height: 260px; padding: 0 0 40px 0; box-sizing: border-box; } .header_con_abdecker{ float:left; display:inline; position:relative; height:100%; width:100%; background-color:rgba(255,255,255,0.5); } .box_icons{ width:456px; height:75px; margin:100px 0 0 0; text-align:right; overflow:hidden; } .box_icons img{ width:300px; max-height:75px; } /* header contentseiten :: ende */ /* slider startseite :: start */ .bgdiv_con_100_header_slider{ display:block; height:790px; margin-top:-130px; } .bgdiv_slider{ width:100%; height:790px; float:left; display:inline; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; overflow:hidden; } .slider_abdecker{ float:left; display:inline; position:relative; height:100%; width:100%; /* background-image: linear-gradient(to bottom, rgba(10, 10, 10, 0.9) 20%, rgba(255, 255, 255, 0)); */ } .rslides { display:inline; position: relative; list-style: none; overflow: hidden; width: 100%; height:790px; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; margin:0; padding:0; } .rslides li:first-child { position: relative; display: block; float: left; } /* .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } */ .rslides_navi_pos{ margin:-60px 0 0 0; z-index:900; display:block; } .bg_slogan{ display:inline; position:relative; margin:-280px 0 0 0; padding:40px; box-sizing:border-box; text-align:left; color:#fff; width:580px; height:360px; bottom:0; float:right; background-image:linear-gradient(135deg, #c92a1b 0%, #f39400 50%); z-index:99; } .bg_slogan_pic{ display:block; position:absolute; float:right; /*margin:230px 0 0 0;*/ padding:0 0 0 0; text-align:right; color:#323232; width:1200px; bottom:410px; } .bg_slogan_pic img{ max-width:580px; max-height:500px; } /* slider startseite :: ende */ /* keyfacts - produktteaser - welcome :: start */ .bgdiv_con_100_produktteaser{ background-image:url(../images/bg_teaser_produkte.gif); background-position:center top; background-repeat:repeat-y; margin:-280px 0 0 0; z-index:900; display:inline; } .produkt_teaser{ width:745px; height:455px; padding:0 0 0 0; box-sizing:border-box; } .produkt_teaser_box{ box-sizing:border-box; width:225px; height:313px; border:1px solid #d1d1d1; margin:0 0 0 18px; overflow:hidden; text-align:center; cursor:pointer; } .produkt_teaser_box img{ max-width:223px; height:311px; } .produkt_teaser_lupe{ width:40px; height:40px; display:inline; background-image:url(../images/icon_lupe_01.png); background-position:center top; background-repeat:no-repeat; margin:-40px 0 0 0; } .produkt_teaser_abdecker{ width:223px; height:311px; display:none; background-image:url(../images/bg_abdecker_zoom.png); background-position:right bottom; background-repeat:no-repeat; margin:-311px 0 0 0; padding:130px 0 0 0; text-align:center; color:#ffffff; box-sizing:border-box; } h4.h4_teaser{ font-size:24px; line-height:26px; } .produkt_teaser_box:hover .produkt_teaser_abdecker{ display:inline; } .produkt_teaser_box:hover .produkt_teaser_lupe{ display:none; } .bgdiv_keyfacts{ display:block; width:410px; padding:60px 60px 80px 80px; margin:-455px 0 0 0; background-color:#f39400; box-sizing:border-box; z-index:950; min-height:475px; } .keyfact{ font-size:24px; line-height:30px; color:#ffffff; clear:both; width:100%; margin:0 0 0 0; } .keyfacts_wert{ font-size:50px; line-height:56px; font-weight:bold; } .keyfacts_trenner{ display:block; clear:both; width:100%; height:2px; background-image:url(../images/keyfacts_trenner.gif); background-repeat:no-repeat; background-position:left top; margin:33px 0 27px 0; } .welcome_txt{ float:right; width:713px; padding:60px 0 60px 0; } /* keyfacts - produktteaser - welcome :: ende */ /* content bühne :: start */ .sp_50p_buehne{ width:454px; height:297px; overflow:hidden; border:0px solid #e3e3e3; float:right; margin:0 0 0 0; } .sp_50p_buehne_txt{ width:704px; float:left; } .jcarousel-wrapper-buehne { width:454px; height:297px; } .buehne_table{ width:454px; height:297px; } .buehne_resize_width{ width:454px; } .buehne_resize_height{ height:297px; } .iframe_buehne{ width:464px; height:297px; } .jcarousel-control-prev_buehne, .jcarousel-control-next_buehne { position: absolute; top:247px; width: 50px; height: 50px; } .jcarousel-control-prev_buehne { right:50px; background-image:url(../images/icon_arrow_left_rot.png); background-repeat:no-repeat; } .jcarousel-control-next_buehne { right: 0; background-image:url(../images/icon_arrow_right_rot.png); background-repeat:no-repeat; } /* content bühne :: ende */ /* galery slider :: start */ .jcarousel-wrapper-gal { width:1200px; height:160px; padding:0 0 0 0; margin:0 0 0 0; } .jcarousel-wrapper-gal img{ height:154px; width:auto; } .jcarousel-control-prev-gal, .jcarousel-control-next-gal { top:-46px; z-index:800; } .jcarousel-control-prev-gal { background-image:url(../images/icon_arrow_left_gal.png); right:30px; } .jcarousel-control-next-gal { background-image:url(../images/icon_arrow_right_gal.png); right:0px; } .jcarousel-wrapper-marken { width:713px; height:90px; padding:0 0 0 0; margin:0 0 0 0; } .jcarousel-wrapper-marken img{ max-height: 90%; max-width: 90%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .jcarousel-control-prev-marken, .jcarousel-control-next-marken { top:-46px; z-index:800; } .jcarousel-control-prev-marken { background-image:url(../images/icon_arrow_left_gal.png); right:30px; } .jcarousel-control-next-marken { background-image:url(../images/icon_arrow_right_gal.png); right:0px; } .box_marken{ width:206px; height:100px; border:0px solid #dcdcdc; overflow:hidden; margin:0 40px 0 0; } .box_marken_pic{ width:208px; height:100px; overflow:hidden; text-align:center; vertical-align:middle; } .jcarousel li { margin:0 0 5px 0; } .box_gal{ width:206px; height:154px; border:1px solid #dcdcdc; overflow:hidden; margin:0 40px 0 0; } .box_gal_pic{ width:208px; height:154px; overflow:hidden; background-color:#ffffff; text-align:center; } .box_gal_hover{ width:206px; height:154px; margin:-154px 0 0 0; background-image:url(../images/bg_abdecker_zoom.png); background-repeat:no-repeat; background-position:right bottom; display:none; } .box_gal:hover .box_gal_hover{ display:inline; } /* galery slider :: ende */ /* footer :: start */ .bgdiv_con_100_testimonials{ display:inline; height:710px; background-color:#f5f5f5; } .testimonial_rahmen{ float:right; display:inline; width:410px; height:710px; background-color:#2d2d2b; box-sizing:border-box; padding:80px 80px 80px 80px; z-index:500; color:#ffffff; } /*slider testimonial :: start */ .jcarousel-wrapper-testimonial { display:inline; width:100%; height:400px; padding:0 0 0 0; margin:0 0 0 0; } .testimonial_txt{ width:250px; height:391px; color:#ffffff; } .testimonial_txt p{ color:#ffffff; } .testimonial_kunde{ color:#ffffff; font-weight:bold; box-sizing:border-box; width:250px; padding:0 0 0 10px; background-image:url(../images/bg_testimonial.gif); background-repeat:no-repeat; background-position:left center; } .jcarousel-control-prev-testimonial, .jcarousel-control-next-testimonial { top:381px; z-index:800; width:9px; height:15px; } .jcarousel-control-prev-testimonial { background-image:url(../images/icon_arrow_left.png); right:30px; } .jcarousel-control-next-testimonial { background-image:url(../images/icon_arrow_right.png); right:0px; } /*slider testimonial :: ende */ .rahmen_cta{ margin-top:-710px; } .bgdiv_con_100_pic_footer{ display:inline; height:470px; background-repeat:no-repeat; background-position:center top; background-size:cover; } .bgdiv_con_100_pic_footer_abdecker{ display:inline; width:100%; height:100%; background-image:url(../images/bg_abdecker_footer.png); background-repeat:repeat-y; background-position:center top; } .cta_txt{ display:inline; width:713px; padding:60px 0 0 0; } .cta_adresse{ display:inline; width:713px; padding:0 0 60px 0; } .footer_z1_copy{ font-size:16px; color:#ffffff; margin:15px 0 0 0; font-weight:300; } .footer_z1_links{ display:inline; font-size:15px; color:#ffffff; margin:15px 0 0 0; text-align:right; } /* footer :: ende */ } .no_padding_top{ padding-top:0px; } .padding_top_10{ padding-top:10px; } .padding_top_20{ padding-top:20px; } .padding_top_40{ padding-top:40px; } .no_padding_bottom{ padding-bottom:0px; } .padding_bottom_20{ padding-bottom:20px; } .padding_bottom_40{ padding-bottom:40px; } .no_margin_left{ margin-left:0px; } .no_margin_top{ margin-top:0px; } .margin_top_10{ margin-top:10px; } .margin_top_20{ margin-top:20px; } .margin_top_30{ margin-top:30px; } .margin_top_40{ margin-top:40px; } .margin_top_m100{ margin-top:-100px; } .margin_bottom_10{ margin-bottom:10px; } .margin_bottom_20{ margin-bottom:20px; } .margin_bottom_40{ margin-bottom:40px; } .margin_left_10{ margin-left:10px; } .margin_left_20{ margin-left:20px; } .margin_right_10{ margin-right:10px; } .margin_right_20{ margin-right:20px; }