/*

Theme Name: Proton Child
Theme URI: http://neuronthemes.com/proton_classic
Description: This is a child theme of Proton
Author: NeuronThemes
Author URI: http://neuronthemes.com
Template: proton
Version: 1.0
*/

@import url("../proton/style.css");


/*Your Custom CSS below*/


h1:nth-child(1) {
	margin-top: 0 !important;
}

.h1, h1 {
	margin-top: 50px !important;
	margin-bottom: 30px !important;
}

.h2, h2 {
	margin-top: 40px !important;
	margin-bottom: 30px !important;
}

.h3, h3 {
	margin-top: 34px !important;
	margin-bottom: 23px !important;
}

.h4, h4 {
	margin-top: 26px !important;
	margin-bottom: 18px !important;
}

.h5, h5 {
	margin-top: 20px !important;
	margin-bottom: 14px !important;
}

.h6, h6 {
	margin-top: 18px !important;
	margin-bottom: 10px !important;
}

.n-container .row .vc-row-inner .vc_row .row-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto
}

.page-loading {
	background-color: #fff !important;
}

.kontaktseite-felder {
	background-color: #efefef;
}





/*Responsivity media queries*/


@media (max-width: 767px) {
	.vc_column_container > .vc_column-inner {padding-left: 30px !important;padding-right: 30px !important;}
}

@media (min-width: 768px) {
	.n-container .row .vc-row-inner .vc_row .row-container {width: 750px;}
	footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {margin-top: 0 !important;}
}

@media (min-width: 992px) {
	.n-container .row .vc-row-inner .vc_row .row-container {width: 970px;}
}

@media screen and (max-width:992px) {
    .wrapper header nav {background-color: #f2f2f2 !important;}
    .wrapper header nav ul.menu li a {font-size: 16px !important;font-weight: 400 !important;}
}

@media (min-width: 993px) {
	.wrapper header nav ul li a {
	    color: #000 !important;
	    font-size: 18px !important;
	    font-weight: 400 !important;
	}

	.wrapper header nav ul li a:hover,
	.wrapper header nav ul li.active a {
	    color: #c4c4c4
	}
}


@media (min-width: 1200px) {
	.n-container .row .vc-row-inner .vc_row .row-container {width: 1170px;}
}