/*
 Theme Name: my CGP-3
 Theme URI: http://wordpress.org/
 Description: Self-styled light theme, responsive 
 Version: 1 2019 responsive
 Author: CG
 Tags: white, responsive
 */

 /*MH Newsdesk lite Übernahme:*/
 html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit;*/ vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/*Ende MH Newsdesk lite*/

/*
div, span, strong, object, pre, q, s, fieldset, form, caption, blockquote, img, table, tbody, tr, th, td, ul, li {
	background: none repeat scroll 0 0 transparent;
outline: 0 none;	
}*/

/*------------------------------------------------------------------------------------------------------------ök!*/
		 
body {
	font-family:  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	color: #f00;
	background: #031a1a;
	line-height: 1.3em;
	font-size: 11px;
	/*padding-top: 5px;*/
	letter-spacing: 0;
	margin: 0;
    padding: 0;
	width: 100%;}

	
p {	font-size: 0.9em;
	padding: 0.3em;
	margin-bottom: 0.5em;	}
	
h1, h2, h3, h4, h5, h6, .site-title {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0;
	text-transform: none;
	color: #555554; 
	margin: 0 0 0.2em;
	padding: 0;
	line-height: 1.4em;}

h1 {	font-size: 2.5em;
	margin: 0 0 10px 0;}
	
h2 {	font-size: 2em;}

h3 {	font-size: 1.5em;}

h4 {	font-size: 1.2em;}

h5 {	font-size: 1.1em;}

h6 {	font-size: 1em;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #ad116e;}
	
a {	color: #a2f2f5;
	text-decoration: none;}

a:hover {color: #ff1919;
    text-decoration: none;}
	
p a {	color: #258072	}

p a:hover {color: #ff1919;	}

table { border-collapse: collapse; 
	max-width: 98%;
	margin: 0% auto;}

table th, table td {
    margin-bottom: 0.3em;
	max-width: 100%;
	padding: 2px 2px 2px 2px;		
	vertical-align: middle;
	text-align: center;}

input {	height: 24px;}

hr {
	border-color: #ff0000;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-top-colors: none;
	border-style: solid;
	border-width: 0 0 1px;
	clear: both;
	height: 0;
	margin: 10px 0;
	}

cite {font-size: 90%;
	font-style: italic;	}

blockquote {	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;	}

img {max-width: 100%; 
	width: auto/9; /* ie8 */ 
	height: auto; 
	vertical-align: bottom;}

ol, ul { list-style: none;
		font-size: 1em;}
		
ul {	list-style: disc outside none;
    padding-left: 2%;	}

.error404  p, .search-no-results p {
	color: #cc4433;
	font-size: 1.8em;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1.3em;
	padding: 2em 1em;
	text-align: center;
	min-height: 130px;
	}
	
.meta, meta a, .site-description, .subhead, nav  a {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: normal;
	}

.meta {font-size: .75em;}

.meta a {padding: 15px;}

.meta, .meta a {   color: #ff9900;}

.meta a:hover {   color: #dd0000;}

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

#page {  	
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #a2a2a2; none repeat scroll 0 0;
    margin: 0 auto 0;
	width: 100%;
    max-width: 1600px;
	}

/*header:*/

header {
	position: relative;
	/*display: block;*/
	height: auto;
	max-width: 1600px;
	margin: 0 auto 0 auto;}

.top {	display: block;
	height: 100px;}

.title-container {
	position: absolute;
	margin: 20px;
	padding: 10px 0 0 0;}

.site-title {
	display: block;
	font-size: 24px;	
	text-decoration: none;
	line-height: 1em;
	margin: 0.1em 0 0.15em;
	margin-left: -10px;	
	}

a.site-title {color: #fefee1;	} 
	
a.site-title:hover {color: #abf3ff;}

		
.site-description {
	color: #9f0000;
	font-size: 1em;
	margin-left: -0.6em;
	margin-top: 1.2em;
	letter-spacing: 0.085em;}
	
#logo {
	float: right;
	width: 150px;
	height: 66px;
	margin: 10px 0;}

#logo img  {
		width: 70%; 
		height: auto;
		padding: 15px 5% 0 0;
		float: right;}	
		
nav {
    background-color:#317C99;
	display: block; 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	height: 34px;	
	top: auto;
	}
	
nav ul {
	list-style-type: none;
	padding-left: 0%;}

nav li {
	float: left;
	position: relative;
	white-space: nowrap;
	background-color: #1a3845;}
	

nav a { font-size: 11px;
	   padding: 10px;}
		   
nav a {
	font-size: 11px;	
	color: #ffee7f;
	text-decoration: none;
	padding: 10px;	
	display: block;}

nav a:hover {
	background-color: #f3f3f3;
	color: #cc0000;}

nav a.aktiv {
	color: #ffefef;
	background: #520691;}

nav li li { float: none; }
nav li li { background-color: #eefc89;  font-weight: normal; z-index: 2; opacity: .95; }
nav li li a, #nav li:hover li a { color: #c45347; padding: 9px 14px; }
nav li li:hover a { color:  #520691; }
nav li ul, #nav li:hover ul ul { position: absolute; left: -999em; }
nav li:hover ul { left: 0; }

/*Searchform*/
 
.searchform {
	margin: 4px 1px 0px 2px;
	position: relative;
	max-width: 47px;	
	width: 70%;
	float: right;
	}
	
.searchfield {
	font-family: arial, "Helvetica Neue", Helvetica, sans-serif;	
	font-size: 0.9em;
	height: 13px;
	padding: 5px 1px 6px 2px;
	/*margin: 0 1px 0 2px;*/
	max-width: 35px;
	}

.searchform input {
	background: none repeat scroll 0 0 transparent;
	border: medium none;}

.submit {
	height: 17px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 3px;
	top: 4px;
	width: 17px;
	}
	
	
/*End Searchform*/

.hr-header {	margin: 0 auto 0 auto;	}

/*End header*/

#content {
	width: 100%;
	min-height: 80%;
	max-width: 1600px;
	padding-top: 20px;
	background: #ebe6e6;
	color: #000;
	padding-bottom: 0px;	
	margin: 0 auto;
	}

article {
    background: #ffffff;
	color: #000;
	position: relative;
	display: block;
	width: 95%;		
	max-width: 1300px;	
	margin: 0 auto;
	padding: 2%;
	}

/*Seitenspezifische Designs
 (post-2: Startseite CGProducts; post-9: Startseite MandalaXampp) __________________________________________________________________________________________________*/

 
#post-2 article,#post-9 article { 
	background-image: url(https://cg-products.de/wp-content/themes/myCGP2.3/Trikurz-60fr-80ms-b100px.gif),url(https://cg-products.de/wp-content/themes/myCGP2.3/Square-10fr-50ms.gif),url(https://cg-products.de/wp-content/themes/myCGP2.3/sinus-4.gif);  
	background-position:2% 0px, 7% 0px, 6% 0px;	
	background-repeat:repeat-y;
	background-size: 13% 10%;}

#post-2 table, #post-2 article hr, #post-9 table, #post-9 article hr{
 	margin-left: auto;
 	margin-right: auto;
 	left: 7%;
    width: 85%;
    position: relative; }

/*#post-9 th, td, #post-2 th, td{
	display: table-cell;
	vertical-align: middle;
	padding: 0px;}*/
	
#post-9 img, #post-2 img{
	vertical-align: middle;
	margin: 1% 4% 5% 4%;}
	
#post-9 h2 a, #post-2 h2 a {
	color: #ff0000;	}	
	
#post-9 h2 a:hover, #post-2 h2 a:hover {
	color: #ad116e;;}
	
#post-9  .sub-nav, #post-2 .sub-nav  {
	padding-left: 12%;}

#post-1122 article, #post-17 article { 
	background-image:url(https://cg-products.de/wp-content/uploads/2016/11/Archive.png);  
	background-position:20px 0px;
	background-repeat:repeat-y repeat-x;
	background-size: 25% auto;
	}

/*Ende Seitenspezifische Designs_________________________________________________________________________________________________*/

.hr-bottom {
	width: 80%;
	margin: 20px auto 10px auto;
	padding: 10px 0 ;}

.sub-nav {
	background: transparent;
	height: 30px;
	/*max-width: 500px;*/
	margin: 3px auto;
	clear: both;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
    align-items: center;
    justify-content: center;
	color: #c40c93;	}

.sub-nav  ul {
	position: relative;
    float: left; 
    margin: 0 auto;
    padding: 0;}

.sub-nav li {		
    background: transparent;
    list-style: none; }

.sub-nav a {
	/*text-align: center;*/
	font-size: 10px;	
	font-weight: normal;
	color: #e836ca;
	text-decoration: none;
	letter-spacing: 0.05em;
	padding: 10px 3px;
	display: block;}

.sub-nav a:hover {
	color: #ff9c1c;
	background-color: #e9e9e9;}

.sub-nav a.aktiv {
	color: #ffefef;
	background: #ffbf2d;}
	
footer {
	color: #ffffff;
	text-align: center;
	background: transparent;
	max-height: 60px;
	padding: 0% 0%;
	margin: 0% 0%;}

footer img{ padding: 1% 0;}

footer p {
    margin-bottom: 0;
    padding: 0;}

.error404  footer p, .search-no-results footer p {
	padding: 0 0;
	min-height: 0;}


/* Captions & aligment */

.aligncenter, .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

.alignnone {/*display: inline-block;*/}

.alignleft {float: left;}

.alignright {float: right;}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;}

/* End captions & aligment */

blockquote, input, textarea, .searchform, .searchfield, .wp-caption, .widget-default {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-style: solid;
	border-width: 1px;
	border-color: #020847;
	background: none repeat scroll 0 0 #6d4292;
	color: #ffffff;
	}


 /*Sidebar*/

aside {
	display: none;
    float: right;
    background: rgba(174, 171, 171, 0.64);
    margin-top: 30px;
    padding: 10px 0 25px 10px;
    position: absolute;
    right: 2px;
    top: 0;
	}
	
/*Buttons Startseite*/
 a.button {
	margin: 1em;
	background-color: #E5EEC5;
	color: #E10000;
	display: inline-block;
	padding: .8em 1.4em;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	}

 a.button:hover {
	background:  #7cbfcd;
	color: white;}
	
/*End Buttons Startseite*/


.sc_player_container1 { margin-right: 5px;}
	
	
/*****************************************************************************************************************/


@media only screen and (min-width: 349px) {

 .searchform {
		/*margin: 4px 1px 0px 2px;*/
		max-width: 20%;}
		
	.searchfield {	
		font-size: 1em;
		padding: 5px 1px 6px 5px;
		max-width: 65px;}
    
	.submit {right: 3px;}

}

@media only screen and (min-width: 420px) {

body {line-height: 1.1em;
		font-size: 13px;
		/*letter-spacing: 0;*/}

.site-title {
	font-size: 30px;
	margin-left: -10px;	}

.site-description {	
	font-size: 0.9em;
	margin-left: -0.5em;
	margin-top: 0.6em;}
	
nav ol, nav ul  {line-height: 1em;}	


.searchform {
		margin: 4px  3px 0px 6px;
		max-width: 140px;	
		width: 70%;
		line-height: 1em;}

.searchfield {	
		padding: 5px 30px 6px 7px;
		max-width: 100px;
		font-size: 0.85em;}

article { width: 91%;}

.sub-nav a {
		font-size: 11px;	
		padding: 10px 10px;
		letter-spacing: 0.1em;}
}

@media only screen and (min-width: 720px) {

body {line-height: 1.5em;
	font-size: /*93,75%*/ 16px;}
	
p { font-size: 0.8em;}

/*h1, h2, h3, h4, h5, h6, .site-title { line-height: 1.3em;}*/

ol, ul {	font-size: 1em;}
		
table th, table td {	padding: 3px 5px 5px 5px; }

.top { height: 125px;}	

.site-title {
	font-size: 2.2em;
	margin: 0.1em 0 0.15em;}


.site-description {	
	font-size: 0.8em;
	margin-left: 0.2em;
	margin-bottom: 1.6em;
	}
	
#logo {margin: 0 3% 0 0;}

#logo img  {	
	width: 100%; 
	height: auto;
	padding: 30px 0 0 0;}

nav ol, nav ul  {line-height: 1.5em;}	

nav { height: 47px;	}

nav a { font-size: 13px;
	padding: 11px 14px;  }

	
.searchform {
	margin: 11px 20px 0;
	max-width: 190px;}

.searchfield {
	font-size: 0.83em;
	padding: 5px 30px 6px 7px;
	max-width: 170px;}
	
.submit {right: 8px;	}

.sub-nav { height: 30px;
	max-width: 600px;}
	
.sub-nav a {	padding: 10px 40px;
		    font-size: 13px;
		/*letter-spacing: 0.05em;*/}
}