@charset "UTF-8";
/* CSS Document */


section.blog article {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto 1fr auto;
}

section.blog article .img-intro-none {
    grid-column: 2 / 2;
    grid-row: 1 / 4;
    width: 90%;
    margin-left: auto;
    display: block;
}

section.blog article h4, section.blog article h1, section.blog article h2, section.blog article h3 {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 1rem;
}

section.blog article p {
    grid-column: 1;
}

section.blog article .img-intro-none img {
    display: block;
}





.edit-icon img {
    width: 50px;
}
.custom_telefon .fb_zusatz .mobile {
  	  display: none;
}


#footer ul.menu a {
    font-size: 1.5rem;
    text-align: center;
}

#all {
	background-color:#fff;
}
#logo {
	width:388px;
	height:73px;
	float:left;
	padding-right:1em;
	padding-bottom:0.5em;
	padding-top:0.5em;
}
h1#logo {
	margin:0!important;
}

#line {
	margin-right:0;
	float:right;
}
.mod-languages_sprachauswahl ul {
	margin:0;
	padding:0;
}
.mod-languages_sprachauswahl ul li {
	list-style-type:none;
	float:right;
	margin-left:1em;
}
.custom_telefon {
	text-align:center;
	clear:both;
	padding-top:0.5em;
}
.custom_telefon h3 {
	font-size:1.5em;
	text-transform:uppercase;
	margin-bottom:0;
}
.custom_telefon a:link, .custom_telefon a:visited, .custom_telefon a:hover, .custom_telefon a:active {
	color:#454347;
	text-decoration:none;
}

.balken_grau {
	background-color:#454347;
	padding:2em 20%;
	color:#fff;
}
.balken_grau h3 {
	color:#73797c;
}
.bild_breit {
	margin-bottom:1em;
}
.text {
	padding:0 20%;
}
.blog {
	padding:2em 20% 0 20%;
}
.blog h4 {
    font-size: 1.5em;
    padding: 0.5em 0 0 0;
	margin:0;
}

.dreiBilder div {
	width:33.33%;
	float:left;
	line-height:0;
}

.float_left {
	float:left;
	margin:0 20px 10px 0;
}
.float_right {
	float:left;
	margin:0 0 10px 20px;
}

.bildtitel {
	font-size:0.9em;
	color:#bd1616;
}

a:link, a:visited {
	color:#bd1616;
}
a:hover, a:active {
	color:#454347;
}

a#scrollToTop {
	text-decoration:none;
}

hr {
	clear:both;
}


/* +++++++++++++++  menus ++++++++++++++++++++++++ */
#nav a {
	text-decoration:none;
	font-weight: 300 !important;
}
.mobilemaximenuck div.level4.maximenuck.current a {
	color:#bd1616!important;
}
div#maximenuck115 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck115 ul.maximenuck li.maximenuck.level1 > span.separator,
div#maximenuck152 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck152 ul.maximenuck li.maximenuck.level1 > span.separator,
div#maximenuck153 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck153 ul.maximenuck li.maximenuck.level1 > span.separator {
	min-height:auto !important;
}

.anker {
	text-decoration:none;
}

/* Seitenumbruch, aktiver Link  */
.toclink.active {
    color: #454347;
}


/* +++++++++++++++  Module ++++++++++++++++++++++++ */

/* +++++  Bild +++++ */
.moduletable_bild {
	line-height:0;
}


/* +++++ Produkte & Planung-Fertigung-Montage – Module mod_news_pro_gk5 +++++ */
.moduletable_produkte {
	margin:0 auto;
	padding: 2em 20% 0 20%;
}
.moduletable_produkte a {
	text-decoration:none;
}
.nspArts {
	padding:0!important;
}
div.nspArt {
	/*border-right:1px dotted #454347;*/
}
div.nspArt:last-child {
	/*border:none;*/
}
.nspArt img.nspImage {
    display: inline !important;
}
.nspArt h4.nspHeader {
    font-size: 1.5em !important;
    padding: 0.5em 0 0 0 !important;
}


/* +++++ Fußzeile +++++ */
#footer {
	margin:0 auto;
	padding:2em 20% 3em 20%;
	background-color:#bd1616;
	color:#fff;
}
#footer h5 {
	color:#fff;
}
#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover, #footer a:active {
	color:#fff;
	text-decoration:underline;
}

.moduletable_maps {
	width:75%;
	float:left;
}

.moduletable_kontakt {
	width:23%;
	/*float:left;*/
	padding: 0 0 0 2%;
}





/* +++++++++++++++++++++++++++++++++++  verschiedene Ausgaben ++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (max-width:1500px) {
	#header {
		padding:0 15%;
	}
	div#maximenuck115.maximenuckh ul.maximenuck,
	div#maximenuck152.maximenuckh ul.maximenuck,
	div#maximenuck153.maximenuckh ul.maximenuck {
		padding-right:15% !important;
		padding-left:15% !important;
	}
	.balken_grau {
		padding:2em 15%;
	}
	.text {
		padding:0 15%;
	}
	.blog {
		padding:2em 15% 0 15%;
	}
	.moduletable_produkte {
		padding: 2em 15% 0 15%;
	}
	#footer {
		padding:2em 15% 3em 15%;
	}
}


@media only screen and (max-width:1300px) {
	.moduletable_produkte .nspCol3 {
		width: 50%!important;
		clear: none !important;
		padding: 0 3% 5% 3% !important;
	}
	.cols-2 .column-1, .cols-2 .column-2 {
		width:44%;
		padding: 0 3% 5% 3%;
	}
}


@media only screen and (max-width:980px) {
	#back {
		padding: 0;
	}
	#header {
		padding:0;
	}
	#logo {
		padding:0 15% 0.5em 15%;
	}
	#line {
		background-color:#73797c;
		margin:0 0 2em 0;
		padding:0.75em 15%;
		width:70%;
	}
	.mod-languages_sprachauswahl ul li {
		float:left;
		margin-left:0;
		margin-right:1em;
	}
	.custom_telefon {
		text-align:left;
	}
	.custom_telefon  h3,
	.custom_telefon .tel_zusatz,
  	.custom_telefon .fb_zusatz .desktop {
		display: none;
	}
  	.custom_telefon .fb_zusatz .mobile {
  	  display: inline;
  	}
}


@media only screen and (max-width: 850px) {
#logo {
	padding:0 10% 0.5em 10%;
}
#line {
	padding:0.75em 10%;
	width:80%;
}
.moduletable_produkte .nspCol3 {
	padding: 0 1% 5% 1% !important;
}
.cols-2 .column-1, .cols-2 .column-2 {
	width:48%;
	padding: 0 1% 5% 1%;
}
.balken_grau {
	padding:2em 10%;
}
.text {
	padding:0 10%;
}
.blog {
	padding:2em 10% 0 10%;
}
.moduletable_produkte {
	padding: 2em 10% 0 10%;
}
#footer {
	padding:2em 10% 3em 10%;
}
.moduletable_maps {
	width:100%;
	float:none;
}
.moduletable_kontakt {
	width:100%;
	float:none;
	padding: 2em 0 0 0;
}
}


@media only screen and (max-width: 600px) {
#logo {
	padding:0 5% 0.5em 5%;
}
#line {
	padding:0.75em 5%;
	width:90%;
}
.moduletable_produkte .nspCol3 {
	width: 100%!important;
	clear: both;
	padding: 0 0 5% 0 !important;
}
.balken_grau {
	padding:2em 5%;
}
.text {
	padding:0 5%;
}
.blog {
	padding:2em 5% 0 5%;
}
.cols-2 .column-1, .cols-2 .column-2 {
    width: 100%;
	padding: 0 0 5% 0;
}
.moduletable_produkte {
	padding: 2em 5% 0 5%;
}
#footer {
	padding:2em 5% 3em 5%;
}
}


/* +++++++++++++++  Mobile ++++++++++++++++++++++++ */
@media only screen and (max-width: 480px) {
#logo {
	width:90%;
	height:auto;
	padding:0 5% 0.5em 5%;
}
#logo img {
	width:100%;
}
}