/*
 Theme Name:   Ferienwohnung
 Description:  Dal Magro
 Author:       Ilonka Hobbach
 Author URI:   https://www.web-design-ip.de
 Version:      1.0
 Text Domain:  
*/
/* style-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Style Script';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/style-script-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/style-script-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/style-script-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/style-script-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/style-script-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/style-script-v13-latin-regular.svg#StyleScript') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts-vor/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts-vor/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts-vor/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts-vor/montserrat-v25-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts-vor/montserrat-v25-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts-vor/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts-vor/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts-vor/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts-vor/montserrat-v25-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts-vor/montserrat-v25-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts-vor/montserrat-v25-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts-vor/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts-vor/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts-vor/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts-vor/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts-vor/montserrat-v25-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts-vor/montserrat-v25-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts-vor/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts-vor/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: url('fonts-vor/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts-vor/montserrat-v25-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts-vor/montserrat-v25-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts-vor/montserrat-v25-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts-vor/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* bebas-neue-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bebas-neue-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/bebas-neue-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bebas-neue-v10-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/bebas-neue-v10-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/bebas-neue-v10-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/bebas-neue-v10-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
}

body {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	margin:0;
	font-size: 16px;
}
/*Farben*/
body {
	color: #000000;
}
.entry-title{
	color:#2a4b28;
}
.weiss{color:#ffffff;}
.gruen{color:#2a4b28;}
.gruen-dunkel{color:#3d676a;}
.hellgruen{color:#77875c;margin-bottom: 0.8rem;}
.weinrot{color:#573156}
.tuerkis{color:#66cce2}
.grau-d{color:#575756}
.foohom:hover{
	color:#bbe266;
}
a {
	color:#a0af5e;
	text-decoration: none;
	background-color: transparent;
}
a:hover{
	color: #bbe266;
}
a.download{color:#a0af5e}
a.download:hover{color:#585e78}

a, a:active, a:focus {
    color: #66cce2;
}
.foohom{
	color:#bbe266;
}
/*ENDE Farben*/
.site{
	min-height:500px;
}
h1, h2, h3{
	font-family: 'Style Script';
	font-style: normal;
	font-weight: 400;
}
h1 {
	font-size: 60px;
	margin-top: 2.5rem;
	margin-bottom:2.8rem;
	line-height: 3.6rem;
	color:#66cce2;
}
/* beitrag h1 */
.entry-title{
	font-size: 40px;
}
h1.secgru {
	font-size: 50px;
	margin-top: 2.5rem;
	margin-bottom:0;
	line-height: 2.8rem;
}
@media (max-width: 766.98px) {
	h1.page-title {
	  font-size: 50px;
	  margin-top: 2.0rem;
	  margin-bottom:10px;
	  line-height: 2.8rem;
    }
}
h2{
	font-size: 50px;
	margin-top: 2.5rem;
	margin-bottom:2.8rem;

}

h2.secgru{
	font-size: 36px;
	margin-top: 2.5rem;
	margin-bottom:1.0rem;
	line-height: 2.4rem;
}

h3{
	font-size: 36px;
	margin-top: 2.5rem;
	margin-bottom:1.0rem;
	line-height: 2.4rem;
	color: #a0af5e;
}

.texcenter{
	text-align:center;
}
strong {
  font-weight: 600;
}

.pdf{
	border:2px solid #77875c;
	padding:4px 10px;
	margin-top:6px;
	margin-bottom:7px;
	color:#77875c;
	font-weight: 600;
	font-size: 14px;
	float:left;
}
.pdf:hover{
	background:#77875c;
	color:#fff;
}
.post-navigation{
	margin-top:12px;
	margin-bottom:6px;
}
.meta-nav{
	font-weight:bold;
}


#banner{
	margin: 0;
	padding: 0;
	background:transparent;
	overflow: visible;
}

/* verschiedene Anzeigen des Metasliders
---------------------------- */
@media (max-width: 575.98px) {
	.slider-big{
		display: none;
	}
}

@media screen and (min-width:576px){
	.hidden-mobile {
		display: none;
        }
}

#site-image{
	margin-top:0px;
	padding-top:0;   
	background-repeat:no-repeat;
}
.ohne-image{
	padding-bottom:2%;
}
@media screen and (min-width:320px) and (max-width:766px){
	#site-image{
		height: auto;
		min-height:200px;
		background-position: 4% 0 ;
		background-size: cover;
	}
	.img-uebe{
		width:100%;
		margin-left: auto;
		margin-right: auto
	}
}
@media screen and (min-width:767px){
	#site-image{
		height: 240px;
		background-position: left 50%;
		padding-bottom:2%
	}
	.img-uebe{
		display: block;
		margin-left: auto;
		margin-right: auto 
	}
}

#beitrag-image{
	margin-top:0px;
	padding-top:0;   
	background-repeat:no-repeat;
}
@media screen and (min-width:320px) and (max-width:766px){
	#beitrag-image{
		height: 280px;
		background-position: 68% -40px ;
		background-size: cover;
	}
}
@media screen and (min-width:767px){
	#beitrag-image {
		height: 280px;
		background-position: center 0px;
	}
}

.unser-verein{
	border:6px solid #f6efe6;
}

@media screen and (min-width:320px) and (max-width:575.98px){
	.unser-verein{
		max-width:90%;
		margin:5%;
		padding:0 15px 5% 15px;
	}
}
@media screen and (min-width:576px){
	.unser-verein{
		padding:3% 20px 5% 20px;
	}
}
.unser-verein h1{
	color:#66cce2;
	margin-top: 2.5rem;
	margin-bottom: 1.8rem;
}

/* btn-vereint
---------------------------- */
.btn-vereint {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  color: #ffffff;
  background-color: #66cce2;
  border-color: #66cce2;
  border-radius: 0;
  padding: 2px 14px 0 14px;
  margin-top: 6px;
}
.btn-vereint:focus, .btn-vereint:hover, .btn-vereint:active  {
	color: #66cce2;
	background-color: #ffffff;
	border-color: #66cce2;
}




/* default
---------------------------- */
.btn-default {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	color: #000;
	background-color: #fff;
	border-color: #2a4b28;
	border-radius: 0;
	padding:3px 10px;
}
.btn-default:focus {
	color: #000;
	background-color: #e6e6e6;
	border-color: #2a4b28;
}
.btn-default:hover {
	color: #fff;
	background-color: #b5cf99;
	border-color: #2a4b28;
}
.btn-default:active {
	color: #000;
	background-color: #e6e6e6;
	border-color: #000;
}
/*Farben Button*/
.btn-zukunft{
	color: #305658;
	background-color: #fff;
	border-color: #305658;
}
.btn-zukunft:hover,
.btn-zukunft:focus,
.btn-zukunft:active,
.btn-zukunft:hover:active {
  background-color:#68a0a3;
  color:#fff;
}

.btn-foerder{
	color:#525873;
	background-color: #fff;
	border-color:#525873;
}
.btn-foerder:hover,
.btn-foerder:focus,
.btn-foerder:active,
.btn-foerder:hover:active {
  background-color:#525873;
  color:#fff;
}
.btn-news{
	color:#305658;;
	background-color: #fff;
	border-color:#305658;;
}
.btn-news:hover,
.btn-news:focus,
.btn-news:active,
.btn-news:hover:active {
  background-color:#305658;
  color:#fff;
}

/*Listenanzeige*/
.standard-list{
  list-style-type: disc;
  padding-inline-start: 14px;
  -webkit-padding-start: 14px;
}
ol.f {list-style-type: decimal;}
ul li::marker, 
ol li::marker {
  color: #8CB11C;
}
ul{list-style-type: disc;}

/*footer*/
.footer-top{
	background-color:#000000;
	padding-top:5%;
	padding-bottom:5%;
}
.foohom{
	font-size:88%;
}



/*table Termine*/
.table {
	display: table;
	border: 1px solid #a4a3a3;
	border-collapse:collapse;
	width: 100%;
	margin-bottom:0;
}

.table-row {
	display: table-row;
	border: 1px solid #a4a3a3;
}

.table-cell {
	display: table-cell;
	border: 1px solid #a4a3a3;
	background:#fff;
	padding: 15px;
}

.thead {
	font-weight: bold;
}

/* unterschiedliche Farben Vorstand*/
.thgruen {
  background:#a6b6b7;
}
.tabgruen{
	border:0px solid #000;
	padding:0;
	background:#305658;
}
.thlila {
  background: #b9bbc7;
}
.tablila{
	border:0px solid #000;
	padding:0;
	background: #979aab;
}

 @media only screen and (max-width: 800px) {
	.table {border:none;}
	
	.table-row,
	.table-cell {
		display: block;
		border: 1px solid #a4a3a3;
	}
	
	.table-row { margin-bottom: 20px; }
	
}

/* Searchbutton */

.searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 30px;
    padding: 10px;
    }

.search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color:transparent;
    line-height: 40px;
    transition: width 0.4s linear;
    }

.searchbar:hover > .search_input{
    padding: 0 10px;
    width: 450px;
    caret-color:red;
    transition: width 0.4s linear;
    }

.searchbar:hover > .search_icon{
    background: white;
    color: #e74c3c;
    }

.search_icon{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color:white;
    font-size:120%;
    }
    
 /* blog Layout  https://www.bootdey.com/snippets/view/blog-post-grid-cards */
 .blog-grid {
    position: relative;
    box-shadow: 0 1rem 1.75rem 0 rgba(45, 55, 75, 0.1);
    height: 100%;
    border: 0.0625rem solid rgba(220, 224, 229, 0.6);
    border-radius: 0.25rem;
    transition: all .2s ease-in-out;
    height: 100%
}

.blog-grid span {
    color: #292dc2
}

.blog-grid img {
    width: 100%;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem
}

.blog-grid-text {
    position: relative
}

.blog-grid-text>span {
    color: #292dc2;
    font-size: 13px;
    padding-right: 5px
}

.blog-grid-text h4 {
    line-height: normal;
    margin-bottom: 15px
}

.blog-grid-text .meta-style2 {
    border-top: 1px dashed #cee1f8;
    padding-top: 15px
}

.blog-grid-text .meta-style2 ul li {
    margin-bottom: 0;
    font-weight: 500
}

.blog-grid-text .meta-style2 ul li:last-child {
    margin-right: 0
}

.blog-grid-text ul {
    margin: 0;
    padding: 0
}

.blog-grid-text ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 10px 5px 0
}

.blog-grid-text ul li:last-child {
    margin-right: 0
}

.blog-grid-text ul li i {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px
}

.blog-grid-text p {
    font-weight: 400;
    padding: 0
}

.blog-list-left-heading:after,
.blog-title-box:after {
    content: '';
    height: 2px
}

.blog-grid-simple-content a:hover {
    color: #1d184a
}

.blog-grid-simple-content a:hover:after {
    color: #1d184a
}
.blog-grid-text {
    position: relative
}

.blog-grid-text>span {
    color: #292dc2;
    font-size: 13px;
    padding-right: 5px
}

.blog-grid-text h4 {
    line-height: normal;
    margin-bottom: 15px
}

.blog-grid-text .meta-style2 {
    border-top: 1px dashed #cee1f8 !important;
    padding-top: 15px
}

.blog-grid-text .meta-style2 ul li {
    margin-bottom: 0;
    font-weight: 500
}

.blog-grid-text .meta-style2 ul li:last-child {
    margin-right: 0
}

.blog-grid-text ul {
    margin: 0;
    padding: 0
}

.blog-grid-text ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 10px 5px 0
}

.blog-grid-text ul li:last-child {
    margin-right: 0
}

.blog-grid-text ul li i {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px
}

.blog-grid-text p {
    font-weight: 400;
    padding: 0
}

a, a:active, a:focus {
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

.pagination {
    border-radius: 0;
    padding: 0;
    margin: 0
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 auto;
    padding: 0
}

.pagination li {
    display: inline
}

.pagination a {
    float: left;
    padding: 0 18px;
    line-height: 40px;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    border-left-width: 0;
    background: #fff
}

.pagination a:hover {
    background-color: #1d184a;
    color: #fff
}

.pagination .active a {
    background-color: #f7f7f7;
    color: #999;
    cursor: default
}

.pagination .disabled span {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination .disabled a {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination .disabled a:hover {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination li:first-child a {
    border-left-width: 1px
}

.mt-6, .my-6 {
    margin-top: 3.5rem;
}
 /* BEITRAGS NAV Style */
span.page-numbers.current {
    background: #a8307c;
    color: white;
}
button.btn a {
    color: #f4f4f4;
    text-decoration: none;
}
button.btn.btn-outline-info a {
    color: darkslategrey;
    font-weight: 600;
}
button.btn.btn-outline-info {
    background: unset;
    border: 1px solid turquoise;
    color: darkslategrey;
    font-weight: 600;
}