/* copyright by gridders gmbh 2018 */
@import url('https://fonts.googleapis.com/css?family=Montserrat');


html {
 	background: url(../../../Data/Startseite/startseite1.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	
}

body{
	background:#2f4a60; /* not for home home = transparent*/
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8em;
	}

main{
	padding-bottom: 30px;
}
@media only screen and (min-width:1500px) {
	main {
		background-image: url(../Images/daywaker.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		padding-bottom: 30px;
	}
}
.gr_wrapper{
	text-transform: uppercase;
	width: 100%;
  	max-width: 75rem;
  	margin: 0 auto; 
	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: nowrap;
      	flex-wrap: nowrap;
  	-ms-flex-pack: justify;
      	justify-content: space-between;
  	-ms-flex-align: center;
      	align-items: center;
  	padding: 0.5rem;
  	-ms-flex-wrap: wrap;
      	flex-wrap: wrap;
}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Montserrat', sans-serif;
}
h1 a{
	color: white;
	display: inline;
	
}
h1 a.aktiv{
	color: white;
	font-weight: bold;
	display: inline;
	text-decoration: underline;
	
}
h1 a:hover,
h1 a:visited,
h1 a:focus {
	color: white;
	font-weight: bold;
	display: inline;
	text-decoration: underline;	
}
h1 {
	padding-top:0.5em ;
	font-size: 2em;
	text-transform: uppercase;
}
h2{
	text-transform: uppercase;
	color:white;
	font-size: 1.2em;
	font-weight: bold;
	
}
h3{
	font-size:14px;
}
h5{
	text-transform: uppercase;
	color:white;
	font-size: 1.2em
}

.gr_menuwrap {
	width: 100%;
	background:url(../Images/bg_nav.gif) repeat-x ;
	text-transform: uppercase;
}

#gridders-menue .drilldown {
	margin-top:4px;
}
#gridders-menue .dropdown {
	margin-top:35px;
	padding: 0;
}

.gr_titel{
	font-weight: bold;
	white-space: nowrap;
}

.gr_pdf {
	width: 90px;
}




.gr_heading {
	margin-top:3em;
	margin-bottom:2em
}





.gr_logo {
	margin-top:5em;
}

.gr_teaser {
	background: url(../../../Data/Banner/banner1.jpg) repeat-x; 
	height: 356px;
	background-position:0px 75px;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.gr_footer_background {
	color:white;
    text-align:left;
	font-size:0.8em;
	height: 2em;
	background-color: #4d7391;
	padding-top:3px;

}
#footer a{
	display: inline;
	color:white;
}

.gr_news {
	min-width:300px;
	margin-top:30em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
}
.gr_news a {
	margin-top:1em;
	background-color:#97a4af;
	padding:0.6em 2em;
	
}.gr_news h1{
	font-size: 1.5em;
	font-weight:normal;
	
}

.top-bar-left {
	font-weight: 800;
	font-size: 1.1em
}

.gr_personen {
	background: white;
}

.media-object {
	background: white;
}



address {
	font-style: normal;
	margin-top:2.8em;
	font-size: 1.2em;
}
.thumbnail{
	box-shadow: none;
	border:none;
}

.accordion-item {
	margin-bottom: 20px;
	background:  #4d7391;
}
.accordion-title{
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	border:none;
}
.accordion-title:hover, .accordion-title:focus {
    background-color: #4d7391;
	color: white;
}
.is-active > .accordion-title{
	background: white;
	font-weight: bold;
	color: #2f4a60;
}
.is-active > .accordion-title::before {
	content:url(../Images/Pfeil-u.png);
}
.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1rem;
    content:url(../Images/Pfeil-d.png);
}
.accordion-content {
	border:none;
}
:last-child:not(.is-active) > .accordion-title {
    border-bottom:none;
}

.gr_sub {
	margin-bottom: 1.2em;
	height: 5.2em;
}
.gr_sub a{
	text-transform: uppercase;
	text-align: center;
	background:#4d7391;
	display:block;
	line-height: 2.5em;
	font-size: 1.2em;
	color:white;
}
.gr_sub a:hover,
.gr_sub a:visited,
.gr_sub a:active,
.gr_sub a:focus,
.gr_sub a:checked{
	font-weight:bold;
	color:white;
}
.gr_sub a.aktiv{
	font-weight:bold;
	background:#86aecc;
}
form{
	padding: 1.5em;
	background: white;
	color: #2f4a60;
}
form h5{
	color: #2f4a60;
}
.gr_box{
	background-color: white;
	padding: 1.3em;
	height: 100%;
}
.gr_box_j{
	background-color: white;
	margin-top:0.8em;
	padding: 1.3em;
	height: 100%;
	text-align: center;
}
.gr_box_g{
	background-color: white;
	margin-top:0,8em;
	padding: 1.3em;
	height: 100%;
}
.gr_box_g h5{
	color: black;
}
.gr_box_h242 {
	background-color: white;
	height: 242px;
	padding: 1.3em;
}
.gr_box_fill {
	background-color: white;
	height: 242px;
	padding: 1.3em;
}
.gr_box_l {
	margin-top: 1.4em;
	background-color: white;
	padding: 1.3em;
}
.gr_box_j img{
	margin-top:1.8em;
	margin-bottom: 1.8em
}
.gr_box_l h5,
.gr_box_j h5,
.gr_box h5,
.media-object-section h5{
	color:#2f4a60;

}

.gr_padding {
	padding: 1.3em;
}
.gr_padding a{
    margin-top: 1em;
    background-color: #97a4af;
    padding: 0.6em 2em;
}
.frame-type-text{
	background: white;
	padding: 1.3em;
}
.frame-type-text h1,
.frame-type-text h2,
.frame-type-text h3,
.frame-type-text h4,
.frame-type-text h5,
.frame-type-text h6 {
	color: #2f4a60;
}
.gr_box_img {

	padding: 0;
}
.top-bar-left a{
	color:black;	
}

@media screen and (max-width: 63.9375em) and
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){
  /* Retina-specific stuff here */
	p,
	h1,
	h2,
	h3,
	h4,
	.gr_sub a,
	.gr_footer_background,
	.contenttable
	{
		font-size:2em;
	}
	h5,
	address,
	.drilldown,
	.accordion-title,
	.top-bar-left,
	.gr_titel,
	.gr_news h1{
		font-size:2.2em;
	}
	.drilldown ul {
		line-hight:3.4em;
	}
	.menu-icon {
    width: 40px;
    height: 30px;
}
.menu-icon::after {
    box-shadow: 0 15px 0 #fefefe, 0 30px 0 #fefefe;
	height: 4px;
}
.menu-icon:hover::after {
    background: #cacaca;
	height: 4px;
    box-shadow: 0 15px 0 #cacaca, 0 30px 0 #cacaca;
}
	#gridders-menue .drilldown {
		margin-top:10px;
	}
	#gridders-menue .drilldown li a{
		line-height: 2em;
	}
	#gridders-menue .dropdown {
		margin-top:35px;
		padding: 0;
	}
	
	.title-bar{
		margin-top:14px;
	}
	.gr_padding a{
	font-size: 2.2em;
}
}