<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 480px) and (max-width: 759px) {
	
	.desktop, .desktop-320, .desktop-inline, .mobile, .mobile-320 {
		display: none !important;
	}
    .desktop-320 {
        display-inline: block !important;
    }
	.mobile {
		display: block !important;
	}
	
	body, html {
		font-size: 18px;
		line-height: 27px;
	}
	
	.cd-auto-hide-header {
		height: 3.6rem;
	}
	.cont-header-outer {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.cont-header-inner {
		max-width: 88rem;
		height: 3.6rem;
		padding: 0;
		margin: 0 auto;
		position: relative;
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
    .header-01 {
        width: 32%;
        height: 3.6rem;
    }
	.header-02 {
        width: 40%;
        height: 3.6rem;
        font-size: 0.875rem;
        line-height: 1.5em;
    }
    .header-03 {
        width: 28%;
        height: 3.6rem;
    }
    
	/* logo */
	.logo {
        display: block !important;
		width: 7.2rem;
		height: 2.88rem;
        margin: 0 0 0 1.5rem;
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.logo .svg {
		width: 100%;
		height: 100%;
	}
    /*
    .home .transpi .logo {
        opacity: 0;
    }
    */
	
	.mainmenu {
		position: absolute;
		bottom: 1.25rem;
		right: 0.75rem;
		font-size: 1.1rem;
	}
	.mainmenu ul li {
		float: left;
		padding: 0 0.75rem;
	}
	
	.footermenu li {
		float: left;
		padding: 0 0.25rem;
	}

	/* hamburger */
	.hamburger {
        margin: 0 1.5rem 0 0 !important;
		width: 2rem;
	}
	.hamburger span {
		width: 2rem;
		height: 2px;
		margin: 5px 0;
	}
	.slider-opened .hamburger span.top-bar {
		width: 2.2rem;
		top: 0.45rem;
		left: -0.1rem;
	}
	.slider-opened .hamburger span.middle-bar {
		left: -40px;
	}
	.slider-opened .hamburger span.bottom-bar {
		width: 2.2rem;
		top: -0.45rem;
		left: -0.1rem;
	}
	
	/* navigation */
	.cont-navigation-outer {
		width: 100%;
	}
	.cont-navigation-inner {
		max-width: 70rem;
		margin: 0 auto;
		padding: 8rem 0 7rem;
		font-size: 1.2rem;
		line-height: 1.5em;
	}
    .navigation .divider {
        padding: 1rem !important;
    }
    .navigation .separator {
		font-size: 1.2rem;
		line-height: 1.5em;
        display: block;
        width: 100%;
        text-align: center;
    }
    .navigation .nav-child {
        display: block;
        width: 100%;
    }
    .navigation .nav-child li {
        text-align: center;
    }
	
	/* closer */
	.cont-closer-outer {
		height: 6rem;
	}
	.cont-closer-inner {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.closer {
		width: 2rem;
		top: 2rem;
		right: 2rem;
	}
	.closer span {
		width: 2rem;
		height: 2px;
		margin: 5px 0;
	}
	.closer span.top-bar {
		width: 2.2rem;
		top: 0.45rem;
		left: -0.1rem;
	}
	.loser span.middle-bar {
		left: -40px;
	}
	.closer span.bottom-bar {
		width: 2.2rem;
		top: -0.45rem;
		left: -0.1rem;
	}
	
	/* layout01 */
	.cont-layout01-inner {
		position: relative;
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.layout01 {
		background: transparent;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	
	/* layout02 */
    .cont-layout02-fullwidth {
        /*
        margin-top: 11.4rem;
        */
    }
	.cont-layout02-wrapper {
		width: 100%;
	}
	.cont-layout02-outer {
		max-width: 70rem;
		margin: 0 auto;
	}
	.cont-layout02-inner {
	}
	.layout02 {
        padding: 1rem;
        font-size: 1.1rem;
        line-height: 1.5em;
        text-align: center !important;
	}
	
	/* container */
    .cont-pagetitle-outer {
        width: 100%;
        max-width: 12rem;
        margin: 1rem 1rem 0 auto;
        padding: 0;
    }
	.cont-pagetitle-inner {
        text-align: right;
	}
    .cont-pagetitle-inner h1 {
        text-align: right;
    }
    .plus-padder {
        padding: 0 10%;
    }
    .hl-mobile h1 {
        font-size: 1.5rem;
        line-height: 1.5em;
        padding-bottom: 2rem;
        margin: 0 auto;
        width: 80% !important;
    }
	.cont-content-wrapper {
        max-width: 30rem;
        margin: 0 auto;
		width: 100%;
        padding: 2rem 0.5rem 8rem;
	}
    .cont-stethoskop-outer {
        position: relative;
        top: 0;
        left: 0;
        height: 24rem !important;
    }
    .home .cont-content-fullwidth .cont-stethoskop-outer {
        position: absolute !important;
        display: none;
    }
    .cont-stethoskop-inner {
        max-width: 60rem;
        margin: 0 auto;
        height: 34rem;
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .stethoskop {
        top: 0;
    }
    .stethoskop-01, .stethoskop-02, .stethoskop-03 {
        width: 80%;
        margin: 0;
    }
	.cont-content-outer {
		width: 80%;
/*        padding: 0 0 4rem 0;*/
	}
	.cont-content-inner {
		width: 100%;
		position: relative;
        padding: 0.5rem;
        text-align: center;
        font-size: 1.1rem;
        line-height: 1.5em;
	}
	.cont-content {
		position: relative;
		z-index: 1;
		width: 100%;
	}
    .cont-columns-outer {
        max-width: 70rem;
        margin: -11.4rem auto 0;
    }
    .cont-left-outer {
        width: 100%;
    }
    .cont-left-inner {
        padding: 0;
    }
    .cont-right-outer {
        width: 100%;
    }
    .cont-right-inner {
        padding: 0;
    }
    .content .cont-left-outer {
        width: 100%;
    }
    .content .cont-left-inner {
        padding: 0 1rem;
    }
    .content .cont-right-outer {
        width: 0;
    }
    .content .cont-right-inner {
        padding: 1rem 1rem 0;
    }
    .sidekick {
        padding: 10%;
        font-size: 0.8em;
        line-height: 1.5em;
        border-left: 1rem solid #f6f6f6;
        border-right: 1rem solid #f6f6f6;
    }
    .bigger {
        font-size: 1.5rem !important;
        line-height: 1.2em !important;
        padding: 0 0 1rem;
    }
    /*
    .team .cont-column-inner {
        flex-direction: row-reverse !important;
        -webkit-flex-direction: row-reverse !important;
    }
    */
	
	/* optin */
	.cont-optin-inner {
		width: 100%;
	}
	.optin {
		width: 100%;
	}
	.optin h2 {
		font-size: 1.5rem;
		line-height: 1.2em;
		display: block;
		text-align: center;
        margin: 0;
	}
	.cont-text-outer {
		width: 100%;
	}
	.cont-text-inner {
		max-width: 70rem;
		margin: 0 auto;
		padding: 6rem 0
	}
	.cont-text-inner p, .cont-text-inner ul {
		max-width: 80%;
		padding: 0 0 1rem;
		margin: 0 auto;
	}
	.cont-text-inner ul {
		padding: 0 0 1rem 0 !important;
	}
	.cont-text-inner h1, .cont-text-inner h2, .cont-text-inner h3 {
		max-width: 80%;
		margin: 0 auto 1rem;
	}
    .cont-text-inner p, .cont-text-inner ul, .cont-text-inner .actionbar {
		width: 80%;
		padding: 0 0 1rem;
		margin: 0 auto;
	}
	.cont-text-inner h1, .cont-text-inner h2, .cont-text-inner h3 {
		width: 80%;
		margin: 0 auto 1rem;
	}
    .peripherie .cont-text-inner h1, .peripherie .cont-text-inner h2, .peripherie .cont-text-inner h3, .peripherie .cont-text-inner p, .peripherie .cont-text-inner ul, .peripherie .actionbar {
		width: 80%;
    }
    .peripherie .cont-columns-outer {
        margin: 0 auto;
        padding-top: 3.6rem !important;
    }
	
	/* footer */
	.cont-footer-inner {
		max-width: 70rem;
		margin: 0 auto;
	}
	.footer {
		padding: 1.5rem;
		margin: 0 auto;
        font-size: 0.75em;
        line-height: 1.5em;
	}
    .item-257, .item-256 {
        display: none;
    }
	
	/* heading */	
	.cont-heading-outer {
		padding: 3.6rem 0 0 0;
	}
	.cont-heading-inner {
		max-width: 70rem;
		margin: 0 auto;
		padding: 2rem 1rem 2rem;
	}
    .cont-heading {
        width: 80%;
		margin: 0 auto;
    }
    .heading-icon {
        opacity: 0.5;
        width: 5rem;
    }
	
	/* teaser */
	.cont-teaser-outer {
		width: 100%;
	}
	.cont-teaser-inner {
		max-width: 70rem;
		margin: 0 auto;
		padding: 1rem 1rem 0;
	}
	
	/* styles */
	.pagetitle-logo-size {
		display: block;
	}
	.cont-pagetitle-inner h1 {
		font-size: 1rem;
		line-height: 1.5em;
		margin: 0 auto !important;
	}
	.item .cont-text-inner h1 {
		width: 100%;
		text-align: left;
		font-size: 1.8rem;
		line-height: 1.2em;
		padding-bottom: 2rem;
	}
	
	/* Bullinger Sarfo */
	.cont-titlecontent-outer {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
        max-height: 35rem !important;
        height: 85vw !important;
	}
    .cont-titlecontent-inner {
        width: 70rem;
        margin: 6.6rem auto 0;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        
    }
	.cont-titlepic-outer {
        margin: -11.4rem auto 0;
        max-height: 35rem !important;
        height: 85vw !important;
        
	}
	.cont-titlepic-inner {
        max-height: 50rem !important;
        height: 105vw !important;
	}
    
    .cont-dekotext-outer {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
        height: 36rem !important;
	}
    .cont-dekotext-inner {
        width: 100%;
        margin: 0 auto;
    }
	.cont-dekopic-outer {
        height: 36rem !important;
	}
	.cont-dekopic-inner {
        height: 42rem !important;
	}
    
    .cont-modal-outer {
        max-width: 70rem;
        padding: 6rem 0;
        margin: 0 auto;
    }
    .cont-tablecell-outer {
        width: 33.33%;
        border: 0.5rem solid #ffffff;
    }
    .cont-tablecell-inner {
        padding: 0;
    }
    .cont-modal-inner h2, .cont-layout03-inner h2 {
		font-size: 2rem;
		line-height: 1.2em;
		padding: 0;
		display: block;
		width: 100%;
	}
    .svg-icon {
        width: 3.6rem;
    }
    .smallwidth {
        margin: 0 auto;
        width: 80% !important;
    }
    .smallwidth.special {
        width: 80% !important;
    }
    
	/* lightgallery */
	#animated-thumbnails {
        width: 80%;
        margin: 0 auto;
		padding: 0.5rem;
        margin-top: 6rem !important;
	}
	#animated-thumbnails::after {
		content: '';
		display: block;
		height: 0;
		overflow: none;
		clear: both;
	}
	.thmb {
		display: inline-block;
		border-bottom: 0 !important;
		width: 25%;
		padding: 0.5rem;
		float: left;
	}
    
	/* testimonials */
	.lSSlideOuter {
		margin-bottom: 10rem;
	}
	.test-text {
		max-width: 50rem;
		margin: 0 auto;
		font-size: 1.125rem;
    	line-height: 1.7em;
		padding: 1.01rem 0;
	}
	.test-auth {
		font-size: 1.25rem;
    	line-height: 1.7em;
	}
	.test-comp {
		font-size: 0.75rem;
    	line-height: 1.7em;
	}
    
    .cont-deko-outer {
        margin: 14rem 0 0 0;
    }
    .cont-deko-inner {
        height: 20rem;
        max-width: 38rem;
        padding: 2rem;
        margin: 0 auto;
    }
    .spacing {
        padding: 0 2rem 2rem;
    }
    .contact-line {
        font-size: 1.2rem;
        line-height: 1.5em;
    }
    .cont-info-outer {
        padding: 0 1rem;
        width: 80% !important;
    }
    .cont-info {
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
        width: 100% !important;
    }
    .cont-info-icon {
        width: auto;
    }
    .cont-info-text {
        width: 75%;
    }
    .icon-info {
        width: 2.5rem;
        height: 2.5rem;
        margin: 0 1rem 0 0;
    }
    .icon-big {
        width: 4rem;
        height: 4rem;
    }
    .icon-small {
        width: 1.8rem;
        height: 1.8rem;
    }
    
    .spacer-medium {
        max-height: 6rem;
        height: 6rem;
    }
    .spacer-large {
        max-height: 6rem;
        height: 6rem;
    }
    
    .cont-content-outer img {
        width: 80%;
        margin: 0 auto;
    }
    .cont-content-inner h2 {
        font-size: 1.1rem;
        line-height: 1.5em !important;
    }
    /*
    .team .cont-column-inner {
        flex-direction: column-reverse !important;
        -webkit-flex-direction: column-reverse !important;
    }
    */
    
    .cont-address-outer {
        width: 80%;
        margin: 0 auto;
        text-align: left;
        padding: 0 0 4rem 0;
    }
    .address-label {
        display: table-cell;
        width: 35%;
    }
    .address-value {
        display: table-cell;
        width: 65%;
    }
    .address-value-01 {
        display: table-cell;
        width: 25%;
    }
    .address-value-02 {
        display: table-cell;
        width: 40%;
    }
    
    .actionbar span, .actionbar .calltoaction, .actionbar .actionfield, .actionbar .actionunit, .actionbar .actionbutton, .actionbar .tooltip {
        padding-left: 0 !important;
        padding-right: 0 !important;
        diaplay: block !important;
        width: 100% !important;
    }
    .tooltip .tooltiptext {
        margin-left: -50% !important;
    }
    
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 240px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: -110% !important;
        left: 50%;
        margin-left: -120px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: -32% !important;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color:  transparent transparent #555 transparent !important;
    }
    .onlineorder {
        padding: 3rem;
    }
    .bigmessage {
        padding: 3rem;
    }
    .midmessage {
        padding: 1.5rem 3rem;
    }
    h2.special {
        font-size: 1.25rem;
        line-height: 1.2em;
        margin: 0 0 0.5rem 0;
    }
    .banner-part-outer {
        width: 100%;
    }    
    .banner-01 {
        border-bottom: 1px solid #f0f0f0;
    }
}</pre></body></html>