@charset "UTF-8";
/*
Theme Name: Femtec
Author: united communication GmbH
Author URI: https://www.united.de/
Description: Wordpress theme for Femtec
Version: 1.0
*/

@font-face{
	font-family:mulish;font-style:normal;font-weight:400;src:local('Mulish'),url(fonts/mulish/Mulish-Regular.woff) format('woff')}@font-face{font-family:mulish;font-style:italic;font-weight:400;src:local('Mulish'),url(fonts/mulish/Mulish-Italic.woff) format('woff')}@font-face{font-family:mulish;font-style:normal;font-weight:275;src:local('Mulish'),url(fonts/mulish/Mulish-ExtraLight.woff) format('woff')}@font-face{font-family:mulish;font-style:italic;font-weight:275;src:local('Mulish'),url(fonts/mulish/Mulish-ExtraLightItalic.woff) format('woff')}@font-face{font-family:mulish;font-style:normal;font-weight:300;src:local('Mulish'),url(fonts/mulish/Mulish-Light.woff) format('woff')}@font-face{font-family:mulish;font-style:italic;font-weight:300;src:local('Mulish'),url(fonts/mulish/Mulish-LightItalic.woff) format('woff')}@font-face{font-family:mulish;font-style:normal;font-weight:600;src:local('Mulish'),url(fonts/mulish/Mulish-SemiBold.woff) format('woff')}@font-face{font-family:mulish;font-style:italic;font-weight:600;src:local('Mulish'),url(fonts/mulish/Mulish-SemiBoldItalic.woff) format('woff')}@font-face{font-family:mulish;font-style:normal;font-weight:700;src:local('Mulish'),url(fonts/mulish/Mulish-Bold.woff) format('woff')}@font-face{font-family:mulish;font-style:italic;font-weight:700;src:local('Mulish'),url(fonts/mulish/Mulish-BoldItalic.woff) format('woff')}@font-face{font-family:mulish;font-style:normal;font-weight:800;src:local('Mulish'),url(fonts/mulish/Mulish-ExtraBold.woff) format('woff')}@font-face{font-family:mulish;font-style:italic;font-weight:800;src:local('Mulish'),url(fonts/mulish/Mulish-ExtraBoldItalic.woff) format('woff')}@font-face{font-family:mulish;font-style:normal;font-weight:900;src:local('Mulish'),url(fonts/mulish/Mulish-Black.woff) format('woff')}@font-face{font-family:mulish;font-style:italic;font-weight:900;src:local('Mulish'),url(fonts/mulish/Mulish-BlackItalic.woff) format('woff');
}

@font-face {
    font-family: 'Lemon/Milk';
	font-weight: normal;
    font-style: normal;
	src: url('fonts/lemonmilk/LEMONMILK-Regular.woff2') format('woff2'),
         url('fonts/lemonmilk/LEMONMILK-Regular.woff') format('woff'),
	     url('fonts/lemonmilk/LEMONMILK-Regular.eot'); 
    src: local('LEMONMILK-Regular'), local('lemon_milk-Regular'),
       url('fonts/lemonmilk/LEMONMILK-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/lemonmilk/LEMONMILK-Regular.ttf') format('truetype');  
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/**
 * Typo
 */
body {
	font-family: "Mulish", regular;
    font-size: 20px;
    line-height: 1.45;
    font-weight: 300;
    color: #000;
	overflow-x: hidden !important;
}

a { color: #0099b8; }
a:hover,
a:focus { color: #146879; }

h1,
.display-1 {
	font-family: 'Lemon/Milk';
    font-size: 2.5rem;
    line-height: 1.45;
    font-weight: 600;
    text-transform: uppercase;
    color: #0099b8;
    margin-bottom: 2rem;
}
h1 img.icon {
    width: auto;
    height: 38px;
}

h2,
.display-2 {
	font-family: 'Lemon/Milk';
    font-size: 2rem;
    line-height: 1.45;
    font-weight: 600;
    text-transform: uppercase;
    color: #0099b8;
    margin-bottom: 2rem;
}
h2 img.icon {
    width: auto;
    height: 35px;
}

h4,
.display-4 {
	font-family: 'Lemon/Milk';
    font-size: 1.4rem;
    line-height: 1.45;
    font-weight: 600;
    text-transform: uppercase;
    color: #0099b8;
    margin-bottom: 1.5rem !important;
}
h4 img.icon {
    width: auto;
    height: 22px;
}


h5,
.display-5 {
	font-family: 'Lemon/Milk';
    font-size: 1.2rem;
    line-height: 1.45;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 1.5rem !important;
}
h5 img.icon {
    width: auto;
    height: 18px;
}

.cursor-pointer {
	cursor: pointer;
}

.text-transform-none { text-transform: none !important; }


/**
 * Colors
 */

.text-primary { color: #0099b8 !important; }
.text-white { color: #fff !important; }
.text-grey { color: #f4f5f6 !important; }
.bg-primary { background-color: #0099b8 !important; }
.bg-grey { background-color: #F2F6F9 !important; }

/**
 * Header
 */
.navbar-brand {
    max-width: 210px;
}
.navbar-brand img {
    width: 100%;
    height: auto;
}



/**
 * Footer
 */

footer {
    background: #0099b8;
    padding-top: 8rem;
    padding-bottom: 4.5rem;
}
.footer-logo {
    max-width: 210px;
}
#menu-footer .nav-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: #fff;
}
#menu-footer .nav-link:hover,
#menu-footer .nav-link:focus {
    text-decoration: underline;
}
footer .text-white a { color: #fff !important; }
@media (max-width: 992px) {
    #menu-footer .nav-link {
        text-align: center;
    }
}





/**
 * Navbar Dropdown
 */
.dropdown-toggle::after {
    border-top-color: #d4d5d6;
}
.dropdown-menu {
    padding: 0;
    border: 0;
    border-radius: 0;
}
.dropdown-item {
    padding: .5rem 1rem;
    font-size: 90%;
}
.dropdown-item.active {
    color: inherit;
    background-color: transparent;
}
.dropdown-item.active:hover,
.dropdown-item.active:focus,
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #f4f5f6 !important;
    color: #0099b8;
}




/**
 * Bootstrap: Carousel
 */
#carouselHome .carousel-caption,
#carouselPage .carousel-caption {
    right: 0;
    left: 0;
    bottom: inherit;
}
#carouselHome .carousel-caption {
    top: 50%;
    background: rgba(0, 153, 184, .3);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
#carouselPage .carousel-caption {
    bottom: 0;
    background: rgba(0, 153, 184, .8);
}

.carousel-control-next,
.carousel-control-prev {
    z-index: 20;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-color: #0099b8;

    -webkit-border-radius: 100%;
            border-radius: 100%;
}
.carousel-control-next-icon {
    background-position: 55% 50%;
}
.carousel-control-prev-icon {
    background-position: 45% 50%;
}
.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3e%3cpath d='m5.21436,0.01782l-2.61436,4l2.65,4l0,-0.51782l-2.25,-3.48218l2.21436,-3.5l0,-0.5z' fill='white'/%3e%3c/svg%3e"); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3e%3cpath transform='rotate(-180 3.9249999523162846,4.017819881439209) ' d='m5.21436,0.01782l-2.61436,4l2.65,4l0,-0.51782l-2.25,-3.48218l2.21436,-3.5l0,-0.5z' fill='white'/%3e%3c/svg%3e"); }

#carouselHome p,
#carouselPage p {
    font-weight: 300;
}
#carouselHome .display-2,
#carouselPage .display-2 {
    font-size: 2rem;
    font-weight: 600;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;

    -webkit-border-radius: 100%;
            border-radius: 100%;
}
.carousel-indicators li.active {
    background-color: #0099b8;
}

#carouselPage .carousel-control-next,
#carouselPage .carousel-control-prev {
    align-items: flex-end;
    -ms-flex-align: flex-end;

    padding-bottom: 3.5rem;
}



/**
 * Layout
 */
section {
	padding-left: 0;
	padding-right: 0;
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-repeat: no-repeat;
    background-size: cover;
	overflow: hidden;
}
section .section-image {
    margin-top: -8rem;
    margin-bottom: 4rem;
}


.col-6-image {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
}
.col-6-image-left { margin-left: -50vw; left: 50%; }
.col-6-image-right { margin-right: -50vw; right: 50%; }
.col-6-image div {
    width: 49vw;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 992px) {
    .card-md-horizontal {
        display: flex;
        flex: 1 1 auto;
    }
}



/**
 * Responsive
 */
.bgimage-none {
    background-image: none !important;
}
.bgimage-cover {
    background-size: cover;
}
.bgimage-contain {
    background-size: contain !important;
}
.bgimage-maxh { max-height: 400px; }

@media (max-width: 768px) {
    .bgimage-sm-none {
        background-image: none !important;
    }
}
@media (max-width: 992px) {
    .bgimage-md-none {
        background-image: none !important;
    }
}
@media (max-width: 1200px) {
    .bgimage-lg-none {
        background-image: none !important;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .position-md-absolute {
        position: absolute !important;
    }

    .special-contact {
        top: 100px;
        right: 0;
        z-index: 50;

        background: #fff;

        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
    }
    .special-contact a.nav-link {
        font-weight: 600;
        color: #a8042d !important;
    }

}



/**
 * Buttons
 */
.read-more {
    margin: 2rem 0 0 0;
}
.btn {
/*    border: 0 !important;*/

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.btn.rounded {
    -webkit-border-radius: 1.5rem !important;
            border-radius: 1.5rem !important;
}
.btn-md {
    padding: .75rem 1.5rem;

    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: 2pt;
}
.btn-sm {
    padding: .75rem 1.25rem;

    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 1.5pt;
}
.btn-white-50 {
    background-color: rgba(255, 255, 255, .3);
    border-color: rgba(255, 255, 255, .3);
    color: #fff;
}
.btn-white-90 {
    background-color: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .9);
    color: #0099b8;
}
.btn-white-50:hover,
.btn-white-50:active,
.btn-white-90:hover,
.btn-white-90:active {
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
    color: #0099b8 !important;
}

.btn-primary {
    background-color: #0099b8;
    border-color: #0099b8;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:active {
    background-color: #52b0d2;
    border-color: #52b0d2;
}
.btn-outline-primary {
    border-color: #52b0d2;
    color: #52b0d2;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: #52b0d2;
    border-color: #52b0d2;
    color: #fff;
}

.btn-sm i { font-size: .8rem; }


/**
 * Special: About us Orga
 */
#carouselContentOrga .carousel-item {
    padding: 3rem 8rem;
    font-size: 90%;
}
#carouselContentOrga .carousel-item strong {
    font-weight: 300;
    color: #0099b8;
}
#carouselContentOrga .carousel-item p:last-child {
    margin: 0;
}


/**
 * Special: About us Team
 */
#carouselTeam .carousel-control-prev,
#carouselOtoene .carousel-control-prev { left: -15%; }
#carouselTeam .carousel-control-next,
#carouselOtoene .carousel-control-next { right: -15%; }

@media (max-width: 992px) {
	#carouselTeam .carousel-control-prev,
	#carouselOtoene .carousel-control-prev { left: 0px; }
	#carouselTeam .carousel-control-next,
	#carouselOtoene .carousel-control-next { right: 0px; }

	#carouselTeam .carousel-item,
	#carouselOtoene .carousel-item {
		padding-left: 50px;
		padding-right: 50px;
	}
}

/**
 * Special: Warum Femtec Erfolgstories
 */
.card.erfolgstories {
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0;
}
.card.erfolgstories .card-body {
    padding: 0;
}
.card.erfolgstories .card-body .content {
    padding: 1rem;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
}


/**
 * Special: Aktuelles
 */
.card.aktuelles {
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0;
}
.card.aktuelles .card-body {
    padding: 0;
}
.card.aktuelles .card-body .content {
    padding: 1rem;
    background-color: rgba(0, 158, 189, .8);
    color: #fff;
}
.card.aktuelles .card-body .display-4 { margin-bottom: .5rem !important; }
.card.aktuelles .card-body .read-more { margin-top: 1rem !important; }

.card.pressemitteilung {
    border-radius: 0;
    border: 0;
    background-color: #9daab0;
}
.card .card-image {
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}


.pageheaderimage {
    position: relative;
    overflow: hidden;
    max-height: 400px;
}
.pageheaderimage img {
    width: 100%;
    height: auto;
}


img.aligncenter {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.carousel-caption .container.container-caption {
    padding-left: 10%;
    padding-right: 10%;
}


#menu-footer-sitemap .nav-link,
#menu-en-footer-sitemap .nav-link {
    font-size: .95rem;
    font-weight: 400;
    color: #fff;
    opacity: .9;
    transition: all .3s ease-in-out;
}
#menu-footer-sitemap .sub-menu .nav-link,
#menu-en-footer-sitemap .sub-menu .nav-link {
    font-size: .9rem;
    font-weight: 300;
    opacity: .8;
}
#menu-footer-sitemap .nav-link:hover,
#menu-footer-sitemap .nav-link:focus,
#menu-en-footer-sitemap .nav-link:hover,
#menu-en-footer-sitemap .nav-link:focus {
    opacity: 1;
}

.dropdown-menu { margin-top: 0 !important; }

a[data-submenu='dropdown']:hover + .dropdown-menu,
.dropdown-menu:hover {
    display: block;
}

.max-height-600 { max-height: 600px; }

.bg-image,
.col-6-image,
.col-6-image div {
    transition: all .3s ease-in-out;
}




.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media (max-width: 768px) {
    .carousel-indicators {
        bottom: inherit !important;
        top: 100%;
    }
    .carousel-indicators li.active {
        background-color: #fff !important;
    }
    #carouselHome,
    #carouselPage {
        background: rgba(0, 153, 184, 1) !important;
    }

    .carousel-caption {
        position: relative;
        display: block;
        top: 0;
        background: rgba(0, 153, 184, 1) !important;

        -webkit-transform: translateY(0);
                transform: translateY(0) !important;
    }
}


.bg-red {
	background-color: rgb(143, 9, 48);
}
.bg-red .btn-white-50:hover,
.bg-red .btn-white-50:active,
.bg-red .btn-white-90:hover,
.bg-red .btn-white-90:active {
	color: rgb(143, 9, 48) !important;
}

.bg-ft-violet{
	background-color: rgb(224, 40, 229);
}
.bg-ft-violet .btn-white-50:hover,
.bg-ft-violet .btn-white-50:active,
.bg-ft-violet .btn-white-90:hover,
.bg-ft-violet .btn-white-90:active {
	color: rgb(224, 40, 229) !important;
}

#stoerer {
    position: absolute;
    z-index: 21;
    max-width: 300px;
    margin-top: 3%;
    width: 20%;
    min-width: 160px;
}

.wpml-ls-legacy-list-horizontal {
	padding: 5px 10px;
}
.wpml-ls-legacy-list-horizontal a {
	margin: 0 5px;
    padding: 5px 3px;
    font-size: .9rem;
	color: #6c757d;
}
.wpml-ls-current-language a {
	color: #0099b8;
}

@media (max-width: 992px) {
	#navbarNav {
		position: fixed;
		top: 0px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		background: #fff;
		padding: 4rem;
	}
}


.text-danger .nav-link {
    /*color: #dc3545 !important;
	color: #a8042d !important;*/
	color: #e028e5 !important;
}
.text-blue .nav-link {
	color: #fff !important;
    font-weight: 600;
    background: #0099b8;
    border-radius: 3px;
    padding: 4px 8px !important;
    margin-top: 4px;
}

.bg-pressebericht { background: #f1f6f9; }

.wpmi-list { font-size: 20px !important; /* body font size */ }
.wpmi-me { display: none !important; }


.slider-video {
	position: relative;
	width: 100%;
	padding-top: 56.235%;
}
.slider-video video {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.slider-video .video-content {
    position: absolute;
    left: 50%;
    bottom: 3.5rem;
    color: #fff;
    transform: translateX(-50%);
    text-align: center;
}