/* Author: Yilmaz Arslan License: */ /*-------------------------------------------------------------- # General --------------------------------------------------------------*/ /* @font-face { font-family: "OpenSans"; font-style: normal; font-weight: 400; src: url('../lib/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src:url(../lib/fonts/Roboto/Roboto-Regular.ttf) format('truetype'); }*/ /* open-sans-regular - latin */ /* open-sans-regular - latin */ /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../lib/fonts/OpenSans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../lib/fonts/OpenSans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/OpenSans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/OpenSans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/OpenSans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/OpenSans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open SansItalic'; font-style: italic; font-weight: 400; src: url('../lib/fonts/OpenSans/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../lib/fonts/OpenSans/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/OpenSans/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/OpenSans/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/OpenSans/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/OpenSans/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans700'; font-style: normal; font-weight: 700; src: url('../lib/fonts/OpenSans/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../lib/fonts/OpenSans/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/OpenSans/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/OpenSans/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/OpenSans/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/OpenSans/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* roboto-100 - latin */ @font-face { font-family: 'RobotoThin'; font-style: normal; font-weight: 100; src: url('../lib/fonts/Roboto/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */ src: local('Roboto Thin'), local('Roboto-Thin'), url('../lib/fonts/Roboto/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/Roboto/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/Roboto/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/Roboto/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/Roboto/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../lib/fonts/Roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('../lib/fonts/Roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/Roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/Roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/Roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/Roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'RobotoItalic'; font-style: italic; font-weight: 400; src: url('../lib/fonts/Roboto/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Italic'), local('Roboto-Italic'), url('../lib/fonts/Roboto/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/Roboto/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/Roboto/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/Roboto/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/Roboto/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto700'; font-style: normal; font-weight: 700; src: url('../lib/fonts/Roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('../lib/fonts/Roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/Roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/Roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/Roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/Roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../lib/fonts/Montserrat/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../lib/fonts/Montserrat/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/Montserrat/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/Montserrat/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/Montserrat/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/Montserrat/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300italic - latin */ @font-face { font-family: 'MontserratItalic'; font-style: italic; font-weight: 300; src: url('../lib/fonts/Montserrat/montserrat-v14-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('../lib/fonts/Montserrat/montserrat-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/Montserrat/montserrat-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/Montserrat/montserrat-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/Montserrat/montserrat-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/Montserrat/montserrat-v14-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat700'; font-style: normal; font-weight: 700; src: url('../lib/fonts/Montserrat/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../lib/fonts/Montserrat/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/Montserrat/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/Montserrat/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/Montserrat/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/Montserrat/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../lib/fonts/Montserrat/montserrat-v14-latin-800.eot'); /* IE9 Compat Modes */ src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../lib/fonts/Montserrat/montserrat-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../lib/fonts/Montserrat/montserrat-v14-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../lib/fonts/Montserrat/montserrat-v14-latin-800.woff') format('woff'), /* Modern Browsers */ url('../lib/fonts/Montserrat/montserrat-v14-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../lib/fonts/Montserrat/montserrat-v14-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } body { background: #fff; color: #444; font-family: "Open Sans"; } a { color: #50d8af; transition: 0.5s; } a:hover, a:active, a:focus { color: #51d8af; outline: none; text-decoration: none; } p { padding: 0; margin: 0 0 30px 0; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; font-weight: 400; margin: 0 0 20px 0; padding: 0; } #wrapper { width: 100%; margin: 0; padding: 0; } /* Back to top button */ .back-to-top { position: fixed; display: none; background: #50d8af; color: #fff; padding: 6px 12px 9px 12px; font-size: 16px; border-radius: 2px; right: 15px; bottom: 15px; transition: background 0.5s; } @media (max-width: 768px) { .back-to-top { bottom: 15px; } } .back-to-top:focus { background: #50d8af; color: #fff; outline: none; } .back-to-top:hover { background: #0c2e8a; color: #fff; } /*-------------------------------------------------------------- # Top Bar --------------------------------------------------------------*/ #topbar { background: #fff; padding: 10px 0; border-bottom: 1px solid #eee; font-size: 14px; } #topbar .contact-info a { line-height: 1; color: #555; } #topbar .contact-info a:hover { color: #50d8af; } #topbar .contact-info i { color: #50d8af; padding: 4px; } #topbar .contact-info .fa-phone { padding-left: 20px; margin-left: 20px; border-left: 1px solid #e9e9e9; } #topbar .social-links a { color: #555; padding: 4px 12px; display: inline-block; line-height: 1px; border-left: 1px solid #e9e9e9; } #topbar .social-links a:hover { color: #50d8af; } #topbar .social-links a:first-child { border-left: 0; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #header { padding: 20px 0; /*height: 84px;*/ min-height:84px; transition: all 0.5s; z-index: 997; background: #fff; box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06); display:block;/*19.11.2019*/ } #header #logo h1 { /*font-size: 42px;*/ font-size: 2.55em; margin: 0; padding: 0; line-height: 1; font-family: "Montserrat", sans-serif; font-weight: 700; } #header #logo h1 a { color: #0c2e8a; line-height: 1; display: inline-block; } #header #logo h1 a span { color: #50d8af; } #header #logo img { padding: 0; margin: 0; } /*-------------------------------------------------------------- # Intro Section --------------------------------------------------------------*/ #intro { width: 100%; height: 60vh; position: relative; background: url("../img/intro-carousel/1.jpg") no-repeat; background-size: cover; } #intro .intro-content { position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; } #intro .intro-content h2 { color: #0c2e8a; margin-bottom: 30px; /*font-size: 64px;*/ font-size: 4em; font-weight: 700; } #intro .intro-content h2 span { color: #50d8af; text-decoration: underline; } @media (max-width: 768px) { #intro .intro-content h2, { font-size: 34px; } #intro-carouselXXX .itemXXX img { width:100%; } } #intro .intro-content .btn-get-started, #intro .intro-content .btn-projects { font-family: "Raleway", sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1px; display: inline-block; padding: 10px 32px; border-radius: 2px; transition: 0.5s; margin: 10px; color: #fff; } #intro .intro-content .btn-get-started { background: #0c2e8a; border: 2px solid #0c2e8a; } #intro .intro-content .btn-get-started:hover { background: none; color: #0c2e8a; } #intro .intro-content .btn-projects { background: #50d8af; border: 2px solid #50d8af; } #intro .intro-content .btn-projects:hover { background: none; color: #50d8af; } #intro #intro-carousel { z-index: 8; } #intro #intro-carousel::before { content: ''; background-color: rgba(255, 255, 255, 0.7); position: absolute; height: 100%; width: 100%; top: 0; right: 0; left: 0; bottom: 0; z-index: 7; } #intro #intro-carousel .item { width: 100%; height: 60vh; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition-property: opacity; transition-property: opacity; } /*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/ /* Nav Menu Essentials */ .nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; } .nav-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .nav-menu li { position: relative; white-space: nowrap; } .nav-menu > li { float: left; } .nav-menu li:hover > ul, .nav-menu li.sfHover > ul { display: block; } .nav-menu ul ul { top: 0; left: 100%; } .nav-menu ul li { min-width: 180px; } /* Nav Menu Arrows */ .sf-arrows .sf-with-ul { padding-right: 22px; } .sf-arrows .sf-with-ul:after { /*content: "\f107";*/ position: absolute; right: 8px; font-family: FontAwesome; font-style: normal; font-weight: normal; } /*/############################*/ /* BEGINN MEGAMENU 03.10.2019 */ .megamenuBACKUP { position: absolute; width: 750px; height: 350px; left: 0; padding: 20px; background: #fff; text-align: left; /*border-top: 5px solid #4096ee;*/ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); display:block; } .nav-menu .submenu { /*color: #888;*/ color: #999; font-family: Open Sans, sans-serif; font-size: 14px; outline: none; font-weight: normal; } .nav-menu .colmn a, .nav-menu .colmn2 a{ /*color: #888;*/ color: #999; font-family: Open Sans, sans-serif; font-size: 14px; outline: none; font-weight: normal; } .nav-menu .colmn a:hover, .nav-menu .colmn2 a:hover{ /*color: #888;*/ color: #50d8af; background-color: #fafafaff; /* font-weight: bold; */ } .nav-menu .colmn p a{ /*color: #888;*/ color: #444; font-family: Open Sans, sans-serif; font-size: 16px; outline: none; font-weight: 900; } .nav-menu .colmn p a:hover{ /*color: #888;*/ color: #50d8af; background-color: #fff; } .nav-menu .submenu:hover{ /*color: #888;*/ color: #50d8af; font-family: Open Sans, sans-serif; font-size: 14px; outline: none; font-weight: bold; } /*
*/ .nav-menu .colmn { float: left; width: 17%; margin-right: 2%; } .nav-menu .colmn2 { float: left; width: 20%; margin-right: 2%; } .megamenu { position: absolute; width: 1100px; height: 350px; left: 0; padding: 20px; background: #fff; text-align: left; /*border-top: 5px solid #4096ee;*/ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); display:block; } .megamenu:before { content: ""; border-bottom: 15px solid #fff; border-right: 17px solid transparent; border-left: 17px solid transparent; position: absolute; top: -15px; left: 42px; z-index: 10; } .megamenu:after { content: ""; border-bottom: 17px solid #ccc; border-right: 19px solid transparent; border-left: 19px solid transparent; position: absolute; top: -17px; left: 40px; z-index: 8; } .mega-dropdown-menu:before { content: ""; border-bottom: 15px solid #fff; border-right: 17px solid transparent; border-left: 17px solid transparent; position: absolute; top: -15px; left: 285px; z-index: 10; } .mega-dropdown-menu:after { content: ""; border-bottom: 17px solid #ccc; border-right: 19px solid transparent; border-left: 19px solid transparent; position: absolute; top: -17px; left: 283px; z-index: 8; } /* ENDE MEGAMENU 03.10.2019 */ /*/############################*/ /* BEGINN Responsive-Menu 16.04.2023 15.20 */ header { position: fixed; width: 100%; background-color: #2c8eec; padding: 3rem 5rem; } nav { display: flex; justify-content: space-between; align-items: center; } nav ul { list-style: none; display: flex; gap: 2rem; } nav a { font-size:16px; text-decoration: none; } nav a#logo { color: #000000; font-weight: 700; padding:5px 0; } nav ul a { color: #ffffff; font-weight: 600; } /* nav ul a:hover { border-bottom: 2px solid #ffffff; }*/ /*---importiert-- 06042023_1413------*/ /*.mobmenu,.mobsubmenu {*/ #nav-bar,.mobsubmenu { list-style-type: none; } #nav-bar { display: none; align-items: left; } #nav-bar li a { display: block; padding: 15px 5px; border: 0.3em solid white ; /*new -- 28.04.2023 11:43------*/ } #nav-bar li.subitem a { padding: 15px; } h1 { font-size: 4rem; } #ham-menu { display: none; } nav ul.active { left: 0; } .mobmenu-item { padding: 10px; } .mobmenu-item { width: 100%; text-align: left; } /* .mobmenu-item a:hover, .mobmenu-item a:hover::after {*/ .mobmenu-item a:hover{ color: #003f80; background-color:#50d8af; font-weight: bold; /*border: 0.5em solid white;*/ /*new -- 28.04.2023 11:43------*/ /*border-color: white;*/ /*new -- 28.04.2023 11:43------*/ } .mobmenu-item a:hover::after { color: #003f80; /*background-color:#50d8af;*/ font-weight: bold; /*margin-left:5em;*/ float:right; } .submenu { display: none; } /* folgendes fehlte es zum Glück ok*/ .submenu-active .submenu { display: block; position: relativ; left: 0; top: 68px; background: #111; } .submenu-active { border-radius: 0; } .submenu-active .submenu { display: block; } .submenu-active { border-radius: 3px; } .has-submenu i { font-size: 12px; } .has-submenu > a::after { font-family: "Font Awesome 5 Free"; font-size: 1em; line-height: 1em; font-weight: 900; content: "\f078"; color: white; padding-left: 1em; } .subitem a { padding: 10px 15px; background-color: #111; font-size: 15px; } .subitem a:hover { background-color: #f3f6f9; } section#home,#area1{ height: 100vh; display: grid; place-items: center; } @media all and (min-width: 767px) { .mobmenu { justify-content: left; } .logo { flex: 1; order: 1; } .toggle { flex: 1; text-align: right; order: 2; } } @media only screen and (max-width: 991px) { html { font-size: 56.25%; } header { padding: 3rem 5rem; } /*18.11.2019*/ #navbar-topmenu-container { display: flex; float: right; margin: 0; padding-top: 10px; } #ksFeatures .pic img{ max-width : 100%; height:auto; } } @media only screen and (max-width: 767px) { html { font-size: 50%; } #ham-menu { display: block; color: #0c2e8a; } nav a#logo, #ham-menu { font-size: 5.2rem; } #nav-bar{ display: flex; justify-content: start; } nav ul { background-color: rgba(0,63,127,0.85); /*background-color: black;*/ position: fixed; left: -100vw; /*Eintritt von linker Seite-*/ /*left: 100vw;*//*Eintritt von echter Seite-*/ top: 73.6px; width: 100vw; height: calc(100vh - 73.6px); display: flex; flex-direction: column; align-items: left; /*justify-content: start-around;*/ transition: 0.5s; gap: 0; } #navbar-topmenu-container{ display:none; } .section-header > img { max-width: 50%; } .row .section-header img { max-width: 50%; height:auto; } .section-header-header img { max-width: 50%; height: 50%; } .portfol-area-long { width: 100%; display: block; flex-wrap:wrap; } #ksFeatures .pic img { width : 30%; } .section-header .row img { height:auto; } .row .content-end{ /*display: flex; flex-direction: column;*/ } #kstool .imgblock .stdimg { /*width: 100%;-> es ist ok aber bei media max-width:768px image wird grösser 2704223_1557*/ /*width: 100%;*/ /*bei media max-width:768px image bleibt in orig-Grösse*/ /*max-width:75%;*/ width: 50%; } .container #img-block { flex-wrap:wrap; } } @media only screen and (max-width: 575px) { html { font-size: 46.87%; } header { padding: 3rem 3rem; } nav ul { top: 65.18px; height: calc(100vh - 65.18px); } } /* ENDE Responsive-Menu 16.04.2023 15.20 */ .sf-arrows ul .sf-with-ul:after { content: "\f105"; } /* Nav Meu Container */ #nav-menu-container { float: right; margin: 0; } /* @media (max-width: 768px) { #nav-menu-container { display: none; } }*/ /* Nav Meu Styling */ .nav-menu a { padding: 3px 2px; text-decoration: none; display: block; color: #444; font-family: Open Sans, sans-serif; font-weight: 700; font-size: 14px; outline: none; } .nav-menu li:hover > a, .nav-menu > .menu-active > a { color: #50d8af; } .nav-menu p { text-decoration: none; color: #444; font-family: Open Sans, sans-serif; font-weight: 900; font-size: 16px; outline: none; } .nav-menu > li { margin-left: 10px; } .nav-menu ul { margin: 4px 0 0 0; padding: 10px; /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);*/ background: #fff; border: 1px solid #e9e9e9; } .nav-menu ul li { transition: 0.3s; } .nav-menu ul li a { padding: 10px; color: #333; transition: 0.3s; display: block; font-size: 13px; text-transform: none; } .nav-menu ul li:hover > a { color: #50d8af; } .nav-menu ul ul { margin: 0; } /*03.04.2023*/ .top-menu, .top-menu * { margin: 0; padding: 0; list-style: none; } .top-menu li { margin-left: 10px; float:left; position: relative; white-space: nowrap; z-index:3; } .top-menu > li > a { background-color:white; padding: 5px 10px; text-decoration: none; display: block; color: #444; font-family: Open Sans, sans-serif; font-weight: 700; font-size: 14px; outline: none; /*padding: 16px 16px;*/ border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 0px solid transparent; z-index:1; } .top-menuXXX a:hover{ color: #50d8af; border-top: 2px solid #50d8af; } .top-menu > li > a:hover { color: #50d8af; border-top: 2px solid #50d8af; } /*24.04.2022 12:09*/ .mn { border: none; outline: none; /*padding: 10px 16px;*/ background-color:white; margin-left: 10px; position: relative; white-space: nowrap; } .mn > a { background-color:white; padding: 5px 10px; text-decoration: none; display: block; color: #444; font-family: Open Sans, sans-serif; font-weight: 700; font-size: 14px; outline: none; /*padding: 16px 16px;*/ border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 0px solid transparent; z-index:1; } /* Style the active class, and buttons on mouse-over */ .mn.active > a{ /*padding: 5px 10px;*/ background-color:white; color: #50d8af; /*border-top: 2px solid #50d8af;*/ border-top: 2px solid #50d8af; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid transparent; } .mn > a:hover{ /*padding: 5px 10px;*/ background-color:white; color: #50d8af; /*border-top: 2px solid #50d8af;*/ border-top: 2px solid #50d8af; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid transparent; } /* .top-menu li a:hover .dropdown-contentXXX { display: block; }*/ /* #wrapper .dropdown-contentXXX { display:none; } #wrapper .dropdown-contentXXX { didsplay:none; } */ /*------------------------- ----------------------------*/ /*MEGAMENU 20.11.2019*/ .dropdown-megamenu { display: none; position: relative; background-color: #f9f9f9; width: 75%; /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/ z-index: 1099; height:auto; margin:auto; border-top: 2px solid #50d8af; /*position:fixed;*/ justify-content: center; } .full-megamenu-row { display: flex; justify-content: center; background-color: white; padding: 20px 0; /*border: 1px solid rgba(0,0,0,.15);*/ box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); margin:auto; } .full-megamenu-col { float: left; display: block; padding: 10px 20px; } /*275px*/ .colwidthA { width: 275px; color: aliceblue; } .full-megamenu-col h2 { font-family: Open Sans, sans-serif; font-weight: 700; font-size: 20px; color: rgb(65,65,65); } .full-megamenu-col h2:after { content: ''; position: relative; display: block; width: 50px; height: 3px; background: #50d8af; bottom: 0; left: 0; } .full-megamenu-col h3 { font-family: Open Sans, sans-serif; font-weight: 700; font-size: 18px; color: rgb(66,139,202); /*color: rgb(65,65,65);*/ } .full-megamenu-col p { font-family: Open Sans, sans-serif; font-weight: 400; font-size: 14px; color: rgb(119,119,119); padding-top:15px ; margin:0px; } /*.full-megamenu .divider {*/ .full-megamenu-col hr { height: 1px; width: auto; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; margin-top: 1rem; margin-bottom: 1rem; } /* .full-megamenu-col a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #999; white-space: normal; font-size:14px; }*/ .full-megamenu-col a:hover { text-decoration: none; color: #444; background-color: #f5f5f5; } .full-megamenu-dropdown-header { display:block; font-family: Open Sans, sans-serif; font-weight: 700; font-size: 18px; color: rgb(66,139,202); } .full-megamenu-col ul { list-style: none; text-align: left; /*padding: 0; margin: 0;*/ } .full-megamenu-col > ul > li > a { display: block; padding: 3px 0px; clear: both; font-weight: normal; line-height: 1.428571429; color: #999; white-space: normal; text-align: left; font-size: 14px; } .full-megamenu-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .full-megamenu-button { display: flex; } .full-megamenu-button > a { width: 165px; height: 35px; line-height: 31px; opacity: 1.0; font-weight: 700; font-size: 14px; color: rgb(52,152,219); border: 1px solid rgb(52,152,219); border-radius: 0px; background-color: #fff; margin: 0px; cursor: pointer; text-align: center; display: inline-block; } .full-megamenu-button:hover { opacity: 1.0; background-color: white; color: #50d8af; cursor: pointer; } .full-megamenu-button > a:hover { background-color: white; color: #50d8af; cursor:pointer; } .full-megamenu-button i { width: 35px; height: 35px; line-height: 33px; padding-left: 2px; font-size: 22px; font-weight: 100; color: #fff; background: rgb(52,152,219); margin: 0px; text-align: center; margin-right: 25px; } .full-megamenu-btn1 { display: flex; } .full-megamenu-btn1 > a { width: 200px; height: 35px; line-height: 31px; opacity: 1.0; font-weight: 700; font-size: 14px; color: rgb(52,152,219); border: 1px solid rgb(52,152,219); border-radius: 0px; background-color: #fff; margin: 0px; padding: 0px; cursor: pointer; text-align: center; display: flex; } .full-megamenu-btn1 > a:hover { opacity: 1.0; background-color: white; color: #50d8af; } .full-megamenu-btn1 > a > i { width: 35px; height: 33px; line-height: 33px; padding-left: 2px; font-size: 22px; font-weight: 100; color: #fff; background: rgb(52,152,219); margin: 0px; text-align: center; margin-right: 25px; } /* .full-megamenu-btn1 > a:before { font-family: FontAwesome; content: "\f0a4"; padding-left: 15px; font-size: 22px; font-weight: lighter; color: #fff; background-color: rgb(52,152,219); padding: 0px 10px 0px 10px; margin-right: 10px; }*/ /*ENDE 20.11.2019*/ /*DrropdownMenuContent*/ .dropdown-contentXXX { display: none; position: absolute; background-color: #f9f9f9; width: 100%; left: 0; /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/ z-index: 1099; height: auto; margin-top: -23px; border-top: 2px solid #50d8af; } .full-menu-row { /*rowX*/ display: flex; justify-content: space-around; background-color: white; } .full-menu-col { /*columnX*/ /*float: left;*/ display:block; width: auto; /*width: 33.33333%;*/ padding: 10px 20px; background-color: inherit; } .full-menu-col h2 { font-family: Open Sans, sans-serif; font-weight: 700; font-size: 18px; } .full-menu-col h3 { font-size:18px; } .full-menu-col h3::after { content: ''; position: relative; display: block; width: 50px; height: 3px; background: #50d8af; bottom: 0; left: 0; } .col-content { /*content*/ display: flex; padding: 5px; height: auto; justify-content: space-between; background-color: white; height: auto; width: 425px; /*border: 1px solid rgb(245,245,245);*/ /*box-shadow: 2px 3px 2px rgb(235,235,235);*/ } .col-content-col { /*content-block-col*/ display: block; padding: 5px; background-color: white; height: auto; width: 50%; } .col-content-col75 { display: block; padding: 5px; background-color: white; height: auto; width: 75%; float:right; } .col-content-col50 { display: block; padding: 5px; height: auto; width: 50%; } .col-content-col25 { display: block; padding: 5px; height: auto; width: 25%; } .col-content-col img{ /*content-block-col img*/ display: block; margin-left: auto; margin-right: auto; /*width: 50%;*/ padding: 2px; /*border: 1px solid rgb(180,180,180);*/ } .col-content-col25 img { display: block; margin-left: auto; margin-right: auto; padding: 2px; } .content-col-list > a { /*.content-block-col-list a */ /*font-size: 14px;*/ display:block; color: rgb(185,185,185); padding: 5px; margin-bottom: 10px; background-color: white; height: 40px; /*height: auto;*/ width: 260px; box-shadow: 2px 3px 2px rgb(235,235,235); /*border: 1px solid rgb(225,225,225);*/ } .content-col-list a:hover { cursor:pointer; -moz-transform: translateY(-2px); cursor: pointer; background-color: white; box-shadow: 2px 3px 2px #50d8af; /*opacity:0.5;*/ } .content-col-list ul { color: #444; font-size: 16px; font-family: "Open Sans"; padding: 0px 5px; list-style: outside none none; margin: 5px 0px 5px 5px; } .content-col-list ul li { font-size: 12px; color: rgb(105,105,105); font-weight: 150; } .content-col-list ul li p{ padding-left:0px; } .content-col-list i { color: #444; font-size: 6px; padding-right:5px; } .content-col-list-sublist { list-style:outside none none; margin:0px 0px 0px 5px; padding:0px; } .content-col-list-sublist ul li, .content-col-list-sublist li{ font-size:10px; color:rgb(185,185,185); line-height:12px; } /*13/14.11.2019 17:18, Y.Arslan*/ .mainX { display:none; } .navbarX { overflow: hidden; background-color: rgb(245,245,245); color: white; font-family: "Open Sans", sans-serif; background-color:rgb(245,245,245); position:static; border-bottom: 5px solid transparent; } .navbarX a { /*color: white;*/ /*float: left; font-size: 16px; color: #444; text-align: center; padding: 14px 16px; text-decoration: none;*/ float: left; /*padding: 3px 2px;*/ padding: 16px 16px; text-decoration: none; display: block; color: #444; font-family: Open Sans, sans-serif; font-weight: 700; font-size: 16px; outline: none; } .navbarX a:hover { border-bottom: 5px solid #50d8af; } .dropdownX { float: left; overflow: hidden; } /*.dropdownX .dropbtn {*/ .dropbtn { font-size: 16px; border: none; outline: none; /*color: white;*/ padding: 0px 16px 0 16px; /*font: inherit;*/ font-family: Open Sans, sans-serif; font-weight: 700; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 0px solid transparent; /*padding-bottom:25px;*/ z-index:-50; } .dropdownX .dropbtn { font-size: 16px; border: none; outline: none; /*color: white;*/ padding: 14px 16px; /*font: inherit;*/ font-family: Open Sans, sans-serif; font-weight: 700; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 0px solid transparent; /*padding-bottom:25px;*/ z-index:-50; } .navbarX a:hover, .dropdownX:hover .dropbtn { /*background-color: rgb(225,225,225);*/ color: #50d8af; /*margin-top: 10px;*/ /*position:relative;*/ border-top: 5px solid #50d8af; border-left: 5px solid #50d8af; border-right: 5px solid #50d8af; border-bottom: 0px solid transparent; z-index:950; } .dropdownX:hover .dropdown-content { display: block; z-index:50; /*height:250px; */ display: block; } /*14.11.2019, 17:03*/ .dropdown-content-row { display: flex; } .dropdown-content .headerX { /*background: red;*/ /*background-color:rgb(245,245,245); */ background-color:#50d8af; padding: 0px; /*color: #50d8af;*/ /*color: white;*/ color: #444; /*height:150px;*/ height:5px; z-index:1; position:relative; } .rowX { display: flex; justify-content : space-around; background-color: white; } /* Create three equal columns that floats next to each other */ .columnX { /*float: left;*/ display:block; width: 33.33333%; padding: 10px 20px; background-color: inherit; } .columnX a { float: none; color: black; padding: 16px; text-decoration: none; display: block; text-align: left; } .columnX h3 { color:#444; font-size:18px; } .columnX a:hover { background-color: #ddd; } .columnX h3{ margin-top: 25px; } .columnX h3::after { content: ''; position: relative; display: block; width: 50px; height: 3px; background: #50d8af; bottom: 0; left: 0; } .columnX .content{ display:flex; padding: 5px; /*background-color: #eee;*/ height: auto; justify-content : space-between; } .content-block{ display:flex; padding: 5px; background-color: white; height: auto; width:575px; /*width:440px;*/ border: 1px solid rgb(245,245,245);/*#e9e9e9;*/ box-shadow: 2px 3px 2px rgb(235,235,235); } .content-block img{ display:block; margin-left:auto; margin-right:auto; /*width:50%;*/ padding:2px; /*border: 1px solid rgb(180,180,180); */ } .content-block h4{ color:#444; font-size:14px; font-weight:600; text-align:center; padding:5px; margin:5px 0px 0px 0px; } .content-block ul { list-style:none; color:#444; font-size: 16px; font-family:"Open Sans"; padding:0px 5px; margin:15px 0px 0px 10px; } .content-block i{ color:#50d8af; font-size:0.5rem; } .content-block-col{ display:block; padding: 5px; background-color: white; height: auto; width:50%; /*border: 1px solid rgb(180,180,180);*/ } .content-block-col p{ font-style:italic; color:rgb(225,225,225); font-size:12px; /*font-style:italic;*/ /*padding-left:5px;*/ text-align:center; line-height: 14px; padding:0px; margin-top:10px; font-style:italic; font-family:Montserrat; float:left; } .content-block-col-imgframe{ padding: 5px; background-color: white; /*height: 120px; width:190px;*/ border: 0px solid rgb(225,225,225);//*#e9e9e9;*/ } .content-block-col-list a{ /*font-size:14px;*/ color:rgb(185,185,185); padding: 0px; margin-bottom:10px; background-color: white; height: auto; width:260px; box-shadow: 2px 3px 2px rgb(235,235,235); border: 1px solid rgb(225,225,225); } .content-block-col-list a:hover{ box-shadow: 1px 1px 5px rgba(73, 78, 92, 0.15); -moz-transform: translateY(-2px); cursor:pointer; background-color:white; box-shadow: 2px 3px 2px #50d8af; } .content-block-col-list ul { list-style:outside none none; margin: 5px 0px 5px 5px; } .content-block-col-list i{ color: #444; font-size:6px; } .content-block-col-list ul li{ font-size:12px; color:rgb(105,105,105); font-weight:150; } .content-block-col-list-sublist ul{ list-style:outside none none; margin:0px 0px 0px 5px; padding:0px; } .content-block-col-list-sublist ul li{ font-size:10px; color:rgb(185,185,185); line-height:12px; } /*.content-block ul li:before{ color:green; font-size: 10px; position: absolute; left: 0; top: 1px; }*/ /*.content-block .fa-check:before { content: "\f00c"; }*/ /* Clear floats after the columns */ /*.rowX:after { content: ""; display: table; clear: both; }*/ .text-area { display:block; z-index:-10; } /*.navbar { overflow: hidden; background-color: #333; font-family: Arial, Helvetica, sans-serif; } .navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: red; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; width: 100%; left: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content .header { background: red; padding: 16px; color: white; } .dropdown:hover .dropdown-content { display: block; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; padding: 10px; background-color: #ccc; height: 250px; } .column a { float: none; color: black; padding: 16px; text-decoration: none; display: block; text-align: left; } .column a:hover { background-color: #ddd; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } */ .navX { text-align:center; width: 100%; background: #bebebe; padding: 0; margin: 0; height: 30px; position:absolute; } .navX ul { background: #bebebe; list-style:none; padding:0 20px; margin: 0; height: 35px; } .navX ul li { display: inline-block; } .navX ul li a { color:#333333; display:block; padding:0px 40px; text-decoration:none; float: left; height: 35px; line-height: 35px; } .navX ul li:hover { background: #333333; overflow: visible; } .navX ul li:hover > a{ color:#FFFFFF; } .navX ul li:hover > ul { display:block; } .navX ul ul { background: #BEBEBE; padding:0; text-align: center; display:none; width: 100%; position: absolute; top: 35px; left: 0px; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; padding: 10px; background-color: #ccc; height: 250px; } /* Style links inside the columns */ .column a { float: none; color: black; padding: 16px; text-decoration: none; display: block; text-align: left; } /* Add a background color on hover */ .column a:hover { background-color: #ddd; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; padding: 10px; background-color: #ccc; height: 250px; } .column a { float: none; color: black; padding: 16px; text-decoration: none; display: block; text-align: left; } .column a:hover { background-color: #ddd; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Mobile Nav Toggle */ #mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999; margin: 20px 20px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer; } #mobile-nav-toggle i { color: #555; } @media (max-width: 768px) { #mobile-nav-toggle { display: inline; } } /* Mobile Nav Styling */ #mobile-nav { position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(52, 59, 64, 0.9); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s; } #mobile-nav ul { padding: 0; margin: 0; list-style: none; } #mobile-nav ul li { position: relative; } #mobile-nav ul li a { color: #fff; font-size: 16px; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; } #mobile-nav ul li a:hover { color: #fff; } #mobile-nav ul li li { padding-left: 30px; } #mobile-nav ul .menu-has-children i { position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; } #mobile-nav ul .menu-has-children i.fa-chevron-up { color: #50d8af; } #mobile-nav ul .menu-item-active { color: #50d8af; } #mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(52, 59, 64, 0.9); display: none; } /* Mobile Nav body classes */ body.mobile-nav-active { overflow: hidden; } body.mobile-nav-active #mobile-nav { left: 0; } body.mobile-nav-active #mobile-nav-toggle { color: #fff; } /*-------------------------------------------------------------- # Sections --------------------------------------------------------------*/ /* Sections Header --------------------------------*/ .section-header { margin-bottom: 2em; /*03.04.2023_1526*/ /*display:block;*/ margin-left: auto; margin-right: auto; } .row .section-header { display:flex; flex-direction:row; justify-content:start; flex-wrap:wrap; margin-bottom: 1em; margin-left: 1em; } .row .section-header-text { margin:0 0 2em 1em; } .row .section-header-text a:hover { font-weight:600; font-style:italic; color: #0c2e8a; text-decoration: underline; } .section-header .headerline { border-bottom: 0.3125em solid rgb(0,63,127); /*width:45.3125em;*/ width:45vw; height:0.3125em; margin:1em; /*float:right;*/ } .section-header .headerline > h3 { border-left: 45.3125em solid rgb(0,63,127); height:5px; margin:1.5625em 1.5625em; /*float:right;*/ font-size: 1.75rem; margin:0; } .section-header .section-header-right > h3 { border-left: 45.3125em solid rgb(0,63,127); height:5px; margin:1.5625em 1.5625em; /*float:right;*/ font-size: 1.75rem; margin:0; } .section-header h2 { font-size: 2rem; color: #0c2e8a; /*text-transform: uppercase;*/ font-weight: 700; position: relative; /*23.03.2022*/ padding-bottom: 5px; margin-bottom: 0; } .section-header h2::before { content: ''; position: absolute; display: block; width: 1.2em; height: 0.075em; background: #50d8af; bottom: 0; left: 0; } .section-header h4 { font-size: 1.5rem; color: color:rgb(135,135,135); font-weight: 200; line-height: 1.2em; margin:0; } .row .section-header img { border: 3px solid rgb(0,63,127); padding :3px; background-color:rgb(0,63,127); /*margin-right:1.5625em;*/ /*max-width: 9vw; max-height: 9vw;*/ max-width: 100%; /*width: 100%;*/ height: auto; } .section-header > h3 { text-transform:none; color:rgb(0,63,127); margin:0px; color:white; background-color:rgb(0,63,127); padding:6px 4px 5px 4px; font-size: 1.25rem; } .section-header-header h3 { text-transform:none; color:rgb(0,63,127); margin:0px; color:white; background-color:rgb(0,63,127); padding:6px 4px 5px 4px; font-size: 1.25rem; } .section-header .content h3 { font-family: "Raleway", sans-serif; font-size: 1.75rem; font-weight: 300; font-style: normal; color: #555; margin: 0; margin-top: 0px; line-height: 1.5em; margin-top: 1em; padding: 0; } .row .content h3 { font-family: "Raleway", sans-serif; font-size: 1.75rem; font-weight: 300; font-style: normal; color: #555; margin: 0; margin-top: 0px; line-height: 1.5em; margin-top: 1em; padding: 0; } .section-header .content p { font-family: "Raleway", sans-serif; line-height: 1.5em; font-size: 1.25rem; color: #555; margin-top: 1em; margin-bottom: 2em; } .row .content p { font-family: "Raleway", sans-serif; line-height: 1.5em; font-size: 1.25rem; color: #555; margin-top: 1em; margin-bottom: 2em; } .section-header .contentTxt { font-family: "Raleway", sans-serif; line-height: 1.5em; font-size: 1.25rem; color: #555; margin-top: 1em; margin-bottom: 2em; } .section-header .headerline-end { border-left:3.125em solid rgb(0,63,127); height:5px; margin:1.5625em 1.5625em; float:right; } /*23.04.223 12:51*/ .row .content-end{ margin-top:1.5em; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; } .Content-Header { margin-bottom:35px; } .Content-Header h3 { /*font-size: 28px; */ font-size: 1.75rem; font-style:normal; line-height: 36px; font-weight: 300; margin-bottom:0px; } .section-header p { padding: 0; margin: 1em 0 0 0; } .section-header > img { max-width: 100%; } .section-header-header{ display:flex; flex-direction:row; justify-content:space-between; flex-wrap: nowrap; } .section-header-header img { /*height:1.875rem; width: 100%; max-width: 100%; */ } /* About + intro Section -> About deprecated 26042023_0023 --------------------------------*/ #intro { padding: 3.75em 0 1.875em 0; } #intro .content h3 { color: #555; font-size: 1.75rem; font-style:normal; font-weight: 300; line-height: 2.25em; margin:0; } #about { padding: 3.75em 0 1.875em 0; } #about .about-img { overflow: hidden; margin-top:1em; } #about .about-img img { margin-left: -15px; max-width: 100%; } #about .content h2 { color: #0c2e8a; font-weight: 700; font-size: 36px; font-family: "Raleway", sans-serif; } #about .content h3 { font-family: "Raleway", sans-serif; font-size:1.75rem; font-weight: 300; font-style:normal; color: #555; margin:0; line-height:1.5em; margin-top:1em; } #about .content p { font-family: "Raleway", sans-serif; line-height: 1.5em; font-size:1.25rem; color:#555; margin-top: 1em; margin-bottom: 2em; } #about .section-header .row { flex-wrap: nowrap; } #about .section-header .portfol-area { justify-content: center; } #about .content .row { flex-wrap: nowrap; margin-left: auto; margin-right: auto; } #about .content p:last-child { /*margin-bottom: 0;*/ } #about .content i { font-size: 1.25rem; padding-right: 4px; color: #50d8af; } #about .content ul { list-style: none; padding: 0; margin-top:8.5em; } #about .content ul li { padding-bottom: 0.625em; } /*10.10.2019*/ #about .content2 h3 { color: #0c2e8a; font-weight: 4; font-size: 22px; font-family: "Raleway", sans-serif; } /* HARDWARE,04.10.2019 YA,(_oold_Services) Section --------------------------------*/ #services { padding: 30px 0 0 0; } #services .box { padding: 40px; margin-bottom: 40px; box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); background: #fff; transition: 0.4s; } #services .box:hover { box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); } #services .box .icon { float: left; } #services .box .icon i { color: #444; font-size: 64px; transition: 0.5s; line-height: 0; margin-top: 34px; } #services .box .icon i:before { background: #0c2e8a; background: linear-gradient(45deg, #50d8af 0%, #a3ebd5 100%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #services .box h4 { margin-left: 100px; font-weight: 700; margin-bottom: 15px; font-size: 22px; } #services .box h4 a { color: #444; } #services .box p { font-size: 14px; margin-left: 100px; margin-bottom: 0; line-height: 24px; } /*10.10.2019*/ /*#services .ready-btn { border: 1px solid #444; border-radius: 30px; color: #444; cursor: pointer; display: inline-block; font-size: 15px; font-weight: 500; margin-top: 10px; padding: 10px 20px; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s; }*/ #services .ready-btn { border: 1px solid #444; border-radius: 15px; color: #444; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 300; margin-top: 10px; padding: 5px 10px; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s; } #services .ready-btn:hover { border: 1px solid #3EC1D5; background-color: #3EC1D5; color: #fff; } /*ENDE 10.10.2019*/ /*11.10.2019 YA */ .blog-area { height: auto; width: 100%; } .area-padding { padding: 4.375em 0px 5em; } .single-blog { margin-bottom: 30px; } .blog-text h4 a { color: #444; text-decoration: none; } .blog-text h4 { color: #444; margin-bottom: 15px; line-height: 26px; font-family: Raleway; margin-top: 20px; } .blog-text p { color: #444; text-decoration: none; } #services .colMd4 { width: 33.33333333%; float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; color: #444; font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: left; line-height: 22px; } #services .colMd4 img{ max-width: 100%; } /*ENDE 11.10.2019*/ /* Clients Section --------------------------------*/ #clients { padding: 30px 0; } #clients img { max-width: 100%; opacity: 0.5; transition: 0.3s; padding: 15px 0; } #clients img:hover { opacity: 1; } #clients .owl-nav, #clients .owl-dots { margin-top: 5px; text-align: center; } #clients .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd; } #clients .owl-dot.active { background-color: #50d8af; } /* Our Portfolio Section --------------------------------*/ #portfolio { background: #fff; padding: 30px 0; } #portfolio .portfolio-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; } #portfolio .portfolio-item { overflow: hidden; position: relative; padding: 0; vertical-align: middle; text-align: center; } #portfolio .portfolio-item h2 { color: #ffffff; font-size: 24px; margin: 0; text-transform: capitalize; font-weight: 700; } #portfolio .portfolio-item img { -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; width: 100%; } #portfolio .portfolio-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } #portfolio .portfolio-item:hover .portfolio-overlay { opacity: 1; background: rgba(0, 0, 0, 0.7); } #portfolio .portfolio-info { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Testimonials Section --------------------------------*/ #testimonials { padding: 30px 0; } #testimonials .testimonial-item { box-sizing: content-box; padding: 30px 30px 0 30px; margin: 30px 15px; text-align: center; min-height: 350px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { #testimonials .testimonial-item { margin: 30px 10px; } } /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; height: auto; } } #testimonials .testimonial-item .testimonial-img { width: 90px; border-radius: 50%; border: 4px solid #fff; margin: 0 auto; } #testimonials .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 10px 0 5px 0; color: #111; } #testimonials .testimonial-item h4 { font-size: 14px; color: #999; margin: 0; } #testimonials .testimonial-item .quote-sign-left { margin-top: -15px; padding-right: 10px; display: inline-block; width: 37px; } #testimonials .testimonial-item .quote-sign-right { margin-bottom: -15px; padding-left: 10px; display: inline-block; max-width: 100%; width: 37px; } #testimonials .testimonial-item p { font-style: italic; margin: 0 auto 15px auto; } #testimonials .owl-nav, #testimonials .owl-dots { margin-top: 5px; text-align: center; } #testimonials .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd; } #testimonials .owl-dot.active { background-color: #50d8af; } /* Call To Action Section --------------------------------*/ #call-to-action { background: #081e5b; background-size: cover; padding: 40px 0; } #call-to-action .cta-title { color: #fff; font-size: 28px; font-weight: 700; } #call-to-action .cta-text { color: #fff; } @media (min-width: 769px) { #call-to-action .cta-btn-container { display: flex; align-items: center; justify-content: flex-end; } } #call-to-action .cta-btn { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 8px 26px; border-radius: 3px; transition: 0.5s; margin: 10px; border: 3px solid #fff; color: #fff; } #call-to-action .cta-btn:hover { background: #50d8af; border: 3px solid #50d8af; } /* Our Team Section --------------------------------*/ #team { background: #fff; padding: 30px 0 0 0; } #team .member { text-align: center; margin-bottom: 20px; } #team .member .pic { overflow: hidden; text-align: center; } #team .member .pic img { max-width: 100%; } #team .member .details { background: #50d8af; color: #fff; padding: 15px; border-radius: 0 0 3px 3px; } #team .member h4 { font-weight: 700; margin-bottom: 2px; font-size: 18px; } #team .member span { font-style: italic; display: block; font-size: 13px; } #team .member .social { margin-top: 5px; } #team .member .social a { color: #fff; } #team .member .social i { font-size: 16px; margin: 0 2px; } /* Contact Section --------------------------------*/ #contact { padding: 2em 0; } #contact .contact-info { margin-bottom: 1.25em; text-align: center; text-align: center; } #contact .contact-info i { font-size: 3rem; display: inline-block; margin-bottom: 0.875em; color: #50d8af; } #contact .contact-info address, #contact .contact-info p { margin-bottom: 0; color: #000; } #contact .contact-info h3 { font-size: 1.125rem; margin-bottom: 1em; font-weight: bold; text-transform: uppercase; color: #999; } #contact .contact-info a { color: #000; } #contact .contact-info a:hover { color: #50d8af; } #contact .contact-address, #contact .contact-phone, #contact .contact-email { margin-bottom: 20px; } @media (min-width: 768px) { #contact .contact-address, #contact .contact-phone, #contact .contact-email { padding: 20px 0; } } @media (min-width: 768px) { #contact .contact-phone { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } } #contact #google-map { height: 290px; margin-bottom: 20px; } @media (max-width: 576px) { #contact #google-map { margin-top: 20px; } } #contact .form #sendmessage { color: #50d8af; border: 1px solid #50d8af; display: none; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #contact .form #errormessage { color: red; display: none; border: 1px solid red; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show { display: block; } #contact .form .validation { color: red; display: none; margin: 0 0 20px; font-weight: 400; font-size: 0.825; } #contact .form input, #contact .form textarea { padding: 0.625em 0.875em; border-radius: 0; box-shadow: none; font-size: 1rem; } #contact .form button[type="submit"] { background: #50d8af; border: 0; border-radius: 3px; padding: 0.625em 1.875em; color: #fff; transition: 0.4s; cursor: pointer; } #contact .form button[type="submit"]:hover { background: #2dc899; } /* span, 23.10.2019*/ .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } /*ENDE span, 23.10.2019*/ /* carousel, 19.10.2019*/ /* Base class */ /* Echo out a label for the example */ section.doc { padding-top: 70px; } .carousel { position: relative; } .carousel .item img { max-width:100%; /*/height:auto;*/ display:block; margin-left:auto; margin-right:auto; height:225px; } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption { opacity:0.9; } .well-success, .carousel-caption.success { background: #7cbb00; color:#fff; } .bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bs-docs-example:after { /*content: "Example";*/ position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Overwrite Table Style in boostrap , 22.10.2019 + 23.10.2019*/ /* Table stripped*/ .mdtable { /*width:570px;*/ width:100%; max-width:100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; margin-bottom: 5px; } .mdtable thead th{ vertical-align: bottom; border-top: 0px; } .mdtable th{ font-weight: normal; } .mdtable th, .mdtable td{ padding: 8px; line-height: 10px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #7d7d7d; width: 650px; } /*.modaltable-striped tbody > tr:nth-child(2n+1) > td, .modaltable-striped tbody > tr:nth-child(2n+1) > th { background-color: #f9f9f9; }*/ /* Modal image gallery 23.10.2019*/ /* The grid: Four equal columns that floats next to each other */ /*.column {*/ /*05.11.22019*/ #retail .mdtable .ct-greencenter{ color: #50d8af; width:auto; text-align : center; } #retail .mdtable .ct-yes{ color: #50d8af; width:auto; text-align : center; } #retail .mdtable .ct-no{ color: red; width:auto; text-align : center; } /*option*/ #retail .mdtable .ct-opt{ color: #007accff; width:auto; text-align : center; } .md-row{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*border: 1px solid #ddd;*/ margin-top: 0px; background-color: white; } .md-img-container{ width: 100%; height:300px; position: relative; margin: 15px 0; padding: 10px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .md-table-container{ width: 100%; height:100%; position: relative; margin: 15px 0; padding: 10px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .md-Img-Col{ float:left; } .mdImgSpan { width: 695px; float:left; } .md-img-area{ /*float: left;*/ width: 62%; margin: auto; padding: 0px; } .md-bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .md-img-list{ list-style-type :none; width: 35%; margin: auto; padding-left: 0px; display:block; cursor: pointer; } .md-img-list img{ float: left; margin: 3px; padding: 2px; border: 0px ; /*border: 1px solid red; */ } .md-img-list img:hover{ /*border-color: green;*/ border: 1px solid #50daafff; } .mdImgColumn{ float: left; width: 25%; padding: 10px; } /* Style the images inside the grid */ /*.column img {*/ .mdImgColumn img { opacity: 0.8; cursor: pointer; } /*.column img:hover {*/ .mdImgColumn img:hover { opacity: 1; } /* Clear floats after the columns */ /*.row:after {*/ .mdImgRow:after { content: ""; display: table; clear: both; } /* The expanding image container (positioning is needed to position the close button and the text) */ .md-close { position: relative; display: block; width: 100%; height: 35px ; margin:0px; padding:0px; } .mdContainer { position: relative; width:100%; } /* Expanding image text */ #modalImgimgtext { position: absolute; bottom: 15px; left: 15px; color: white; font-size: 20px; } /* Closable button inside the image */ .mdImgclosebtn { position: absolute; /*top: 10px;*/ right: 15px; color: black; font-size: 35px; cursor: pointer; line-height: 35px; } /* ENDE Modal image gallery 23.10.2019*/ .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img { display: block; line-height: 1; } .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 { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 30px; font-weight: 100; line-height: 35px; color: #ffffff; text-align: center; background: #50d8af; /*background: #7cbb00; */ /*background: #222222; */ -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); border-radius: 0; opacity: 0.5; } .carousel-control.right { right: 15px; left: auto; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } /*21.10.2019 */ #carousel .colM2 { width: 30%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; color: #444; font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: left; line-height: 22px; } #carousel .colM2 img{ max-width: 100%; height:225px; } /* 27.10.2019*/ .colM2 .blog-text h4{ text-align: center; font-family:Helvetica, Open Sans,sans-serif; font-weight:bold; color:#555555; } /* 27.10.2019*/ .colM2 .blog-text p{ color:#7d7d7d; letter-spacing:0.5px; font-size:14px; } /* Separators (hr) */ .bs-docs-separator { margin: 40px 0 39px; } /*ENDE 21.10.2019 */ /* ENDE carousel, 19.10.2019*/ /* MODAL 21.10.2019 */ /* The Modal (background) */ .modalx { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ /* position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; */ } /* Modal Content */ .modalx-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 50%; display:block; } .modalx .fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modalx.fade.in { top: 10%; } .modalx-header { padding: 9px 15px; border-bottom: 1px solid #eee; } /* The Close Button */ .closeModal { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .closeModal:hover, .closeModal:focus { color: #000; text-decoration: none; cursor: pointer; } /* 27.10.2019*/ .sub-row{ display: flex; flex-wrap: none; justify-content: space-between; margin-bottom:50px; } /* 27.10.2019*/ /* im links gerichtet*/ .single-block{ width:100%; display: flex; flex-wrap: none; justify-content: space-between; margin-bottom: 30px; } .single-block img{ width:auto; float:left; margin-right:22px; } .single-block .blog-text h4{ margin-bottom: 15px; line-height: 26px; margin-top: 20px; font-family: Helvetica, Open Sans,sans-serif; font-weight: bold; color: #555555ff; } .single-block .blog-text p{ color: #7d7d7dff;; } .single-block .blog-text-area{ display: block; } /* KASSENSYSTEM 28.03.2022 12:06*/ #ksFeatures { text-align : center; background-color:white; padding:0; min-width:6.25em; } #ksFeatures .member { min-width:6.25em; } #ksFeatures.collg6 { max-width: 25%; width: 25%; } #ksFeatures .pic img { max-width: 100%; height: auto; } #ksFeatures .header h4 { font-family: "Montserrat", sans-serif; font-weight: 400; margin: 1.5em 0 1.25em 0; padding: 0; color : rgb(0,63,127); } .content-end #ksFeatures img { width:99%; height:auto; max-width: 100%; margin:0; } .container #img-block { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction:row; justify-content: space-between; align-items: center; /*flex-wrap: wrap;*/ flex-wrap: nowrap; margin-right: auto; margin-left: auto; margin-top: 6.25em; /*border: 0px solid rgb(0,63,127);*/ /*padding: 1.25em 1.25em;*/ /*max-width: 80%; */ } /* #ksFeatures .col-lg-6 img{*/ .col-lg-6 img{ /*width: 100%;*/ margin: 1.5625em 0px 0px 0px; max-width: 100%; max-height: 100%; border: 0.5em solid rgb(0,63,127); /*padding: 0.625em;*/ } #carousel .row { margin-right: 0px; margin-left: 0px; } #kstool ul { padding: 0px; } /* #kstool ul { list-style: none; padding: 0; margin-top:8.5em; }*/ #kstool ul li { font-size: 1rem; padding-right: 4px; line-height: 1.4; /*padding-bottom: 3px; */ } #kstool .ion-checkmark{ margin-right: 5px; } #kstool .ion-checkmark:before{ color: #50d8af; } #kstool p { margin: 0 0 0 1em; padding: 0px; } #kstool h3 { margin: 0 0 1em 1em; padding: 0px; } #kstool .imgblock { display:flex; flex-direction:row; justify-content:space-between; /*justify-content: center;*/ align-items: center; flex-grow: 0; flex-shrink: 1; flex-basis: auto; } #kstool .imgblock .stdimg { margin: 0px; /*width: 100%;*/ height: auto; max-width: 100%; border: 0px; } .row #kstool { margin:3.125em 0 3.125em 0;" } .col-lg-6 #kstool { background-color:rgb(0,63,127); padding:0.625em; border: 0.5em solid white; display:flex; flex-direction:column; justify-content:space-between; margin:0; } .col-lg-6 #kstool > h2 { font-family: Open Sans; color:white; font-weight:700; font-size:1.625rem; margin-top:1.5em; text-transform: none; padding-bottom: 1em; } .col-lg-6 #kstool > h2::before { content: none; } .col-lg-6-right { margin-top: 1em; border: 0.5em solid rgb(0,63,127); padding: 0px; margin-right: 1em; margin-left: 1em; } td.something { width: 31.25em; } td.something1 { width: 6.125em;; text-align:center; } th.something1 { width: 6.125em; text-align:center; } .something1 .ion-checkmark { color: #50d8af; } .something1 .ion-android-close { color: red; font-weight:bold; } .something1 .ion-android-radio-button-off { color: rgb(0,63,127); font-weight:bold; } #brList .ion-checkmark-circled:before{ color: rgb(0,63,127); font-size:1.375rem; margin-right:0.3125; } #peripherie .bs-docs-example { position: relative; margin: 15px 0; padding: 10px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*28.10.2019*/ #peripherie .list { -webkit-box-flex: 0; /*-ms-flex: 0 0 50%;*/ /*flex: 0 0 50%;*/ -ms-flex: 0 0 100%; max-width:75%; } #peripherie .list h3{ color: #555; font-weight: 300; font-size: 18px; line-height: 26px; font-style: italic; margin-bottom:5px; } #peripherie .list ul{ list-style: none; padding: 0; } #peripherie .list ul li{ padding-bottom: 5px; font-size: 14px; color: #666; } #peripherie .list i{ font-size: 16px; padding-right: 10px; color: #50d8af; } #peripherie .list ul li:before{ content:"\f00c"; /*content: "\2212"; */ padding-right: 10px; font-family: FontAwesome; font-size: 14px; color: #50d8af; } #peripherie .bs-docs-example { position: relative; margin: 15px 0; padding: 10px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*30.10.2019*/ .flex-list { -webkit-box-flex: 0; /*-ms-flex: 0 0 50%;*/ /*flex: 0 0 50%;*/ -ms-flex: 0 0 100%; max-width:75%; } .flex-list h3{ color: #555; font-weight: 300; font-size: 18px; line-height: 26px; font-style: italic; margin-bottom:5px; } .flex-list ul{ list-style: none; padding: 0; } .flex-list ul li{ padding-bottom: 5px; font-size: 14px; color: #666; } .flex-list i{ font-size: 16px; padding-right: 10px; color: #50d8af; } .flex-list ul li:before{ content:"\f00c"; /*content: "\2212"; */ padding-right: 10px; font-family: FontAwesome; font-size: 14px; color: #50d8af; } /*27 + 28.10.2019*/ .accordion, .accordionS { /*background-color: #eee;*/ background-color: transparent; /*color: #444;*/ cursor: pointer; padding: 12px; /*width: 100%;*/ border: none; text-align: left; outline: none; font-family:Tahoma,Arial; font-size: 16px; transition: 0.6s; border: 1px solid #eee; color:#444; width:250px; } .accordion .active, .accordion:hover { /*background-color: #4eb478;*/ /*border: 1px solid #4eb478; */ color:#4eb478; } .accordion:after { content: '\002B'; color: #4eb478; font-weight: bold; float: right; margin-left: 5px; } .accordion-active:after{ content: "\2212"; } .accordion-panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out; } .accordion-panel-content{ font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.6em; color: #666; } .accordion-row { display:block; } /*28.10.2019*/ .multi-img-row{ display: flex; flex-wrap: none; justify-content: space-between; margin-bottom:10px; } .multi-img-col { display:block; margin-right:left; margin-right:auto } .multi-img-col h4{ font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; line-height: 1.6em; color: #666; text-align: center; margin-top: 15px; } /* 10.11.2019, Yilmaz Arslan*/ #backoffice { padding: 30px 0 0 0; } #backoffice .box { padding: 40px; margin-bottom: 40px; box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); background: #fff; transition: 0.4s; height: 240px; max-height:250px; } #backoffice .box:hover { box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); } #backoffice .box .icon { float: left; } #backoffice .box .icon i { color: #444; font-size: 64px; transition: 0.5s; line-height: 0; margin-top: 34px; } #backoffice .box .icon i:before { background: #0c2e8a; background: linear-gradient(45deg, #50d8af 0%, #a3ebd5 100%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #backoffice .box h4 { margin-left: 100px; font-weight: 700; margin-bottom: 15px; font-size: 22px; } #backoffice .box h4 a { color: #444; } #backoffice .box p { font-size: 14px; margin-left: 100px; margin-bottom: 0; line-height: 24px; } @media (max-width: 767px) { #backoffice .box .box { margin-bottom: 20px; } #backoffice .box .icon { float: none; text-align: center; padding-bottom: 15px; } #backoffice .box h4, #backoffice .box p { margin-left: 0; text-align: center; } } #backoffice .ready-btn { border: 1px solid #444; border-radius: 15px; color: #444; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 300; margin-top: 10px; padding: 5px 10px; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s; } #backoffice .ready-btn:hover { border: 1px solid #3EC1D5; background-color: #3EC1D5; color: #fff; } #backoffice .mdtable .ct-greencenter{ color: #50d8afff; width:auto; text-align : center; } #backoffice .mdtable .ct-yes{ color: #50d8afff; width:auto; text-align : center; } #backoffice .mdtable .ct-no{ color: red; width:auto; text-align : center; } /*option*/ #backoffice .mdtable .ct-opt{ color: #007accff; width:auto; text-align : center; } /* ENDE 10.11.2019, Yilmaz Arslan*/ /*ENDE /*10.11.2019, Yilmaz Arslan*/ #erp .ready-btn { border: 1px solid #444; border-radius: 1em; color: #444; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 300; margin-top: 0.625em; padding: 0.5em 1em; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s; } #erp .ready-btn:hover { border: 1px solid #3EC1D5; background-color: #3EC1D5; color: #fff; } /*10.11.2019*/ #consulting .col-md-6 { width: 50%; } #consulting img { border-radius: 6px; } #consulting .img-responsive { display: block; max-width: 100%; height: auto; } #consulting { display:flex; border: 1px solid #ddd; padding-top:15px; padding-bottom:15px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); } #consulting img{ width:75%; } .box { padding: 40px; margin-bottom: 40px; box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); background: #fff; transition: 0.4s; height: auto; } .box:hover { box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); } .hr-gray { margin-top: 20px; margin-bottom: 20px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid #eee; box-sizing: content-box; height: 0; } .hr-green { margin-top: 20px; margin-bottom: 20px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid #50d8af; box-sizing: content-box; height: 0; } .media ul { list-style: none; } .media-left { padding-right: 10px; } .media-right { padding-right: 15px; } .media-left, .media-right { display: table-cell; vertical-align: top; } .media i { color: #50d8af; font-size: 3rem; /* font-size: 48px;*/ /* color: #007acc; font-size: 32px; */ } .media p { font-family: "Open Sans", sans-serif; font-size: 1rem; /*font-size: 16px; */ } .row #supportservice { border: 0.5em solid #003f80; } #supportservice { /*border: 0.5em solid #003f80;*/ /*height:25em; */ padding-top:3em; padding-bottom:3em; display:flex; flex-direction:row; justify-content:space-between; /*flex-wrap:nowrap;*/ margin:0; width: 100%; } /* #consulting .col-md-6 { width: 50%; } #consulting img { border-radius: 6px; }*/ /* #supportservice img { width: 75%; border-radius: 6px; flex: 0 0 50%; }*/ #supportservice .col-lg-6 { /*-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;*/ /*width: 50%;*/ padding:0; } #supportservice .img-responsive { /*display: block; max-width: 100%; height: auto;*/ width: 85%; margin-left: 1em; margin-right: 1em; } #supportservice img { position: relative; width: 100%; min-height: 1px; /*padding-right: 15px;*/ /*padding-left: 15px;*/ border-radius: 6px; width: 85%; display: block; max-width: 100%; height: auto; border:0; margin:0; } #supportservice .contenttx { margin:0; } #supportservice .contenttx-icon { color:#50d8af; } .contenttx { display:flex; margin-left: -50px; /*margin-left: 25px;*/ /* max-width: 50%;*/ } .contenttx-icon { padding-left:0.625em; padding-right:0.625em; display:table-cell; padding-right:1em; /*content: "\f05a"; font-family: FontAwesome; font-size: 1.5rem; font-style: normal; font-weight: normal;*/ } .contenttx-icon i{ font-size: 2rem; /*padding-right:1em;*/ } .contenttx-body { display:block; } #supportservice .contenttx h4 { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.5rem; margin: 0; padding: 0; color: #444; } /* #supportservice .contenttx h4::before { content: "\f095"; padding-right: 1.25em; padding-left: 1.25em; padding-top: 1.25em; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #50d8af; font-size: 1.5rem; }*/ #supportservice .contenttx p { color: #444; font-size: 1.25em; padding:0.625em; /*overflow: hidden; inline-size: 31.25em; overflow: hidden; float: left; line-height: 1.1;*/ } .foot-container { max-width: 71.25em; width: 100%; /*padding-right: 15px; padding-left: 15px;*/ margin-right: auto; margin-left: auto; } .foot-row { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-right: 10px; margin-left: 10px; } /*Pricing Table*/ .price-table-col { width:33.33333%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .price-table-list { border: 1px solid #ccc; text-align: center; transition: all 0.4s ease 0s; background: #fff; /*height:auto;*/ /*min-height:795px;*/ min-height:49.7em; box-shadow: 0px 0px 0.625em rgba(73, 78, 92, 0.5); margin:0.625em; } /* .price-table-list li.check::after { content: "\f00c"; font-family: fontawesome; font-size: 14px; position: absolute; right: 50px; top: 12px; color: #3EC1D5; }*/ .price-table-list ol { list-style: outside none none; margin: 0; padding: 0 0 1.57em; height:25em; } .price-table-list ol li { font-size:0.875em; border-bottom: 1px solid #ccc; color: #666; padding: 0.3125em 1.57em; position: relative; text-align: left; } .price-table-list li.check::after { /*content: "\f00c"; font-family: fontawesome;*/ content: "\f122"; font-family: "Ionicons"; font-size: 1rem; position: absolute; right: 1em; top: 5px; color: #50d8af; width:1.5em; } .price-table-list li.check.cross::after { /*content: "\f00d"; font-family: fontawesome; font-size: 14px;*/ content: "\f129"; font-family: "Ionicons"; font-size: 0.875rem; position: absolute; /*right: 25px;*/ /*top: 12px;*/ color: indianred; } .price-table-list ol ul{ list-style: none; margin-left: 1.5em; padding: 0px; } .price-table-list ol ul li{ border:0px; border:0px; padding: 0px; } .price-table-list ol ul li:before { content: "-"; padding-right: 0.5em; color: #3EC1D5; font-weight: 700; /* content: "\f068"; font-family: FontAwesome; font-style: normal; font-weight: normal; */ } .price-table-list > h3 { color: #333; font-size: 1.5rem; font-weight: 700; line-height: 1.57em; padding: 0px; text-transform: uppercase; transition: all 0.4s ease 0s; } .price-table-list h3 span { font-size: 1rem; margin-top:2.2em; } .price-table-list-header { height: auto; } .price-table-list-header h3{ color: #333; font-size: 1.5rem; font-weight: 700; line-height: 1.57em; padding: 0px; text-transform: uppercase; transition: all 0.4s ease 0s; } .price-table-list-header h4{ color: #333; font-size: 1rem; font-weight: 700; line-height: 1.57em; margin:1em 0px 00px 0px; padding: 0px; text-transform: uppercase; transition: all 0.4s ease 0s; } .price-table-list-header h2{ /*color: #3EC1D5;*/ color: rgb(0,63,127); font-size: 3rem; font-weight: 700; margin:0.625em 0px 1.57em 0px; padding: 0px; text-transform: uppercase; transition: all 0.4s ease 0s; } .price-table-list-header img{ margin-top:0.625em; max-width: 50%; height: auto; } .price-table-list-header.active { /*transition: all 0.4s ease 0s;*/ position: relative; overflow: hidden; } .price-table-listXXX button { /*background: #444 none repeat scroll 0 0;*/ /*background-color: rgb(68, 68, 68);*/ background-color:white; /*border: 1px solid #444;*/ border: 0px; color: rgb(85,85,85); /*color: #fff;*/ margin-bottom: 25px; padding: 10px 35px; /*text-transform: uppercase;*/ transition: all 0.4s ease 0s; /*border-radius: 30px;*/ font-weight:700; cursor: pointer; vertical-align: bottom; width: 250px; height: 50px; border: 1px red solid; } .price-table-listXXX button:hover { color: #50d8af; text-decoration: underline; /*background: rgb(245,245,245);*/ } .price-table-list-area { background-color:white; margin: 0px; width: 340px; height: 50px; } .price-table-list-btn { /*border: 1px solid #444;*/ border-radius: 15px; color: #444; /*cursor: pointer;*/ /*display: inline-block;*/ font-size: 12px; font-weight: 300; margin-top: 25px; padding: 5px 10px; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s; box-shadow: 0px 0px 10px rgba(73, 78, 92, 0.5); } .price-table-list-btn:hover { border: 1px solid #3EC1D5; background-color: #3EC1D5; color: #fff; /*color: #50d8af;*/ /*text-decoration: underline;*/ } .price-table-list.active { /*transition: all 0.4s ease 0s;*/ position: relative; overflow: hidden; } .bestseller { /*background: #3EC1D5 none repeat scroll 0 0;*/ background: rgb(0,63,127) none repeat scroll 0 0; color: #fff; font-size: 0.82rem; font-weight: 700; left: -1.75em; padding: 2px 1.875em; position: absolute; text-transform: uppercase; top: 1.5em; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } /*ENDE 10.11.2019*/ /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #footerX { background: rgb(0,63,127); padding: 0 0 30px 0; color: #eee; font-size: 14px; } #footer-top { background: rgb(0,63,127); padding: 60px 0 30px 0; } #footerX-top .container { max-width: 1140px; } #footerX-top .row { /*display: -webkit-box; display: -ms-flexbox;*/ display: flex; /*-ms-flex-wrap: wrap;*/ flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } #footerX .footer-top .footer-info { margin-bottom: 30px; } #footerX .footer-top .footer-info h3 { font-size: 34px; margin: 0 0 20px 0; padding: 2px 0 2px 10px; line-height: 1; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: 3px; border-left: 4px solid #18d26e; } #footerX .footer-top .footer-info p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: "Montserrat", sans-serif; color: #eee; } #footerX .footer-top .footer-links { margin-bottom: 30px; } #footerX .footer-top h4 { font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-bottom: 12px; } #footerX .footer-top h4::before { right: 0; background: #555; } #footerX .footer-top h4::before, #footerX .footer-top h4::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; } #footerX .footer-top h4::after { background: #18d26e; width: 60px; } #footerX .footer-top h4::before, #footerX .footer-top h4::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; } #footerX .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; } #footerX .footer-top .footer-links ul li:first-child { padding-top: 0; } #footerX .footer-top .footer-links ul li { border-bottom: 1px solid #333; padding: 10px 0; padding-top: 10px; } #footerX .footer-top .footer-links ul i { padding-right: 8px; color: #ddd; } #footerX .footer-top .footer-links ul a { color: #eee; } #footerX .footer-top .footer-links ul a:hover { color: #18d26e; } #footer { background: #f2f5f8; padding: 0 0 30px 0; /*font-size: 14px;*/ /*color: #7e7e7e;*/ color: #bbb; /*background: #222;*/ } #footer .col3{ width: 33.3333333%; margin-top:1.25em; } #footer .copyright { text-align: left; padding-top: 1em; } #footer .credits { text-align: center; font-size: 13px; color: #555; } #footer .credits a { color: #0c2e8a; } #footer .footerlogo h6 { margin-bottom: 1.25em; font-weight:600; font-family: "Open Sans", sans-serif; font-size: 1rem; color: white; } #footer address { font-size:0.825rem; font-family: "Open Sans", sans-serif; color: white; } #footer .footerlogo li { font-size:0.825rem; } .copyright ul { display:flex; list-style:none; width:100%; margin-left: -2.5em; } ul.link-list { margin: 0; padding: 0; list-style: none; } ul.link-list li { margin: 0; padding: 2px 0 2px 0; list-style: none; } ul.link-list a { /*color: #7e7e7e;*/ color: white; /*font-weight: 300;*/ } ul.link-list a:hover{ color: white; /*color: #50d8af;*/ text-decoration:underline; font-size: 1rem; margin-top:0px; padding-top: 0px; font-weight: 900; } .sub-footer { /* background: #111;*/ background:#0c2e8a; text-shadow: none; color: #ddd; padding: 0; margin: 1.25em 0 0 0; /*-webkit-box-shadow: 0 -4px 4px -2px #222; -moz-box-shadow: 0 -4px 4px -2px #222; box-shadow: 0 -4px 4px -2px #222;*/ width:100%; height:3.125em; } .sub-footer-col { width: 100%; } /*03.02.2022*/ .sub-footer-col li { margin: 0; padding: 0; font-size:0.75em; } .sub-footer-col a { color: white; } .sub-footer-col a:hover { color: #50d8af; text-decoration:underline; font-size: 1rem; margin-top:0; padding-top: 0; } /*28.04.2023 10:35*/ #agb .container { margin-top:3.125em; margin-left:1em; margin-right:1em; } #agb .row { margin-left:1em; margin-right:1em; } /*22.11.2019*/ #agb h2 { font-family: "Open Sans", sans-serif; font-size: 2rem; color: rgb(125,125,125); text-transform: none; font-weight: 400; position: relative; /* padding-bottom: 20px;*/ } #agb h3 { font-family: "Open Sans", sans-serif; font-size: 1.625rem; color: rgb(125,125,125); text-transform: none; font-weight: 400; position: relative; /*padding-bottom: 20px;*/ } #agb { /*opacity: 0.05; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; transition: opacity 2s ease-in;*/ } #agb ul { list-style: none; } #agb p { font-size: 0.875rem; } #impressum h2 { font-family: "Open Sans", sans-serif; font-size: 2em; color: rgb(125,125,125); text-transform: none; font-weight: 400; position: relative; } #impressum h3 { font-family: "Open Sans", sans-serif; font-size: 1.25rem; color: rgb(125,125,125); text-transform: none; font-weight: 400; position: relative; padding: 0px x; } #impressum p { font-size: 0.875rem; padding: 0px 0px 0.625em 0px; width: 100%; text-align: left } #impressum .content { padding: 0.625em; } #impressum a { color: rgb(125,125,125); } #impressum .row { margin-right: 1em; margin-left: 1em; } /*-- contentwindow14.02.2022 16:36 */ #carousel .row #contentwindow { padding-left: 0; padding-right: 0; border: 0px; } #contentwindow { border: 1px solid #ddd; padding-top: 0.625em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; box-shadow: 0 0.125em 0.75em rgba(0, 0, 0, 0.08); } #contentwindow h3 { color :rgb(12,46,138); } #contentwindow h3::after { content: ''; /*position: absolute;*/ display: block; width: 50px; height: 3px; /*background: #50d8af;*/ background: rgb(12,46,138); bottom: 0px; left: 0; margin-top:5px; } #contentwindow .imgtitel { height:45px; text-align :center; font-size: 16px; color :rgb(85,85,85); background-color:rgb(235,235,235); padding-top: 15px; margin:0px; } #contentwindow .single-blog:hover { border: 3px solid #50d8af; } #contentwindow .ksysuntergruppe { padding-top: 15px; margin:0px; } #contentwindow .ksysuntergruppe hr:after { padding-top: 15px; margin:0px; } #contentwindow .aaccordion { /*background-color: #eee;*/ background-color: white; color: rgb(0,63,127); /* color: rgb(66,139,202);*/ cursor: pointer; padding: 20px; width: 100%; border: 8px solid rgb(0,63,127); text-align: left; outline: none; font-size: 1.375rem; transition: 0.4s; font-family: "Raleway", sans-serif; margin-top:25px; } #contentwindow .aaccordion:hover { color:#50d8af; /*font-size: 22px;*/ line-height:1.75em; border-color:rgb(0,63,127); /*box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);*/ /*-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transform: scale(1.015);*/ background:white; cursor: pointer; } #contentwindow .aaccordion:after { font-size: 1.75rem; font-family: "Ionicons"; content: '\f3D0'; color: #777; font-weight: bold; float: right; margin-left: 5px; transition: ease-in-out 0.5s; } #contentwindow .active{ color:#50d8af; font-size: 1.375em; line-height:1.75em; /* Beliebige Anzahl an Schatten, durch Kommas getrennt */ /*border-radius:15px;*/ border-bottom:0px; cursor: pointer; background:white; } #contentwindow .aaccordion:hover::after { color:#50d8af; } #contentwindow .aaccordion.active:after { /*content: "\F3D8";*/ transform: rotate(0.5turn); transition: ease-in-out 0.5s; color:#50d8af; } #contentwindow .aaccordion::before { color: rgb(0,63,127); font-size: 1.75rem; font-family: "Ionicons"; content: '\f462'; float: left; padding-right:0.625em; } #contentwindow .aaccordion:hover::before { color:#50d8af; } #contentwindow .aaccordion.active:before { color:#50d8af; } #contentwindow .ppanel { margin-top:0px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border: 0.5em solid rgb(0,63,127); border-top: 0px ; } #contentwindow .ppanel .row { margin: auto; padding:1.125em; /*box-shadow: 3px 3px red, -1em 0 0.4em olive;*7 /*box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;*/ } .ppanel .row .table { /*box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);*/ } @media (max-width: 768px) { .portfol-area { /* width: 100%; display:block;*/ /*zumTesten*/ /*background:red;*/ flex-wrap: wrap; /*Es funktioniert :) 05042023_1259*/ } } .portfol-area { /* width:105%;*/ /*width:100%;*/ display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between ; position:relative; /*overflow: hidden;*/ margin-left: auto; margin-right: auto; } .portfol-area-item { width:8.44em; height:7.81em; /*width:135px; height:125px; */ box-sizing: content-box; padding: 0.5em; margin: 1.875em 0.94em; /*padding: 8px; margin: 30px 15px;*/ background:white; border: 0.5em solid #003f80; border-radius:1.25em; /*border: 8px solid #003f80; border-radius:20px;*/ } .portfol-area-item-blue{ box-sizing: content-box; padding: 8px; margin: 30px 15px; /*width:350px;*/ width:22rem; background:white; border: 8px solid transparent; border-radius: 10px; text-transform: uppercase; background: #003f80; } /*.portfol-area-item-blue > h3{*/ .portfol-area-item-blue h3{ font-family: "Montserrat", sans-serif; font-size: 1.75rem; font-weight: 400; margin: auto; padding: 0px 0px 0px 0px; color: white; text-align: center; } /*.portfol-area-item-blue > img {*/ .portfol-area-item-blue img { width:350px; margin: 10px 0px 10px 0px; max-width:100%; height:auto; } .portfol-area-item-blue:hover{ box-shadow: 0 0px 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /*cursor: pointer;*/ transform: scale(1.015); background:white; border-color:#003f80; } /*.portfol-area-item-blue:hover > h3{*/ .portfol-area-item-blue:hover h3{ color: #003f80; } .portfol-area-item-content { height:6.81em; /*height:109px;*/ box-sizing: content-box; /*padding: 8px;*/ /*margin: 30px 15px;*/ /*min-height: 375px;*/ text-align: center; box-shadow: 0 0 1px transparent; background:#003f80; border: 0.5em solid #003f80; /*border: 8px solid #003f80; */ border-radius:0.625em; /*border-radius:10px;*/ } .portfol-area-item-contentSimpel { box-sizing: content-box; /*min-height: 300px;*/ max-width:17.8em; background:rgb(235,235,235); border: 0px solid #003f80; margin:2em 1em 1em 1em; border-radius:0px; padding: 0.625em; box-shadow: 0px 0px 0.625em rgba(73, 78, 92, 0.5); max-height:20.3em; } .portfol-area-item-contentSimpel > h3 { color: rbg(35,35,35); transition: all 0.4s ease 0s; font-size: 1.25em; /*font-size: 20px;*/ font-weight: 400; /*line-height: 1.56em;*/ padding: 0px; margin:0px; font-family: "Montserrat", sans-serif; text-align: center; } .portfol-area-item-contentSimpel .br-Text ul { list-style:none; margin:0; float: left; padding: 0; } .portfol-area-item-contentSimpel .br-Text li { color:rgb(35,35,35); /*margin-top:10px; margin-left:10px;*/ padding:0px; font-size:0.825rem; } .portfol-area-item-contentSimpel p { color:rgb(35,35,35); font-size: 0.825rem; padding:0.625em 1em; text-align:left; margin:0; } .portfol-area-item-contentSimpel .icon { font-size: 4rem; color :#003f80; /*padding: 10px;*/ text-align: center; } .portfol-area-item-content > h3 { color: white; transition: all 0.4s ease 0s; font-size: 1em; /*font-size: 20px;*/ font-weight: 400; line-height: 1.56em; /*line-height: 25px;*/ padding: 1.25em 0 0.625em; /*padding: 20px 0 10px;*/ /*text-transform: uppercase; */ margin:0px; font-family: "Montserrat", sans-serif; } .portfol-area-item-content p { color: white; font-size: 14px; padding:20px; text-align:left; } .portfol-area-item-content:hover { background:white; } .portfol-area-item-content .icon { font-size: 2rem; /*font-size: 64px;*/ color :white; } .portfol-area-item:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /*cursor: pointer;*/ transform: scale(1.015); /*color: #cd1d41;*/ background:white; } .portfol-area-item-content:hover > h3 { color: #003f80; } .portfol-area-item-content:hover > p { color: #003f80; } .portfol-area-item-content:hover > .icon { color: #003f80; } .portfol-area-item-contentMini { box-sizing: content-box; max-width:18.5em; /*max-height:210px;*/ background:rgb(235,235,235); border: 0px solid #003f80; margin-right:2em; border-radius:0px; padding: 0px; margin-bottom:1em; margin-bottom:0.825em; box-shadow: 5px 5px 5px rgba(73, 78, 92, 0.3); } .portfol-area .portfol-area-item-contentMini > h3 { color: rbg(35,35,35); font-size: 1rem; padding:0px; margin: 0.825em 0px 0.825em 0px; font-family: "Montserrat", sans-serif; text-align:center; } .portfol-area .portfol-area-item-contentMini img { max-width: 100%; max-height:100%; } .portfol-area-item-contentMini > h3 { /*color: rbg(35,35,35);*/ font-size: 1rem; padding:0px; margin: 0.825em 0px 0.825em 0px; font-family: "Montserrat", sans-serif; text-align:center; } /*---17.04.223 14:07---BEGIN*/ .portfol-area-long { display: flex; flex-direction: row; /*flex-wrap: wrap;*/ justify-content: space-between; position: relative; margin-left: auto; margin-right: auto; margin-top:5em; } .portfol-area-item-long { /*box-sizing: content-box;*/ padding: 0.5em; margin: 1.875em 1em; /*text-align: center;*/ /*width: 25%;*/ /*box-shadow: 0 0 1px transparent;*/ background: white; border: 0.5em solid #003f80; max-height: 27.5em; max-width: 19.875em; } .portfol-area-item-content-long { box-sizing: content-box; /*padding: 0.5em; margin: 1.875em 2em;*/ min-height: 24.5em; /* min-width:18em;*/ text-align: center; box-shadow: 0 0 1px transparent; background: #003f80; /*border: 0.5em solid #003f80;*/ } .portfol-area-item-content-long > h3 { color: white; transition: all 0.4s ease 0s; font-size: 1.25rem; font-weight: 400; line-height: 1.5625em; padding: 1.25em 0 0.625em; text-transform: uppercase; margin: 0px; font-family: "Montserrat", sans-serif; } .portfol-area-item-content-long .icon { font-size: 4rem; color: white; } .portfol-area-item-content-long p { color: white; font-size: 0.875rem; padding: 1.25em; text-align: left; } .portfol-area-item-long:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /*cursor: pointer;*/ transform: scale(1.015); /*color: #cd1d41;*/ background:white; } .portfol-area-item-content-long:hover { background: #fff; } .portfol-area-item-content-long:hover > h3 { color: #003f80; } .portfol-area-item-content-long:hover > .icon { color: #003f80; } .portfol-area-item-content-long:hover > p { color: #003f80; } /*---17.04.223 14:07---ENDE*/ /*MEGA MENU 13.04.2022 00:09*/ .mgm-area { display:block; /*width:80%;*/ width:1330px; position:relative; overflow: hidden; background: #fff; border: 0px solid red; height:695px; margin:auto; } #mgmheader { /*width:100%; */ width:1325px; height:45px; line-height:1.5rem; background:rgb(0,63,127); position:relative; display: flex; justify-content: center; flex-direction: column; } #mgmheader > h3 { color:white; font-size:20px; padding:23px 40px 0px 40px; text-align: left; } .mgmblock { display:block; } .mgmflex { display:flex; } .mgm-spaceR75{ margin-right:75px; } .mgm-spaceR50{ margin-right:50px; } .mgm-spaceR25{ margin-right:25px; } .mgm-spaceT75{ margin-top:75px; } .mgm-spaceT70{ margin-top:70px; } .mgm-spaceT60{ margin-top:60px; } .mgm-spaceT50{ margin-top:50px; } .mgm-spaceT40{ margin-top:40px; } .mgm-spaceT25{ margin-top:25px; } .mgm-spaceT15{ margin-top:15px; } .mgm-spaceT5{ margin-top:5px; } .mgm-width100Pro { width:100%; } .mgm-width75Pro { width:75%; } .mgm-width65Pro { width:65%; } .mgm-width50Pro { width:50%; } .mgm-width30Pro { width:30%; } .mgm-width33Pro { width:33%; } .mgm-width25Pro { width:25%; } .mgm-hight115{ height:115px; } .mgm-hight100{ height:100px; } .mgm-minhight100{ min-height:100px; } .mgm-minhight75{ min-height:75px; } .mgm-border { border:5px solid rgb(0,63,127); } .mgm-border-top { border-top-style: solid; border-top-width: 5px; border-top-color: gb(0,63,127); } .mgm-row { /*display:flex;*/ position:relative; overflow: hidden; margin: 0px; } .mgm-row-full { position:relative; overflow: hidden; background-color: white; /*padding: 20px 0;*/ /*border: 1px solid rgba(0,0,0,0.5);*/ width:1330px; height:695px; margin: Auto; } .mgm-row-content { display:flex; position:relative; overflow: hidden; margin: 20px 0px 15px 0px; justify-content: center; align-items: center; } .mgm-row-col-flex { display:flex; } .mgm-row-col-block { display:block; } .mgm-col { position:relative; overflow: hidden; } .mgm-col-content{ margin:0px; } .mgm-col-content-row{ /*width:335px;*/ margin:15px; border:5px solid rgb(0,63,127); min-width:335px; padding:20px; width:345px; } .mgm-col-content-row > img{ box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4); } .mgm-col-content-row > img{ } .mgm-col-row{ position: relative; overflow: hidden; /*margin: 0px;*/ } .mgm-col-row-content{ border:5px solid rgb(0,63,127); /*margin: 15px;*/ border: 5px solid rgb(0,63,127); min-width: 335px; padding: 20px 20px 0px 20px; width: 345px; } .mgm-col img { margin:0px; float:left; padding:8px; border:5px solid rgb(0,63,127); } .mgm-col .full-megamenu-btn1 { margin:20px; } .mgm-col-header { display:flex; /*width: 300px;*/ } .mgm-col-header .mgm-icon { float:right;margin:0px; color:rgb(0,63,127); font-size:24px; margin-top:-7px; } .mgm-col-header h4 { color:rgb(0,63,127); font-size:20px; /*margin:12px 0px 0px 50px;*/ position: relative; text-align:left; margin-right:175px; } .mgm-col-header > img { /*position: relative;*/ margin:0px; padding:0px; } .mgm-col-item { box-sizing: content-box; padding: 0px; /*margin: 30px 15px;*/ /*text-align: center;*/ /*box-shadow: 0 0 1px transparent; */ background:white; border: 0px solid white; margin:0px 0px 5px 0px; display:flex; max-height:50px; } .mgm-col-item:hover { border: 0px solid #003f80; box-shadow: 5px 5px 5px rgba(73, 78, 92, 0.3); cursor: pointer; } .mgm-col-item-content { display:flex; box-sizing: content-box; text-align: center; background:white; border:0px solid #003f80; width:100%; /*transition: background-color 2s ease-out 50ms*/ } .mgm-col-item-content:hover { background: rgb(0,63,127); } .mgm-col-item-content:hover > h3 { color:white; } .mgm-col-item-content:hover > .mgm-icon{ color:white; } .mgm-col-item-content > h3 { color: #003f80; transition: all 0.4s ease 0s; font-size: 16px; font-weight: 400; line-height: 25px; /*margin:10px 0px 0px 10px;*/ font-family: "Montserrat", sans-serif; padding:0px 5px 0px 5px; margin:5px 0px 0px 2px; text-align:center; } .mgm-col-item-col { width:50%; } .mgm-col-col{ position: relative; overflow: hidden; } .mgm-icon { font-size: 14px; color :#003f80; cursor:pointer; float:left; /*margin-left:5px;*/ margin-right:5px; margin-top:5px; min-width:25px; } .mgm-group{ border: 5px solid rgb(0,63,127); padding: 30px; /*margin-top: 50px;*/ } .mgm-group > h3{ position: absolute; background:rgb(0,63,127); height:30px; margin-top:-47px; margin-left: 10px; padding: 4px 20px 0px 20px; font-size:18px; font-weight:500; color:white; } .mgm-group-col-w225{ margin-right:0px; float:left; width:225px; } .mgm-group-col-b-w225{ margin-right:30px; float:left; width:225px; border: 3px solid rgb(0,63,127); } .mgm-group-col-content-h125{ height: 125px; } .mgm-group-col-content-h125 > h4{ text-align: left; font-size: 18px; color: rgb(0,63,127); padding: 5px 0px 0px 10px; margin: 0px; font-weight: 400; } .mgm-group-col-content-h35{ width: 100%; height: 35px; background: rgb(0,63,127); margin: auto; border: 0px; display: flex; } .mgm-group-col-content-h35 > h4{ text-align: center; font-size: 16px; color: white; padding: 10px 0px 5px 35px; } .mgm-group-col-content-h35:hover{ background: white; color:rgb(0,63,127); } .mgm-group-col-content-h35:hover > h4 { color:rgb(0,63,127); } .mgm-group-col-content-h35:hover > .mgm-icon-link{ color:rgb(0,63,127); } .mgm-group-col-content-left{ float: left; width:50%; /*margin-right: 10px;*/ } .mgm-group-col-content-left > h4{ text-align: left; font-size: 13px; color: rgb(0,63,127); padding: 0px 0px 0px 10px; margin: 0px; } .mgm-group-col-content-left > h1{ font-family: "Montserrat", sans-serif; text-align: center; font-size: 102px; font-weight: 700; color: rgb(0,63,127); padding: 0px; } .mgm-group-col-content-left p{ /*font-family: "Montserrat", sans-serif;*/ font-family: "Open Sans", sans-serif; font-size: 13px; line-height: 1rem; margin: 0px 0px 0px 10px; margin-top: 0px; float: left; margin-top: 5px; width: 85px; } .mgm-icon-link { font-size: 20px; color: white; float: right; padding-left: 10px; margin-top: 5px; cursor: pointer; min-width: 25px; } .mgm-box-big-b { width:465px; height:280px; border-top-style: solid; border-top-width: 5px; border-top-color: rgb(0,63,127); } .mgm-box-big-b > h3{ position: absolute; background: white; height: 30px; margin-top: -25px; margin-left: 10px; padding: 4px 20px 0px 20px; font-size: 20px; font-weight: 500; color: rgb(0,63,127); } .mgm-box-big { border: 5px solid rgb(0,63,127); width:465px; height:280px; } .mgm-box-big > h3{ position: absolute; background: white; height: 30px; margin-top: -25px; margin-left: 10px; padding: 4px 20px 0px 20px; font-size: 20px; font-weight: 500; color: rgb(0,63,127); } .mgm-box-big-flat { border: 5px solid rgb(0,63,127); width:465px; height:115px; } .mgm-box-big-flat > h3{ position: absolute; background: white; height: 30px; margin-top: -25px; margin-left: 10px; padding: 4px 20px 0px 20px; font-size: 20px; font-weight: 500; color: rgb(0,63,127); } .mgm-box-big-content { /*min-width: 425px;*/ padding: 10px; background: white; /*margin-left:15px;*/ /*min-height:70px;*/ } .mgm-box-big-content-col{ padding:0px; margin:0px; } .mgm-box-big-content-col > h3{ font-size:20px; color:rgb(0,63,127); margin-top:15px; line-height:1.9rem; /*width:80%;*/ } .mgm-box-big-content-col > img{ padding:0px; margin:0px; margin-left:25px; } .mgm-box-big-content ul{ list-style:none; margin:0px; padding:0px; font-size:14px; font-weight:300; margin-top:0px; font-family: "Montserrat", Open Sans; color:rgb(95,95,95); } .mgm-box-big-content > h3 { font-size:20px; color:rgb(0,63,127); /*line-height:2rem;*/ color:rgb(0,63,127); /*padding:0px 0px;*/ text-align:center; /*margin:20px 0px;*/ width:75%; vertical-align:middle; } .mgm-box-big-content h4 { font-size:0.875rem; color:rb(85,85,85); line-height:1rem; color:rgb(0,63,127); margin:0.3em 0px 0px 0px; } .mgm-box-big-content-link { font-size:1rem; color:rgb(0,63,127); font-weight:500; line-height:2rem; text-align:right; width:100%; background:transparent; margin:0.3em 0px 0px 0px; padding:0px 2.5em; font-family: "Montserrat", Open Sans; } .mgm-box-big-content-link:hover{ color:white; background:rgb(0,63,127); } .mgm-box-big-col-content{ padding:0px; margin:0px; margin-left:1em; } .mgm-box-big-icon { /* font-size: 32px;*/ color: #003f80; text-align: center; min-width: 1.5em; } .mgm-box-big-icon a{ color: rgb(0,63,127); } .mgm-box-big-icon > a > h4 { font-size:1.125rem; line-height:2rem; text-align:center; } .mgm-box-big-icon:hover{ color: white; background:rgb(0,63,127); /* transform: scale(1.5);*/ } .mgm-box-big-icon:hover > a{ color: white; } .mgm-box-big-icon:hover > a > h4{ color: white; } .mgm-box-small { border: 5px solid rgb(0,63,127); padding: 10px; margin: 10px; width: 395px; background: white; } #mgmanfrageSmall{ border: 5px solid rgb(0,63,127); padding: 10px; width: 345px; background: white; margin-top:0px; height:115px; } #mgmanfrageSmall > a > h3{ position: absolute; background: white; height: 30px; margin-top: -25px; margin-left: 10px; padding: 4px 20px 0px 20px; font-size: 16px; font-weight: 500; color: rgb(0,63,127); } #mgmanfrageSmall:hover{ color:white; background: rgb(0,63,127); box-shadow: 5px 5px 5px rgba(73, 78, 92, 0.3); } #mgmanfrageSmall:hover > a > h3{ color:white; background: rgb(0,63,127); } #mgmanfrageSmall:hover > a >.mgmflex > .mgm-icon-G48 { color:white; } #mgmanfrageSmall:hover > a > .mgmflex > .mgm-box-small-H3{ background: white; color: rgb(0,63,127);; } .mgm-box-small > h3{ position: absolute; background: white; height: 30px; margin-top: -25px; margin-left: 10px; padding: 4px 20px 0px 20px; font-size: 16px; font-weight: 500; color: rgb(0,63,127); } .mgm-box-small:hover { color:white; background: rgb(0,63,127); box-shadow: 5px 5px 5px rgba(73, 78, 92, 0.3); /* border: 0px solid #003f80;*/ } .mgm-box-small:hover > h3 { color:white; background: rgb(0,63,127);; } .mgm-box-small:hover > .mgmflex > .mgm-icon-G48 { color:white; } .mgm-box-small:hover > .mgmflex > .mgm-box-small-H3 { background: white; color: rgb(0,63,127);; } .mgm-icon-G48 { float: left; margin: 0px; color: rgb(0,63,127); font-size: 48px; min-width: 25px; } .icon64 { font-size: 64px; } .icon48 { font-size: 48px; } .icon32 { font-size: 32px; } .icon16 { font-size: 16px; } .mgm-box-small-H3 { background: rgb(0,63,127); height: 40px; margin: 16px 0px 0px 120px; padding: 10px 40px; font-size: 16px; font-weight: 500; color: white; } /* ENDE MEGA MENU 13.04.2022 00:09*/ .portfol-area-itemMenu { box-sizing: content-box; padding: 0px; /*margin: 30px 15px;*/ /*text-align: center;*/ /*box-shadow: 0 0 1px transparent; */ background:white; border: 5px solid white; margin:10px; display:flex; max-height:40px; width:200px; } .portfol-area-item-contentMenu { box-sizing: content-box; /*padding: 8px;*/ /*margin: 30px 15px;*/ text-align: center; box-shadow: 0 0 1px transparent; /*background:#003f80;*/ background:white; border:0px solid #003f80; min-width:125px; /*min-height:50px;*/ display:flex; } .portfol-area-item-contentMenu > h3 { color: #003f80; transition: all 0.4s ease 0s; font-size: 16px; font-weight: 400; line-height: 25px; /*margin:10px 0px 0px 10px;*/ font-family: "Montserrat", sans-serif; padding:10px 0px 0px 10px; margin:0px; text-align:center; } .portfol-area-item-contentMenu .icon { font-size: 32px; color :#003f80; cursor:pointer; float:left; margin-left:5px; margin-top:0px; } .portfol-area-itemMenu:hover { /*border: 5px solid #003f80;*/ box-shadow: 5px 5px 5px rgba(73, 78, 92, 0.3); cursor:pointer; } /*MEGAMENU 20.11.2019*/ .dropdown-megamenu-b { display: none; position: absolute; background-color: #f9f9f9; width: 100%; left: 0; /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/ z-index: 1099; height:auto; margin-top:0px; border-top: 2px solid #50d8af; position:fixed; } /* .full-megamenu-row { display: flex; justify-content: center; background-color: white; padding: 20px 0; border: 1px solid rgba(0,0,0,.15); }*/ .full-megamenu-col { float: left; display: block; padding: 10px 20px; } /*275px*/ .colwidthA { width: 275px; color: aliceblue; }