@charset "utf-8";article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
/*
 * Responsive CSS 089-Webdesign
 */












@media(max-width: 640px) and (orientation: landscape) {
	body#body.phone .startseite--container--mobile-img {
	    top: -20px;
	}	
}
@media(max-width: 880px) and (orientation: portrait) {
	.startseite--container--mobile-img img {
	    -o-object-position: -270px;
	       object-position: -270px;
	}	
	body#body.phone .startseite--container--mobile-img {
		height: 360px;
	}
}
@media(max-width: 880px) and (orientation: landscape) {
	/*critical*/
	body#body.phone .custom.modal-news {
		position: absolute;
	}
	body#body.is_home.phone header#header {
	    height: 300px;
	}	
	body.phone .unsere-praxis--item__text {
	    padding: 20px;
	}
	body.phone .unsere-praxis--item.flex {
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    margin-bottom: 30px;
	}	
}
@media(max-width: 880px) {
	/*critical*/
	body.phone .custom.modal-news {
	    max-width: 270px;
	    top: 20vh;
	}	
	body#body.phone .breadcrumb {
	    font-size: 10px;
	}
	body#body.is_home.phone .header-startseite--content {
	    position: relative;
	    z-index: 3;
	    padding: 20px;
	}
	.startseite--container--mobile-img img {
	    width: 100%;
	    height: 100%;
	    -o-object-fit: cover;
	       object-fit: cover;
	}	
	body.phone .startseite--container--mobile-img {
	    width: 100%;
	    position: absolute;
	    top: -50px;
	    left: 0;
	    z-index: 2;
	}
	body#body.phone .header-startseite--container.innerwidth {
	    display: block;
	}
	body.phone .header-startseite--content h1,
	body.phone .header-startseite--content h2 {
		color: var(--first-color);
		line-height: 30px;
	}
	body#body.phone .header-startseite--content h1 {
		font-size: 28px;
	}
	body#body.phone .header-startseite--content h2 {
		font-size: 21px;
	}	
	body#body.is_home.phone header#header {
	    background: transparent;
	    background-size: initial;
	}	
	body.phone .praxis-start {
	    margin: 0px 0px 30px;
	}
	body#body.phone .unsere-praxis--row.flex {
	    display: block;
	}	
	body.phone .team--Container__img {
	    width: initial;
	}
	body.phone .team--Container {
	    max-width: 360px;
	    margin: 0 auto 90px;
	}
	body.phone .team.team--Container {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	body.phone .flex.space-between.praxis-historie {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	body.phone .praxis-historie--item,
	body.phone .unsere-praxis-bottom--item {
	    margin-bottom: 60px;
	}
	body.phone .praxis-historie-bottom,
	body.phone .unsere-praxis-bottom {
	    display: block;
	    margin: 30px 20px;
	}	
	body#body.phone h2 {
	    font-size: 21px;
	    line-height: 30px;
	}	
	body#body.phone h1.header--content__heading {
		font-size: 28px;
	}
	body.phone .pull-right.item-image {
	    max-width: 320px;
	    float: none;
	    margin: 5px auto;
	}
	body.phone .footer-info--item {
	    max-width: 220px;
	    margin: 0 auto;
	    text-align: center;
	    margin-bottom: 60px;
	}
	body.phone .footer-info--row {
	    display: block;
	}
	body.phone .behandlungen--container--item {
	    margin-bottom: 30px;
	}
	body.phone .behandlungen--container__row {
	    margin-bottom: 0px;
	    display: block;
	}	
	body.phone .praxis-nav--item {
	    max-width: 320px;
	    margin: 0 auto 50px;
	}
	body#body.mobile.phone .startFade.praxis-nav.flex {
	    display: initial;
	}	
	body.phone h3.welcome {
	    font-size: 20px;
	}
	body.phone .aboveTheFold {
	    height: auto;
	}
	body#body.phone .navbar {
	    width: 100%;
	}
	body.phone nav.navbar-wrapper {
		display: block;
	}
	body.phone .navbar {
		position: initial;
	}
	body.phone button.btn.btn-navbar {
	    position: absolute;
	    right: 20px;
	    top: 40px;
	}
	body.phone .header--img--container img {
	    -o-object-fit: cover;
	       object-fit: cover;
	    width: 100%;
	    height: 100%;
	}
	body.phone .header--img--container {
	    height: 100px;
	}
	body.phone .scroll-top-wrapper {
		font-size: 18px;
	    position: fixed;
	    opacity: 0;
	    visibility: hidden;
	    overflow: hidden;
	    text-align: center;
	    z-index: 99999999;
	    background: #489be2;
	    color: #eeeeee;
	    width: 50px;
	    height: 48px;
	    line-height: 48px;
	    right: 10%;
	    bottom: 10%;
	    padding-top: 2px;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    border-bottom-right-radius: 10px;
	    border-bottom-left-radius: 10px;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}
	body.phone .scroll-top-wrapper.show {
	    visibility: visible;
	    cursor: pointer;
	    opacity: 0.6;
	}

}
@media(max-width: 620px) and (orientation: portrait) {
	/*crticial*/
	body#body.tablet .nav-collapse.collapse {
	    width: 410px;
	}
	body#body.tablet .unsere-praxis-bottom {
	    display: block;
	}
	body#body.phone.praxisteam .header--img--container:before {	   
	    background: -webkit-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 28%);
	    background: -o-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 28%);
	    background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 28%);
	}	
}
@media(max-width: 767px) and (orientation: portrait) {
	/*critical*/
	body.tablet .team--Container__img {
	    width: 250px;
	}
	body.tablet .behandlungen--container--item {
	    margin-bottom: 30px;
	}
	body#body.tablet .behandlungen--container__row.flex {
	    display: initial;
	}
	body.tablet .footer-info--item h3 {
	    font-size: 16px;
	}
	body.tablet .footer-info--item {
	    max-width: 170px;
	}
}
@media(max-width: 767px) {
	body#body {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media(max-width: 768px) and (orientation: portrait) {
	/*critical*/
	body#body:not(.phone) .kontakt-info--top {
	    width: 490px;
	}
	body#body.mobile .praxis-nav--item h3 {
	    -ms-flex-preferred-size: 50%;
	        flex-basis: 50%;
	}
	body#body.mobile .startFade.praxis-nav.flex {
	    display: initial;
	}
	body.tablet .praxis-nav--item {
		margin-bottom: 30px;
	    -ms-flex-preferred-size: 30%;
	    /* flex-basis: 30%; */
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: horizontal;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	}	
}
@media(max-width: 1280px) {
	body.desktop .innerwidth {
		padding-left: 30px;
		padding-right: 30px;
	}
	body.desktop nav.navbar-wrapper.innerwidth {
	    padding-right: 10%;
	}
	body.desktop .header--content {
	    left: 30px;
	}
}
@media(min-width: 1281px) {
	/*critical*/
	body.desktop .pull-right.item-image img {
	    width: 90%;
	}	
}
@media(max-width: 1366px) and (orientation: portrait) {
	/*critical*/
	body#body.mobile .unsere-praxis--item img {
	    -ms-flex-preferred-size: 40%;
	        flex-basis: 40%;
	    width: 100%;
	}	
	body.tablet .praxis-historie--item h2,
	body.tablet .unsere-praxis-bottom--item h2 {
	    line-height: 30px;
	}
	body.phone .unsere-praxis--item.flex {
	    width: 300px;
	    margin: 0 auto 60px;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: reverse;
	        -ms-flex-direction: column-reverse;
	            flex-direction: column-reverse;
	}
	body.mobile .unsere-praxis--item {
	    margin-bottom: 30px;
	}
	body.mobile .unsere-praxis--row.flex {
	    display: block;
	}		
}
@media(max-width: 1366px) and (orientation: landscape) {
	/*critical*/
	body.phone .behandlungen--container--item {
	    max-width: 440px;
	    margin: 0 auto 30px;
	}
	body.tablet .header-startseite-img--container {
	    -ms-flex-preferred-size: 40%;
	        flex-basis: 40%;
	}	
	body.tablet .header-startseite--content {
	    -ms-flex-preferred-size: 60%;
	        flex-basis: 60%;
	}	
}
@media(max-width: 1366px) {
	/*critical*/
	body.tablet .unsere-praxis-bottom--item {
	    margin-bottom: 50px;
	}
	body.phone .unsere-praxis-bottom {
	    display: block;
	}	
	body.mobile .praxis-nav__img--wrapper {
	     overflow: initial; 
	}	
	body.mobile .praxis-nav__img--wrapper img {
	    box-shadow: 2px 2px 30px -10px #777;
	}
	body.mobile .praxis-start div,
	body.mobile .praxis-start {
	    position: relative;
	}
	body.mobile .praxis-start:before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(255,255,255,0.6);
	    z-index: 0;
	}	
	body#body.tablet .unsere-praxis--item img {
	    -ms-flex-preferred-size: 40%;
	        flex-basis: 40%;
	}
	body.mobile .nav-kacheln h3.first-color.center {
	    font-size: 21px;
	}
	body#body.mobile .item-page.startseite h2 {
	    font-size: 24px;
	}
	body#body.mobile .behandlungen--container--item h2 {
	    font-size: 16px;
	}
	body#body.mobile .praxis-start h2.small {
	    font-size: 14px;
	}
	body#body.mobile h1,
	body#body.mobile h2,
	body#body.mobile h3,
	body#body.mobile h4 {
	    letter-spacing: 1.4px;
	    line-height: 35px;
	    font-weight: normal;
	}
	body.mobile .content-banner {
	    padding: 30px 20px 10px;
	}
	body.mobile .copyWrapper--date {
	    font-size: 11px;
	    text-align: center;
	}	
	body#body.tablet .behandlungen--container--item h2 {
	    padding-left: 0px !important;
	}
	body.tablet .item-page h2 {
		font-size: 28px;
	}
	body#body.tablet h1.header--content__heading {
		font-size: 32px;
		line-height: 43px;
	}
	body.mobile .praxis-start {
    	padding: 40px 20px;
	}
	body.tablet .praxis-nav--item {
	    -ms-flex-preferred-size: 30%;
	        flex-basis: 30%;
	}
	body.tablet .vertical-slide.startFade.behandlungen--container__row a {
	    -ms-flex-preferred-size: 45%;
	        flex-basis: 45%;
	}
	body.mobile .header-startseite--content h1 {
	    font-size: 32px;
	    line-height: 40px;
	}
	body.mobile .header-startseite--content h2 {
	    font-size: 21px;
	    line-height: 30px;
	}
	body.tablet .header-startseite--content {
	    padding: 20px;
	}
	body.tablet .aboveTheFold {
	    height: initial;
	}
	body.mobile .logo--small {
	    padding: 20px;
	}
	body.mobile .header--content {
	    top: 0%;
	    left: 20px;
	}
	body.mobile .breadcrumbs,
	body.mobile.not_home .content,
	body.mobile .behandlungen--container,
	body.mobile .footer-info--row,
	body.tablet .unsere-praxis-bottom,
	body.tablet .praxis-historie-bottom {
		padding-left: 20px;
		padding-right: 20px;
	}
	body.mobile div#wrapper.overlay:before {
		opacity: 1;
    background: -webkit-linear-gradient(315deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
    background: -o-linear-gradient(315deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
    background: linear-gradient(135deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
		z-index: 2;
		transition: opacity 0.5s ease-in-out;
	}
	body.mobile div#wrapper:before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 100%;
	    width: 100%;
	    opacity: 0;
    background: -webkit-linear-gradient(315deg, rgba(52, 158, 240, 0) 0%,rgba(238, 233, 0, 0) 100%);
    background: -o-linear-gradient(315deg, rgba(52, 158, 240, 0) 0%,rgba(238, 233, 0, 0) 100%);
    background: linear-gradient(135deg, rgba(52, 158, 240, 0) 0%,rgba(238, 233, 0, 0) 100%);
	    z-index: -1;
	    transition: opacity 0.3s ease-in-out;
	}
	body.mobile div#wrapper {
	    position: relative;
	    z-index: 0;
	}	
	body#body.mobile .dropdown-menu>li>a:hover,
	body#body.mobile .dropdown-menu>li>a:focus,
	body#body.mobile .dropdown-submenu:hover>a,
	body#body.mobile .dropdown-submenu:focus>a {
		background-image: none;
		background: transparent;
	}
	body.mobile .navbar .nav-child> li.active {
		background: #fff;
	}
	body#body .navbar .nav>.active.parent:after {
		content: initial;
		background: transparent;
	}
	body#body.mobile .navbar .nav-child>.active:after {
	    content: '';
	    position: absolute;
	    width: calc(100% + 4px);
	    height: 112%;
	    top: -2px;
	    left: -2px;
	    background: -webkit-linear-gradient(315deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
	    background: -o-linear-gradient(315deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
	    background: linear-gradient(135deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
	    border-radius: 3px;
	    z-index: -1;
	}	
	body.mobile .nav li.active {
		position: relative;
	}
	body#body.mobile .dropdown-menu>.active>a {
		background: transparent;
	}
	body#body.mobile .navbar .nav>li>a {
		color: var(--first-color);
	}
	body.mobile .navbar {
		width: 60%;
	}
	body.mobile .navbar .btn-navbar .icon-bar {
		background-color: var(--first-color)
	}
	body.mobile ul.nav-child.dropdown-menu {
	    display: block;
	}
	body.mobile .navbar .nav > li {
	    display: block;
	}
	body#body.tablet .nav-collapse, body#body.tablet .nav-collapse.collapse {
	    height: 0!important;
	    overflow: hidden!important;
	    padding: 0 0 80px 20px;
	}
	body.tablet .nav-collapse.collapse {
	    position: absolute;
	    right: -30px;
	    top: 0;
	    width: 90%;
	}
	body.tablet .nav-collapse {
	    clear: both;
	}
	body.tablet .nav-collapse ul.nav.menu.nav-pills {
	    background: #fff;
	    width: 100%;
	    top: 60px;
	    -webkit-box-shadow: 0 24px 30px -31px #4a4a4a;
	    box-shadow: 0 24px 30px -31px #4a4a4a;
	    border-radius: 0 0 0 10px;
	    padding: 30px 0 10vh;
	    -webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    transform: translateX(100%);
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}
	body#body.tablet .nav-collapse.collapse,
	body#body.tablet .nav-collapse {
	    height: auto!important;
	}
	body.tablet .nav-collapse.openMenu ul.nav.menu.nav-pills {
	    -webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);
	    -webkit-transition: all .5s ease-in-out;
	    -o-transition: all .5s ease-in-out;
	    transition: all .5s ease-in-out;
	}
	body.tablet .navbar .nav>li {
	    display: block;
	    float: none;
	}
	body.tablet .navbar .btn-navbar {
	    display: block;
	    position: relative;
	    z-index: 1;
	}
	body.tablet .navbar {
	    margin: 0 30px 0 auto;
	}
	body.tablet .navbar-wrapper {
	    -ms-flex-preferred-size: 75%;
	    flex-basis: 75%;
	}
	body.mobile ul.nav-child.dropdown-menu {
	    display: block;
	}
/*	body#body.mobile ul.nav-child.dropdown-menu li a {
	    color: #fff;
	}*/
	body#body.mobile ul.nav-child.dropdown-menu {
	    background: transparent;
	    position: relative;
	    float: none;
	    box-shadow: none;
	    border: none;
	}
	body#body.mobile .dropdown-menu:before,
	body#body.mobile .navbar .nav>li>.dropdown-menu:after {
		content: initial;
		display: none !important;
	}
	body#body.mobile .navbar .nav li.dropdown>.dropdown-toggle .caret {
		display: none;
	}
	body#body.mobile ul.nav-child.dropdown-menu li a {
	    padding: 10px 30px;
	}
}

/*specials*/
@media(max-width: 1023px) {
	body#body.desktop div#wrapper {
		-webkit-filter: blur(10px);
		        filter: blur(10px);
	}
	body.desktop #resizeAlarm {
		display: block;
	}	
}
@media(min-width: 1024px) {
	body.desktop #resizeAlarm {
		display: none !important;
	}
}
/*
 * Styles CSS
 */
@font-face {
    font-family: 'quicksandbold';
    src: url('https://www.kfo-planegg.de/templates/089-standard/fonts/quicksand-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;font-display:swap;}
@font-face {
    font-family: 'quicksandregular';
    src: url('https://www.kfo-planegg.de/templates/089-standard/fonts/quicksand-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;font-display:swap;}
/*Resp overrides*/
@media (min-width: 1280px) {
  
  .fullwidth {
      width: 100%;
  }

  .innerwidth {
      width: 1000px;
      margin: 0px auto;
  }
}


/* critical CSS */

img[alt=""],
img:not([alt]) {
      border: 5px dashed #c00;

}
:root {
  --first-color: #349ef0; 
  --second-color: #eee900;
  --third-color: #1775cb;
}
a {
    transition: all .3s ease-in-out;
}
button.btn-navbar:active {
outline: none;
border: none;
}
button.btn-navbar:focus, a:focus {outline:0;}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.space-between {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
body {
    position: relative;
    font-family: 'quicksandregular';
    animation:fadein .5s ease-in-out ;
      -webkit-animation:fadein .5s ease-in-out; 
}
    @-webkit-keyframes fadein 
    { from {opacity:0} to {opacity:1} }
    @keyframes fadein 
    { from {opacity:0} to {opacity:1} }

.clr {
    clear: both;
}
body#body.feste-zahn[class*="span"],
body#body.herausnehmbare-zahn[class*="span"] {
    float: initial;
    min-height: initial;
    margin-left: initial;
}
nav.navbar-wrapper .vcard {
    display: none;
}
body.site h1,body.site  h2,body.site  h3, body.site h4 {
    letter-spacing: 2.4px;
    line-height: 52.8px;
    font-weight: normal;
}
body p {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}
body.stellenangebote-detail ul li {
    font-size: 16px;
    line-height: 22px;
}

.header-startseite--content h1,
.item-page.startseite>.page-header h2 {
    text-transform: uppercase;
}
.first-color,
.item-page.startseite>.page-header h2,
body.kontakt h1,
body.impressum h1,
body.datenschutz h1 {
    color: var(--first-color);
}
.third-color {
    color: var(--third-color);
}
.center {
    text-align: center;
}
.uppercase {
    text-transform: uppercase;
}


/*add-Ani vertical*/
body.desktop .vertical-slide {
    transform: translateY(100px);
    /*transition: transform 2s cubic-bezier(0.2, 1, 0.8, 1);*/
}
body.desktop .vertical-slide.startFade.add-Ani {
    /*transform: translateY(0px);*/
    -webkit-animation: verticalSlide 2s cubic-bezier(0.2, 1, 0.8, 1) forwards;
            animation: verticalSlide 2s cubic-bezier(0.2, 1, 0.8, 1) forwards;
}
body.desktop .nav-kacheln .startFade.behandlungen--container__row.add-Ani:nth-of-type(1) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
}
body.desktop .nav-kacheln .startFade.behandlungen--container__row.add-Ani:nth-of-type(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}

  @-webkit-keyframes verticalSlide {
      0% { -webkit-transform: translateY(100px); transform: translateY(100px); }
      100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  }

  @keyframes verticalSlide {
      0% { -webkit-transform: translateY(100px); transform: translateY(100px); }
      100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  }
/*<--- END add-Ani vertical*/

/*content*/
body.desktop .behandlung---item {
    max-width: 500px;
}
.header--img--container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.8)),color-stop(30%, rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0) 100%);
}
body#body .breadcrumb {
    padding: 8px 15px 8px 0px;
    background-color: transparent;
    font-size: 12px;
}
body.site h1.header--content__heading {
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}
.header--content {
    position: absolute;
    top: 30%;
    left: calc((100vw - 1000px) / 2);
}
.header--img--container {
    position: relative;
}
.praxis-nav {
    margin-bottom: 30px;
}
.praxis-nav--item h3 {
    font-size: 18px;
}
body.desktop .praxis-nav__img--wrapper img {
    transform: scale(1);
    transition: transform 0.5s ease-in-out;
}
body.desktop .praxis-nav__img--wrapper:hover img {
    transform: scale(1.1);
}
.praxis-nav__img--wrapper {
    position: relative;
    overflow: hidden;
}
body.desktop .praxis-nav__img--wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(52, 158, 240, 0.3);
    z-index: 1;
    transition: opacity 0.3s ease-in-out;
}
body.desktop .praxis-nav__img--wrapper:hover:before {
    opacity: 1;
}
.praxis-start {
    padding: 40px 0px;
    background: url('https://www.kfo-planegg.de/images/kfo-planegg-start-banner-bckgr-desktop.webp') no-repeat;
    background-position: center;
    background-size: cover;
    margin: 30px 0px;
}
body.desktop .behandlungen--container--item img {
    /* box-shadow: 0px 20px 60px -15px; */
    transform: scale(1);
    opacity: 1;
    filter: grayscale(0.2);
    transition: all 1.5s cubic-bezier(0.2, 1, 0.8, 1);
}
body.desktop .behandlungen--container--item:hover img {
    /* box-shadow: 0px 20px 60px -15px; */
    transform: scale(1.2);
    opacity: 0.4;
    filter: grayscale(0.6);
}
body.desktop .behandlungen--container--item:hover {
    box-shadow: 0px 18px 40px -14px #2f71b3;
    transform: scale(1.02);
}
.behandlungen--container {
    margin: 30px 0px 80px;
}
.behandlungen--container--item img {
    width: 150px;
}
.behandlungen--container--item h2 {
    font-size: 16px;
    /*transition: all 0.3s ease-in-out;*/
}
body.desktop .behandlungen--container a {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
}
body.desktop .behandlungen--container a:hover {
    text-decoration: none;
}
.behandlungen--container__row {
    margin-bottom: 30px;
}
.behandlungen--container--item {
    position: relative;
    border-radius: 3px;
    background: #f8f8f8;
    padding: 5px 20px;
    box-shadow: none;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
body#body .behandlungen--container--item h2 {
    letter-spacing: 0.4px;
    line-height: 1.4em;
    color: #000;
}
body#body:not(.phone) .behandlungen--container--item h2 {
    padding-left: 20px;
}
.header-startseite-img--container,
.header-startseite--content {
    transform: translateX(-100%);
    opacity: 0;
}
body.rdy .header-startseite-img--container,
body.rdy .header-startseite--content {
    animation: HeaderElAni 2s cubic-bezier(0.2, 1, 0.8, 1) forwards;
}
body.rdy .header-startseite-img--container {
    animation-delay: 2s;
}
body.rdy .header-startseite--content {
    animation-delay: 1.2s;
}
body.rdy .header-startseite-img--container {
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.5s;
}
body.rdy .header-startseite--content {
    animation-duration: 1.8s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.2s;
}

@keyframes HeaderElAni {
    0% { transform: translateX(-100%); opacity: 0; }
    100% { transform: translateX(0%); opacity: 1; }
}
body.desktop .arrow-down:hover {
    -webkit-animation: arrowAni 0.5s ease-in-out alternate infinite;
            animation: arrowAni 0.5s ease-in-out alternate infinite;
}
  @-webkit-keyframes arrowAni {
      0% {-webkit-transform: scale(1);transform: scale(1); -webkit-filter: saturate(0); filter: saturate(0);}
      100% {-webkit-transform: scale(1.2);transform: scale(1.2); -webkit-filter: saturate(10); filter: saturate(10);}
  }
  @keyframes arrowAni {
      0% {-webkit-transform: scale(1);transform: scale(1); -webkit-filter: saturate(0); filter: saturate(0);}
      100% {-webkit-transform: scale(1.2);transform: scale(1.2); -webkit-filter: saturate(10); filter: saturate(10);}
  }
.arrow-down--container {
    width: 100%;
    text-align: center;
}
body.is_home .page-header {
    text-align: center;
    margin: 60px 0px 30px;
}
body.site .page-header {
    border-bottom: none;
}
/* OrigCode Chris 

.aboveTheFold {
    height: 100vh;
}
*/

/* Override MIC */
.aboveTheFold {
    height: 85vh;
}

.header-startseite--content h1 {
    font-size: 48px;
}
.header-startseite--content h2 {
    font-size: 22px;
}
.header-startseite--content h1,
.header-startseite--content h2 {
    color: #fff;
    font-weight: normal;
}
.header-startseite--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body.is_home header#header {
    position: relative;
    background: url('https://www.kfo-planegg.de/images/headers/kfo-planegg-header-startseite.jpg') no-repeat center;
    background-size: cover;
}
img.header-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.desktop nav.navbar-wrapper {
    height: inherit;
    background: transparent;
}
nav.navbar-wrapper {
    position: relative;
    background: #fff;
    z-index: 2;    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.logo--small img {
    width: 220px;
}
.logo--small,
nav.navbar-wrapper .vcard {
    padding: 20px 0px;
}
ol.breadcrumb a {
    color: var(--first-color);
}
h3.unsPraxHeader {
    margin-top: 30px;
}
body:not(.phone) .unsere-praxis--item img,
body:not(.phone) .unsere-praxis--item div,
body:not(.phone) .unsere-praxis--item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
}
body:not(.phone) .unsere-praxis--item__text {
    padding: 30px 40px 30px 30px;
}
body:not(.phone) .unsere-praxis--row.flex {
    margin: 30px 0px;
}
body:not(.phone) .unsere-praxis--item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
body#body .unsere-praxis--item__text h3 {
    text-transform: uppercase;
    line-height: 35px;
}
.zitat {
    text-align: center;
}
body.desktop .zitat blockquote {
    margin: 0 40px 20px;
}
.zitat blockquote {
    padding: 0px;
    margin: 0 0 20px;
    border-left: none;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 28px;
    font-style: italic;
    color: #717171;
}
.zitat address {
    font-size: 18px;
}
/*body.desktop .pull-right.item-image {
    margin-top: 50px;
}*/
body#body .page-header h2 {
    color: var(--first-color);
    text-transform: uppercase;
}
body#body.desktop h2.behandlung--heading,
body#body.desktop .page-header h2 {
    font-size: 30px;
    letter-spacing: 1.4px;
}
body#body h2.behandlung--heading {
    letter-spacing: 1.4px;
}
body.desktop li.parent>a:not(.must-parent),
body.desktop:not(.stellenangebote-detail) .breadcrumb li:nth-child(3) .pathway {
    cursor: text;
}
body.desktop .breadcrumb li:nth-child(3) a.pathway {
    color: #333;
}
body.desktop .breadcrumb li:nth-child(3) a.pathway:hover {
    text-decoration: none;
}
.blog.stellenangebote {
    margin: 50px 0px;
}
body.site .blog a.btn {
    background-image: none;
    background: #489be2;
    text-shadow: none;
    color: #fff;
    border: 1px solid #489be2;
    box-shadow: 0px 6px 30px -9px #489be2;
    transition: all 0.3s ease-in-out;
}
body.site .blog span.icon-chevron-right {
    display: none;
}
body.site .blog .pull-right.item-image {
    max-width: 300px;
    margin-left: 30px;
}
body#body.site .blog h2 {
    font-size: 21px;
}
.category-list.praxis {
    margin: 200px 0px;
}
body:not(.phone) .kontakt-info--top--item {
    width: 50%;
    float: left;
}
body:not(.phone) .kontakt-info--top {
    width: 660px;
    margin: 0 auto;
}
body.kontakt i.fa.fa-share {
    display: none;
}
body.kontakt button.ap-btn {
    background: #349ef0;
    background-image: none;
    border: 1px solid #349ef0; 
    text-shadow: none;
    color: #fff;
    box-shadow: 0px 10px 30px -10px rgba(52, 158, 240, 0.788235294117647);
    transition: all 0.3s ease-in-out;
}
body.kontakt button.ap-btn:hover {
    color: #349ef0;
    background: #fff;
}
body#body.newsClicked .custom.modal-news {
    display: none;
}
body#body.rdy .custom.modal-news {
    animation: fadein 0.5s ease-in-out forwards 1.5s;
}
.custom.modal-news {
    display: block;
    position: fixed;
    max-width: 390px;
    top: 30vh;
    right: 30px;
    background: #fff;
    padding: 20px;
    border: 5px solid #489be2;
    border-radius: 5px;
    box-shadow: 2px 12px 40px -15px #333;
    opacity: 0;
    z-index: 1;
}
div#closeModal {
    font-size: 28px;
    width: 20px;
    padding: 5px;
    color: #489be2;
    cursor: pointer;
}

/*<--- END content*/

 /*Menue*/
body.desktop header#header,
body.desktop .item-page.kontakt,
body.desktop.impressum,
body.desktop.datenschutz {
    margin-top: 135px;
}
body.desktop div#menuWrapper {
    height: 135px;
    width: 100%;
    position: fixed;
    background: rgba(255,255,255, 1);
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 3;
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.5s ease;
}
body.desktop div#menuWrapper.sticky {
    box-shadow: 0px 2px 40px -20px #4a4a4a;
    height: 90px;
    opacity: 0;
    background: rgba(255,255,255, 1);
    /*transform: translateY(-100px);*/
    animation: menuDrop 2s ease-in-out forwards;
}
body.desktop div#menuWrapper .logo--small,
body.desktop div#menuWrapper .navbar {
    transform: scale(1);
    transition: transform .5s ease-in-out;
}
body.desktop div#menuWrapper.sticky .logo--small,
body.desktop div#menuWrapper.sticky .navbar {
    transform: scale(0.8);
}
    @keyframes menuDrop {
        0% { transform: translateY( 0px); opacity: 1;}
        50% { transform: translateY(-100px); opacity: 0;}
        100% { transform: translateY( 0px); opacity: 1;}
    }

.navbar .nav > li.active {
    display: inline-block;
    position: relative;
    background: #fff;
    border: none;
}
body#body .navbar .nav>.active:after {
    content: '';
    position: absolute;
    width: calc(100% + 4px);
    height: 112%;
    top: -2px;
    left: -2px;
    background: -webkit-linear-gradient(315deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
    background: -o-linear-gradient(315deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
    background: linear-gradient(135deg, rgba(52, 158, 240, 0.5) 0%,rgba(238, 233, 0, 0.5) 100%);
    border-radius: 3px;
    z-index: -1;
}
body#body.desktop ul.nav li:hover a {
    color: #349ef0;
}
body.site.desktop ul.nav:hover li a {
    outline: none;
    color: rgba(0, 0, 0, 0.3);
}
body.site.desktop ul.nav:hover li a:before {
    opacity: 0;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
body.site.desktop ul.nav li a:before {
    position: absolute;
    content: attr(title);
    color: var(--first-color);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
body.desktop.site .navbar .nav>li>a {
    font-size: 16px;

}
body.site .navbar .nav>li>a {
    position: relative;
    color: rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    letter-spacing: 1px;
    font-size: 14px;
    text-shadow: none; 
}
body.site .dropdown-menu>li>a {
    color: var(--first-color);
}
body#body .navbar .nav .dropdown-toggle .caret {
    margin-top: 5px;
    border-top-color: var(--first-color);
    border-bottom-color: var(--first-color);
}
body#body .dropdown-menu {
    border: none;
    box-shadow: -2px 11px 30px -10px #9a9a9a;
}
body#body.desktop .dropdown-menu>li>a {
    font-size: 16px;
}
body#body .dropdown-menu>li>a {
    padding: 10px 20px;
}
body#body .navbar .nav>.active>a,
body#body .navbar .nav>.active>a:hover,
body#body .navbar .nav>.active>a:focus {
    color: var(--first-color);
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: none;
    border-radius: 0px;
}
body#body .navbar .nav {
    float: none ;
}
.navbar .nav > li {
  display: inline-block;
}
nav.navbar-wrapper.innerwidth {
    margin: 0 auto;
}
.navbar {
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    z-index: 999;
}
body.site .dropdown-menu {
    padding: 0px;
}
body.mobile button.btn.btn-navbar span.icon-bar:nth-of-type(2) {
    opacity: 1;
}
body.mobile button.btn.btn-navbar span.icon-bar:nth-of-type(3),
body.mobile button.btn.btn-navbar span.icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(0px) translateX(0) rotate(0deg);
    -ms-transform: translateY(0px) translateX(0) rotate(0deg);
    transform: translateY(0px) translateX(0) rotate(0deg);
} 
body.mobile button.btn.btn-navbar.btn-modify span.icon-bar:nth-of-type(2) {
    opacity: 0;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}
body.mobile button.btn.btn-navbar.btn-modify span.icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(8px) translateX(0) rotate(35deg);
    -ms-transform: translateY(8px) translateX(0) rotate(35deg);
    transform: translateY(8px) translateX(0) rotate(35deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
body.mobile button.btn.btn-navbar.btn-modify span.icon-bar:nth-of-type(3) {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-35deg);
    -ms-transform: translateY(-8px) translateX(0) rotate(-35deg);
    transform: translateY(-8px) translateX(0) rotate(-35deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
} 
body#body .btn-navbar .icon-bar+.icon-bar {
    margin-top: 4px;
}
body#body .navbar .btn-navbar .icon-bar {
    width: 40px;
    height: 4px;
    box-shadow: none;
}
body#body button.btn.btn-navbar {
    text-shadow: none;
    background-image: none;
    background: transparent;
    border: none;
    box-shadow: none;
}
  /*hover / current active states*/
body#body.desktop .dropdown-menu>li>a:hover,
body#body.desktop .dropdown-menu>li>a:focus,
body#body.desktop .dropdown-submenu:hover>a,
body#body.desktop .dropdown-submenu:focus>a {
    color: #fff !important;
    text-decoration: none;
    background-color: var(--first-color);
    background-image: none;
    filter: none;
}
body#body.desktop .dropdown-menu>.active>a,
body#body.desktop .dropdown-menu>.active>a:hover,
body#body.desktop .dropdown-menu>.active>a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: var(--first-color);
    background-image: none;
    filter: none;
}
body#body .navbar .nav>li>.dropdown-menu:after { /*submenue triangle in hoverfarbe*/
    border-bottom: 6px solid #e8e8e8;
}
    /*<--END hover / current active states*/


 /* Activates hovering the main items to show the sub items */
@media (min-width: 980px) {
   .nav-pills > li > a,
   .dropdown-menu {
      margin: 0;
   }
 
   .nav-pills > li.dropdown:hover ul.dropdown-menu,
   .nav-tabs > li.dropdown:hover ul.dropdown-menu {
      display: block;
   }
 
   .nav-pills > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu,
   .nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu {
      display: none;
   }
 
   .nav-pills > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu,
   .nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
      display: block;
   }
}

/* Submenus below each other */
@media (max-width: 733px) {
   .dropdown,
   .dropdown-submenu {
      display: block;
      position: static;
      float: none;
   }
   .dropdown-menu {
      position: static;
      float: none;
   }
   .open .nav-child.dropdown-menu {
      display: block;
      background-color: transparent;
      border: none;
      border-radius: 0;
      box-shadow:none;
   }
}
.praxis-historie--item {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
}
div.praxis-historie {
    margin-bottom: 60px;
}
.content-banner {
    background: #459df5;
    color: #fff;
    padding: 10px 0px;
    margin-bottom: 60px;
}
body.site h2.uppercase.intro-heading {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.05em;
}
body.site h3.intro-heading {
    font-size: 14px;
    letter-spacing: 0.05em;
}
body.site.desktop h3.intro-heading {
    font-size: 16px;
}
body.site .praxis-historie--item h2,
.unsere-praxis-bottom--item h2 {
    margin-top: 0px;
    font-size: 22px;
    letter-spacing: 1.4px;
    line-height: 34px;
}
body#body .unsere-praxis-bottom--item h2
body#body .praxis-historie--item h2 {
    letter-spacing: 1.4px;
    line-height: 28px;
}
.content-banner h2 {
    font-size: 16px;
    margin-top: 0px;
}
.content-banner p {
    -webkit-font-smoothing: antialiased;
}
.praxis-historie--container {
    padding: 30px 0px;
    background: #f7f7f7;
    color: #989898;
}
/*.praxis-historie--item img,
.item-image img {
    box-shadow: 0px 20px 50px -10px #d4d4d4;
}*/
body.desktop .pull-right.item-image,
body.tablet .pull-right.item-image {
    width: 50%;
    text-align: right;
}
.behandlung--container {
    margin: 0px 0px 60px;
}
body.site h2.behandlung--heading {
    margin-top: 0px;
    line-height: 40px;
}
.team--Container__img {
    width: 370px;
}
.team.team--Container {
    margin-bottom: 90px;
}
.item-page.praxisteam h2,
.item-page.praxisteam h2 {
    font-size: 24px;
    margin-bottom: 30px;
}
body.site .team--Container__text h2 {
    color: #747474;
    font-size: 28px;
    margin-bottom: 0px;
}
.team--Container__text {
    margin-left: 30px;
}
body.desktop .team--Container__text {
    margin-left: 130px;
}
body.site .team--Container__text h3 {
    font-size: 18px;
    line-height: 20px;
    margin: 0px;
    letter-spacing: initial;
}

/* non-critical CSS */
body.incognito .praxis-historie--container {
    margin-top: 60px;
}
.unsere-praxis-bottom--item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    color: #989898;
    margin-right: 50px;
}
.unsere-praxis--container {
    margin: 60px 0px 0px;
    background: url(https://www.kfo-planegg.de/images/kfo-planegg-unsere-praxis-bckgr.jpg) no-repeat center;
    background-size: cover;
    padding: 20px 0px;
}
div#copyright {
    background: #f8f8f8;
}
.copyWrapper {
    text-align: center;
}
a.imprLink {
    padding: 0px 20px;
    color: #444;
    font-size: 16px;
}
.copyWrapper--date {
    padding: 10px 20px;
    margin-bottom: 0px;
    font-size: 12px;
}
.copyWrapper {
    padding: 15px 0px;
}
body#body .footer-info--item h4 {
    font-size: 13px;
    font-family: 'quicksandbold';
    line-height: 20px;
    margin: 0 0 10px;
}
.footer-info--item h3 {
    font-size: 22px;
}
.footer-info--item a {
    color: #333;
}
.footer-info--item img {
    width: 35px;
}
.footer-info {
    padding: 0px 0px 50px;
    overflow: hidden;
}
.footer-info--item {
    max-width: 220px;
}
.motto.startFade.add-Ani p:last-of-type {
    margin-bottom: -1px;
}
.fullwidth.blue-banner {
/*    height: 160px;*/
    background: var(--first-color);
    text-align: center;
    margin-bottom: 50px;
}
.fullwidth.blue-banner img {
    padding: 15px 0px;
}
body#body .motto h2 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px;
}
body#body .motto h3 {
    font-size: 14px;
    letter-spacing: 1px;
}
body#body.desktop .motto h3 {
    font-size: 16px;
}
.motto {
    text-align: center;
}
/*.motto img.motto-img {
    height: 245px;
}*/
body.desktop .motto {
    height: 381px;
}

body#body .praxis-nav--item h3 {
    font-family: 'quicksandbold';
    line-height: 30px;
}
.praxis-start h2.small {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
}
h3.welcome {
    font-size: 40px;
    line-height: 20px;
}
body#body .h2-historie {
    line-height: 30px; 
    letter-spacing: 1.4px; 
}
body#body .h3-historie {
    font-size: 16px;
    letter-spacing: 0.7px;
    line-height: 20px;
    margin: 0px 0px 30px;
}
body.desktop .praxis-historie--item img {
    margin-top: 7px;
}

/*resize Alarm*/
body.desktop #resizeAlarm {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    z-index: 999;
}
body.desktop #resizeAlarm p {
    line-height: 80px;
    color: #fff;
    font-size: 21px;
    text-shadow: 2px 2px 3px #333333;
    -webkit-transform: translate(0%,50%);
        -ms-transform: translate(0%,50%);
            transform: translate(0%,50%);
}

/*cookie control*/
body#body #cookiesck .cookiesck_inner a,
a.cookieImp {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
}
body#body #cookiesck_accept {
    background: #fff;
    color: #349ef0;
    float: none;
    width: 100px;
    margin: 20px auto 0px !important;
    border: 1px solid #fff;
}
body#body #cookiesck_readmore {
    margin: 1px 0px 1px 1px;
    color: #fff;
    float: none;
    text-decoration: underline;
    padding: 10px 10px 10px 0px;
}
body#body #cookiesck {
    padding: 5px 10px 5px;
    font-size: 16px;
}
body#body #cookiesck_readmore:hover,
body#body a.cookieImp:hover {
    color: #eee832;
}
body#body #cookiesck .cookiesck_inner,
a.cookieImp {
    display: initial;
    line-height: 20px;
}
body#body #cookiesck_accept:hover {
    font-size: initial;
    background: #349ef0;
    color: #fff;
    border-color: #fff;
}
@media(max-width: 1280px) {
  body#body.site div#cookiesck span {
      font-size: 14px !important;
  }
  body#body.site #cookiesck_readmore {
      padding: 0px 3px 0px 0 !important;
  }
  body#body.site #cookiesck_accept {
      float: none !important;
      margin: 10px auto !important;
  }
  body#body.site #cookiesck {
      text-align: left !important;
      line-height: 25px !important;
        text-align: center !important;
  }
}
@media(max-width: 1366px) {
  body#body.mobile #cookiesck_accept {
      width: 100px;
  }
    body#body.mobile #cookiesck {
        font-size: 14px;
    }  
}