/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v34-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-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-500 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

  /* ubuntu-regular - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  
/*=========================================================*/


/*========CONTENT==========================================*/


/*=========================================================*/

@media (max-width:1100px) {

    .logo {
        /*        width: 35%;*/
        width: 250px;
        height: auto;
        float: left;
        padding-top: 10px;
        
    }

    /*    HEADERTEXT*/
    /*    textbox */
    .textbox1 {
        max-width: 760px;
        margin: 30px auto 30px auto;
    }
    .img_1040 {
        max-width: 790px;
    }
    /*Startseite:: 3 Boxes */
    .r-element {
        width: 250px;
        margin: 10px;
    }
    .r-element p {
        padding: 0px 20px;
    }
    .r-element img {
        width: 250px;
    }
    /*    GALLERIE*/
    .gal-container {
        width: 750px;
    }
    /*Praxis */
    .container1040 {
        width: 750px;
    }
    /*        TEAM*/
    .portfolio-flex {
        width: 90%;
    }
    .porfolio-text h2 {
        font-size: 1.5rem;
    }
    .card {
        width: 200px;
    }
    .card img {
        width: 200px;
        height: auto;
    }
    .card span {
        font-size: 1.5rem;
    }
    .card__expander {
        width: calc(300%);
    }
    .card:nth-of-type(3n+2) .card__expander {
        margin-left: calc(-100%);
    }
    .card:nth-of-type(3n+3) .card__expander {
        margin-left: calc(-200%);
    }
    .card:nth-of-type(3n+4) {
        clear: left;
    }
    .card__expander {
        width: calc(300%);
    }
    /*        KONTAKT*/
    .hoursWrapper {
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }
    form {
        width: 90%;
    }
    /*                    HEADERBILD*/
    .caption_v2_start h1,
    .caption_v2_rest h1 {
        font-size: 3.5rem;
    }
}

@media screen and (min-width: 1100px) {
    .card:nth-of-type(3n+2) .card__expander {
        margin-left: calc(-100% - 30px);
    }
    .card:nth-of-type(3n+3) .card__expander {
        margin-left: calc(-200% - 60px);
    }
    .card:nth-of-type(3n+4) {
        clear: left;
    }
    .card__expander {
        width: calc(300% + 60px);
    }
}

/*TEXT*/
@media (max-width:820px) {
/*    textbox */

.textbox1 {
    max-width: 760px;
    padding: 0px 30px 0px 30px;
}

.ueberschrift1 img {
    height: 23px;
    margin-top: 3px;
}

.ueberschrift1 h2 {
    font-size: 1.5rem;
    margin: 0px 0px 0px 10px;
}

.img_1040 {
    width: 100%;
}


/*Startseite:: 3 Boxes */

.row-with3boxes {
    flex-direction: column;
    align-items: center;
}

.r-element {
    width: 400px;
    margin: 5px;
}

.r-element p {
    padding: 0px 20px;
}

.r-element img {
    width: 400px;
}


/*    GALLER*/

.gal-container {
    width: 500px;
}


/*Praxis */

.container1040 {
    width: 90%;
    margin: auto;
}


/*
.portfolio-img {
width: 200px;
height: 300px;
}
*/


}

/*TEXT*/
@media (max-width:680px) {
    /*STARTSEITE:: Herzlich Willkommen Text*/
    /*    GALLER*/
    
    .gal-container {
        width: 450px;
    }
    
    .gal-item img {
        width: 150px;
    }
    
    .container1040 {
        margin-top: 30px;
    }
    
    .portfolio-flex {
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }
     .portfolio-img {
         float: none;
        max-width: 280px;
         height: auto;
        margin: 30px auto 10px auto;
    }
    .porfolio-text h2 {
        font-size: 1.5rem;
        letter-spacing: 1px;
        text-align: center
    }
    
    .cards {
        flex-direction: column;
        justify-content: center;
        align-content: center;
        margin: auto;
    }
    
    .card {
        width: 280px;
        margin: auto;
    }
    
    .card img {
        width: 280px;
    }
    
    .card:nth-of-type(3n+2) .card__expander {
        margin-left: 0px;
    }
    
    .card:nth-of-type(3n+3) .card__expander {
        margin-left: 0px;
    }
    
    .card:nth-of-type(3n+4) {
        clear: left;
    }
    
    .card__expander {
        width: calc(100%);
        /* hyphens */
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        hyphens: auto;
    }
    /*        Kontakt*/
    
    .hoursContent {
        width: 450px;
        padding: 10px 10px;
    }
}
@media (max-width:480px) {
    .caption_v2_start h1,
    .caption_v2_rest h1 {
        font-size: 2.5rem;
    }
    /*    GALLER*/
    
    .gal-container {
        width: 300px;
    }
    
    .gal-item img {
        width: 100px;
    }
    /*        KONTAKT*/
    
    .hoursContent {
        width: 300px;
    }
}
@media (max-width:420px) {
    .r-element {
        width: 300px;
    }
    
    .r-element img {
        width: 300px;
    }
}

/*=========================================================*/

/*========NAVIGATION=======================================*/

/*=========================================================*/
@media (min-width:982px) {
    .menu {
        display: none;
    }
}
@media (max-width:982px) {
    nav {
        display: none;
    }
    /* Icon 3 */
    
    #nav-icon3 {
        width: 40px;
        height: 20px;
        position: absolute;
        bottom: 25px;
        right: 50px;
        /*        margin: 50px auto;*/
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        cursor: pointer;
        z-index: 10000;
    }
    
    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #0c2643;
        border-radius: 20px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    /* Icon 3 */
    
    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }
    
    #nav-icon3 span:nth-child(2),
    #nav-icon3 span:nth-child(3) {
        top: 10px;
    }
    
    #nav-icon3 span:nth-child(4) {
        top: 20px;
    }
    
    #nav-icon3.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    
    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    #nav-icon3.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    /*    END ICON 3*/
    
    .menu {
        z-index: 1000000;
        font-size: 1.1rem;
        width: 100%;
        height: auto;
        background: #0c2643;
        opacity: 0.9;
        position: absolute;
        top: 100px;
        margin: 0px;
        text-align: right;
    }
    
    .menu ul {
        margin: 0;
        padding: 15px 0px;
        list-style-type: none;
        list-style-image: none;
    }
    
    .menu li {
        display: block;
        padding: 5px 55px 5px 0;
        letter-spacing: 1px;
        font-weight: 100;
    }
    
    .menu li:hover {
        display: block;
        background: #a7d2ec;
    }
    
    .menu ul li a {
        text-decoration: none;
        margin: 0px;
        color: #fff;
    }
    
    .menu ul li a:hover {
        color: #FFF;
        text-decoration: none;
    }
}

/*=========================================================*/

/*============================FOOTER=======================*/

/*=========================================================*/
@media (max-width:1100px) {
    .footer-contact li:nth-child(1) {
        margin: 5px 40px;
    }
}
@media (max-width:920px) {
    .bgimg-2,
    footer {
        height: 780px;
    }
    
    .footer-contact ul {
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }
    
    .footer-contact li:nth-child(1) {
        width: auto;
        margin: 0px;
        text-align: center;
    }
    
    .footer-contact img {
        width: 100px;
    }
    
    .footer-contact li:nth-child(2) {
        width: auto;
        text-align: center;
    }
    
    .footer-contact-innerflex h2 {
        font-size: 1.1rem;
    }
    
    .footer-contact-innerflex-2 h3 ,
.footer-contact-innerflex-2 table{
        font-size: 0.8rem;
        letter-spacing: 0.1rem;
        margin-right: 0px;
    }
    
.footer-contact-innerflex-2{
        display: flex;
        flex-direction: column;
    }
    .footer-contact-innerflex-2 table{
        margin: 10px auto;
        text-align: left;
    }
    .impressum-da-ha ul {
        flex-direction: column;
        align-content: flex-start;
        text-align: right;
    }
     .impressum-da-ha li {
       height: auto;
        font-size: 1rem;
    }
}
/*
@media (max-height:850px) {
    .bgimg-2 {
        display: none;
    }
    
    footer {
        position: inherit;
        height: auto;
    }
}*/
@media (max-height:650px) {
    .bgimg-2 {
        display: none;
    }
    
    footer {
        position: inherit;
        height: auto;
    }
}