html, body{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
.col,.row, .container-fluid{
    padding: 0px;
    margin:0px;
}
.font-size-13 {
	font-size: 13px;
}
.green-hook-list {
	margin-bottom: 50px;
}
.line-separator {
	margin-left: 19px;
	margin-right: 19px;
	margin-bottom: 15px;
}
.line-separator-title {
	margin-bottom:0px;
}

.img-adv-bg {
	background-image: url("../img/PAX_AdvBG.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.img-adv {
	margin-top: 35px;
	margin-bottom: 70px;
}
.adv-textbox {
	background-color: #2C98B6;
}

.quotes {
	margin-right: 15px;
}

.cust-quotes {
	background-image: url("../img/striche/line_yellow_big.png");
	background-repeat: no-repeat;
	background-size: 110% 120%;	
	min-height: 120px;
}
.container-fluid{
    padding:0px;
}


#features_details_box.card{
	padding: 15px;
    min-height: 200px;
}

.cards-boxes {
	max-width: 360px;
}

.size-40 {
	font-size: 40px;
}

.size-32 {
	font-size: 32px;
}
.size-34 {
	font-size: 34px;
}
.size-38 {
	font-size: 38px;
}
.size-15 {
	font-size: 15px;
}
#logo_header{
	width:330px;
	height:80px;
}
html{
	font-size:19px;
}
.font-size-14-5{
	font-size: 14px;
}


.container{
	display:flex;
	flex-direction: row;
	flex-basis: auto;
	justify-content: center;
	flex-wrap: nowrap;
}

body, html{
    font-family: 'Source Sans Pro', sans-serif;
   width:100%;
   margin-right: 0px;

}

h6{
    font-size: 18px;
}
p{
    font-size: 12px;
}
nav.navbar.navbar-expand-lg.navbar-light{
    padding:0;
}
#hamburger_menu{
    position:absolute;
    padding:0;
}
.container, .row, .col{
    padding: 0;
    margin: 0;
}

#header_box
{
    margin-left: 20px;
}

.fa-quote-right{
    font-size: 30px;
    color: #EE899C;
    height: 50px;
    min-height: 50px;
}

.green-hook-list {
	margin-bottom: 50px;
}

.fa-circle{
    font-size: 8px;
    margin-top: 1.3em;
}

/* 
Fonts
*/  
.font_light_blue{
    color: #3FB9CA;
}

/*
Colors
*/
.font-pink {
    color: #EE899C;
}
.font-blue {
	color: #2C98B6;
}
.font-white{
    color: #ffffff;
}
.font-grey
{
    color: #666666;
}

.font-green{
    color: #60B78B;
    letter-spacing: 0.6px;
}

.bg_light_grey{
    background-color:#F8F6F0
}
.btn-warning{
    background-color:#FF8C00;
    border-color: #FF8C00;
    border-radius: 0;
    width: 320px;
    font-size: 19px;
    font-weight: 600;
}

.bg-grey{
	background-color: #F8F6F0;
}


#header_row{
    margin-top: 4%;
    
}
.size-12
{
    font-size: 12px;
}.size-13{
    font-size: 13px;
}.size-14{
    font-size: 14px;
}.size-15{
    font-size: 15px;
}.size-16{
    font-size: 16px;
}
.size-18{
    font-size: 18px;
}
.size-19{
    font-size: 19px;
}
.size-20
{
    font-size:20px;
}
.size-21
{
    font-size:21px;
}
.size-22
{
    font-size:22px;
}
.size-30
{
    font-size:30px !important;
}

ul{
    list-style-type: none;
    padding-left: 0;
}
li{
   
    font-size: 18px;
    letter-spacing: 0.36px;
    font-family: 'Source Sans Pro', Bold;
}

h1,h2,h3,h4,h5,h6,h{
    font-weight: 400;
}




#experten_header:after{
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    /* This will center the border. */
    width: 25%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 4px solid #EE899C;
}
.carousel-inner img{
    margin: auto;
}

.knowledge-box {
	max-width: 340px;
}

.resize-img{
  display: block;
  width: 100%;
  height: auto;	
}

.cards {
	background-image: url("../img/PAX_Cards_2_cut.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.modal-content {
  animation-name: zoom;
  animation-duration: 0.6s;
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.img-modal-icon {
	position: absolute;
	bottom: 0;
	right: 0;
}

.knowledge-cards .card {
	height: 90%;
}



.card-title{
    font-size: 22px;
}

.card-text
{
    letter-spacing: 0.19px;
}

 i.fa-check{
    color:#60B78B;
    margin-right: 12px;
}

.faq-btn {
	white-space: normal;
}

.bg-darkgrey {
	background-color:#666666;
}

p {
	font-size: 19px;
}


body{
    margin:0;
    width: 100%;
}
html{
    font-family: 'Source Sans Pro', sans-serif;
   
}


@media(min-width: 992px)
{
    a.chef-button {
        margin-bottom: 9em !important;
    }
    a.gutachter-button{
        margin-bottom: 9em !Important;
    }
}

.bg-pink{
    background-color:#EE899C;
}
.pink{
    color: #ee899c;
}
.border-pink:after{
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    /* This will center the border. */
    width: 50px; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 4px solid #EE899C;
}
.border-blue:after{
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    /* This will center the border. */
    width: 50px; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 4px solid #2C98B6;
}
.carousel-control-prev, .carousel-control-next{
 color: #707070;
   
}
.bg-grey{
    background-color:#F8F6F0;
}
.border-pink{
    border-color: #ee899c !important;
    border-width: 3px !important;
}
.border-dashed-top{
    border-top:2px dashed grey!important;
}
.border-dashed-bottom{
    border-bottom:2px dashed grey!important;
}
.bg-darkgrey{
    background-color:#666666;
}


    .fa-phone-alt, .fa-envelope{
        font-size:30px;
       color: #3FB9CA;
    }
.fa-check{
    color:#60B78B;
}
    .font-green{
       color: #60B78B;
    }
    .font-lblue{
        color: #3fb9ca;
    }
    .font-gold{
        color:#E5B446;
    }
    .font-pink{
        color: #ee899c;
    }
ul li.pink-dot{
    color: #ee899c;
    list-style-position:outside;
    
}
ul li.gutegruende{
    list-style-position: outside;
}
li>p{
    color:black !important;
   
   
}
.small-phone, .small-mail{
    font-size: 14px;
}
.btn-warning{
    background-color:#FF8C00;
    border-radius:0;
    color: white;
}
.border-dashed-right{
    border-right:2px dashed grey!important;
}
.border-dashed-left{
    border-left:2px dashed grey!important;
}
.fa-quote-right{
    font-size: 25px;
}
#hamburger_menu{
    position:absolute;
    padding:0;
    z-index: 9999;
    
}
.nav-item {
    border-bottom: solid 1px;
}
.faq-button{
    white-space: normal;
}
@media(min-width: 1200px)
{
    .bg-xl-white{
        background-color: white;
    } 
}

.bg-grey{
   
        background-color: #F8F6F0;
}
 
.font-grey{
    color:#666666;
}
.font-white{
    color: white;
}
#footer_box{
    background: -webkit-linear-gradient(90deg, #666666 82%, white 20%);
}

/* Modal CSS */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.modal-content {
  animation-name: zoom;
  animation-duration: 0.6s;
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.img-modal-icon {
	position: absolute;
	bottom: 0;
	right: 0;
}
.size-18{
    font-size:18px;
}
@media(max-width: 1199px)
{
    
}

a.chef-button{
    margin-bottom: 20em;
}
a.gutachter-button{
    margin-bottom: 20em;
}

.carousel-control-next:focus, .carousel-control-next, .carousel-control-prev, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #707070;
}
.border-width-60{
    border-width:60%;
}
.border-60:after{
    content:"";
    position:absolute;
    width:50%;
    right: 25%;
    border-bottom:2px dashed grey!important;

}
.w-65{
    width: 65% !important;
}
.h-65{
    height: 65% !important;
}
.btn-warning{
    color: white !important;
}
.bg-pax-green{
    background-image: url("../img/striche/line-green.png");
    background-size: 100% 85px;
    
}
.bg-pax-pink{
    background-image: url("../img/striche/line-pink.png");
    background-size: 100% 85px;
    
}
.bg-pax-gold{
    background-image: url("../img/striche/line-gold.png");
    background-size: 100% 85px;
    
}
.redaktion-gutachter-boxen{
    min-height: 320px !important;
    height: 320px !important;
}
.kundenstimmen-boxen{
    min-height: 250px !important;
    height: 250px !important;
}