/******************************************************************************************************
 * Standard-Einstellungen
 *
 *	#6c98ad - Blau
 *	#dae5ea - Hellblau
 *	#a9aaad - Grau
 *	#f19400 - Orange
 *	
 ******************************************************************************************************/



/******************************************************************************************************
 * Standard-Einstellungen
 ******************************************************************************************************/

.view-accordion .views-field-title	{ font-size: 20px }

.views-accordion-header		{ background-color: #ffffff; color: #005c82; border: 1px solid #005c82; border-radius: 5px }
.views-accordion-header:hover	{ background-color: #005c82; color: #ffffff }

.ui-accordion-header-active        { background-color: #005c82; color: #ffffff; border: 1px solid #d3d3d3 }
.ui-accordion-header-active a      { color: #ffffff!important; font-weight: bold }




/******************************************************************************************************
 * Startseite
 ******************************************************************************************************/

.view-produkt-info-links .views-row				{ background-color: #f7f7f7; padding: 50px 25px; margin: 50px 0 }
.view-produkt-info-links .col-md-4					{ float: left }
.view-produkt-info-links .views-field-field-piktogramm		{ float: left; width: 50px }
.view-produkt-info-links .views-field-title			{ padding: 0 0 15px 50px; text-transform: uppercase }
.view-produkt-info-links .views-field-body			{ padding-left: 50px }
.view-produkt-info-links img					{ height: 35px; width: auto }

.view-produkt-info-oben .views-row					{ padding: 30px 15px; margin: 50px 0 }
.view-produkt-info-oben .col-md-6					{ float: left }
.view-produkt-info-oben .views-field-field-piktogramm		{ text-align: center }
.view-produkt-info-oben .views-field-field-piktogramm img	{ width: 100px; height: 100px; border-radius: 100px }
.view-produkt-info-oben .views-field-title			{ padding-bottom: 15px; text-align: center; text-transform: uppercase }
.view-produkt-info-oben .views-field-body				{ padding-left: 50px }
.view-produkt-info-oben img						{ height: 70px; width: auto }

.view-referenzen							{ display: grid; justify-content: center; align-items: center }
.view-referenzen .views-row						{ margin-bottom: 50px }
.view-referenzen .views-row-even					{ width: 1000px }
.view-referenzen .views-field-field-portrait			{ text-align: center; padding-bottom: 50px }
.view-referenzen .views-field-field-portrait img			{ width: 100px; height: 100px; border-radius: 100px }
.view-referenzen .views-field-field-funktion			{ padding-bottom: 15px; text-align: center; text-transform: uppercase }
.view-referenzen .views-field-field-referenz			{ text-align: center }

.view-referenzen .col-md-4						{ float: left; margin-top: 50px }
.view-referenzen .views-field-field-logo				{ text-align: center; width: 100% }
.view-referenzen .views-field-field-logo img			{ height: 150px; width: auto }

#views_slideshow_cycle_teaser_section_referenzen-block_1	{ height: 370px; width: 1000px }

/* Make the image fully responsive */
.carousel-inner img 							{ width: 100%; height: 100% }




/******************************************************************************************************
 * Newsroom
 ******************************************************************************************************/

.view-newsroom .views-row					{ padding: 30px 15px; margin: 50px 0; background-color: #f7f7f7; }
.view-newsroom .views-field-field-mitteilung-vom		{ padding: 0 0 15px 200px }
.view-newsroom .views-field-field-image			{ float: left; width: 200px }
.view-newsroom .views-field-field-image img		{ width: 180px; height: auto }
.view-newsroom .views-field-title				{ padding: 0 0 15px 200px; text-transform: uppercase }
.view-newsroom .views-field-body				{ padding-left: 200px }
.view-newsroom .views-field-edit-node			{ padding-left: 200px }

/******************************************************************************************************
 * Downloads
 ******************************************************************************************************/

.view-downloads h3						{ border-bottom: 1px solid #6c98ad; padding-top: 30px }
.view-downloads .views-row					{ padding: 30px 15px }
.view-downloads .col-md-4					{ float: left }
.view-downloads .views-field-field-image			{ text-align: center; width: 200px; height: 150px }
.view-downloads .views-field-field-image img		{ max-height: 140px; width: auto }
.view-downloads .views-field-title				{ padding-bottom: 15px; text-transform: uppercase }
.view-downloads .views-field-downloads			{ padding-left: 50px }