/* josefin-sans-100 - 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: 'Josefin Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-100.eot'); /* IE9 Compat Modes */
  src: url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-100.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-500 - 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: 'Josefin Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-500.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-700 - 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: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */
}


/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300 italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html, body {
    background-color: #F5E8D9;
}
html.die-band, body.die-band {
    background: #F2FAFA;
}
html.termine, body.termine {
    background: #F2F7EF;
}

body main {
     padding-top: 6rem;
}
body.start main {
     padding-top: 0;
}

body {
    color: rgb(35,35,35);
    font-family: 'Open Sans', non-serif;
    font-weight: 300;
}


h1 {
    font-family: 'Open Sans', non-serif;    
    font-weight: 200;
}
h2 {
    font-family: 'Open Sans', non-serif;
    font-weight: 100;
}
.nav-masthead {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    margin-bottom: 3rem;
}
.nav-masthead .nav-link {
    margin: 0 3rem;
}
.nav-masthead .nav-link:first-child  {
    margin-left: 0;
}
.nav-masthead .nav-link:last-child  {
    margin-right: 0;
}
.nav-masthead .nav-link {
    color: #333333;
    font-size: 2rem;
    font-weight: 600;
}
.logo-main-nav {
    width: 260px;
    height: auto;
    padding: 1rem;
}
header .nav-link {
    font-size: 1.4rem;
}
.nav-mastfooter .nav-link {
    color: #333333;
    font-size: 0.8rem;
    font-weight: 300;
}
.nav .nav-link:hover {
    color: #BA312C;
}
.start-container {
    font-family: 'Open Sans', non-serif;
    color: rgb(35,35,35);
    text-transform: none;
}

.portrait {
    background-color: #F5F5F5;
    background-color: rgba(116,212,208,0.1);
}
.portrait:hover {
    background-color: #E6F5F5;
    background-color: rgba(116,212,208,0.2);
}
.portrait h3 {
    margin-bottom: 0.4rem;
}
h3.underline {
    border-bottom: 1px solid rgb(66,63,66);
}
.portrait h4 {
    margin-bottom: 0.6rem;
}
.portrait p {
    margin-bottom: 0;
}

img.portrait {
    width: auto;
    height: auto;
}

.btn .icon {
    font-size: 1.4rem;
    padding-right: 5px;
}

@media screen and (min-width: 768px) {
    a[href*="tel:"] {
        cursor:default;
    }
}


/* calender start */
/* First we style the container element.  */
.calendar {
	margin:.25em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:80px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 30px/60px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	text-shadow:#fff 0 1px 0;	
	border-radius:3px;	
	position:relative;
	box-shadow:0 2px 2px #888;
    transition: transform .3s ease-in-out;
}

/* Em element is also styled, it contains the month’s name. */
.calendar em {
	display:block;
	font:normal bold 11px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#00365a 0 -1px 0;	
	background:#04599a;
	background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a)); 
	background:-moz-linear-gradient(top,  #04599a,  #00365a); 
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;	
	border-top:1px solid #00365a;
}

/* Now I am styling the pseudo elements. Container’s pseudo elements (:before and :after) are used to create thos circles, "holes in te paper". */
.calendar:before, .calendar:after {
	content:'';
	float:left;
	position:absolute;
	top:5px;	
	width:8px;
	height:8px;
	background:#111;
	z-index:1;
	border-radius:10px;
	box-shadow:0 1px 1px #fff;
}
.calendar:before{left:11px;}	
.calendar:after{right:11px;}

/*…and em’s pseudo elements are used to create the rings: */
.calendar em:before, .calendar em:after {
	content:'';
	float:left;
	position:absolute;
	top:-5px;	
	width:4px;
	height:14px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); 
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa); 
	z-index:2;
	border-radius:2px;
}
.calendar em:before{left:13px;}	
.calendar em:after{right:13px;}	

.event-calendar:hover .calendar {
    transform: rotate(-8deg);
}

.event-calendar {
    padding: 30px 0;
    border-bottom: 1px solid #FFF;
}

.event-calendar-item-details {
    margin-right: 60px;
    min-width: 40vw;
}
.event-calendar-item-thumb {}


/* calendar end */