/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Anpassung Mobile Headline-Größen */
/* === Tablet (bis 991px) === */
@media (max-width: 991px) {
  h1, .h1 { font-size: 36px !important; line-height: 1.2 !important; }
  h2, .h2 { font-size: 30px !important; line-height: 1.2 !important; }
  h3, .h3 { font-size: 26px !important; line-height: 1.2 !important; }
  h4, .h4 { font-size: 22px !important; }
  h5, .h5 { font-size: 18px !important; }
  h6, .h6 { font-size: 16px !important; }
}

/* === Smartphone (bis 575px) === */
@media (max-width: 575px) {
  h1, .h1 { font-size: 28px !important; line-height: 1.2 !important; }
  h2, .h2 { font-size: 24px !important; line-height: 1.2 !important; }
  h3, .h3 { font-size: 20px !important; line-height: 1.2 !important; }
  h4, .h4 { font-size: 18px !important; }
  h5, .h5 { font-size: 16px !important; }
  h6, .h6 { font-size: 14px !important; }
}


li{
	font-size: 18px !important;
	line-height: 1.6;
	padding-bottom: 15px;
}


.footer a{
	color: #fff !important;
	font-size: 18px !important;
}

.footer .list.list-icons li i{
	color: #fff !important;
}

.widget_nav_menu>div>ul li:before{
	font-size: 14px !important;
	vertical-align: top !important;
}

.footer .share-links a:not(:hover), .footer-top .share-links a:not(:hover) {
    background: transparent !important;
    color: #333333;
}

.startseitenvideo{
	transform: rotate(-5deg);
	margin-left: -30px;
}

.wpb_video_widget.startseitenvideo.vc_video-align-left .wpb_wrapper {
	border: 10px solid #fff !important;
    border-radius: 25px !important;
}

.footer, .footer p, .footer .widget > div > ul li, .footer .widget > ul li {
    color: #fff !important;
}

.footer .widget > div > ul, .footer .widget > ul, .footer .widget > div > ul li, .footer .widget > ul li, .footer .post-item-small {
    border-color: #fff !important;
}

/* Hauptnavigation Styling */

#header .main-menu > li.menu-item:hover > a{
    border: 1px solid #fff !important;
    border-radius: 10px 10px 0 0 !important;
}

#header .main-menu > li.menu-item.active > a{
	background: transparent !important;
	color: #fff !important;
	border: 1px solid transparent !important;
    border-radius: 10px 10px 0 0 !important;
}

#header .main-menu > li.menu-item > a {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;

}

.silbentrennung{
	hyphens: auto !important;
}


/*  KONTAKTFORMULAR */

/* Darstellung in Spalten */

.wps-form {
    width: 100%;
    margin: 0 0 50px 0;
}

.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wps-form-row .wpcf7-form-control {
    width: 100%;
}

.wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
}

.textbereich{
	margin: 0 0 50px 0;
	padding: 0 0 0 10px;
	
}

/* keine Spalten auf Notebook / Desktop */
@media only screen and ( min-width: 48em ) { 
    .wps-form-row {
        flex-direction: row;
    }

    .wps-form-column {
        padding: 0.5rem 1rem;
    }
}

/* Hauptformatierung */
div.wpcf7 {
background-color: #880851 ;
border: 2px solid #880851 ;
border-radius: 15px;
padding: 40px;
color:#ffffff;
font-size:15px;
}

div.wpcf7 h2{
	text-align: center;
	padding: 10px;
	margin: 0 0 50px 10px;
	background: #fff;
	color: #880851 !important;

}


/* Drop Down */
.wpcf7 select {
color: black;
width: 25% ;
font-size:17px !important;
}

/* Eingabefelder, E-Mail, Textfeld */
.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 textarea {
background:#ffffff;
color:#000000;
font-family:arial;
width: 70% !important;
}

/* Senden-Button */
.wpcf7 input[type=”submit”], input[type="submit"]
{
background-color: #880851 !important;
color:#fff !important;
font-family:arial;
font-size: 16px;
margin-left:0%;
text-align:center;
text-transform:uppercase;
float:left;
border: 2px solid #fff;
border-radius: 15px;
padding: 20px !important;
}


/* Beschreibung Text Upload */


.upload-beschreibung{
	margin: 0 0 0 10px;
	width: 70%;
}

/* Beschriftung Label Fotoansichten */
.labelbeschriftung{
	padding: 10px;
	border: 1px solid #fff;
}

div.labelbeschriftung{
	margin: 20px 0;
}

.beratungstermin{
	background: #880851 !important;
	border: 1px solid #880851 !important;
	border-radius: 25px !important;
}

.beratungstermin a{
	color: #fff !important;
}

.font-icon-social-skype:before {
    content: "\2706" !important;
	font-size: 30px !important;
	color: #fff !important;
}


/* Design Akkordeon-Element "Behandlungsspektrum" */

.vc_tta.vc_general .vc_tta-panel-title>a {
    background: #fff !important;
    color: inherit;
    border: 1px solid #ccc !important;
	border-radius: 10px !important;
    box-shadow: 1px 10px 5px rgba(204, 204, 204, 0.9) !important;
}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    background: #880851 !important;
	color: #fff !important;
	border: 1px 1px 0px 1px solid #ccc !important;
	border-radius: 10px 10px 0 0 !important;
    box-shadow: none !important;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title>a {
    padding: 30px 42px 30px 42px !important;
}

.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body,
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-body,
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body{
	
	background: #fff !important;
    color: inherit;
    border: 0px 1px 1px 1px solid #ccc !important;
	border-radius: 0 0 10px 10px !important;
    box-shadow: 1px 10px 5px rgba(204, 204, 204, 0.9) !important;
	padding: 5% !important;
	
}