/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
*Main Color
*#005318
#333
600 1.25em 'Titillium Web',sans-serif




 */

 @font-face {
   font-family: 'titilliumBold';
   src: url(fonts/TitilliumWeb-Bold.ttf) format('truetype');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
   font-family: 'titillium';
   src: url(fonts/TitilliumWeb-Regular.ttf) format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }



.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.icon-block h2 img {
  height:50px;
  width:auto;
}

  html {
    font-family:  'Helvetica Neue', sans-serif;
  }
a {
	color: #005318;
}
.sp-green {
	background-color:#005318;
}
.sp-green-text {
	color: #005318 !important;
}

.sp-grey-text {
	color: rgba(0, 0, 0, 0.87) !important;
}

.no-margin {
	margin: 0px !important;
}

.no-top-margin {
	margin-top: 0px;
}

.no-bottom-margin {
	margin-bottom: 0px;
}

.row-margin-top {
	margin-top: 20px;
	padding: 10px 0px;
}
.headline-margin {
	margin-bottom: 20px;
}

.page-section {
	padding: 20px 0px;
	color: #fff;
  background-color: #005318
}

.page-pad {
	padding-top: 20px;
	padding-bottom: 20px;
}

.col-pad-left {
	padding-left: 30px !important;
}

.col-pad-right {
	padding-right: 30px !important;
}



.headline-thin {

 font-size: 60px;
 letter-spacing: 0em;
 font-weight: 300;
 font-style: normal;
	line-height: 1em;
margin: 0px;

}

.headline-big {
	font-size: 60px;
font-weight: 600;
letter-spacing: 0em;
line-height: 1em;
	 font-style: normal;
	margin: 0px;
}

.strong {
	font-weight: 500;
}


.hr-line {
	width: 25%;
color: #005318;
}


.margin-left-twenty {
	margin-left: 20px !important;
}

.placeholder {
	height: 50px;
}

/*Navbar Allgemein*/

nav {
	color: #333 !important;
	background-color: #fff !important;
	height: auto;
}
nav a {

	color:#005318;
}
nav ul a {
	color: #333 !important;
	padding: 0px 8px;
}

nav ul li {
	padding: 2px;
}


nav ul a:hover {
  background-color: rgba(0,84,24,0.20);
}

/* Navbar Font*/
nav ul a {


 font-size: 18px;
 font-weight: 300;
}



/*Topheader*/
#top_header {
font-weight: 200;
	font-size: 14px;
	line-height: 2em;
	letter-spacing: 0.5px;

}
#top_header a {
	color: #fff;
	font-size: 14px;
}

#top_header a i{
	font-size: 20px;
}

.pad-top-header {
	padding-top: 3px;
	padding-bottom: 3px;
}

#top_header div {
	margin-bottom: 0px;
}






/*mobile Nav*/

.divider {
	height: 1px;
	padding: 0px;
	margin-top: 0px !important;
}

.mobile-logo {
	margin-bottom:35px;
}

/*slider*/
.slider-wrapper {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
}
.slider-item img {
  height:auto;
  width:100%;
  object-fit: contain;
}

.home .valign-wrapper {
  margin-bottom:0;
}
.home .parallax-container {
  height:600px;
}
.slider-item {
  height:600px;
  width:100%;
  background-size:cover !important;
}
.slick-dots {
  z-index:100;
  bottom:0;
}



/* Modals - Icon-Block*/
.modal-trigger {
	color: rgba(0, 0, 0, 0.87);
}

.no-link-col {

color: rgba(0, 0, 0, 0.87);

}

#regiondo-modal, #regiondo-overlay {
  z-index: 1000 !important;
}
/*Footer*/
.footer-copyright div {
margin-bottom: 0px;
	font-weight: 300;
font-size: 14px;
line-height: 2em;
letter-spacing: 0.5px;
}

.page-footer {
font-size: 16px;
font-weight: 300;
}

.special-headline {


font-size: 32px;
 letter-spacing: 2px;
 font-weight: 600;


}

.page-footer h5 img {
  height:24px;
  widht:auto;
}
/* cards*/

.card-title {
	font-size: 20px !important;
	margin-bottom: 0px !important;
	font-weight: 500 !important;
	line-height: 18px !important;
}

.card-title-margin {
	margin-bottom: 8px !important;
}




.card-action a {
	color: #005318 !important;
	text-transform: none !important;
	font-weight: 500;
	font-size: 12px !important;
}


i.card-action-size{
	font-size: 12px !important;
}


/* cards - image float*/

.float-left {
	float: left;
	margin-right: 15px;

}

/* background-img */
#index-banner-footer {

	overflow: visible;
	height: 200px !important;
	margin-bottom: 10%;
}

html {
	background-image: url("../img/footer-gross.jpg");
	background-size: contain;
	background-position: bottom;

	background-repeat: no-repeat;
}

/* Sidenav */
.sidenav {
		background-image: url("../img/footer-gross.jpg");
		background-position: bottom;
	background-repeat: no-repeat;

}



/* Modal*/

.modal-style {
	width: 30% !important;
	top: 20% !important;

}
#modal7.modal-style {
  width:60% !important;
  line-height: 30px !important;
}
#modal7.modal-style, #modal7 .modal-content {
  height:100% !important;
   min-height:500px !important;
}
@media only screen and (max-width: 600px) {
 .modal-style {
    width: 90% !important;
	 top: 10% !important;
  }
  .special-headline {
    font-size: 25px;
    hyphens: auto;
    word-break: break-word;
  }
}

/* Liste platzordnung */

.liste li{
	margin-bottom: 1.2em;

}


/*Bahnen*/
.bahn-text-s {

 font-size: 14px;
 font-style: italic;
 font-weight: 400;
 line-height: 1.2em;
	color: rgba(0, 0, 0, 0.87) !important;


}


.bahn-modal {
	width: 35% !important;
	top: 20% !important;

}

.bahn-img {
	max-width: 400px;
	height: auto;
}

.all-bahn-img {
	max-width: 680px;
}


/*Preise list*/

.secondary-content-prices {
	font-weight: 500;
	float: right;
}


.small-i {
	font-style: italic;
font-size: 10px;
}

.middle-i {
	font-size: 12px;

}


/*Anfahrt - Max Size IMG 400px*/

.anfahrt-img {
	max-width: 400px !important;
}


/*FAQs - List*/

.faqs-list {
font-size: 13px;
font-weight: 400;
line-height: 0px;
}


/*Startseite - News*/

.grid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 50% 50%;
  grid-auto-rows: 20px;
}


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


  	#myVideo {
  		width: 100%!important;
  		height: 400px !important;
  	}
    iframe {
      width: 100%!important;
      height:100% !important;
    }
    .card-content img {
      max-width:100%;
      height:auto;
    }
}

.item .card {
	margin: 7.5px !important;
}


/*Buttons*/

.btn-small:hover {
	background-color: rgba(0,83,24,0.8);
}
/*Gallery-Style*/

.gallery-style {
	width: 100px;
	margin: 10px;
	border: 0.5px solid #383838;
}


.before::before, .after::after {
            content: "\A";
            white-space: pre;
        }
        /*Regiondo Gutscheinbutton Weihnachten*/
        /* .btn-regio {
        font-family:  "Helvetica Neue", sans-serif !important;
        	margin: 0px !important;
          background:#B0271C;
          color:#fff !important;
          border: 2px solid #005318;
        } */
        h5.btn-regio {
          padding:5px 15px;
          font-weight: bold;
        }
h5.btn-regio:hover {
  /* background-color: rgba(0,83,24,0.8); */
}
a .btn-regio {
	line-height: 64px !important;
}
@media only screen and (max-width:768px) {
#modal7.modal-style {
    width:90% !important;
  }


}