/* -------------------------- fonts ANFANG -------------------------- */ /* roboto-100 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('/fonts/roboto/roboto-v27-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/roboto/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/roboto/roboto-v27-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-100.woff') format('woff'), /* Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/roboto/roboto-v27-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('/fonts/roboto/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/roboto/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/roboto/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/roboto/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/fonts/roboto/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/roboto/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/roboto/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/roboto/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/fonts/roboto/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/roboto/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/roboto/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/roboto/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/fonts/roboto/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/roboto/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/roboto/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/roboto/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('/fonts/roboto/roboto-v27-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/roboto/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/roboto/roboto-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-900.woff') format('woff'), /* Modern Browsers */ url('/fonts/roboto/roboto-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/roboto/roboto-v27-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* -------------------------- fonts ENDE -------------------------- */ /* -------------------------- standard-Schrift ANFANG -------------------------- */ body { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } p { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } h1 { color:rgba(0,68,143,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } h2 { color:rgba(29,29,29,1.00); font-size:35px; font-family:Roboto; font-weight:400; line-height:40px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } h3 { color:rgba(0,68,143,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } a { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* -------------------------- standard-Schrift ENDE -------------------------- */ /*-------------------------- Basis CSS ANFANG -------------------------- */ body { background:rgba(255,255,255,0.00); overflow-x: hidden; } .content { width:100%; } .content img { max-width:100%; height: auto; } .html-content img { max-width:100%; height: auto; } .header-content img { max-width:100%; height: auto; } .footer-content img { max-width:100%; height: auto; } .container { max-width: 1200px; width:100%; } .contentbg { background:rgba(255,255,255,1.00); margin-left: auto; margin-right: auto; } h1, h2, h3, h4, h5, h6 { margin:0; } /* .content ul { list-style:none; padding: 0; margin: 0; } */ .content ul { padding-left: 25px; margin: 0; /*padding-top:20px;*/ padding-bottom:20px; } .responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* table */ .table { width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; } .table th { color: #fff; background-color: #002948; border-color: #002948; vertical-align: top; text-align: left; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, .05); } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; } /* table */ pre { background-color: #ededed; border-radius: 4px; padding: 15px; font-family: 'Open Sans', sans-serif !important; white-space: pre-wrap !important; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0, 0, 0, .1); } /*-------------------------- Basis CSS ENDE -------------------------- */ /*-------------------------- Navigation ANFANG -------------------------- */ .navik-header { position: relative; z-index: 99; box-sizing: border-box; font-size: 16px; line-height: 1.428572; background-color: #ffffff; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; border-top: 0px solid rgba(107,107,107,1); border-bottom: 1px solid rgba(245,245,245,1.00); } .navik-header *, .navik-header *::before, .navik-header *::after { box-sizing: border-box; } .navik-header ul { margin-bottom: inherit; } .navik-header img { max-width: 100%; height: auto; } .navik-header a:hover, .navik-header a:focus, .navik-header a:active { text-decoration: none; outline: none; } .navik-header .logo img { max-width: inherit; height: 60px; width: auto; max-height: 120px; margin: 0px 0px 0px 0px ; } .navik-header .logo { float:left; position: relative; top: 50%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding:0px 0px 0px 0px ; } .navik-header-container { position: relative; height: 120px; } .navik-menu ul li { position: relative; list-style: none; } .navik-menu ul ul li { list-style: none; margin:0; padding:0; } .navik-menu ul ul { margin:0; padding:0; } .navik-menu ul li > a { display: block; padding: 0px 20px 0px 10px ; font-family: "Roboto", sans-serif; font-size: 15px; font-weight:600; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out; } .navik-menu ul ul li > a { position: relative; color: rgba(255,255,255,1.00); background-color: transparent; padding: 7px 0px 7px 20px ; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 500; text-transform: none; } .navik-menu ul ul ul li > a { padding: 7px 0px 7px 20px ; } .navik-menu li > ul { display: none; } .header-shadow-wrapper { position: absolute; top: 100%; left: 0; z-index: -1; width: 100%; height: 30px; overflow: hidden; } .header-shadow-wrapper::after { position: relative; top: -60px; display: block; width: 100%; height: 60px; content: ""; border-radius: 50%; box-shadow: 0 10px 40px -5px rgba(0,0,0,0.3); } .navik-menu .navik-menu-icon { margin-right: 5px; color: ; } .navik-menu ul li > a .navik-menu-icon, .navik-menu .mega-menu-heading a .navik-menu-icon { transition: color 0.2s ease-in-out; } .navik-menu { float:right;; clear: inherit; height:100%; } .navik-menu > ul { display: block !important; font-size: 0; padding: 0px 0px 0px 0px ; } .sticky .navik-menu > ul{ } .navik-menu > ul > li { display: inline-block; } .navik-menu > ul > li > a { position: relative; box-sizing: border-box; height: 120px; line-height: 120px; white-space: nowrap; } .navik-menu ul li { position: relative; list-style: none; } .navik-menu ul ul li > a::before { position: absolute; top: 50%; left: 15px; width: 0; content: ""; background: rgba(250,196,2,1.00); transition: all 0.2s ease-in-out; } .navik-menu ul ul li:hover > a { padding-left: 35px !important; color: rgba(250,196,2,1.00); background-color: rgba(237,237,237,0.00); } .navik-menu ul ul li:hover > a::before { width: 10px; } .navik-menu.menu-hover-2 ul ul li.current-menu > a { color: rgba(250,196,2,1.00); background: rgba(237,237,237,0.00); } .navik-header.sticky .navik-menu ul ul li.current-menu > a { color:rgba(250,196,2,1.00); background-color: rgba(237,237,237,0.00); } .navik-menu li > ul { position: absolute; left: 0; display: block !important; width: 280px; padding: 7px 0px 7px 0px ; visibility: hidden; background: rgba(0,68,143,1.00)!important; transition: all 0.2s ease-in-out; } .navik-menu li > ul ul { top: 0px; left: 100%; } .navik-menu li:hover > ul { visibility: visible; opacity: 1; } .navik-menu li.submenu-right > ul { right: 0; left: inherit; } .navik-menu li.submenu-right > ul ul { right: 280px; left: inherit; } .navik-menu ul li.dropdown_menu > a > span::before { position: relative; top: -3px; box-sizing: content-box; display: inline-block; width: 4px; height: 4px; margin-left: 8px; content: ""; border-color: #c1c1c1; border-style: solid; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .navik-menu ul ul li.dropdown_menu > a > span::before { top: 7px; right: 10px; float: right; margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .navik-menu.menu-caret ul li.dropdown_menu > a > span { display: inline-block; } .navik-menu.menu-caret ul ul li.dropdown_menu > a > span { display: inline; } .navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a { background-color: inherit; } .navik-header.sticky { position: fixed; width: 100%; -webkit-animation-name: stickyTransition; animation-name: stickyTransition; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background: rgba(255,255,255,1.00); top:0px; } .navik-header.sticky .navik-header-container { height: 80px; } .navik-header.sticky .navik-menu > ul > li > a { height: 80px; line-height: 80px; color:rgba(0,0,0,1.00); } .navik-header.sticky .navik-menu > ul > li.current-menu > a { color:rgba(0,68,143,1.00); background-color: rgba(0,0,0,0.00); } .navik-header.sticky .navik-menu > ul > li:hover > a { color:rgba(0,68,143,1.00); background-color: rgba(0,0,0,0.00); border-bottom: 2px solid rgba(250,196,2,1.00); } .navik-header.sticky .logo img { height: 50px; max-height: 80px; padding: 5px 0px 5px 5px ; /* wenn sticky logo ausblenden display:none; openwebrelease2 */ } .navik-header.header-transparent-on, .navik-header.header-opacity-on { /*position: absolute; xion */ width: 100%; background-color: transparent; } .navik-header.header-opacity-on { background: rgba(255,255,255,1.00); } .header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a { color: rgba(0,0,0,1.00); } .header-transparent-on .navik-menu > ul > li:hover > a, .header-transparent-on .navik-menu > ul > li.current-menu > a, .header-opacity-on .navik-menu > ul > li:hover > a, .header-opacity-on .navik-menu > ul > li.current-menu > a { color: #26c6da; } .header-opacity-on .navik-menu.menu-hover-2 > ul > li.current-menu > a, .header-opacity-on .navik-menu.menu-hover-2 > ul > li:hover > a { color: rgba(0,68,143,1.00); background: rgba(0,0,0,0.00); border-bottom: 2px solid rgba(250,196,2,1.00); } .navik-menu.submenu-list-border ul ul li > a { padding: 7px 0px 7px 20px !important; } .navik-menu.submenu-list-border ul ul li:first-child > a { padding: 8px 35px 14px 35px !important; } .navik-menu.submenu-list-border ul ul li:last-child > a { padding: 15px 35px 8px 35px !important; } .navik-menu.submenu-list-border ul ul li:last-child::after { display: none; } .navik-menu.submenu-list-border ul ul li:hover > a { padding-left: 55px !important; } .navik-menu.submenu-list-border ul ul li:nth-child(n+2) > a::before { top: 24px; } .navik-menu.submenu-scale li > ul { -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0); } .navik-menu.submenu-scale li.submenu-right ul { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .navik-menu.submenu-scale li:hover > ul { -webkit-transform: scale(1); transform: scale(1); } .navik-menu .mega-menu-container { padding: 0px; } .navik-mega-menu.mega-menu-fullwidth .navik-header-container { position: inherit; } .navik-mega-menu.mega-menu-fullwidth, .navik-mega-menu .navik-header-container { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; perspective: 200px; } .navik-menu ul li.mega-menu { position: inherit; font-size: initial; } .navik-menu li.mega-menu > ul { width: 100%; padding: 0px; } .navik-mega-menu.mega-menu-fullwidth .navik-header-container, .navik-mega-menu .navik-menu.submenu-flip > ul, .navik-mega-menu .navik-menu.submenu-flip ul li.mega-menu { -webkit-transform-style: unset; transform-style: unset; -webkit-perspective: none; perspective: none; } .navik-menu.submenu-scale li.mega-menu ul, .navik-menu.submenu-scale li.mega-menu.submenu-right ul { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } /*-------------------------- Navigation ENDE -------------------------- */ /*-------------------------- Navigation Design CSS ANFANG -------------------------- */ .footer-link_1{ margin: 0px 0px 0px 6px !important; padding: 0px 0px 0px 0px !important; background:rgba(0,0,0,0)!important; border-radius: 0px!important; color: rgba(255,255,255,1.00)!important; text-transform: none!important; text-decoration: none!important; font-family: Roboto!important; font-weight: 400!important; font-size: 14px!important; } .footer-link_1:hover { background:rgba(255,255,255,0.00)!important; color: rgba(250,196,2,1.00)!important; font-weight: normal!important; } .current-menu .footer-link_1{ background:rgba(255,255,255,0.00)!important; color: rgba(0,158,227,1.00)!important; font-weight: normal!important; } /*-------------------------- Navigation Design CSS ENDE -------------------------- */ /*-------------------------- Navigation vertical fixed left oder right ANFANG -------------------------- */ /*-------------------------- Navigation vertical fixed left oder right ENDE -------------------------- */ /*-------------------------- Layout CSS vhtml1 (Header, Footer) ANFANG -------------------------- */ .section_769 { position:relative; width: 100%; margin: 0px 0px 0px 0px ; padding: 10px 0px 10px 0px ; height: auto; background:rgba(0,68,143,1.00); display:table; } .sectioncontent_wrapper_769{ padding: 0px 0px 0px 0px ; margin: 0px 0px 0px 0px ; width: 100%; float: left; background:rgba(255,255,255,0); position: relative; display: table; } .sectioncontent_769{ position: relative; text-align: left; width: 100%; display: table-cell; vertical-align: top; } /* Schriften-Set ANFANG */ .sectioncontent_769 { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; } .sectioncontent_769 p { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_769 a { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .section_768 { position:relative; width: 100%; margin: 0px 0px 0px 0px ; padding: 28px 0px 22px 0px ; height: auto; min-height: 90px; background: url(https://www.mueller-bauhandel.de/data/images/uploads/bg-quote-0303-1045.jpg) ; background-size: cover; background-repeat: no-repeat; background-position: top center; background-blend-mode: overlay; display:table; } .sectioncontent_wrapper_768{ padding: 0px 0px 0px 0px ; margin: 0px 0px 0px 0px ; width: 100%; float: left; background:rgba(255,255,255,0); position: relative; display: table; } .sectioncontent_768{ position: relative; text-align: left; width: 100%; display: table-cell; vertical-align: middle; } /* Schriften-Set ANFANG */ .sectioncontent_768 { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; } .sectioncontent_768 p { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_768 h2 { color:rgba(255,255,255,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:10px 0px 0px 0px; margin:0; } .sectioncontent_768 a { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .section_40 { position:relative; width: 100%; margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 0px ; height: auto; min-height: 400px; background: url(https://www.mueller-bauhandel.de/data/images/uploads/banner-bg-0303-1041.jpg) ,rgba(28,28,28,0.84); background-size: cover; background-repeat: no-repeat; background-position: top center; background-blend-mode: overlay; display:table; } .sectioncontent_wrapper_40{ padding: 20px 0px 20px 0px ; margin: 0px 0px 0px 0px ; width: 100%; float: left; min-height: 400px; background:rgba(255,255,255,0); position: relative; display: table; } .sectioncontent_40{ position: relative; text-align: left; width: 100%; display: table-cell; vertical-align: middle; } /* Schriften-Set ANFANG */ .sectioncontent_40 { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; } .sectioncontent_40 p { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_40 h2 { color:rgba(255,255,255,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:20px 0px 20px 0px; margin:0; } .sectioncontent_40 a { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .section_37 { position:relative; width: 100%; margin: 0px 0px 0px 0px ; padding: 15px 0px 15px 0px ; height: auto; background:rgba(0,68,143,1.00); display:table; } .sectioncontent_wrapper_37{ padding: 0px 0px 0px 0px ; margin: 0px 0px 0px 0px ; width: 100%; float: left; background:rgba(255,255,255,0); position: relative; display: table; } .sectioncontent_37{ position: relative; text-align: left; width: 100%; display: table-cell; vertical-align: middle; } /* Schriften-Set ANFANG */ .sectioncontent_37 { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; } .sectioncontent_37 p { color:rgba(255,255,255,1.00); font-size:14px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_37 h2 { color:rgba(255,255,255,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:20px 0px 20px 0px; margin:0; } .sectioncontent_37 a { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ /*-------------------------- Layout CSS vhtml1 (Header, Footer) ENDE -------------------------- */ /*-------------------------- Layout CSS vhtml2 (Header, Footer) ANFANG -------------------------- */ /*-------------------------- Layout CSS vhtml2 (Header, Footer) ENDE -------------------------- */ /*-------------------------- Inhalte/Content Sectionen Vorlagen ANFANG -------------------------- */ .section_770 { position:relative; /* width: 100%; display:table; */ display:flex; flex-wrap:wrap; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; height: auto; background:rgba(255,255,255,1.00); } .sectioncontent_770 .col-md-1, .sectioncontent_770 .col-md-2, .sectioncontent_770 .col-md-3, .sectioncontent_770 .col-md-4, .sectioncontent_770 .col-md-5, .sectioncontent_770 .col-md-6, .sectioncontent_770 .col-md-7, .sectioncontent_770 .col-md-8, .sectioncontent_770 .col-md-9, .sectioncontent_770 .col-md-10, .sectioncontent_770 .col-md-11, .sectioncontent_770 .col-md-12, .sectioncontent_770 .col-sm-12, .sectioncontent_770 .col-xs-12 { padding: 15px 15px 15px 15px ; } .sectioncontent_770 .row { align-items: center; justify-content: center; } .sectioncontent_770{ position: relative; } /* Schriften-Set ANFANG */ body { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_770 { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; } .sectioncontent_770 p { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_770 h1 { color:rgba(0,68,143,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_770 h2 { color:rgba(29,29,29,1.00); font-size:35px; font-family:Roboto; font-weight:400; line-height:40px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_770 h3 { color:rgba(0,68,143,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_770 a { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .section_771 { position:relative; /* width: 100%; display:table; */ display:flex; flex-wrap:wrap; margin: 0px 0px 0px 0px; padding: 30px 0px 50px 0px; height: auto; background:rgba(245,245,245,1.00); } .sectioncontent_771 .col-md-1, .sectioncontent_771 .col-md-2, .sectioncontent_771 .col-md-3, .sectioncontent_771 .col-md-4, .sectioncontent_771 .col-md-5, .sectioncontent_771 .col-md-6, .sectioncontent_771 .col-md-7, .sectioncontent_771 .col-md-8, .sectioncontent_771 .col-md-9, .sectioncontent_771 .col-md-10, .sectioncontent_771 .col-md-11, .sectioncontent_771 .col-md-12, .sectioncontent_771 .col-sm-12, .sectioncontent_771 .col-xs-12 { padding: 15px 15px 15px 15px ; } .sectioncontent_771 .row { align-items: center; justify-content: center; } .sectioncontent_771{ position: relative; } /* Schriften-Set ANFANG */ body { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_771 { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; } .sectioncontent_771 p { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_771 h1 { color:rgba(0,68,143,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_771 h2 { color:rgba(29,29,29,1.00); font-size:35px; font-family:Roboto; font-weight:400; line-height:40px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_771 h3 { color:rgba(0,68,143,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_771 a { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .section_895 { position:relative; /* width: 100%; display:table; */ display:flex; flex-wrap:wrap; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; height: auto; background:rgba(0,68,143,1.00); } .sectioncontent_895 .col-md-1, .sectioncontent_895 .col-md-2, .sectioncontent_895 .col-md-3, .sectioncontent_895 .col-md-4, .sectioncontent_895 .col-md-5, .sectioncontent_895 .col-md-6, .sectioncontent_895 .col-md-7, .sectioncontent_895 .col-md-8, .sectioncontent_895 .col-md-9, .sectioncontent_895 .col-md-10, .sectioncontent_895 .col-md-11, .sectioncontent_895 .col-md-12, .sectioncontent_895 .col-sm-12, .sectioncontent_895 .col-xs-12 { padding: 0px 15px 0px 15px ; } .sectioncontent_895 .row { align-items: center; justify-content: center; } .sectioncontent_895{ position: relative; } /* Schriften-Set ANFANG */ body { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_895 { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; } .sectioncontent_895 p { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .sectioncontent_895 h1 { color:rgba(0,68,143,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_895 h2 { color:rgba(29,29,29,1.00); font-size:35px; font-family:Roboto; font-weight:400; line-height:40px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_895 h3 { color:rgba(0,68,143,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .sectioncontent_895 a { color:rgba(0,0,0,1); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ /*-------------------------- Inhalte/Content Sectionen Vorlagen ENDE -------------------------- */ /*-------------------------- Inhalte/Content Sectionen Elemente ANFANG -------------------------- */ /*-------------------------- Inhalte/Content Sectionen Elemente ENDE -------------------------- */ /*-------------------------- Modul und Vorlagen CSS laden ANFANG -------------------------- */ /*-------------------------- m_slider (1) ANFANG -------------------------- */ /* allgemein Anfang */ .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto } .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px } .carousel-inner>.item.active.right, .carousel-inner>.item.next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0 } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0 } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { bottom: 0; text-align: center; } .carousel-control.right { left: auto; } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: .9 } .carousel-indicators { position: absolute; z-index: 15; padding-left: 0; list-style: none } .carousel-indicators li { display: inline-block; text-indent: -999px; cursor: pointer; } /* allgemein Anfang */ #slider1{ /*overflow: hidden;*/ height: 61vh; position: relative; background: rgba(255,255,255,1); } #slider1:hover{ cursor: -moz-grab; cursor: -webkit-grab; } #slider1:active{ cursor: -moz-grabbing; cursor: -webkit-grabbing; } #slider1 > .carousel-inner > .item > img, #slider1 > .carousel-inner > .item > a > img{ margin: auto; width: 100% !important; } .slider1_slide { margin: auto; width:100%; } .slider-content-wrapper_35 { width: 100%; height: 61vh; position: absolute; top: 0; left: 0; margin: 0; padding: 0; display: flex; /* mittig mittig */ justify-content: center; align-items: center; } .slider-content_35 { background:rgba(255,255,255,0); width:62%; height:auto; border-radius:0px; padding:0px 0px 0px 0px ; margin:0px 0px 0px 0px ; } .slider-content_35 .row { text-align:left; } /* Schriften-Set ANFANG */ .slider-content_35 { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; } .slider-content_35 p { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .slider-content_35 h1 { color:rgba(255,255,255,1.00); font-size:45px; font-family:Roboto; font-weight:600; line-height:60px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .slider-content_35 h3 { color:rgba(255,255,255,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .slider-content_35 a { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .slider-content-wrapper_36 { width: 100%; height: 61vh; position: absolute; top: 0; left: 0; margin: 0; padding: 0; display: flex; /* mittig mittig */ justify-content: center; align-items: center; } .slider-content_36 { background:rgba(255,255,255,0); width:62%; height:auto; border-radius:0px; padding:0px 0px 0px 0px ; margin:0px 0px 0px 0px ; } .slider-content_36 .row { text-align:left; } /* Schriften-Set ANFANG */ .slider-content_36 { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; } .slider-content_36 p { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .slider-content_36 h1 { color:rgba(255,255,255,1.00); font-size:45px; font-family:Roboto; font-weight:600; line-height:60px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .slider-content_36 h3 { color:rgba(255,255,255,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .slider-content_36 a { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .slider-content-wrapper_37 { width: 100%; height: 61vh; position: absolute; top: 0; left: 0; margin: 0; padding: 0; display: flex; /* mittig mittig */ justify-content: center; align-items: center; } .slider-content_37 { background:rgba(255,255,255,0); width:62%; height:auto; border-radius:0px; padding:0px 0px 0px 0px ; margin:0px 0px 0px 0px ; } .slider-content_37 .row { text-align:left; } /* Schriften-Set ANFANG */ .slider-content_37 { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; } .slider-content_37 p { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .slider-content_37 h1 { color:rgba(255,255,255,1.00); font-size:45px; font-family:Roboto; font-weight:600; line-height:60px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .slider-content_37 h3 { color:rgba(255,255,255,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .slider-content_37 a { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .slider-content-wrapper_34 { width: 100%; height: 61vh; position: absolute; top: 0; left: 0; margin: 0; padding: 0; display: flex; /* mittig mittig */ justify-content: center; align-items: center; } .slider-content_34 { background:rgba(255,255,255,0); width:62%; height:auto; border-radius:0px; padding:0px 0px 0px 0px ; margin:0px 0px 0px 0px ; } .slider-content_34 .row { text-align:left; } /* Schriften-Set ANFANG */ .slider-content_34 { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; } .slider-content_34 p { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } .slider-content_34 h1 { color:rgba(255,255,255,1.00); font-size:45px; font-family:Roboto; font-weight:600; line-height:60px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .slider-content_34 h3 { color:rgba(255,255,255,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 20px 0px; margin:0; } .slider-content_34 a { color:rgba(255,255,255,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; padding:0px 0px 0px 0px; margin:0; }/* Schriften-Set ENDE */ .video_content{ top: 0; left: 0; right: 0; bottom: 0; width: 100%; position: relative; } .video_content:after{ top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(0,0,0,0.7); } .video_content > video{ width: 100%; display: inline-block; } .video_img_platzhalter > img{ display: none; } @media only screen and (max-width: 991px){ .video_img_platzhalter{ top: 0; left: 0; right: 0; bottom: 0; width: 100%; position: relative; } .video_img_platzhalter:after{ top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(0,0,0,0.7); } .video_img_platzhalter > img{ width: 100%; display: block; } .video_content{ display: none; } } /*---------- Video Background ----------*/ /*---------- VERTICLE EFFECT ----------*/ .ps_slide_y > .carousel-inner{ height: 100%; } .ps_slide_y > .carousel-inner > .item { -webkit-transition-property: top; transition-property: top; } @media all and (transform-3d), (-webkit-transform-3d) { .ps_slide_y > .carousel-inner > .item { -webkit-transition-property: -webkit-transform; transition-property: transform; } .ps_slide_y > .carousel-inner > .item.next, .ps_slide_y > .carousel-inner > .item.active.right { top: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .ps_slide_y > .carousel-inner > .item.prev, .ps_slide_y > .carousel-inner > .item.active.left { top: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .ps_slide_y > .carousel-inner > .item.next.left, .ps_slide_y > .carousel-inner > .item.prev.right, .ps_slide_y > .carousel-inner > .item.active { top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .ps_slide_y > .carousel-inner > .active { top: 0; } .ps_slide_y > .carousel-inner > .next, .ps_slide_y > .carousel-inner > .prev { top: 0; width: auto; height: 100%; } .ps_slide_y > .carousel-inner > .next { left: 0; top: 100%; } .ps_slide_y > .carousel-inner > .prev { left: 0; top: -100% } .ps_slide_y > .carousel-inner > .next.left, .ps_slide_y > .carousel-inner > .prev.right { top: 0; } .ps_slide_y > .carousel-inner > .active.left { left: 0; top: -100%; } .ps_slide_y > .carousel-inner > .active.right { left: 0; top: 100%; } /*---------- VERTICLE EFFECT ----------*/ /*---------- Animation: ps_fade ----------*/ .ps_fade { opacity: 1; } .ps_fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; } .ps_fade .item:first-child { top: auto; position: relative; } .ps_fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; } /*---------- Animation: ps_fade ----------*/ /*---------- ROTATE AND SCALE CLOCK WISE EFFECT ----------*/ .ps_rotate_scale_c { opacity: 1; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .ps_rotate_scale_c .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0; display: block; -webkit-transform: scale(2) rotate(45deg); transform: scale(2) rotate(45deg); -webkit-transition: -webkit-transform 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 2s; transition: transform 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 2s; } .ps_rotate_scale_c .item:first-child { top: auto; position: relative; } .ps_rotate_scale_c .item.active { opacity: 1; z-index: 2; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: -webkit-transform 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 2s; transition: transform 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 2s; } /*---------- ROTATE AND SCALE CLOCK WISE EFFECT ----------*/ /*---------- ZOOM EFFECT ----------*/ .ps_zoom_i { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ps_zoom_i .item { top: 0; z-index: -1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transform: scale(3); -moz-transform: scale(3); transform: scale(3); -webkit-transition: -webkit-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; -moz-transition: -moz-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; -ms-transition: -ms-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; -o-transition: -o-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; transition: transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; } .ps_zoom_i .item:first-child { top: auto; position: relative; } .ps_zoom_i .item.active { opacity: 1; z-index: 2; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; -moz-transition: -moz-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; -ms-transition: -ms-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; -o-transition: -o-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; transition: transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; } /*---------- ZOOM EFFECT ----------*/ /*---------- INDICATORS CONTROL horizontal ----------*/ .ps_indicators_l > .carousel-indicators { left: 0; width: 100%; bottom: 3%; right: 0; margin: auto; text-align: center; padding: 20px; } .ps_indicators_l > .carousel-indicators li { width: 12px; height: 12px; margin: 0 3px; background: rgba(0,40,71,0.15); border-radius: 100px; } .ps_indicators_l > .carousel-indicators .active { width: 12px; height: 12px; margin: 0 3px; background: rgba(0,41,72,1.00); } /*---------- INDICATORS CONTROL horizontal ----------*/ /*---------- INDICATORS CONTROL vertikal ----------*/ .ps_indicators_y > .carousel-indicators { left: 46%; right: auto; width: 4%; bottom: 0; height: auto; margin: auto; cursor: e-resize; overflow-x: hidden; overflow-y: auto; } .ps_indicators_y > .carousel-indicators li { width: 12px; height: 12px; display: block; background: rgba(0,40,71,0.15); margin: 10px auto; border-radius: 100px; } .ps_indicators_y > .carousel-indicators .active { margin: 1px; width: 12px; height: 12px; margin: 10px auto; background: rgba(0,41,72,1.00); } .ps_indicators_y > .carousel-indicators::-webkit-scrollbar{ width: 3px; } .ps_indicators_y > .carousel-indicators::-webkit-scrollbar-thumb{ background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0; border-radius: 0; } /*---------- INDICATORS CONTROL vertikal ----------*/ /*---------- INDICATORS Thumb horizontal ----------*/ .thumbs_horizontal > .carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; padding: 5px 0; cursor: e-resize; overflow-x: auto; position: absolute; text-align: center; white-space: nowrap; background: rgba(255, 255, 255, 0.2); } .thumbs_horizontal > .carousel-indicators li { width: 6%; border: 0px; padding: 0px; height: 100%; margin: 2px 0; text-indent: 0; cursor: pointer; display: inline-block; background-color: transparent; background-color: transparent; -webkit-border-radius: 2px; border-radius: 2px; } .thumbs_horizontal > .carousel-indicators li img{ width: 100%; -webkit-border-radius: 1px; border-radius: 1px; } .thumbs_horizontal > .carousel-indicators .active { width: 6%; margin: 0; height: 100%; background-color: transparent; } .thumbs_horizontal > .carousel-indicators .active img{ opacity: 0.6; } .thumbs_horizontal > .carousel-indicators::-webkit-scrollbar { margin: 0; padding: 0; width: 5px; height: 5px; background: rgba(0, 0, 0, 0.3); } .thumbs_horizontal > .carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius: 0; border-radius: 0; background: rgba(0, 0, 0, 0.7); } /*---------- INDICATORS Thumb horizontal ----------*/ /*---------- INDICATORS Thumb vertikal ----------*/ .thumbs_vertikal > .carousel-indicators { top: auto; bottom: 0; left: 92.5%; width: 7.5%; height: 100%; overflow: auto; margin-left: 0; padding: 0 2px; cursor: s-resize; position: absolute; margin-bottom: 0px; background: rgba(255, 255, 255, 0.3); } .thumbs_vertikal > .carousel-indicators li { width: 100%; height: auto; border: none; display: block; margin: 2px 0px 2px 0px; background-color: transparent; background-color: transparent; -webkit-border-radius: 2px; border-radius: 2px; } .thumbs_vertikal > .carousel-indicators li img{ width: 100%; height: auto; display: block; position: relative; -webkit-border-radius: 1px; border-radius: 1px; } .thumbs_vertikal > .carousel-indicators .active { width: 100%; height: auto; border: none; margin: 2px 0px 2px 0px; background-color: transparent; } .thumbs_vertikal > .carousel-indicators .active img{ opacity: 0.6; } .thumbs_vertikal > .carousel-indicators::-webkit-scrollbar { width: 4px; background: rgba(255, 255, 255, 0.3); } .thumbs_vertikal > .carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius: 0; border-radius: 0; background: rgba(0, 0, 0, 0.7); } /*---------- INDICATORS Thumb vertikal ----------*/ .ps_control_bround .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 9999; color: rgba(255,255,255,1); display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0); -webkit-border-radius: 0%; border-radius: 0%; } .ps_control_bround:hover .carousel-control{ opacity: 1; } .ps_control_bround .carousel-control.left { left: 1%; } .ps_control_bround .carousel-control.right { right: 1%; } .ps_control_bround .carousel-control.left:hover, .ps_control_bround .carousel-control.right:hover{ color: rgba(151,151,151,1); background:rgba(255,255,255,0.00); } .ps_control_bround .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_bround .carousel-control.right>span:nth-child(1){ right: 45%; } .ps_control_l_y .carousel-control { opacity: 0; width: 50px; height: 50px; z-index: 75; border: none; color: rgba(255,255,255,1); display: block; font-size: 34px; cursor: pointer; overflow: hidden; line-height: 48px; text-shadow: none; position: absolute; font-weight: normal; background:transparent; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .ps_control_l_y:hover .carousel-control{ opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .ps_control_l_y .carousel-control.left { top: 47%; left: 3%; } .ps_control_l_y .carousel-control.right { top: 52%; left: 3%; } .ps_control_l_y .carousel-control.left:hover, .ps_control_l_y .carousel-control.right:hover{ color: rgba(151,151,151,1); background: transparent; } @media only screen and (max-width: 480px) { .slider1_slide { top: 0%; padding: 5px; } .ps_control_rotate_f .carousel-control { display: none; } } @media (min-width: 481px) and (max-width: 600px) { .slider1_slide { top: 5%; padding: 5px; } } @media (min-width: 601px) and (max-width: 767px) { .slider1_slide { top: 10%; } } /* Animation allgemein */ /*---------- ps_ease ----------*/ .ps_ease .carousel-inner > .item{ -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } @media all and (transform-3d), (-webkit-transform-3d){ .ps_ease .carousel-inner > .item { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } } /*---------- ps_easeInOut ----------*/ .ps_easeInOut .carousel-inner > .item{ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOut .carousel-inner > .item { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } } /*---------- ps_speedy ----------*/ .ps_speedy .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(0,1,0,1); -moz-transition-timing-function: cubic-bezier(0,1,0,1); -ms-transition-timing-function: cubic-bezier(0,1,0,1); -o-transition-timing-function: cubic-bezier(0,1,0,1); transition-timing-function: cubic-bezier(0,1,0,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_speedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0,1,0,1); -moz-transition-timing-function: cubic-bezier(0,1,0,1); -ms-transition-timing-function: cubic-bezier(0,1,0,1); -o-transition-timing-function: cubic-bezier(0,1,0,1); transition-timing-function: cubic-bezier(0,1,0,1); } } /*---------- ps_slowSpeedy ----------*/ .ps_slowSpeedy .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1); -moz-transition-timing-function: cubic-bezier(0.3,1,0,1); -ms-transition-timing-function: cubic-bezier(0.3,1,0,1); -o-transition-timing-function: cubic-bezier(0.3,1,0,1); transition-timing-function: cubic-bezier(0.3,1,0,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_slowSpeedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1); -moz-transition-timing-function: cubic-bezier(0.3,1,0,1); -ms-transition-timing-function: cubic-bezier(0.3,1,0,1); -o-transition-timing-function: cubic-bezier(0.3,1,0,1); transition-timing-function: cubic-bezier(0.3,1,0,1); } } /*---------- ps_easeOutInCubic ----------*/ .ps_easeOutInCubic .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -ms-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -o-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutInCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -ms-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -o-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); } } /*---------- ps_swing ----------*/ .ps_swing .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1); -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1); -ms-transition-timing-function: cubic-bezier(.02,.01,.47,1); -o-transition-timing-function: cubic-bezier(.02,.01,.47,1); transition-timing-function: cubic-bezier(.02,.01,.47,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_swing .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1); -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1); -ms-transition-timing-function: cubic-bezier(.02,.01,.47,1); -o-transition-timing-function: cubic-bezier(.02,.01,.47,1); transition-timing-function: cubic-bezier(.02,.01,.47,1); } } /*---------- ps_easeOutCubic ----------*/ .ps_easeOutCubic .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1); -ms-transition-timing-function: cubic-bezier(.215,.61,.355,1); -o-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1); -ms-transition-timing-function: cubic-bezier(.215,.61,.355,1); -o-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); } } /*---------- ps_easeInOutCubic ----------*/ .ps_easeInOutCubic .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1); -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1); -ms-transition-timing-function: cubic-bezier(.645,.045,.355,1); -o-transition-timing-function: cubic-bezier(.645,.045,.355,1); transition-timing-function: cubic-bezier(.645,.045,.355,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1); -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1); -ms-transition-timing-function: cubic-bezier(.645,.045,.355,1); -o-transition-timing-function: cubic-bezier(.645,.045,.355,1); transition-timing-function: cubic-bezier(.645,.045,.355,1); } } /*---------- ps_easeOutCirc ----------*/ .ps_easeOutCirc .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1); -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1); -ms-transition-timing-function: cubic-bezier(.075,.82,.165,1); -o-transition-timing-function: cubic-bezier(.075,.82,.165,1); transition-timing-function: cubic-bezier(.075,.82,.165,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutCirc .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1); -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1); -ms-transition-timing-function: cubic-bezier(.075,.82,.165,1); -o-transition-timing-function: cubic-bezier(.075,.82,.165,1); transition-timing-function: cubic-bezier(.075,.82,.165,1); } } /*---------- ps_easeOutExpo ----------*/ .ps_easeOutExpo .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1); -moz-transition-timing-function: cubic-bezier(.19,1,.22,1); -ms-transition-timing-function: cubic-bezier(.19,1,.22,1); -o-transition-timing-function: cubic-bezier(.19,1,.22,1); transition-timing-function: cubic-bezier(.19,1,.22,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutExpo .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1); -moz-transition-timing-function: cubic-bezier(.19,1,.22,1); -ms-transition-timing-function: cubic-bezier(.19,1,.22,1); -o-transition-timing-function: cubic-bezier(.19,1,.22,1); transition-timing-function: cubic-bezier(.19,1,.22,1); } } /*---------- ps_easeInQuad ----------*/ .ps_easeInQuad .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -moz-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -ms-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -o-transition-timing-function: cubic-bezier(.55,.085,.68,.53); transition-timing-function: cubic-bezier(.55,.085,.68,.53); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -moz-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -ms-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -o-transition-timing-function: cubic-bezier(.55,.085,.68,.53); transition-timing-function: cubic-bezier(.55,.085,.68,.53); } } /*---------- ps_easeOutQuad ----------*/ .ps_easeOutQuad .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -ms-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -o-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -ms-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -o-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94); } } /*---------- ps_easeInOutQuad ----------*/ .ps_easeInOutQuad .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -moz-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -ms-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -o-transition-timing-function: cubic-bezier(.455,.03,.515,.955); transition-timing-function: cubic-bezier(.455,.03,.515,.955); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -moz-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -ms-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -o-transition-timing-function: cubic-bezier(.455,.03,.515,.955); transition-timing-function: cubic-bezier(.455,.03,.515,.955); } } /*---------- ps_easeOutQuart ----------*/ .ps_easeOutQuart .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1); -ms-transition-timing-function: cubic-bezier(.165,.84,.44,1); -o-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1); -ms-transition-timing-function: cubic-bezier(.165,.84,.44,1); -o-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); } } /*---------- ps_easeInOutQuart ----------*/ .ps_easeInOutQuart .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1); -moz-transition-timing-function: cubic-bezier(.77,0,.175,1); -ms-transition-timing-function: cubic-bezier(.77,0,.175,1); -o-transition-timing-function: cubic-bezier(.77,0,.175,1); transition-timing-function: cubic-bezier(.77,0,.175,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1); -moz-transition-timing-function: cubic-bezier(.77,0,.175,1); -ms-transition-timing-function: cubic-bezier(.77,0,.175,1); -o-transition-timing-function: cubic-bezier(.77,0,.175,1); transition-timing-function: cubic-bezier(.77,0,.175,1); } } /*---------- ps_easeOutQuint ----------*/ .ps_easeOutQuint .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); -moz-transition-timing-function: cubic-bezier(.23,1,.32,1); -ms-transition-timing-function: cubic-bezier(.23,1,.32,1); -o-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutQuint .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); -moz-transition-timing-function: cubic-bezier(.23,1,.32,1); -ms-transition-timing-function: cubic-bezier(.23,1,.32,1); -o-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); } } /*---------- ps_easeInSine ----------*/ .ps_easeInSine .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715); -moz-transition-timing-function: cubic-bezier(.47,0,.745,.715); -ms-transition-timing-function: cubic-bezier(.47,0,.745,.715); -o-transition-timing-function: cubic-bezier(.47,0,.745,.715); transition-timing-function: cubic-bezier(.47,0,.745,.715); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715); -moz-transition-timing-function: cubic-bezier(.47,0,.745,.715); -ms-transition-timing-function: cubic-bezier(.47,0,.745,.715); -o-transition-timing-function: cubic-bezier(.47,0,.745,.715); transition-timing-function: cubic-bezier(.47,0,.745,.715); } } /*---------- ps_easeOutSine ----------*/ .ps_easeOutSine .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1); -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1); -ms-transition-timing-function: cubic-bezier(.39,.575,.565,1); -o-transition-timing-function: cubic-bezier(.39,.575,.565,1); transition-timing-function: cubic-bezier(.39,.575,.565,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1); -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1); -ms-transition-timing-function: cubic-bezier(.39,.575,.565,1); -o-transition-timing-function: cubic-bezier(.39,.575,.565,1); transition-timing-function: cubic-bezier(.39,.575,.565,1); } } /*---------- ps_easeInOutSine ----------*/ .ps_easeInOutSine .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -moz-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -ms-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -o-transition-timing-function: cubic-bezier(.445,.05,.55,.95); transition-timing-function: cubic-bezier(.445,.05,.55,.95); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -moz-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -ms-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -o-transition-timing-function: cubic-bezier(.445,.05,.55,.95); transition-timing-function: cubic-bezier(.445,.05,.55,.95); } } /* Animation allgemein */ /*-------------------------- m_slider (1) Ende -------------------------- */ /*-------------------------- Modul und Vorlagen CSS laden ENDE -------------------------- */ .produkt-tags_9 { display: inline-block; background:rgba(29,29,29,1.00); border-radius: 0px; padding:3px 15px 3px 15px !important; margin: 5px 5px 5px 5px ; color:rgba(245,245,245,1.00)!important; text-transform:none!important; text-decoration:none!important; text-align:center; font-family:Roboto!important; font-weight:normal!important; font-size:13px!important; } .i-produkt-tags_9 { font-size: 16px!important; color: rgba(255,255,255,1)!important; margin: 5px 5px 5px 5px !important; } .produkt-tags_9:hover { background:rgba(250,196,2,1.00)!important; border-radius: 0px!important; color:rgba(255,255,255,1.00)!important; text-transform:none!important; font-weight:normal!important; font-size:13px!important; } .i-produkt-tags_9:hover { color: rgba(0,0,0,1)!important; } .produkt-tags_9:hover .i-produkt-tags_9 { color: rgba(0,0,0,1)!important; } .button-weiss_3 { display: inline-block; background:rgba(255,255,255,1.00); border-radius: 0px; border: 2px solid rgba(255,255,255,1); padding:9px 37px 9px 37px !important; margin: 0px 0px 0px 0px ; color:rgba(29,29,29,1.00)!important; text-transform:none!important; text-decoration:none!important; text-align:center; font-family:Roboto!important; font-weight:600!important; font-size:13px!important; } .i-button-weiss_3 { font-size: 16px!important; color: rgba(255,255,255,1)!important; margin: 5px 5px 5px 5px !important; } .button-weiss_3:hover { background:rgba(250,196,2,1.00)!important; border-radius: 0px!important; border: 2px solid rgba(250,196,2,1.00)!important; color:rgba(255,255,255,1.00)!important; text-transform:none!important; font-weight:600!important; font-size:13px!important; } .i-button-weiss_3:hover { color: rgba(0,0,0,1)!important; } .button-weiss_3:hover .i-button-weiss_3 { color: rgba(0,0,0,1)!important; } .button-gelb_4 { display: inline-block; background:rgba(250,196,2,1.00); border-radius: 0px; border: 2px solid rgba(250,196,2,1.00); padding:9px 37px 9px 37px !important; margin: 0px 0px 0px 0px ; color:rgba(255,255,255,1)!important; text-transform:none!important; text-decoration:none!important; text-align:center; font-family:Roboto!important; font-weight:600!important; font-size:13px!important; } .i-button-gelb_4 { font-size: 16px!important; color: rgba(255,255,255,1)!important; margin: 0px 0px 0px 0px !important; } .button-gelb_4:hover { background:rgba(0,68,143,1.00)!important; border-radius: 0px!important; border: 2px solid rgba(0,68,143,1.00)!important; color:rgba(255,255,255,1.00)!important; text-transform:none!important; font-weight:600!important; font-size:13px!important; } .i-button-gelb_4:hover { color: rgba(0,0,0,1)!important; } .button-gelb_4:hover .i-button-gelb_4 { color: rgba(0,0,0,1)!important; } .back-to-the-top { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: fixed; z-index: 7000; display: block; text-align: center; width: 30px; height: 30px; line-height: 30px; background: rgba(112,111,111,1.00); color: rgba(255,255,255,1.00); cursor: pointer; border-radius: 0px; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; margin: 0px 20px 15px 0px ; } .back-to-the-top * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .back-to-the-top .fas { font-size:18px; padding-top:10%; } .back-to-the-top:hover, .back-to-the-top:visited, .back-to-the-top:focus { color: rgba(255,255,255,1.00); background: rgba(250,196,2,1.00); } .back-to-the-top.bttt-position { right: 0px; bottom: 0px; } .back-to-the-top.bttt-default { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .back-to-the-top.bttt-default.bttt-active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Mobile */ @media screen and (min-width: 1px) and (max-width: 768px) { } /* Mobile */ /* Tablet */ @media screen and (min-width: 769px) and (max-width: 1024px) { } /* Tablet */ /* Desktop klein */ @media screen and (min-width: 1025px) and (max-width: 1199px) { } /* Desktop klein */ /* Desktop mittel */ @media screen and (min-width: 1200px) and (max-width: 1680px) { } /* Desktop mittel */ /* Desktop gross */ @media screen and (min-width: 1681px) and (max-width: 3000px) { } /* Desktop gross */ /* ohne breakpoint */ .z-tabs > ul > li.z-active > a { font-size: 30px; } .imagebordergrau { border: 1px solid rgba(228, 228, 228, 1); } .bilder_rahmen_grau { border: 1px solid rgba(228, 228, 228, 1); } /* ohne breakpoint */