body, caption, th, td, input, textarea, select, option, legend, fieldset,.node__content {
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
	line-height: 130%;
	font-size:20px;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    margin: 0;
}

H1{
	font-size: 48px;
	font-family:"Playfair Display";
	color:#D36060 !important;
	font-style:italic;
	margin-top:80px;	
	margin-bottom:50px;
}

H2{
	font-size: 22px;
	color:#000 !important;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing: .2rem;
	margin-top:20px;	
	margin-bottom:10px;
}

#popup-text H2{
	letter-spacing: 0rem;
	text-transform:none;

}

#mymenu H1{
	padding:20px;
	padding-right: 80px;
	padding-top: 10px;
	line-height:120%;
	font-size: 40px;
	margin-bottom:0px;
	margin-top:0;
}

#mymenu td{
	padding-top: 5px;
}

#mymenu td,#mymenu td *{
	text-align:center;
}


.bg-secondary{
	background:#01577A;
}


.bg-light{
	background:#ECE8E8;
}

#header{
    display:none;
}

#headerlayout > .row {
    padding-top: 20px;
    padding-bottom: 10px;
}

#mymenu{
	border-bottom:10px solid #D36060;
}

#mymenu p,
#mymenu td{
	font-size: 18px;
}

#mymenu img{
	opacity:0.7;
}

#mymenu .paragraph--type--textfeld:first-child{
	background:rgba(255,255,255,0.9);
}


h1{
	font-family:"Playfair Display";
}


#mymenuimage img{
    width: 190px;
    height: auto;
    background: rgba(255, 255, 255, 0);
    margin: 8px;
    margin-left: 120px;
}


#mymenu .col-md-10{
	position:absolute;
	top:120px;
	left:calc(100% - (100% / 12*11));
}

#content .field--name-field-layout .field__item:first-child .paragraph--type--layout-paragraphs.lp-innen#headerlayout {
    padding-top: 0px !important;
}


#navbar-main {
    width: calc(100%);
    margin: auto;
    max-width: 1600px;
}

.lp-innen.normalbreite {
	width: 80%;
	max-width: 1600px;
}

table,
table *{
	background:transparent;
	border:0;
}

tr td,
td{
	padding-left:0;
	padding-right:8;
	padding-top:0;
	padding-bottom:8;	
}

.eu-cookie-compliance-message button:hover, .eu-cookie-compliance-message button {
    color: #fff;
}

.ungiftig,
.laub,
.nutzentiere,
.bluetezeit,
.phwert,
.lebensraum,
.bodenfeuchte,
.licht{
	margin-top:8px;
	margin-right:20px;
	float:left;
		margin-left:0px; 
}


.lebensraum{
	width:calc((100% - 16%) / 9)!important;
	height:auto;
	margin-left:2%;
	margin-right:0;
}


.lebensraum:first-child{
	margin-left:0%;
}

.bodenfeuchte{
	width:28px !important;
		padding-bottom:10px;
}
.bodenfeuchte img{
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

.licht{
	width:40px !important;
	padding-bottom:10px;
}

.phwert{
	height:40px !important;
	padding-bottom:10px;
	width:auto;
}

.phwert img{
	height:40px !important;
	width:auto;
}

.ungiftig,
.laub,
.nutzentiere{
	width:50px !important;
	padding-bottom:10px;
	width:auto;
}

.bluetezeit{
	font-size:14px;
	text-align:center;
	font-weight:bold;
	    width: 34px;
	    height: 34px;
		padding-top:5px;
	border:2px solid #000;
	border-radius:17px;
	margin-right:10px;
	background:#FBD0D0;
}

.bluetezeit.clear{
	clear:both;
}

.bluetenfarbewrappe{
	max-width:320px;
}
#block-topblock i {
    border: 2px solid #BB6E6E;
    background: #BB6E6E !important;
}

#onlinecenter H3{
	text-align:center;
	min-height:35px;
	padding:5px;
	line-height: 120%;
	font-size:20px;
}
                  
#onlinecenter .col-md-2 .paragraph--type--textfeld {
	margin:auto;
	background:rgba(255,255,255,0.8);
	border:5px solid rgba(255,255,255,0.4);
	margin-top: -45px;
	position:relative;
	z-index:100;
}
#onlinecenter .col-md-2 .paragraph--type--textfeld:first-child {	
	margin-top:0px;
	position:static;
}

#gartenschule1 .mycol5 .spalte1,
#gartenschule1 .mycol5 .spalte2,
#gartenschule1 .mycol5 .spalte3,
#gartenschule1 .mycol5 .spalte4,
#gartenschule1 .mycol5 .spalte5,
#gartenschule2 .mycol5 .spalte1,
#gartenschule2 .mycol5 .spalte2,
#gartenschule2 .mycol5 .spalte3,
#gartenschule2 .mycol5 .spalte4,
#gartenschule2 .mycol5 .spalte5{
	width:20% !important;
}

#gartenschule1 H2,
#gartenschule1 p,
#gartenschule2 H2,
#gartenschule2 p{
	line-height:130%;
	text-align:center;
}

.region-featured-bottom-first .block-menu li {
    float: left;
	list-style-type: none;
	width: auto;
	padding-left:10px;
	padding-right:10px;
	border-left:2px solid #fff;
}


.region-featured-bottom-first .block-menu li a{
    padding:0;
}


.region-featured-bottom-first .block-menu li:first-child {
	padding-left:0;
	border-left:0px solid #000;
}

.region-featured-bottom-first ul {
    display: block;
    list-style-type: none;
	padding-left:0;
}

.region-featured-bottom-first .nav {
	padding-left:0;
}

.field--name-field-buttonlink .field__item {
    display: inline-block !important;
    padding: 9px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 8px !important;
}

#gartenschule1 .field--name-field-buttonlink .bg-danger a,
#gartenschule1 .field--name-field-buttonlink .bg-danger a:hover,
#gartenschule1 .field--name-field-buttonlink .bg-danger,
#gartenschule2 .field--name-field-buttonlink .bg-danger a,
#gartenschule2 .field--name-field-buttonlink .bg-danger a:hover,
#gartenschule2 .field--name-field-buttonlink .bg-danger {
    color: #fff !important;
	background: #D36060 !important;
	text-transform:uppercase;
	    font-weight: normal;
		display:inline;
}

#gartenschule1 .field--name-field-text-mit-zusammenfassung p,
#gartenschule2 .field--name-field-text-mit-zusammenfassung p{
	min-height:50px;
	padding-left:20px;	
	padding-left:20px;
}


#gartenschule1 .field--name-field-text-mit-zusammenfassung .field__item,
#gartenschule2 .field--name-field-text-mit-zusammenfassung .field__item{
	padding:20px;
	padding-top:5px;
}

#gartenschule1 .field--name-field-text-mit-zusammenfassung img,
#gartenschule2 .field--name-field-text-mit-zusammenfassung img{
    -webkit-box-shadow: 3px 3px 10px 0px rgba(2, 2, 2, 0.28);
    -moz-box-shadow: 3px 3px 10px 0px rgba(2, 2, 2, 0.28);
    box-shadow: 3px 3px 10px 0px rgba(2, 2, 2, 0.28);
	margin-bottom:30px;
}

#blogvorschau H3{
	font-size: 20px;
	margin-top:30px;
	margin-bottom:20px;
	line-height:120%;
}


#blogvorschau H3 a,
#blogvorschau H3 a:hover{
	color:#01577A !important;
}