/*
 Theme Name:   cia green Wordpress Theme
 Description:  cia green Wordpress Theme
 Author:       Mike Nolte
 Author URI:   http://pixelgetr.eu
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, one-column, responsive-layout
 Text Domain:  ciagreen
*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('/fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('/fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body {
background: white;
font-family: "Open Sans";
font-size: 12px;
font-size: 0.75rem;
max-width: 956px;
margin: 0 auto; }

div.navigation-top.site-navigation-fixed {position: relative;}
.navigation-top {position: relative;}
.site-navigation-fixed {position: relative;}
div.navigation-top .wrap {padding:0;}
li.menu-item ul.sub-menu {border: 0;}

ul.sub-menu {
margin: 0; padding: 0; border: 0;
width: 129px;}
ul.sub-menu li {
margin: 0; padding: 0; border: 0;
width: 129px;}
ul.sub-menu li a {
margin: 0; padding: 0; border: 0;
width: 129px;}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0;
right: auto;
}

.site-content {padding:0;}
.site-content-contain {margin-top:0;}

.panel-content .wrap {
margin: 0; padding: 0; border: 0;
}

.page-one-column .panel-content .wrap {
max-width: 956px;
margin: 0; padding: 0; border: 0;
}

.entry-header { display: none; }

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {max-width: 956px;}

h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans";
margin: 0 0 0.5em 0; padding: 0; border: 0; 
font-weight: 600;
color: #000000;
letter-spacing: 0;
text-transform: none;
}

h1 { font-size: 22px; text-transform: uppercase; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

.navigation-top, .navigation-top nav { margin: 0; padding: 0; border: 0; }
.panel-image-prop { margin: 0; padding: 0; border: 0; }
audio, video { display: block; margin: auto; }

table.ciaservices {
width: 320px;
margin: 3em auto 0 auto;
}

div.entry-content {
width: 956px;
max-width: 100vw;
margin: auto;
}

div.entry-content p, h2, h3, h4, h5, h6 {
width: 33.4728%;
min-width: 320px;
margin: auto;
text-align: left;
}

div.entry-content h1 {
min-width: 320px;
width: 33.4728%;
margin: 0 auto 12px auto;
}

div.custom-header {display:none;}
.dropdown-toggle {display:none;}
div.custom-header div.site-branding {display: none;}
.site-info {display: none;}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title 
{ text-transform: none; }

article#post-68 header.entry-header { display:none; }

article#post-68 div.entry-content { 
width: 100%; 
margin: 0; padding: 0; border: 0;
}

.site-footer { margin: 0 auto; border: 0; }

.site-footer .widget-column.footer-widget-1 {
text-align: center; 
width: 100%; 
}

.entry-content a img, .widget a img {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
}

.page:not(.home) #content { margin: 0; padding: 0; border: 0; }

.wrap {
margin: 0; padding: 0; border: 0;
max-width: 956px;
}

h2.entry-title { display:none; }

.background-fixed .panel-image, .background-fixed {
background-attachment: scroll;
}

div.panel-image {
background-attachment: scroll;
background-repeat: no-repeat;
background-size: auto;
height: 100%;
max-height: 100%;
margin-bottom: 1em; 
}

.panel-image-prop {
margin: 0; padding: 0; border: 0;
}

.site-footer {
font-size: 12px;
font-size: 0.75rem;
}

.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children:hover:after {
display:none;
}

article#post-68 div.entry-content {
font-size: 0px; 
}

article#post-68 figure.wp-caption figure.wp-caption-text {
}

article#post-68 div.entry-content figure { 
float: left;
}

.wp-caption {
position: relative;
padding: 0;
margin: 0;
}
.wp-caption img {
display: block;
max-width: 100%;
height: auto;
}
.wp-caption:after {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 1;
}

.wp-caption-text {
margin: 0; border: 0;
display: block;
max-width: 100%;
position: absolute;
color: #fff;
left: 0;
top: 0;
padding: 1em;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.wp-caption .wp-caption-text {
margin: 1em;
padding: 0; border: 0;
text-shadow: 0.1em 0.1em #555;
}

ul#blaetterliste {
font-size: 22px;
color: #58585a;
text-align: center;
}

ul#blaetterliste {
width: 33.4728%;
margin-left: auto;
margin-right: auto;
}

ul#blaetterliste a {
text-decoration: none;
transition: none;
box-shadow: none;
color: #58585a;
font-size: 22px;
}

ul#blaetterliste a:hover {
text-decoration: none;
transition: none;
box-shadow: none;
color: #58585a;
font-size: 22px;
}

#blaetterliste li {
margin-bottom: 12px;
float: left;
font-size: 22px;
color: #58585a;
list-style-type: none;
}

#blaetterliste li.linksblaettern {
width: 40%;
text-align: right;
}

#blaetterliste li.rechtsblaettern {
width: 40%;
text-align: left;
}

#blaetterliste li.mitte {
width: 20%;
text-align: center;
}

.astm-search-menu.dropdown form {
min-width: 129px;
max-width: 100vw;
}

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
	margin: 0;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
margin: auto 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}


table.ciaservices th {
color: white;
background-color: #195722;
text-align: center;}

table.ciaservices tr{
border-bottom: 1px solid black;
}

table.ciaservices tr td {
padding-left: 0.5em;
}

video {
background-color: white;
}

@media screen and (max-width: 320px) {
table.ciaservices {
width: 310px;
margin: 3em auto 0 auto;
}
div.entry-content p, h2, h3, h4, h5, h6 {
width: 33.4728%;
min-width: 310px;
margin: auto;
text-align: left;
}
div.entry-content h1 {
min-width: 310px;
width: 33.4728%;
margin: 0 auto 0.8em auto;
}
}

@media screen and (max-width: 639px) {
body {width: 320px; margin: 0 auto;}
ul#top-menu {height: 214px; width: 100%;}
ul#top-menu li {width:100%;}
ul#top-menu li.menu-item {margin: 0;}
ul#top-menu li#menu-item-202 {width: 100%; clear: both; }
ul#top-menu li#menu-item-202 a {background-color:white;}
ul#top-menu li.ciasuche {margin: 0; width: 100%;}
input.search-field {width:100%;}
figure.wp-caption.alignnone a img {margin-left:2px;}
ul#top-menu li.menu-item ul.sub-menu {width:100%; margin:0; padding:0; border:0;}
ul#top-menu li.menu-item ul.sub-menu li.menu-item{width:50%; margin:0; padding:0; border:0;}
ul.sub-menu li a {
width: 100%;}
article#post-68 div.entry-content figure.wp-caption{margin: 0 auto 8px auto; float: none;}
article#post-68 div.entry-content figure.wp-caption img {margin: 0;}
}

@media screen and (min-width: 956px) {
article#post-68 div.entry-content figure.wp-caption {
	float: left;
	margin: 0 4px 4px 0;
	}
article#post-68 div.entry-content figure.wp-caption:nth-child(3n) {margin-right: 0;}
}
