/* =============================================================================
 * Google Fonts
 * ========================================================================== */

/* noto-sans-300 - 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: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/googlefonts/noto-sans-v42-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/googlefonts/noto-sans-v42-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/googlefonts/noto-sans-v42-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/googlefonts/noto-sans-v42-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/googlefonts/noto-sans-v42-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/googlefonts/noto-sans-v42-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/googlefonts/noto-sans-v42-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/googlefonts/noto-sans-v42-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/googlefonts/noto-sans-v42-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/googlefonts/noto-sans-v42-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/googlefonts/noto-sans-v42-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/googlefonts/noto-sans-v42-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* =============================================================================
 * css variables
 * ========================================================================== */

:root {
	/* headlines */
	--h1-fontSize: 2.30rem;
	--h2-fontSize: 1.79rem;
	--h3-fontSize: 1.43rem;
	--h4-fontSize: 1.15rem;
	--h5-fontSize: 1.02rem;
}


/* =============================================================================
 * reset & various settings
 * ========================================================================== */

p {
	margin-bottom: 25px;
}


/* =============================================================================
 * headlines
 * ========================================================================== */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 .font_headline {
	margin-bottom: 15px;
}


/* =============================================================================
 * forms
 * ========================================================================== */

form .checkbox_container span, form .widget-radio span {
	align-items:baseline;
}


/* =============================================================================
 * news_newsteaser
 * ========================================================================== */

.newsteaser .content {
	padding: 35px;
	border: 1px solid rgb(242,242,242);
	background: rgba(255,255,255,0.95);
	border-radius: 0 0 0px 0px;
}

.newsteaser .image_container {
	margin-bottom: 0;
	min-height: 112px;
	background: rgb(255,255,255);
	border-radius: 0px 0px 0 0;
	overflow: hidden;
}

.newsteaser .date {
	border-radius: 6px;
}


/* =============================================================================
 * links
 * ========================================================================== */

.ce_text a:hover {
	opacity: 0.8;
}

form a {
	text-decoration: underline;
}


/* =============================================================================
 * form style1
 * ========================================================================== */

form.style1 input,
form.style1 select,
form.style1 textarea {
	font-size: 1.0rem;
}


/* =============================================================================
 * submit input
 * ========================================================================== */

input.submit,
button.submit {
	border-radius: 5px;
}

.privacy_content input.submit,
button.submit {
	font-size:1.0rem;
}


/* =============================================================================
 * mod_calendar
 * ========================================================================== */

.mod_calendar th.head {
  padding:0;
  background:var(--secondColor);
  border-top:1px solid var(--secondColor);
  border-right:1px solid var(--secondColor);
  border-left:1px solid var(--secondColor);
  color:#fff;
}

.mod_calendar th.previous a,
.mod_calendar th.next a {
  display:inline-block;
  padding:10px;
  background-color:var(--secondColor);
  text-decoration:none;
  color:#fff;
}

.mod_calendar th.label {
  text-align:center;
  background-color:#545454;
  border-right:1px solid #545454;
  border-left:1px solid #545454;
  color:#fff;
}