/*
Theme Name: adocom-page
Theme URI:
Description: adocom page by bhost
Author: webservice
Author URI: http://www.adocom.de/
Template: bhost
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* alegreya-sans-regular - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/adocom-pages/font-family/alegreya-sans-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/adocom-pages/font-family/alegreya-sans-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/adocom-pages/font-family/alegreya-sans-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/adocom-pages/font-family/alegreya-sans-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/adocom-pages/font-family/alegreya-sans-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/adocom-pages/font-family/alegreya-sans-v21-latin-regular.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

body {font-family: 'Ubuntu', sans-serif;}
p, strong {font-size: 18px;}
.p-versuche {font-size: 16px;}
#cn-notice-text { font-size: 12px; }
a { color: #669900; font-size: 18px; }
h1 {font-size: 42px;}
h1.medium {font-weight: medium;}
h2 {font-size: 31px;}
h2.bold {font-weight: bold;}
h2.bold.weiss {color: #fff !important;}

h4 {font-size: 21px;}
table tr:hover {background-color: transparent;}
.widget-title:after{background:transparent;}
.single-widget .widget-title, .comments-title, #reply-title {border-bottom: 0;}
.single-widget .widget-title:after, .comments-title:after, #reply-title:after {background: transparent;}

hr{
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 1px solid lightgrey;
}
.versuchsergebnisse h3 { 
	min-height: 60px;
	font-variant: all-petite-caps;
}

@media screen and (max-width:1199px){

	.versuchsergebnisse img{
		width:90%;
	}
}

@media screen and (max-width:806px){
	.phyto img{
		display:block;
		margin-top:10px;
	}
}

/* //// Navigation //// */
.mainmenu ul#nav>li:before {background: transparent;}
.mainmenu .current-menu-ancestor a, .mainmenu .current-menu-ancestor >a:hover, .mainmenu .current-menu-ancestor >a:focus, .mainmenu .current-menu-item > a, .mainmenu .current-menu-item > a:hover, .mainmenu .current-menu-item > a:focus,.mainmenu ul#nav >li:hover>a, .mainmenu ul#nav li ul.sub-menu li:hover a{color: #FFF;background-color: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: 0;}
.mainmenu .sub-menu li.current-menu-item a, .mainmenu .current-menu-ancestor .sub-menu li a, .mainmenu .current-menu-ancestor .sub-menu li a{background-color: transparent;}.mainmenu ul#nav li ul.sub-menu li:not(.current-menu-item) a{color: #000!important;}
.menu-item-has-children:after {content: "\2193";font-weight: bold;position: absolute;float: right;left: 70px;top: 20px;}
.mainmenu ul#nav ul.sub-menu li:hover ul.sub-menu{background-color: transparent;}

/* //// Sticky navbar ///// */

.site-header.sticky{position: fixed;z-index: 1000;top: 0;bottom: auto;}
 /*///// Footer /////*/
#footer{text-align: left;text-transform: none;}
#footer .single-widget{background-color: transparent;}
#footer h3, #footer p{color:#fff!important;}
/* ///// Impressum ///// */
#imparea{max-width: 960px;margin: 0 auto;}
table {border-bottom: 0 !important;}
table a, table a:visited {color: rgb(126,10,10);}
table.imp{width: 100%;margin: 0 auto 1em;}
table.imp tr th,table.imp tr td{text-align: left;vertical-align: baseline;}
table.imp tr th{width: 35%;background-color: transparent;color:#000;text-transform: none;}
table.imp tr td{width: 65%;}
@media(max-width:767px) {
	table.imp {display: block;}
	table.imp tr {display: block;margin-bottom: .5em;}
	table.imp tr th,
	table.imp tr td {display: block;}
}
h1, h2, h3, h4, h5, h6 {
    color: #669900;
    font-variant: small-caps;
    text-transform: none;
}
h3 {
    font-size: 16px !important;
}
h2 {
    font-size: 26px;
}
#content {
    margin-bottom: 0;
}
#primary {
    /* background-color: rgba(255, 255, 255, 0.8) !important; */
}
#primary, .content-area {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0 !important;
}
#content, .site-content {
    background-color: transparent;
}
.site-content {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

#masthead aside {
    margin: 0 auto;
    max-width: 1170px;
}

.gallery-item {
    width: auto;
    padding-top: 20px;
    padding-right: 20px;
}

aside img {
    max-width: 100%;
    width: auto !important;
}

.info-holder div img {
    float: left;
}
.info-holder, .info-holder a, .info-holder, .info-holder span {
    color: #669900;
    font-size: 18px;
}
.info-holder {
    display: inline-block;
}
.info-holder img {
    margin-right: 10px;
    margin-top: 20px;
}
.email img {
    margin-top: 0;
}
.info-holder div {
    display: inline-block;
    margin-bottom: 10px;
    width: 100% !important;
}
.info-holder {
    text-align: left;
}
.info-holder span {
    border: medium solid transparent;
    display: inline-block;
    float: left;
    text-align: left;
    width: auto;
}
.site-header.sticky {
    position: relative;
}
.wprmenu_bar {
    z-index: 9999999 !important;
}
.entry-header {
    display: none;
}
/* menu*/
.mainmenu {
    background-color: #669900;
}
#nav {
    display: flex;
    justify-content: space-around;
}
.mainmenu #nav li a {
    font-family: "Alegreya Sans";
    text-transform: none !important;
    font-weight: 400 !important;
}
.mainmenu #nav .current-menu-item a, .mainmenu #nav li a:hover {
    background-color: #fff !important;
    color: #669900 !important;
    box-shadow: 0px 4px 10px rgba(0,0,0, 0.4) !important;
}
.mainmenu li a {
    transform: scale(1.2);
}
.mainmenu #nav li {
    z-index: 2;
}
/*menu end */
#content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.document-gallery .document-icon img {
	width: 204px;
	max-width: 100%;
	margin: 0px auto;
	padding-top: 30px;
}

/*teaser */

.greenbg h2 {
    color: #fff;
}
.greenbg {
    background-color: #669900;
    color: #fff;
}

.teaser-holder >div {
   /* border: medium solid gold;*/
    display: flex;
    flex: 1 1 0;
}
.teaser-holder >div div {
    flex: 1 1 0 !important;
   /* border: solid red;*/
}
.teaser-holder {
    display: flex;
}
.su-button.right {
    float: right;
}
/*teaser - home */

#round .panel-grid-cell > div > div >div {
    height: 100%;
}
#round .panel-grid-cell > div > div {
    height: 250px;
    width: 250px;
    overflow: hidden;
    border-radius: 50%;
}
#round .panel-grid-cell {
    display: flex;
    flex: 1 1 0 !important;
}
#round .panel-grid-cell > div > div > div {
    display: flex;
    align-items: center !important;
    justify-content: center;
}

#round .panel-grid-cell {
    justify-content: center;
}
#round {
    display: flex !important;
    flex: auto;
    flex-flow: wrap;
    flex-wrap: wrap;
}

#round .panel-grid-cell > div > div > div:hover h3 {
    opacity: 100;
}
#round .panel-grid-cell > div > div > div h3 {
    background-color: rgba(102, 153, 0, 0.6);
    font-size: 36px !important;
    color: #fff;
    padding: 15px 140px;
    font-weight: 200;
    transition: all ease 0.4s;
    opacity: 0;
}
#round .panel-grid-cell > div > div > div {
    position: relative;
}
#round .panel-grid-cell > div > div > div a {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left:0;
}

/* footer*/
#footer {
    background-color: #669900;
}

.site-footer td {
    color: #fff !important;
}

.site-footer h3 {
    padding-bottom: 15px;
}
.site-footer .panel-grid-cell >div >div p {
}
.site-footer p {
    font-size: 16px;
}
.site-footer .menu li a {
    color: #fff !important;
    font-size: 16px !important;
}
.site-footer .menu li {
    padding: 0;
    margin: 0;
}
td, table {
    border: none !important;
    box-shadow: 0 0 0;
    height: auto !important;
}
.site-footer td,.site-footer table:hover td {
    color: #fff;
}
td {
    text-align: left !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

th, td {
    color: #333 !important;
    font-size: 18px !important;
    font-weight: normal;
}


.widget-title, h3 {
    font-size: 25px !important;
    font-family: Alegreya Sans;
}
.spalten2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
}
body:not(.home) #main {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
}


/*footer end */

.margin_oben{
margin-top: -20px !important;    
}

@media only screen 
and (max-width : 460px) { 
.header-content div {
    flex-flow: column;
}
}
@media only screen 
and (min-width : 390px) { 
.info-holder >div {
    width: 100% !important;
}
}


@media only screen 
and (min-width : 430px) 
and (max-width : 920px) { 
.info-holder div {
    width: 50% !important;
    float: left;
}


.info-holder img {
    margin-top: 5px;
}
}

@media only screen 
and (max-width : 630px) { 
/* STYLES GO HERE */
.box1 .su-button {
    margin-bottom: 4%;
    padding-bottom: 1%;
}
.info-holder {
    width: 100%;
}
.spalten2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
}

.img-header img {
    float: none;
}
.box1 {
    padding: 4%;
}

.bg-img {
    display: none;
}

.teaser-holder > div div {
   /* border: medium solid red; */
    flex: 1 1 auto !important;
}
}


@media only screen 
and (min-width : 631px) { 
.bg-img {
    background-image: url("https://landhandel-keuter.de/wp-content/uploads/2017/02/teaser-bg.jpg");

}
.box1 {
    padding: 60px 30px;
}

.header-content > div div {
    float: left;
     width: 33%;
}
.info-holder div {
    width: 100% !important;
}
.img-header {
    width: 40%;
}
.info-holder {
    display: inline-block;
    float: right;
    width: 33% !important;
}
.info-holder img {
    height: auto;
    width: 14% !important;
}
.info-holder {
    font-size: 1.9vw;
}
}

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

.header-content > div div {
    float: left;
}
.info-holder div {
    width: 100% !important;
}
.img-header {
    width: 40%;
}
.info-holder {
    width: 33% !important;
}
.info-holder img {
    height: auto;
    width: auto !important;
}
.info-holder {
    font-size: 1.9vw;
}


}


@media only screen 
and (min-width : 992px) { 
#nav a {
    font-size: 33px !important;
}
.info-holder {
    font-size: 24px !important;
}
#round .panel-grid-cell > div > div > div h3 {
    font-size: 40px;
}
body {
    background-image: url("https://landhandel-keuter.de/wp-content/uploads/2017/02/bg2.jpg");
background-attachment: fixed;
background-position: center;
}
body.page-id-103{background-position: top center;
    background-attachment: fixed;
    background-size: cover;
}
}

@media only screen 
and (max-width : 992px) { 
.container {
    width: 100%;
}
}