@charset "utf-8";

/* arsenal-regular - latin */
@font-face {
  font-family: 'Arsenal';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/arsenal-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Arsenal Regular'), local('Arsenal-Regular'),
       url('../fonts/arsenal-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/arsenal-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/arsenal-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/arsenal-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/arsenal-v4-latin-regular.svg#Arsenal') format('svg'); /* Legacy iOS */
}
/* arsenal-700 - latin */
@font-face {
  font-family: 'Arsenal';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/arsenal-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Arsenal Bold'), local('Arsenal-Bold'),
       url('../fonts/arsenal-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/arsenal-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/arsenal-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/arsenal-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/arsenal-v4-latin-700.svg#Arsenal') format('svg'); /* Legacy iOS */
}


/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

html {
    height: 100%;
	 -webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow-x: hidden; 
	-webkit-overflow-scrolling: touch;
	}

body {
	 overflow-x:hidden;
	 overflow-y:auto;
	 font: 300 1.2rem/1.6rem 'Roboto', sans-serif;
	 color: #232323;
	}
	
	
.page-section, .item-page, .blog {
	padding: 4rem 0 0;
	}

.article-info { font-size: 0.85rem; line-height:1rem; color: #b2b2b2; }


/* -- Extra Bootstrap Column Padding 
[class*="col-"]  {
	padding: 1rem;
}
-- */
[tabindex="-1"]:focus {
  outline: 0 !important;
	}

header {
	width:100%;
	height:100px;
	}


/* Infotext Top */

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 0rem;
    background-color: #f7f3ef;
    border-radius: 0
}
.bg-sand { background-color: #f7f3ef;}
.topinfo {
	font: 300 2.65rem/3rem 'Roboto', sans-serif;
	color: #ff6666;
	}
	
small {	font:300 0.85rem/1.5rem 'Roboto', sans-serif;}

.light-brown { color: #d0b8ac;}
.blau 	{ color: #0099ff;}
.gelb 	{ color: #eaa408;}
.rot  	{ color: #dc3316;}
.gruen 	{ color: #86b827;}
.pink  	{ color: #d81a60;}
.orange { color: #ea6a0b;}

.navbar {
	background-image: linear-gradient(to right,#fff,rgba(255,255,255,.75));
    transition: .3s ease-in-out;
    box-shadow: 0 24px 40px 0 rgba(0,0,0,.08);
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    font-size: 1rem;
}

.navbar-brand {
    margin-right: 2rem;
}

.navbar-collapse { padding-top:40px; }
.nav-item { padding: 0 8px; }
.nav-item.current, .nav-item:hover { 
	background-color: #eaa408; 
	padding: 0 8px;}
	
.nav-link { color: #fff; padding: 0.4rem 1rem;}

.navbar-light .navbar-nav .nav-link {
    color: rgba(57, 56, 52, 1);
}


.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
     color: #000;
}

.dropdown-menu {
    color: #393834;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
	padding: 0;
}

.dropdown-item {
	padding: 0.5rem 1.5rem;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #eaa408;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #eaa408;
}

.nav-item  .show { color: red;}

/* Aktuelles  HP*/
.row.no-padding  {
  padding: 0;
}

#news .card {
	background-color: #f8f6f5;
    width: 100%;
}

h1, h2 { 
	font: 2rem/2.5rem 'Arsenal', sans-serif;
	color: #86b827;
	margin-bottom: 1.5rem;
	}

h2.headline { font: 1.25rem/1.5rem 'Arsenal', sans-serif; color: #86b827;}

#sidebar { background-color: none; }

/* Teaser */
.jumbotron-teaser { 
	padding: 2rem 1rem;
    margin-bottom: 0;
	margin: 2rem 0rem;
    background-color: #f7f3ef;
    border-radius: 0
}

.bg-teaser { background-color: #d9ccc4;}
.bg-pink   {background-color: #d81a60; }

h1.teaser {
	font:  300 2.5rem/2.85rem "Arsenal", sans-serif;
	color: #fff;
	}
	
p.hinweis {
	font: 300 1.25rem/1.85rem "Roboto", sans-serif;
	color: #fff;
	}
.hinweis-xl {font: 300 1.8rem/2rem "Arsenal", sans-serif;}
.gelb {color: #ffea03; }


/* Unser Angebot */
#angebot .card {
	border:none;

    border-radius: 0;
	margin-bottom:20px;
}

#angebot .card-img, .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#angebot .card-body {
    padding: 1rem .25rem;
}

h4.angebot-title {
	font: 300 1.3rem "Arsenal", sans-serif;
	margin-bottom: .85rem;
}

.card-body p  {font-size:1rem;}

#angebot .btn {
    color: #212529;
    border-radius: 0;
}

#angebot .btn:hover {
    color: #fff;
    border-radius: 0;
}

.btn-blau {
	background-color: #0099ff;
    border-color: #007bff;
	}
.btn-blau:hover {
    background-color: #34aeff;
	color: #fff;
}

.btn-orange {
	background-color: #eaa307;
	border-color: #fca713;

	}
.btn-orange:hover {
	background-color: #eab542;
	color: #fff;
	}

.btn-rot {
	background-color: #dc3316;
	border-color: #f5300e;
	}
.btn-rot:hover {
	background-color: #ff3b1a;
	color: #fff;
	}

.btn-gruen {
	background-color: #86b827;
	border-color: #9bde1c;
	}
.btn-gruen:hover {
	background-color: #9ad42d;
	}	
	
.btn-pink {
	background-color: #d81a60;
	border-color: #b91652;
	}
.btn-pink:hover {
	background-color: #e72f73;
	color: #fff;
	}

/* === TERMINE CALENDER */

ul.termine { font-size:1rem; }
ul.termine h5 { color: #0099ff; }
p.description {font-size: 1rem;}
.calendar-list * {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}


.calendar-list {
  float: left;
    font-size: 0.7em;
    display: inline-block;
    position: relative;
    width: 4.4em;
    height: 4.4em;
    background-color: #fff;
    margin: 0 0.7em 0 0;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(52,58,67,0.1), 0 2px 5px rgba(52,58,67,0.08), 0 5px 15px rgba(52,58,67,0.08);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;

}


.month-list {
  text-transform: uppercase;  
  position: absolute;
    top: 0;
    padding: 0;
    color: #fff;
    line-height: 2em;
}
.day-list{
  
  width: 100%;
    font-size: 1.5em;
    padding-top: 1.5em;
    color: #2f2f2f;

}

/* Aside: Spenden */
#cafe {}
#infobox { 
	
	margin:0 auto;
	text-align:center;
	}
#infobox img {width:100%;max-width:250px;height:auto;}

#angebot .card.bt-blau 	 { border-top: 4px solid #0099ff; }
#angebot .card.bt-orange { border-top: 4px solid #eaa307; }
#angebot .card.bt-rot 	 { border-top: 4px solid #dc3316; }
#angebot .card.bt-gruen  { border-top: 4px solid #86b827; }
#angebot .card.bt-pink 	 { border-top: 4px solid #d81a60; }

/* #angebot .card img:hover {  transform: scale(1.3);cursor: zoom-in; }
#angebot .card img {    transition: transform .4s ease; }
.card-item {   overflow: hidden;  } */

.section-offset {margin-top:40px; border-top:1px dotted #eaa307; border-bottom:1px dotted #eaa307;padding:10px 0;}
#sponsoren img {padding:10px;}

#banner { padding: 0.5rem 0 0; border-radius:0;margin-top:40px;margin-bottom:0px;}
#banner span.heading {font: 300 2.25rem/2.5rem "Arsenal", sans-serif; color: #fff;}
.banner-image {
  background-image: url(../images/kaengurus.png); /* The image used */
  background-color: #ea6a0b; /* Used if the image is unavailable */
  height: 95px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
 /* background-size: cover;  Resize the background image to cover the entire container */
}

.bg-orange { background-color: #ea6a0b;  }

ul.pagenav { 
	list-style-type: none;
	float:left;
	margin:0;
	padding:0;
	margin-top:30px;
	font-size:0.85rem;
}

ul.pagenav li { 
	display: inline;
	border:1px solid lightgrey;
	margin-right:20px;
	padding:6px 10px;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #fff;
    border-radius:0;
	font-size:0.75rem;
}


footer { background-color: #444443; color: #fff; padding:40px 0; }
footer p {font-size:.85rem;}

.welle { 
	background-image: url(../images/welle1.png); /* The image used */
	background-color: #444443; /* Used if the image is unavailable */
	height: auto; /* You must set a specified height */
	background-position: left bottom; /* Center the image */
	background-repeat: repeat-x; /* Do not repeat the image */

}
 
footer a {
    color: #0099ff;
    text-decoration: none;
    background-color: transparent;
}


footer a:hover {
    color: #fff;
    text-decoration: none;
}

footer .boxlink {background-color: pink; }


/*============= TOP SCROLL =============*/

.top-scroll svg.svg-inline--fa {
  font-size: 3rem;
  height: 1.7rem;
  color: #53595f;
  background: white;
}
a.top-scroll {
  right: 1.2rem;
  bottom: 1.2rem;
  position: fixed;
  opacity: .3;
  z-index: 1000;
  display: none;
}
a.top-scroll:hover {
  opacity: .5;
}


/* =========================================== */
/* == MEDIA QUERIES ==						*/
/* ============================================ */


@media (max-width: 1024px) {
	.topinfo {
		font: 300 2rem/2.5rem 'Roboto', sans-serif;
		}
}

@media only screen and (max-width: 480px) {
	.topinfo {
		font: 300 1.55rem/1.85rem 'Roboto', sans-serif;
		}
	h1, h2 {
		font: 1.5rem/2rem 'Arsenal', sans-serif;
		color: #86b827;
		margin-bottom: 1.5rem;
	}
	
	.item-page {
		padding: 1rem 0 0;
	}
}