/**************************************/
/* sc-colors.css                      */
/* Oliver Eberhagen - 2016-06-26      */
/**************************************/

/**************************************/
/* CM Hintergründe - Grid/Color       */
/**************************************/

/**************************************/
/* CM-Volcano                         */
/*                                    */
/* S+C-Blue                           */
/* HEX: #0069b3                       */
/* CMYK: 100/51/0/0                   */
/* RGB: 0/105/179                     */
/* RAL: 5005                          */
/* PAN: 660C                          */
/**************************************/

.sc-green-nachhaltigkeit {
	background: #719f3b;
}
.sc-green-nachhaltigkeit-gradient {
	background: rgb(152,212,65);
	background: linear-gradient(90deg, rgba(152,212,65,1) 20%, rgba(73,124,46,1) 80%);
}
.sc-green-nachhaltigkeit-lighter {
	background: #f4f8f0;
}
.sc-green-nachhaltigkeit-light {
	background: #eaf1e2;
}
.volcano,  .cm-volcano {
	background: #0069b3; /* S+C-Blue */
	/*background: #2a363b; /* CM-Volcano */
}
.cm-volcano-grid {
    background: url(../gfx/sc-pattern-blue-100percent.png);
	/*background: url(../gfx/bg-grid-slider-cm-volcano.png);
	/*background: url(../../../../typo3conf/ext/cmag_website/Resources/Public/gfx/bg-grid-slider-cm-volcano.png);*/

}
.cm-volcano-grid .container {
	background: #0069b3; /* S+C-Blue */
	/*background: #2a363b; /* CM-Volcano */
	padding: 15px;
}

/**************************************/
/* Primäre Hausfarbe                  */
/* S+C-Blue 100 Percent               */
/* HEX: #0069b3                       */
/* RGB: 0/105/179                     */
/**************************************/

.sc-blue, .sc-blue-100percent {
	background: #0069b3; /* S+C-Blue 100 Percent */
}

/**************************************/
/* Secundäre Hausfarbe                */
/* S+C-Blue 90 Percent                */
/* HEX: #4679ae                       */
/* RGB: 70/121/174                    */
/**************************************/

.sc-blue-90percent {
	background: #4679ae; /* S+C-Blue 90 Percent */
}

/**************************************/
/* S+C-Blue 80 Percent                */
/* HEX: #5c89b8                       */
/* RGB: 92/137/184                    */
/**************************************/

.sc-blue-80percent {
	background: #5c89b8; /* S+C-Blue 80 Percent */
}

/**************************************/
/* S+C-Blue 70 Percent                */
/* HEX: #88a9cb                       */
/* RGB: 136/169/203                   */
/**************************************/

.sc-blue-70percent {
	background: #88a9cb; /* S+C-Blue 70 Percent */
}

/**************************************/
/* S+C-Blue 60 Percent                */
/* HEX: #a9c0d9                       */
/* RGB: 169/192/217                   */
/**************************************/

.sc-blue-60percent {
	background: #a9c0d9; /* S+C-Blue 60 Percent */
}

/**************************************/
/* S+C-Blue 50 Percent                */
/* HEX: #c9d8e7                       */
/* RGB: 201/216/231                   */
/**************************************/

.sc-blue-50percent {
	background: #c9d8e7; /* S+C-Blue 50 Percent */
}

/**************************************/
/* S+C-Black                           */
/**************************************/

.sc-black {
	background: #000;
}

/**************************************/
/* S+C-Grey                           */
/* HEX: #4b4a4d                       */
/* RGB: 75/74/77                      */
/**************************************/

.sc-grey {
	background: #4b4a4d; /* S+C-Grey */
}

/**************************************/
/* S+C-Light-Grey                     */
/* HEX: #eaeaea                       */
/* RGB: 234/234/234                   */
/**************************************/

.sc-light-grey {
	background: #f0f0f0; /* S+C-Light-Grey */
}

/**************************************/
/* S+C-Grey 100 Percent               */
/* HEX: #636463                      */
/* RGB: 99/100/99                     */
/**************************************/

.sc-grey-footer {
	background: #444; /* S+C-Grey 100 Percent */
	color: #fff;
}
.sc-grey-footer p{
	color: #fff;
	font-size: 16px;
}
.sc-grey-100percent {
	background: #636463; /* S+C-Grey 100 Percent */
}

/**************************************/
/* S+C-Grey 90 Percent                */
/* HEX: #898989                       */
/* RGB: 137/137/137                   */
/**************************************/

.sc-grey-90percent {
	background: #898989; /* S+C-Grey 90 Percent */
}

/**************************************/
/* S+C-Grey 80 Percent                */
/* HEX: #eaeaea                       */
/* RGB: 234/234/234                   */
/**************************************/

.sc-grey-80percent {
	background: #eaeaea; /* S+C-Grey 80 Percent */
}

/**************************************/
/* CM-Volcano-60Percent               */
/*                                    */
/* S+C-Blue 60 Percent                */
/* HEX: #66a5d1                       */
/* RGB: 102/165/209                   */
/**************************************/

.volcano-60percent,  .cm-volcano-60percent {
	background: #66a5d1; /* S+C-Blue 60 Percent */
	/*background: #3f4a4e; /* CM-Volcano-60Percent */
}

/**************************************/
/* CM-Volcano-10Percent               */
/**************************************/

.volcano-10percent,  .cm-volcano-10percent {
	background: #e9ebeb; /* CM_Volcano_10% */
}
.cm-volcano-10percent-grid {
	background: url(../gfx/bg-grid-slider-cm-volcano-10percent.png);
	/*background: url(../../../../typo3conf/ext/cmag_website/Resources/Public/gfx/bg-grid-slider-cm-volcano-10percent.png);*/

}
.cm-volcano-10percent-grid .container {
	background: #e9ebeb; /* CM_Volcano_10% */
	padding: 15px;
}

/**************************************/
/* CM-Volcano-4Percent                */
/* #f7f7f7 - RGB 247/247/247          */
/**************************************/

.volcano-4percent,  .cm-volcano-4percent {
	background: #f0f0f0; /* CM-Volcano 4% */
}
.cm-volcano-4percent-grid {
	background: url(../gfx/bg-grid-slider-cm-volcano-4percent.png);
	/*background: url(../images/bg-grid-slider-cm-volcano-4percent.png);*/
}
.cm-volcano-4percent-grid .container {
	background: #F7F7F7; /* CM_Volcano_4% */
	padding: 15px;
}

/**************************************/
/* CM-Ocean                           */
/*                                    */
/* S+C-Light-Blue                     */
/* HEX: #a4bde3                       */
/* CMYK: 40/20/0/0                    */
/* RGB: 164/189/227                   */
/* RAL: 5014                          */
/* PAN: 658C                          */
/**************************************/

.cm-ocean {
	background: #a4bde3; /* S+C-Light-Blue */
	/*background: #50a9ce; /* CM-Ocean */
}
.cm-ocean-grid {
	background: url(../gfx/sc-pattern-light-blue-100percent.png);
	/*background: url(../gfx/bg-grid-slider-cm-ocean.png);*/
	/*background: url(../images/bg-grid-slider-cm-ocean.png);*/
}
.cm-ocean-grid .container {
	background: #a4bde3; /* S+C-Light-Blue */
	/*background: #50a9ce; /* CM_Volcano_10% */
	padding: 15px;
}

/**************************************/
/* CM-Ocean-20Percent                 */
/**************************************/

.cm-ocean-20percent {
	background: #dceef5; /* CM-Ocean 20% */
}
.cm-ocean-20percent-grid {
	background: url(../gfx/bg-grid-slider-cm-ocean.png);
	/*background: url(../../../../typo3conf/ext/cmag_website/Resources/Public/gfx/bg-grid-slider-cm-ocean.png);*/
}
.cm-ocean-20percent-grid .container {
	background: #dceef5; /* CM_Ocean_20% */
	padding: 15px;
}

/**************************************/
/* CM-Lagoon                          */
/**************************************/

.cm-lagoon {
	background: #caf2f2; /* CM_Lagoon */
}
.cm-lagoon-grid {
	background: url(../gfx/bg-grid-slider-cm-lagoon.png);
	/*background: url(../../../../typo3conf/ext/cmag_website/Resources/Public/gfx/bg-grid-slider-cm-lagoon.png);*/
}
.cm-lagoon-grid .container {
	background: #caf2f2; /* CM_Lagoon */
	padding: 15px;
}

/**************************************/
/* CM-Mint                            */
/*                                    */
/* S+C-Grey                           */
/* HEX: #4b4a4d                       */
/* CMYK: 68/60/53/38                  */
/* RGB: 75/74/77                      */
/* RAL: 7016                          */
/* PAN: 425C                          */
/**************************************/

.cm-mint {
	background: #4b4a4d; /* S+C-Grey */
	/*background: #cee3d1; /* CM_Mint */
}
.cm-mint-grid {
	background: url(../gfx/sc-pattern-grey-100percent.png);
	/*background: url(../gfx/bg-grid-slider-cm-mint.png);*/
	/*background: url(../../../../typo3conf/ext/cmag_website/Resources/Public/gfx/bg-grid-slider-cm-mint.png);*/
}
.cm-mint-grid .container {
	background: #4b4a4d; /* S+C-Grey */
	/*background: #cee3d1; /* CM_Mint */
	padding: 15px;
}


/**************************************/
/* CM-Sand                            */
/*                                    */
/* S+C-Light-Grey                     */
/* HEX: #e3e3e3                       */
/* CMYK: 0/0/0/15                     */
/* RGB: 227/227/227                   */
/* RAL: 7047                          */
/* PAN: 420C                          */
/**************************************/

.cm-sand {
	background: #e3e3e3; /* S+C-Light-Grey */
	/*background: #e9e6db; /* CM-Sand */
}
.cm-sand-grid {
	background: url(../gfx/bg-grid-slider-cm-sand.png);
	/*background: url(../../../../typo3conf/ext/cmag_website/Resources/Public/gfx/bg-grid-slider-cm-sand.png);*/
}
.cm-sand-grid .container {
	background: #e3e3e3; /* S+C-Light-Grey */
	/*background: #e9e6db; /* CM-Sand */
	padding: 15px;
}


/**************************************/
/* CM-White                           */
/*                                    */
/* S+C-White                          */
/* HEX: #ffffff                       */
/**************************************/

.cm-white {
	background: #ffffff;
}
.cm-white-grid {
	background: url(../gfx/bg-grid-slider-cm-white.png);
	/*background: url(../images/bg-grid-slider-cm-white.png);*/
}
.cm-white-grid .container {
	background: #ffffff;
	padding: 15px;
}