/* MIRCO GÜNTER SCHRAMM SOFTWAREENTWICKLUNG (https://www.mication.com/) */
 @import url("https://fonts.googleapis.com/css?family=Quicksand");@import url(https://mication.com/en/assets/css/bootstrap/);@import url(https://mication.com/en/assets/css/aos/);@import url(https://mication.com/en/assets/css/boxicons/);* { margin: 0px; padding: 0px; font-family: "Quicksand", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;}body { display: grid; grid-template-rows: auto 1fr auto; min-height: 100vh;}nav { grid-row: 1;}main { grid-row: 2;}footer { grid-row: 3; background-color: white;}.title-1 { font-size: xx-large; font-weight: bold;}.title-2 { font-size: x-large; font-weight: bold;}.title-3 { font-size: large; font-weight: bold;}.subtitle-1 { font-size: normal; font-weight: bold;}.sub-text { opacity: 0.7;}.h-100 { height: 100% !important;}.b-r-1em { border-radius: 1em; padding: 1em;}.notypicallink { color: black; text-decoration: none;}.notypicallink:hover { color: black; text-decoration: underline;}.btn-icon { display: block !important; font-size: xx-large !important;}/* * Navigation */.navbar-mic { background-color: rgba(0, 0, 0, 0.85); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);}.navbar-mic a { color: #999; transition: ease-in-out color 0.15s;}.navbar-mic a:hover { color: #fff; text-decoration: none;}.nav-item { margin-right: 1em;}.nav-item .active { color: #fff !important;}.navbar-nav { color: white; margin-left: auto !important; margin-right: 0px !important;}.font-bold { font-weight: bold;}mark { background-image: linear-gradient( rgba(6, 74, 103, 0.6), rgba(6, 74, 103, 0.6) ); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 bottom; background-color: transparent; padding: 0;}.webdevelopment { background: url(https://mication.com/en/assets/img/homebackground/); background-repeat: no-repeat; background-position: center center; /* HINTERGRUND ALS COVER */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; /*! HINTERGRUND ALS COVER !*/}.webtopic { background: url(https://mication.com/en/assets/img/homebackground/); background-size: 100%;}.jumbotron { border-radius: 0em !important;}/* * Dummy devices (replace them with your own or something else entirely!) */.product-device { position: absolute; right: 10%; bottom: -30%; width: 300px; height: 540px; background-color: #333; border-radius: 21px; -webkit-transform: rotate(30deg); transform: rotate(30deg); transition: ease-in-out opacity 1.15s;}.tablet-device { position: absolute; /* right: -5%; bottom: 15%; */ right: -5%; bottom: 5%; top: auto; left: auto; width: 540px; height: 305px; background-color: #000; border-radius: 5px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); opacity: 0.1; box-shadow: 0px 0px 5px 5px rgba(18, 37, 145, 0.2);}.tablet-device:hover { opacity: 1;}.overflow-hidden { overflow: hidden;}.tablet-device::before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ""; background: url(https://mication.com/en/assets/img/logwriter/carousel); background-size: 100%; /* background-color: rgba(255, 255, 255, .1); */ border-radius: 5px;}.tablet-device-2 { position: absolute; right: auto; bottom: 0; top: 5%; left: -5%; width: 540px; height: 305px; background-color: #000; border-radius: 5px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); opacity: 0.1; box-shadow: 0px 0px 5px 5px rgba(18, 37, 145, 0.2);}.tablet-device-2:hover { opacity: 1;}.tablet-device-2::before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ""; background: url(https://mication.com/en/assets/img/micationplayer/carousel); background-size: 100%; /* background-color: rgba(255, 255, 255, .1); */ border-radius: 5px;}.product-device-2 { top: 5%; right: auto; bottom: 0; left: -5%;}.footer-link li { margin-top: -3px;}.footer-link li a { font-size: small; color: #333;}.footer-link li a:hover { font-size: small; color: #000;}/* ----- WEBSEITE -------- */.website-costumer { font-weight: 700; font-size: 17px; margin-bottom: 0em; letter-spacing: 0.1em; height: 75px;}.website-costumer span { margin-left: 55px;}.website-costumer small { display: block; font-size: small; margin-left: 55px; margin-top: -5px; letter-spacing: 0em;}.nologo span { margin-left: 0px !important;}.nologo small { margin-left: 0px !important;}.accessxperts,.schneiderundco,.amk { background-position: 0; background-size: 45px; background-repeat: no-repeat; margin-bottom: 15px;}.accessxperts { background-image: url(https://mication.com/en/assets/img/ax/);}.schneiderundco { background-image: url(https://mication.com/en/assets/img/schneiderundco/);}.amk { background-image: url(https://mication.com/en/assets/img/amk/);}.website-preview-phone { position: relative; top: -14px; left: 10px; width: 90px; height: 162px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); background-color: #000; border-radius: 5px; box-shadow: 0px 0px 5px 5px rgba(18, 37, 145, 0.2);}[class*="phone-"] { position: relative; width: 80px; height: 152px; top: 5px; left: 5px; background-color: #333; border-radius: 5px; opacity: 0.9;}.phone-accessxperts { background: url(https://mication.com/en/assets/img/axmobil/); background-size: 100% 100%;}.phone-rheinschaltung { background: url(https://mication.com/en/assets/img/rheinschaltungmobil/); background-size: 100% 100%;}.phone-suc { background: url(https://mication.com/en/assets/img/schneiderundcomobil/); background-size: 100% 100%;}.phone-amk { background: url(https://mication.com/en/assets/img/amkmobil/); background-size: 100% 100%;}.website-preview-pc { margin: auto; margin-top: 5px; width: 340px; height: 165px; margin-bottom: -145px; background-color: #000; border-radius: 5px; box-shadow: 0px 0px 5px 5px rgba(18, 37, 145, 0.2);}[class*="pc-"] { position: relative; top: 5px; left: 5px; width: 330px; height: 155px; background-color: #333; border-radius: 5px; opacity: 0.9;}.pc-accessxperts { background: url(https://mication.com/en/assets/img/axpc/); background-size: 100% 100%;}.pc-rheinschaltung { background: url(https://mication.com/en/assets/img/rheinschaltungpc/); background-size: 100% 100%;}.pc-suc { background: url(https://mication.com/en/assets/img/schneiderundcopc/); background-size: 100% 100%;}.pc-amk { background: url(https://mication.com/en/assets/img/amkpc/); background-size: 100% 100%;}/* sm */@media (min-width: 576px) { .website-costumer span { margin-left: 90px; } .website-costumer small { margin-left: 90px; } .accessxperts, .schneiderundco, .amk { background-size: 75px; } .website-costumer { font-size: 25px; height: 75px; } .website-preview-pc { width: 476px; height: 231px; margin-bottom: -200px; } [class*="pc-"] { width: 466px; height: 221px; } .website-preview-phone { position: static; top: -16px; left: -328px; width: 120px; height: 216px; } [class*="phone-"] { position: relative; width: 110px; height: 206px; top: 5px; left: 5px; }}/* lg */@media (min-width: 992px) { .website-preview-pc { width: 648px; height: 366px; } [class*="pc-"] { width: 638px; height: 356px; }}/* xl */@media (min-width: 1200px) { .website-preview-pc { width: 476px; height: 231px; } [class*="pc-"] { width: 466px; height: 221px; }}/* xxl */@media (min-width: 1565px) { .website-costumer { font-size: 35px; } .website-preview-pc { width: 648px; height: 366px; } [class*="pc-"] { width: 638px; height: 356px; }}/* ------ POLICY APPS ----- */.app-policy small { display: block; font-size: small; margin-top: -10px; margin-bottom: 24px;}.app-policy span { display: block;}.mark-link { text-decoration: none; color: black;}.mark-link:hover { text-decoration: none; color: black; background-image: linear-gradient( rgba(6, 74, 103, 0.6), rgba(6, 74, 103, 0.6) ); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 bottom; background-color: transparent; padding: 0;}/* ----- ÜBER -------- */.about { background: url("../img/aboutme_background.jpg"); background-repeat: no-repeat; background-position: center center; /* HINTERGRUND ALS COVER */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed;}.valign-center { margin: auto;}.aboutme { margin: auto; background: url(https://mication.com/en/assets/img/aboutmeportait/); height: 300px; width: 300px; background-size: cover; background-position: center bottom; border-radius: 1.5em;}.about-me-title { text-align: center; font-size: xx-large;}.m-t-10 { margin-top: 1.5em; padding: 0.5em;}.about-div h2 { margin-bottom: 1em;}.about-div .counter { padding: 22px 20px; margin: 1em 0; background: #ffffff; border-radius: 10px; box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);}.about-div .counter .count-data { margin-top: 10px; margin-bottom: 10px;}.about-div .counter .count { font-weight: 700; color: #064a67; margin: 0 0 5px;}.about-div .counter p { font-weight: 600; margin: 0;}/* ---------------------- DATENSCHUTZ ----------------- */.privacy h1,.privacy h2,.privacy h3,.privacy h4,.privacy p,.privacy li { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important; font-weight: normal; font-size: 1em;}.privacy h1 { font-size: 3em; font-weight: bold;}.privacy h1 > small { font-size: 0.25em; margin-left: 0.5em; display: block;}.privacy h2 { font-size: 2em;}.privacy h3 { font-size: 1.5em;}.privacy h4 { font-size: 1em; font-weight: bolder;}.privacy h4 { font-size: 1em; font-weight: bolder;}.privacy ul { margin-left: 2em; margin-right: 2em;}.privacy li { display: block;}.list-margin > li { margin: 2em;}/* ---------------------- IMPRESSUM ----------------- *//* .vertical-center { margin: auto;} */.vertical-center { height: 100%; flex-direction: column; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -ms-flex-pack: center; align-items: left; -ms-flex-align: left;}/* CUSTOMIZE THE CAROUSEL -------------------------------------------------- *//* Carousel base class */.carousel { margin-bottom: 4rem;}/* Since positioning the image, we need to help out the caption */.carousel-caption { bottom: 3rem; z-index: 10;}/* Declare heights because of positioning of img element */.carousel-item { height: 32rem; background-color: #777;}.carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem;}.carousel-caption h1 { font-size: xx-large;}.carousel-caption h2 { font-size: xx-large;}.carousel-caption h3 { font-size: xx-large;}.bg-logwriter { background: url(https://mication.com/en/assets/img/logwriter/carousel); background-repeat: no-repeat; background-position: center center; /* HINTERGRUND ALS COVER */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed;}.bg-micationplayer { background: url(https://mication.com/en/assets/img/micationplayer/carousel); background-repeat: no-repeat; background-position: center center; /* HINTERGRUND ALS COVER */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed;}.bg-fumeless { background: url(https://mication.com/en/assets/img/fumeless/carousel); background-repeat: no-repeat; background-position: center center; /* HINTERGRUND ALS COVER */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed;}.bg-dark-blur-opacity { background-color: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);}.site-padding { padding-left: 1em; padding-right: 1em;}.changelog .title-3 small { font-size: x-small; display: block; line-height: 0.5;}/* MARKETING CONTENT -------------------------------------------------- *//* Center align the text within the three columns below the carousel */.marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center;}.marketing h2 { font-weight: 400;}.marketing .col-lg-4 p { margin-right: 0.75rem; margin-left: 0.75rem;}.marketing-title { font-weight: 400; font-size: xx-large; margin-bottom: 0em; letter-spacing: 0.1em; text-align: left;}/* Featurettes ------------------------- */.featurette-divider { margin: 5rem 0; /* Space out the Bootstrap <hr> more */}/* Thin out the marketing headings */.featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -0.05rem;}/* RESPONSIVE CSS -------------------------------------------------- */@media (min-width: 40em) { /* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; } .featurette-heading { font-size: 50px; }}@media (min-width: 62em) { .featurette-heading { margin-top: 7rem; }}