@page {
	size: A4 portrait;
	margin: 10pt; 
}
@media print {
	* {
		-webkit-print-color-adjust: exact !important; /*Chrome, Safari */
		color-adjust: exact !important;  /*Firefox*/
	}
}

#c421{
	break-after: avoid;
}
#c450{
	break-before:avoid;
}

body {zoom: 70%;}
.body-bg:before {
	background: url("../../user_upload/ATR_Ic_Logo_color.png");
	background-size: 100px 100px;
	background-position:center;
	background-repeat: no-repeat;
	content:""; 
	width: 200px;
	height:120px;
	display: block;
	position: absolute;
	right: 0;
	padding:0;
}
.body-bg {
    background: none;
} 

#span_onetimecost_sum .span_gesamt {
	color: #000 !important;
}

#div_konfiguration_onetimeersparnis_wrap, 
#div_konfiguration_onetimeersparnis_wrap span,
#div_konfiguration_monersparnis_wrap,
#div_konfiguration_monersparnis_wrap span{color:#000 !important}

#span_onetimecost_sum .span_zahl {
	color: #000 !important;
}

#span_onetimecost_markt {
	font-weight: 300 !important;
}

#span_onetimecost_markt .span_gesamt {
	font-weight: 200 !important;
}

#span_onetimecost_markt .span_zahl {
	font-weight: 300 !important;
}

#span_monlaufkosten_sum {
border-top: 0.01em solid black !important;}

#div_trenner { color: black; border-color: black;}

hr {border-top: 0.01em solid black !important;}

#span_monlaufkosten_sum .span_gesamt {
color: #000 !important;
}

#span_monlaufkosten_sum .span_zahl {
color: #000 !important;
}

#c419 {
	background: none;
}

#div_basicservices {
color: #000;
}

#span_tm_zusatz {
color: #000;
}

/*************************************************/

#c414, #c412 , #c388{
	padding:0;
}
#c287, #c399, #c404, #c413, #c406, #c417, #c426 ,.pdf{
	display:none;
}
#c414, #c412, #c407, #c444{
	display:block;
}
h1{
	margin-top: 40px;
	color:#000; 
	font-size:14pt;
 }
 h2, h4 {
	color:#000; 
	font-size:11pt !important;
 }
body, p, .preis-wrap span, #div_konfiguration_tmarken_wrap{
	color:#000; 
	font-size:10pt;
 }

#div_konfiguration_pauschalkosten_wrap {
margin-top: 30px;
}

#div_konfiguration_monlaufkosten_wrap {
margin-top: 30px;
}

#div_konfiguration_tmarken_wrap {
margin-top: 30px;
}
 
.werkstattname h1, .werkstattname h3, .werkstattname p{
	color:#000!important;
	padding-left: 30px;
}
#p11 #c360 .tx-nn-konzeptkonfigurator h3, #p102 .tx-nn-konzeptkonfigurator h3 {
	 color:#000;
 }
#p11 h3.element-subheader, #p102 h3.element-subheader {
    color: #000;
    font-size: 22px;
}
#c416 img{
	width:100px;
	 display:block;
}

.typo3-adminPanel-bar {display: none;}

.typo3-adminPanel-module-logo {display: none;}
/* 20211118_ala jetzt nicht ändern, laut Markus so mit Quer-Format und drei Spalten sind gut, einfach Gelb umtauschen */
#c394 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p.text-right strong span{color:#000}
#c397 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p.text-right strong span{color:#000}
#c391 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p.text-right strong span{color:#000}
#c439 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p > span{color:#000 !important}
#span_onetimecost_sum span.span_zahl{color:#000}
#span_monlaufkosten_sum span.span_zahl{color:#000}
#c394 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p.text-right strong s, #c394 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p.text-right strong s span{color:#000}
#c391 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p.text-right strong s, #c391 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p.text-right strong s span{color:#000}
#c407 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner small.text-right{color:#000} 
#c436 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner small.text-right{color:#000}

#p102 #c450 div.tx-nn-konzeptkonfigurator #div_werkstattdata{
	display:block !important;
	margin-left:0px !important;
	margin-bottom:0 !important;
	position:absolute !important;
	top:-115px !important;
	left:0 !important;
	padding:0 !important;
	width:max-content !important;
	z-index:100001 !important;
}

#c414.frame.frame-type-header div.frame-group-container div.frame-group-inner div.frame-container{margin-left:0; margin-right:0}
#c415.frame.frame-type-header div.frame-group-container div.frame-group-inner div.frame-container{margin-left:0; margin-right:0}
div.section{margin-top:0}
#c388.frame.frame-type-gridelements_pi1 div.frame-group-container div.frame-group-inner div.frame-container, 
#c412.frame.frame-type-gridelements_pi1 div.frame-group-container div.frame-group-inner div.frame-container,
#c412.frame.frame-type-gridelements_pi1 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner div.row div.col.div-box:first-child{margin-left:0; margin-right:0; margin-top:0; padding-left:0; padding-right:0}
#c388.frame.frame-type-gridelements_pi1, #c412.frame.frame-type-gridelements_pi1{padding-top:0}
#c359.frame.frame-type-list{padding:top:0; margin-top:0}
#c389.frame.frame-type-list{padding:top:0; margin-top:0}
#c360.frame.frame-type-list{padding:top:0; margin-top:0}
#c436.frame.frame-type-html div.frame-group-container div.frame-group-inner div.frame-container, 
#c407.frame.frame-type-html div.frame-group-container div.frame-group-inner div.frame-container{margin-left:0; paddin-left:0}
#c436.frame.frame-type-html div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner small.text-right{text-align:left !important}


/*20230321_ala*/
#page-content.main-section{
	padding:0 20px 40px 20px;
	margin-top:20px;
}
#c414{
	display:none;
}

#c415.frame{
	padding:0;
	margin-top:0px;
}
#c415.frame #div_werkstattdata{
	display: block !important;
	margin:0;
	padding: 20px;
	background: none;
	border-radius: 0px;
	max-width:100%;
}
#p_konzept{
	font-weight:bold;
}
div.section{
	
}
div.section #c388.frame{
	margin-top:0;
}
div.section div.frame div.frame-container{
	width: 100%;
	max-width: 100%;
	padding:0;
	margin:0;
}
div.section #c388.frame div.frame-container div.row{
	width:100%;
	margin:0;
}
div.section #c388.frame div.frame-container div.row div{
	padding-left:0;
	padding-right:0;
}
div.section #c388.frame div.frame-container div.col.div-box{
	width:calc((100% - 30px) / 3);
	margin:0;
	padding:0;
	background:none !important;
}
div.section #c388.frame div.frame-container div.col.div-box div.frame{
	padding-top:42px;
	padding-bottom:20px;
}
div.section #c388.frame div.frame-container div.col.div-box:nth-child(2){
	margin-left:15px;
	margin-right:15px;
}
#div_konfiguration_pauschalkosten_wrap{
	margin-top:0;
}
#c360.frame{
	padding:0;
}
#c360.frame div.tx-nn-konzeptkonfigurator h3{
	display:none;
}
#c445.frame{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0;
}
#c436.frame{
	margin-top:0;
	padding-left:20px;
	padding-right:20px;
}
#c435.frame{
	display:none;
}
#c445.frame #c444.frame{
	padding-bottom:0;
}
a.scroll-top{
	display:none;
}
div.typo3-adminPanel-bar, div.typo3-adminPanel-module-logo{
	display:none !important;
}

/* Print-Ansicht aus der Konfiguration-Liste bei jedem Kunde */
/* übernimmt teilweise schon Styles von oben */
#c421.frame{
	padding:0;
	margin-top:0px;
	margin-bottom:40px;
}
#c421.frame div.werkstattname{
	display: block !important;
	margin:0;
	padding: 20px;
	/*background: linear-gradient(to bottom, rgba(183,221,250,0.8) 0%, rgba(64,165,242,0.7) 70%);*/
	background:none;
	/*border-radius: 10px;*/
	border-radius: 0;
	width:100% !important;
	max-width:100%;
	height:auto;
	float: none !important;
}
#c421.frame div.werkstattname h1{
	margin-top: 0;
	padding-left: 0;
	font-size: 11pt;
}
#c421.frame div.werkstattname h1 + h3{
	padding-left: 0;
	font-size: 10pt;
	font-weight:normal;
	font-family:inherit;
}
#c421.frame div.werkstattname h1 + h3 + p{
	padding-left: 0;
	font-size: 10pt;
	font-weight:bold;
}
#c412.frame{
	position:relative;
}
#c412.frame div.col.div-box > div.frame{
	padding-top:42px !important;
}
#c412.frame, #c407.frame, #c444.frame{
	padding:0 20px;
}
#c412 #div_werkstattdata{
	position: absolute;
	top: -105px;
	width:300px;
}
#c412 div.col.div-box{
	background:none !important;
}
#c419.frame div.tx-nn-konzeptkonfigurator h3{
	display:none;
}
#c407.frame, #c444.frame{
	margin-top:40px;
}
#c450.frame{margin:0 !important}
#c415 + div.section{
	margin-top:20px;
}
#p102 #c450.frame #c411 div.tx-nn-konzeptkonfigurator #div_werkstattdata h2, #p102 #c450.frame #c411 div.tx-nn-konzeptkonfigurator #div_werkstattdata #p_werkstatt_address, #p102 #c450.frame #c411 div.tx-nn-konzeptkonfigurator #div_werkstattdata #p_konzept{
	display:none;
}
h1, h2, h3, h4, h5 {
	page-break-after: avoid;
	page-break-before: avoid;
}
table, figure, div {
	page-break-inside: avoid;
}
@media (orientation: portrait) {
	.contentcontainer[data-container-identifier="container_3_columns"] {
		grid-template-columns: 1fr 1fr 1fr !important;
		gap:0px;
	}
}