/* media screen
----------------------------------------------------------------*/
@media screen {
    /*colors
    Grey #2B2B2B
    Blue #90ACC1
    Light Blue #C9DCEA
    Violet #AB9AAE
    Medium Violet #c4b6c8
    Light Violet #DBD0DE
    Brown #B8A897
    Light Brown #DCCCBD
    Red #990000
    */

    .bg-grey {background-color: #434141; color: #fff; }
    .bg-blue {background-color: #90ACC1; color: #fff; }
    .bg-light-blue {background-color: #C9DCEA; }
    .bg-violet {background-color: #AB9AAE;  color: #fff; }
    .bg-medium-violet{background-color: #c4b6c8; }
    .bg-light-violet{background-color: #DBD0DE; }
    .bg-brown {background-color:#B8A897; }
    .bg-light-brown {background-color:#DCCCBD; }
    .bg-red {background-color:#990000; color: #fff;}
    .bg-green {background-color:#3d9c75; color: #fff;}

	.bg-light-blue a,
    .bg-green a{
		color: #fff;
		border-bottom: 1px solid #fff;
	}

	.bg-light-blue a:hover, 
	.bg-light-blue a:active,
	.bg-light-blue a:visited {
		color: #222;
		border-bottom: 1px solid #222;
	}
	
	.bg-green a:hover, 
	.bg-green a:active,
	.bg-green a:visited {
		color: #ddd;
		border-bottom: 1px solid #ddd;
	}
	
	.bg-light-blue .text-transparent {
    	color: #fff;
	}


    body {
        background-color: #EEEEEE;
        font-family: 'FoundryMonoline', sans-serif;
        color: #434141;
        line-height: 1.6;
        font-weight: 400;
        --transition: all 0.4s cubic-bezier(.25,.1,.25,1);
    }

    .logo {
        float: left;
        width: 120px;
    }


    #main {
        -webkit-box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.3);
        box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.3);
        background: #fff;
    }

    .block,
    .float_above {
        margin-bottom: 0;
    }
/*     
    .float_above_box .content-div {
        margin-top: 1.6rem;
    } */


    
    /* #icons-article */
    #icons-article .inside_art {
        width: 100%;
    }

    #icons-article .ce_text .inside_ce {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    #icons-article .ce_text img {
        width: 50%;
        margin: auto;
    }

    #icons-article .ce_text .content-div {
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        display: none;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.6);
        font-size: 1.5rem;
        font-weight: 600;
    }
    
    #icons-article .slick-slide img,  #icons-article .slick-slide picture {
        position: relative;
    }

    #icons-article .ce_text.showText .content-div {
        animation: showText 1s 200ms both;
        display: block;
    }
    .mobile #icons-article .ce_text.showText .content-div {
        animation: none;
        display: block;
    }

    @keyframes showText {
        0%{
            opacity: 0;
            transform: translate3d(0, 200px, 0);
            animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0px, 0);
        }
    }
    /* #icons-article ends */

    /* text-bg-shade */
    .mod_article.article-bg-shade,
    .text-bg-shade.ce_text .content-div {
        -webkit-box-shadow: inset 0px 89px 100px -100px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0px 89px 100px -100px rgba(0,0,0,0.15);
        box-shadow: inset 0px 89px 100px -100px rgba(0,0,0,0.15);
    }
    /* text-bg-shade  ends */


    /* icons/qoutes slider */
    #icons-article .slick-arrow,
    #art_slider .slick-arrow {
        position: absolute;
        top: 50%;
        left: 0;
        cursor: pointer;
    }

    #icons-article .slick-arrow.slick-next,
    #art_slider .slick-arrow.slick-next {
        right: 0;
        left: auto;
    }

    #icons-article .slick-arrow:hover,
    #art_slider .slick-arrow:hover {
        background: rgba(255, 255, 255, 0.1)
    }

    #art_slider .slick-track {
        min-height: 50px;
        height: auto;
    }

    #art_slider .slick-slide .inside_ce {
        padding: 0 5rem;
    }


    #icons-article .slick-arrow,
    #art_slider .slick-arrow {
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 0;
        box-shadow: none;
        text-indent: -100000px;
        overflow: hidden;
        padding: 10px;
    }


    #icons-article .slick-arrow::before,
    #art_slider .slick-arrow::before{
        content: "";
        transform: rotate(45deg);
        transform-origin: center;
        border: 4px solid #fff;
        display: inline-block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        opacity: 1;
    }

    #icons-article .slick-arrow.slick-prev::before,
    #art_slider .slick-arrow.slick-prev::before  {
        border-top: 0;
        border-right: 0;
        left: 16px;
    }
    #icons-article .slick-arrow.slick-next::before,
    #art_slider .slick-arrow.slick-next::before  {
        border-bottom: 0;
        border-left: 0;
        right: 16px;
    }
    /* icons/qoutes slider ends */


    /* Angebot icon */
    #Implantate .image_container{
        background-color: #90ACC1; 
    }
    #Zahnreinigung .image_container{
        background-color: #C9DCEA; 
    }
    #Fuellungstherapie .image_container{
        background-color: #DCCCBD; 
    }
    #Oralchirurgie .image_container{
        background-color: #B8A897; 
    }    
    #Bleaching .image_container{
        background-color: #AB9AAE; 
    }    
    #Kieferchirurgie .image_container{
        background-color: #DBD0DE; 
    }  
    #Stomatologie .image_container{
        background-color: #90ACC1; 
    }

    .angebot-icon {
        margin: 50px 0;
    }

    .angebot-icon .image_container{
        float: left;
        width: 100px;
        margin-bottom: 1rem;
    }

    .angebot-icon .content-div {
        clear: both;
    }

    /* Angebot icon ends */

.imgframe figure {
	border : 1px solid #ccc;
}

    /* telefone & email link */
    .telefone-link a[href*="tel"],
    .email-link a[href*="mailto"] {
        position: relative;
        padding-left: 60px;
        line-height: 70px;
        color: #fff;
        border-bottom: none;
        font-size: 2.45rem;
        font-weight: 600;
        display: inline-block;
    }
    .telefone-link a[href*="tel"]:before,
    .email-link a[href*="mailto"]:before {
        content: "";
        display: block;
        background-image: url(../images/icons/Call.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: -10px center;
        width: 70px;
        height: 70px;
        position: absolute;
        left: 0;
    }

    .email-link a[href*="mailto"]:before {
        background-image: url(../images/icons/email.svg);
    }
    /* telefone ends */



    #footer-like .ce_text {
        margin-bottom: 1rem;
    }
    #footer-like .two-fifth {
        margin-bottom: 2rem;
    }



    /* downloads */
    li.download-element {
        display: block;
        padding: 3px 25px 3px 0;
        position: relative;
        background: none;
    }

    li.download-element:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        width: 23px;
        height: 23px;
        background-color: white;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/icons/pdf.svg);
    }

    li.download-element.ext-jpg:after {
        background-image: url(../images/icons/pdf.svg);
    }

    .ce_downloads li a {
        display: block;
        border-bottom: 0;
        padding: 3px 9rem 3px 2px;
        position: relative;
    }

    .ce_downloads li a:hover {
        background-color: #fff;
    }

    .ce_downloads li .size {
        width: auto;
        position: absolute;
        right: 0.5rem;
        top: 3px;
    }
    /* downloads end */


    #header.shadow {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    }

}
/*@media ends*/




/* Media Query
-----------------------------------------------------------------*/
/* resize bigger */
/* display with min width 479 iphone portrait */
@media only screen and (max-width: 479px) {

}

/* display with min width 375 iphone 6/7/8 portrait */
@media only screen and (min-width: 375px) {
    #icons-article .slick-track {
        height: 50vw;
    }
}

/* display with min width 414 iphone plus */
@media only screen and (min-width: 414px) {
}


/* display with min width 480 iphone landscape */
@media only screen and (min-width: 480px) {
    #icons-article .slick-track {
        height: 33.33vw;
    }
}

/* display with min width 736 iphone plus landscape */
@media only screen and (min-width: 736px) {

    .angebot-icon .image_container{
        float: left;
        width: 25%;
        margin-right: 3rem;
        background-color: #2B2B2B;
    }


    .angebot-icon .content-div {
        clear: none;
    }

}

/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {

    .logo {
        width: 120px;
    }

    /* sticky header */
    .header-wrap {

    }


    #icons-article .slick-track {
        height: 25vw;
    }

}


/* min-width:940 */
@media only screen and (min-width: 940px) {
    .logo {
        width: 180px;
    }    
}

/* min-width:1024 ipad landscape*/
@media only screen and (min-width: 1024px) {
    .logo {
        width: 190px;
    }

    #icons-article .ce_text .content-div {
        font-size: 2rem;
    }

    /* downloads */
    li.download-element {
        margin-right: 1.5rem;
    }
    .ce_downloads li a {
        padding-left: 1.5rem;
    }


    #icons-article .slick-track {
        height: 240px;
    }
}

/* min-width:1025  */
@media only screen and (min-width:1025px)   {

}

/* min-width:1100  */
@media only screen and (min-width:1100px)   {

}
/* min-width:1200  */
@media only screen and (min-width:1200px)   {
    .logo {
        width: 210px;
    }

    /* #icons-article */
    #icons-article .ce_text img {
        width: 60%;
        margin: auto;
    }
    #icons-article .ce_text .content-div {
        font-size: 2.25rem;
    }
    /* #icons-article ends */

    #icons-article .slick-track {
        height: 293px;
    }
}

@media only screen and (min-width: 1300px) {
}

.mobile #icons-article .ce_text .content-div {
    display: block;
}




/* DecoBorder Query
--------------------*/
@media screen {
    #container #main {
        background-repeat: repeat-y;
        background-position: -10px top;
    }
    .blue-border #container #main {
        background-image: url(../images/bg/blue.jpg);
    }
    .red-border #container #main {
        background-image: url(../images/bg/red.jpg);
    }
    .yellow-border #container #main {
        background-image: url(../images/bg/yellow.jpg);
    }        
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    #container #main {
        background-position: left top;
    }    
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* DecoBorder ends
--------------------*/


/* gallery style
--------------------*/
@media screen {

    .ce_gallery .cols_6 li{
        width: 33.33%;
        padding-bottom: 33.33%;
        position: relative;
    }

    /* show only 2 rows */
    .ce_gallery .cols_6 li {
        display: none;
    }
    .ce_gallery .cols_6 li.row_0, 
    .ce_gallery .cols_6 li.row_1 {
        display: block;
    }
    /* show only 2 rows end */

    .ce_gallery {
        padding: 0 !important;
    }

    .ce_gallery figure {
        margin: 0;
        overflow: hidden;
    }

    .ce_gallery figure a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .ce_gallery a:before {
        display: none;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.65) url(../images/icons/plus.svg) center center no-repeat;
        background-size: 30%;
        z-index: 1;
    }
    .ce_gallery a:hover:before {
        display: block;
    }

    .ce_gallery img {
        transform-origin: center;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .ce_gallery .cols_6 li{
        width: 16.666%;
        padding-bottom: 16.666%;
        position: relative;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

        
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* gallery ends
--------------------*/


/* Mood Query
--------------------*/
@media screen {
    .mood {
        margin-bottom: 60px;
        background: linear-gradient(180deg, #434141 0%, rgba(67, 65, 65, 1) 100%);
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mood.mod_article{
        padding-bottom: 0 !important;
    }

    .mood * {
        color: #fff !important;
    }

    .mood .ce_image {
		margin: 0;
		padding: 0;
    }
    
    .mood .ce_text .inside_ce{
        padding: 3rem 1rem;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .mood {
        min-height: 400px;
        margin-bottom: 60px;
    }

    .mood .image_container,
    .mood .image_container img {
        min-height: 400px; 
        object-fit: cover;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Mood ends
--------------------*/