/* sintony-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: 'Sintony';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sintony-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* noto-serif-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 Serif';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-serif-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-300italic - 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 Serif';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/noto-serif-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-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 Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-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: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-serif-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* CSS-Variablen */
:root {
  --page-min-width: 330px;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Sintony', sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align:left;
  font-size-adjust:none;
  background-color:#ffffff; 
  letter-spacing: 0.1em;
}

#bg_grey {
  background-color:#313131;
}

#small {font-size:65%;}

.panorama-wide {
    border-top: 10px solid #ca2121;
    width: 100%;
    min-width: var(--page-min-width); 
}

#red {
  color:#aa0000;
}

.error {
  color:#aa0000;
  font-weight: bold;
}
#box_1 {
  margin-bottom:8px;	
  background-color:#f6f6f6;
  padding:12px;
}
.input_submit {font-size:100%;color:#ffffff;background-color:#ca2121;font-weight:bold; border: 0px;width:150px;height:40px;padding:5px;}

#form_topic_top {
  font-weight: bold;
  background-color:#e9e9e9;
  margin:0px;
  padding-left:6px;
  padding-right:0px;
  margin-top:0px;
  margin-bottom:7px;	
  padding-top:7px;
  padding-bottom:7px;	
}

#form_topic {
  font-weight: bold;
  background-color:#e9e9e9;
  margin:0px;
  padding-left:6px;
  padding-right:0px;
  margin-top:20px;
  margin-bottom:7px;	
  padding-top:7px;
  padding-bottom:7px;	
}

p,ul,ol,td {
  font-style: normal;
  font-size: 1.2em;
  line-height: 2em;
  font-size: 85%;
  color: #757575;
  margin-top:20px;
  margin-bottom:20px;
}

td div, input, textarea {
  font-family: 'Sintony', sans-serif;
  font-style: normal;
  font-weight: 300;	
  font-size: 1.2em;
  line-height: 2em;
	font-size: 85%;
  color: #757575;

}

#content span {
  font-style: normal;
  font-size: 1.2em;
  line-height: 2em;
  font-size: 85%;
  color: #757575;
  margin-bottom:20px;
}

h1 {
  font-size: 1.2em;
  line-height: 1.5em;
  font-size: 165%;
  color: #ca2121;
  margin-top:25px;
  margin-bottom:10px;
}

h2 {
  font-size: 1.2em;
  font-size: 100%;
  color: #ca2121;	
  margin-top:40px;
  margin-bottom:5px;
  padding-bottom:0px;
}

a:link, a:visited { color: #ca2121;text-decoration:none;font-weight:none; }
a:hover, a:active
{
  color: #ca2121; 
  text-decoration:underline;
  font-weight:none;
}

#lnk_active {text-decoration: none;border-bottom: 3px solid #ca2121;}



#container {
  background-color:#ffffff;
  width:100%;
  min-width:980px;
}

#container_footer {
  width:100%;
  min-width:980px;
}


#header
{
  font-family: 'Sintony', sans-serif;
  margin-top:0px;
  font-size: 100%;
  letter-spacing: 0.15em;
}

#head
{
  margin: 0 auto;	
  height:145px;
  width:75%;
  min-width:960px;
}

#logo
{ 
  float:left;
  margin:0px;
  padding-top:10px;
/*min-width:280px;*/
  width:10%;
	margin-bottom: 10px;
}

#menu {
  text-align:right;
/*min-width:700px;*/
  width:90%;
  float:left;
  margin-top:120px;
	font-size:0.8em;
}

#menu a {margin-left:20px;text-decoration: none;padding-bottom:3px;}
#menu a:hover {text-decoration: none;border-bottom: 3px solid #ca2121;}

#grafik {
  clear:both;
  margin: 0 auto;
  width:100%;
  min-width:980px;
  text-align: center;
		background-color:#ca2121;
	padding-top:10px;
}

#content {
  margin: 0 auto;
  width:75%;
  min-width:960px;
  padding-bottom:30px;
}

#footer {
  margin: 0 auto;
  width:75%;
  min-width:960px;
  color: #bbbbbb;
}

#txt_footer {
  padding-top:0px;
  width:30%;
  float:left;
}

#foerd_footer {
  padding-top:0px;
  text-align:right;
  width: 70%;
  float:left;
  margin-top:0px;
}

#txt_footer h2 {
  font-size:120%;
  color: #ffffff;	
  padding-bottom:20px;
  margin:0px;
}

#txt_footer span,  #txt_footer p, #foerd_footer p {
  font-size:70%;
  color: #bbbbbb;	
}

#txt_footer a:link, #txt_footer a:visited { color: #ffffff;	text-decoration:none;font-weight:none; }
#txt_footer a:hover, #txt_footer a:active
{
  color: #ffffff;	
  text-decoration:underline;
  font-weight:none;
}

.pic {
  float: left;

  overflow: hidden;
}
.pic:hover {
    cursor: pointer
}

.morph img {
  
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	-webkit-filter: grayscale(100%);

}
 
.morph img:hover {
	
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);*/
	-webkit-filter: grayscale(0%);

}