@charset "utf-8";
@import url("../../fonts/open-sans/font.min.css");

html {
	/* Systemfarbe und Schriftart */
	--system-font: 'Open Sans', sans-serif;
	--system-color: #0071a4;
	--system-color-rgb: 0, 114, 165;
	--system-color-weak: #bcc7de;
	--system-color-hover: #FFF;
	--system-border-radius: 18px;
	--system-border-radius-smaller: 8px;
	
	/* Hintergrundfarbe und Hauptschriftfarbe */
	--system-background: #FFF;
	--system-font-color: #505050;
	
	/* Header */
	--header-background: no-repeat center/cover url("../../images/header.jpg");
	
	/* Brotkrumen Navigation */
	--breadcrump-links-history: rgba(255, 255, 255, 0.4);
	--breadcrump-links-goback-color: #FFF;
	--breadcrump-links-goback-background: rgba(255,255,255,.4);
	
	/* Footer */
	--footer-background: no-repeat center/cover url("../../images/footer.jpg");
	--footer-overlay: linear-gradient(to bottom, rgba(0,114,165,1) 0%, rgba(0,114,165,0.7) 100%);
	--footer-color: rgba(255, 255, 255, 0.4);
	--footer-subcolor: #FFF;
	
	/* Bilder pro Modul */
	--module-welcome: url("../../images/bereiche/ppg/main.jpg");
	--module-other: url("../../images/bereiche/ppg/sub.jpg");
	
	/* Modul ueberlappung und Ueberschriftsfarbe */
	--module-headline: #FFF;
	--module-image-overlay: linear-gradient(to bottom, rgba(126,154,169,0.8) 0%, rgba(126,154,169,0.5) 50%, rgba(126,154,169,0.2) 100%);
	--module-image-overlay-small: linear-gradient(to bottom, rgba(126,154,169,0.8) 0%, rgba(126,154,169,0.6) 100%);
	
	/* weitere Farben */
	--color-red: #C21010;
	--color-blue: var(--system-color);
	--color-green: #98c21f;
	--color-dark-green: #c8e182;
	--color-light-grey: #646464;
	--color-grey: #c4c9ce;
	--color-orange: #FF8C00;
	--color-purple: #cc66ff;
	--color-dark-grey: #757474;
	--color-yellow: #EED900;
	--color-button-primary: #b3b3b4;
	--fontcolor-button-primary: #FFF;
	
	/* Animation und Ablaeufe */
	--animation-short: all .25s ease-in-out;
	
	/* Formulare */
	--form-input-background: #f5f5f5;
	--form-input-background-active: #FFF;
	--form-input-color: var(--system-font-color);
	--form-input-placeholder: var(--breadcrump-links-history);
	
	/* jQuery Modal */
	--ttmodal-background-box: var(--system-background);
	--ttmodal-close-icon: "\ec3d";
}

/* Startseite - Portalverwaltung */
.section_buttons > li.module_alles-kfz > .icon {
  background: rgba(196, 201, 206, 0.9);
}

.section_buttons > li.module_alles-kfz > .icon:hover {
	background-color: var(--color-dark-grey);
}

/* Farbe anpassen - Subbox */
#aktionen.new #list_design_templates > .design_item {
	--color-light-grey: #f5f5f5;
}

#aktionen_mainbox .placed_item.object_placed_product {
	--system-color-rgb: 80, 80, 80;
}

/* Banner Position */
#main_content #main_content_area {
	background-position: top !important;
}

.box-grey {
	box-sizing: border-box;
	background-color: #ececec;
	padding: 20px;
}

.ttform .box-grey input[type=text],
.ttform .box-grey input[type=password],
.ttform .box-grey input[type=search],
.ttform .box-grey input[type=file],
.ttform .box-grey select,
.ttform .box-grey textarea,
.ttform .box-grey .chosen-container-single .chosen-single{ background-color: #FFF; }

.ttproject_30 .ttform fieldset > label,
.ttproject_30 .ttform fieldset > .left > label,
.ttproject_30 .ttform .form-group > label,
.ttproject_30 .ttform .form-group > .left > label { font-size: .8rem; }

/* In der Navigation Bereiche ausblenden */
#main_navigation ul > li.main_article > ul#nav_sub_article > li.sub_article_import,
#main_navigation ul > li.main_article > ul#nav_sub_article > li.sub_article_datamng,
#main_navigation ul > li.main_card > ul#nav_sub_card > li.sub_card_flipbook,
#main_navigation ul > li.main_user > ul#nav_sub_user > li.sub_user_type_5,
#main_navigation ul > li.main_statistics > ul#nav_sub_statistics > li.sub_statistics_offers,
#main_navigation ul > li.main_statistics,
#main_navigation ul > li.main_alleskfz {
	display: none !important;
}

body.print_view,
body.mod_designer #aktionen_seiten {
	font-family: 'Locator', sans-serif;
}

body table.table > tbody > tr > td {
	border-bottom: 1px solid var(--system-color);
}

/* Aktionsportal anpassungen */
#aktionen_mainbox .placed_item.object_price,
#aktionen_mainbox .placed_item.object_text,
#aktionen_mainbox .placed_item.object_article_text {
	border-radius: var(--system-border-radius-smaller);
}

#aktionen_mainbox .placed_item.object_table .table_designer > tbody > tr:nth-child(odd) > td,
body.mod_designer #popup_aktionen_edittable #popup_aktionen_edittable_block .table_designer > tbody > tr:nth-child(odd) > td {
	background-color: #f4f4f4;
}

body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten .placed_item.object_price,
body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten .placed_item.object_text,
body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten .placed_item.object_article_text {
	border-radius: calc(var(--system-border-radius-smaller) * 5.01010101010101);
}

body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten.social-media-bildpost .placed_item.object_price,
body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten.social-media-bildpost .placed_item.object_text,
body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten.social-media-bildpost .placed_item.object_article_text {
	border-radius: calc(var(--system-border-radius-smaller) * 2.181818181818182);
}

body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten.social-media-facebook-titelbild .placed_item.object_price,
body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten.social-media-facebook-titelbild .placed_item.object_text,
body.mod_designer.print_view #aktionen_mainbox #aktionen_seiten.social-media-facebook-titelbild .placed_item.object_article_text {
	border-radius: calc(var(--system-border-radius-smaller) * 0.7008547008547009);
}

/* Angebotstool */
#print_type_a4_angebot #angebotstool_druck .page > .header_logo > .logo > img { width: 350px; }
#print_type_a4_angebot #angebotstool_druck .page.page_more > .header_logo > .logo > img { width: 280px; }

#print_type_a4_angebot #angebotstool_druck.projectc_7 .page > .header_logo > .logo > img { width: 740px; }
#print_type_a4_angebot #angebotstool_druck.projectc_7 .page.page_more > .header_logo > .logo > img { width: 420px; }

#print_type_a4_angebot #angebotstool_druck .page .article_item > .left h4 > em,
#print_type_a4_angebot #angebotstool_druck .page .article_item > .left h5 > em {
	padding-left: 10px;
	font-size: 85%;
}

/* Katalogmanagement */
#print_type_a4_katalog #katalogmanagement_druck.page_template_cat_2 #list_pages .page {
	background-image: url("../../../../images/module/katalogmanagement/ppg-media/autocolor-links.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

#print_type_a4_katalog #katalogmanagement_druck.page_template_cat_2 #list_pages .page.page_type_odd { background-image: url("../../../../images/module/katalogmanagement/ppg-media/autocolor-rechts.jpg"); }
#print_type_a4_katalog #katalogmanagement_druck.page_template_cat_2 #list_pages .page .print_footer .logo { display: none; }

/* Fuer den Druck */
.system_bgcolor { background-color: #1c3f8d !important; }
.system_fcolor { color: #1c3f8d !important; }
.system_bcolor { border-color: #1c3f8d !important; }
.green_bgcolor { background-color: #98c21f !important; }
.green_fcolor { color: #98c21f !important; }
.green_bcolor { border-color: #98c21f !important; }