/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

p a {
	text-decoration:underline !important;
} 

.page-id-46 p a {
	text-decoration:none !important;
}

div#main-nav a {
    text-decoration: none !important;
}

a:link, a:visited{text-decoration:none!important;}


/*HOME BOXES*/
.square-glossar{background: url(/wp-content/uploads/TeaserbildGlossar.jpg);background-size:contain;}
.square-team {background: url(/wp-content/uploads/praxisteam-astrid-irmisch-scaled.jpg);background-size:contain;}
.square-leistungen {background: url(/wp-content/uploads/TeaerbildLeistungen-1.jpg);background-size:contain;}
.square-kontakt {background: url(/wp-content/uploads/dr-astrid-irmisch-an-der-rezeption.jpg);background-size:contain;}

.square-blue .square-title {background:#b1c4ce}
.square-brown .square-title {background:#735f54}
.square-blue .square-title h3 {color:#735f54}
.square-brown .square-title h3 {color:#b1c4ce}


/*LEISTUNGEN BOXES*/
.square-hautkrebs {background: url(/wp-content/uploads/hautkrebs-2.jpg);background-size:contain;}
.square-vorsorge {background: url(/wp-content/uploads/vorsorge_neu.jpg);background-size:contain;}
.square-venen {background: url(/wp-content/uploads/VenenSquare.jpg);background-size:contain;}
.square-operationen {background: url(/wp-content/uploads/Operation.jpg);background-size:contain;}
.square-laser {background: url(/wp-content/uploads/laser-behandlung-bei-astrid-irmisch.jpg);background-size:contain;}
.square-aesthetik {background: url(/wp-content/uploads/aesthetik-bei-astrid-irmisch.jpg);background-size:contain;}
.square-kosmetik {background: url(/wp-content/uploads/kosmetische-behandlung-bei-astrid-irmisch.jpg);background-size:contain;}
.square-sonstiges {background: url(/wp-content/uploads/SonstigesSquare.png);background-size:contain;}



.home-square {
    width: 100%;
    padding-bottom: 100%;
    height: 0;
}

.square-title {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: red;
}

.square-title h3 {
    padding-top: 41%;
    font-size: 2vw;
    text-align: center;
}
@media (max-width:992px){
	.square-title h3 {font-size:24px;}
}

.home-square:hover .square-title {background:transparent; transition: all 0.5s ease-in-out;}

#home-quote p {font-size: 24px;}

#main-nav ul#menu-haupt-menue a {font-size: 1.5vw;}

#main-nav {background: rgba(255,255,255,0.7);}

ul.leistung-liste {list-style-type: square; padding-left: 23px;}

ul.leistung-liste li:nth-child(even) {color:#735f54; font-size: 1.5em;}

ul.leistung-liste li:nth-child(odd) {color:#b1c4ce; font-size: 1.5em;}

ul.leistung-liste > li > span {color: #333; font-size: 2rem;}

.pp-tabs-style-5 .pp-tabs-label {
    background-color: #735f54 !important;
	color:#fff !important;
}

.pp-tabs-style-5 .pp-tab-active span.pp-tab-title {color:#333 !important;}


.pp-tab-label-inner {border-right: 1px solid #fff;}

@media (min-width:1100px) {
/*****Hautkrebs tabs*****/
.page-id-71 .pp-tab-label-inner {height: 176px !important;}

/*****Vorsorge tabs*****/
.page-id-73 .pp-tab-label-inner {height: 265px !important;}

/*****Venen tabs*****/
.page-id-76 .pp-tab-label-inner {height: 212px !important;}

/*****Operationen*****/
.page-id-308 .pp-tab-label-inner {height: 265px !important;}

/*****Laser*****/
.page-id-82 .pp-tab-label-inner {height: 176px !important;}

/*****Ästhetik*****/
.page-id-311 .pp-tab-label-inner {height: 265px !important;}

/*****Sonstiges*****/
.page-id-90 .pp-tab-label-inner {height: 353px !important;}
}


#glossar p {float:none !important;width: 100% !important;}

@media (max-width:1100px) {
	.fl-page{
		padding-top:60px;
		margin-bottom:45px;
	}
	#home-quote p span {
		font-size: 20px !important;
	}
	ul.leistung-liste {
    font-size: 12px !important;
	}
}

div#responsive-menu-pro-header-bar-logo img {
    max-height: 50px;
}

div#responsive-menu-pro-title img {
    max-height: 100px;
}
div#responsive-menu-pro-title {
    text-align: center;
}
.header-bild img {
    width: 2560px;
}

body {
	hyphens: auto;
}