/*
 Theme Name:   Divi Child
 Description:  Mein Child Theme
 Author:       PureHost
 Author URI:   http://www.pure-host.de
 Template:     Divi
 Version:      1.0
 Text Domain:  Divi-Child
*/

/*  anfrage-app */
.c-anfrage-app {
    position: fixed;
    z-index: 9999;
    right: 0;
    top: calc(50% - 200px);
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    max-height: 100%;
    background-color: #549f97;
    overflow-y: auto; 
	padding: 5px;
	border-radius: 5px 0 0 5px;
}

.c-tablinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
 }
@media screen and (min-width: 1200px) {
    .c-tablink__img {
        display: block;
        height: auto;
        width: 100%;
    }

    .c-tablink__text {
        display: none;
    }

    .c-tablinks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column; } }
.c-tablinks .c-tablink {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
	background-color: #549f97;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    min-width: 29%;
    min-height: 40px;
    padding: 12px 10px;
    line-height: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
	}


@media screen and (max-width: 1199px) {
.c-tablink__text {
        display: block;
    }

.c-tablink__img {
        display: none!important;
    }

.c-anfrage-app {
	bottom: 0;
	top: auto;
	width: 100%;
}

.js-tablink {
	border: none;
}

.c-icon-request::after {
	content: url('ico-request.png');
  display: block;
  width: 40px;
}
.c-icon-mail::after {
	content: url('ico-mail.png');
  display: block;
  width: 40px;
}
.c-icon-tel::after {
	content: url('ico-tel.png');
  display: block;
  width: 40px;
}