/* general stuff */

* {
   border: 0;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   }

/* ---------------------------------------------- */

.nowrap {
   white-space:nowrap;
   }

body {
   background-color: #fff;
   color: #030408;
   margin-top: 0;
   font-family: 'Abel', sans-serif;
   }
html {
   font-size: 115%;
   }
#head {
   position: sticky;
   position: -webkit-sticky; /* Safari */
   top: 0;
   }
#head1 {
   width: 1060px;
   background: #fff;
   margin: 0 auto;
   padding: 15px 20px 0 2px;
   text-align: l;
   line-height: 0;
   }
#susanneott {
   margin-bottom: 8px;	
   }
#grey {
   background-color: #fff;
   }
#head2 {
   background: /* #003087; */ #495153;
   width: 100%;
   padding: 16px 0 20px 0;
   box-shadow: 0 3px 7px #999;
   }
#head3 {
   width: 1060px;
   margin: 0 auto;
   padding: 0 20px;
   text-align: right;
   font-size: 0;
   }
#title {
   }

#inhalt {
   width: 1060px;
   padding: 10px 20px 60px 30px;
   margin: auto;
   }

strong {
   font-weight: bold;
   }

h1,h2,h3,h4 {
   font-family: Castoro, serif;
   color: #444;
   }

h1 {
   font-size: 1.3rem;
   font-weight: normal;
   text-transform: uppercase;
   margin-top: 0.5rem;
   margin-bottom:14px;
   }

h2 {
   font-size: 1.1rem;
   font-weight: bold;
   margin-top:15px;
   margin-bottom:5px;
   }
   
h3 {
   font-size: 1rem;
   font-weight: bold;
   margin-top:0.5rem;
   margin-bottom:0.5em;
   }
   
h4 {
   font-weight: normal;
   font-style: italic;
   font-size: 1rem;
   line-height: 1.35rem;
   margin-top:0.5rem;
   margin-bottom:0.5em;
   }

p,ul,li {
   font-weight: normal;
   font-size: 1rem;
   line-height: 1.35rem;
   text-align: left;
   letter-spacing: 0.03em;
/*   -webkit-hyphens: auto;  
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;  */
   }

p,ul {
   margin-bottom:0.8em;
   }

ul {
   list-style-position:outside;
   margin-left: 1em;
   }

li {
   margin-bottom:0.3em;
   }

a:link {
   color: #666;
   font-weight: bold;
   text-decoration:none;
   background-color: transparent;
   padding: 1px 6px 0 6px;
   border: 1px dotted #666;
   }
a:visited {
   color: #666;
   }
a:hover {
   color: #fff;
   background-color: #003087;
   transition: all 0.4s linear 0s;
   }

div.lefthoch {
   line-height: 0;
   float: left;
   width: 350px;
   padding: 4px;
   border: 1px solid /* #003087; */ #495153;
   margin-right: 18px;
   margin-bottom: 18px;
   box-shadow: 0 3px 7px #ccc;
   }
   
div.lefthoch img {
   width: 100%;
   height: auto;
   }   
   
div.righthoch {
   line-height: 0;
   float: right;
   width: 280px;
   padding: 4px;
   border: 1px solid #999;
   margin-left: 18px;
   margin-bottom: 18px;
   box-shadow: 0 3px 7px #ccc;
   }
   
div.righthoch p {
   color: #444;
   font-size: 0.75rem;
   line-height: 1rem;
   text-align: left;
   margin-bottom: 0;
   }

div.righthoch img {
   width: 100%;
   height: auto;
   }
   
div.rightquer {
   line-height: 0;
   float: right;
   width: calc(50% - 18px);
   padding: 4px;
   margin-left: 18px;
   margin-bottom: 18px;
   border: 1px solid #999;

   }
div.rightquer img {
   width: 100%;
   height: auto;
   }

div.rightquer p {
   margin-bottom: 0;
   }




/* -------------- Responsive Dropdown ------------------- */

input#responsive-nav, label.responsive-nav-label {
   display: none;
   }

#navigation1 .rex-article-21, #navigation1 .rex-article-27 {
   display: none;
   }

/* -------------- Navigation -------------------- */

#navigation1, #navigation2 {
   width: 1060px;
   margin: 0 auto;
   padding: 0 14px;
   text-align: right;
   line-height: 0;
   }

#navigation1 ul, #navigation2 ul {
   display: inline-block;
   padding: 0;
   margin: 0;
   line-height: 1em;
   margin-bottom: 0;
   }
#navigation1 ul li, #navigation2 ul li {
   position: relative;
   float: left;
   list-style: none;
   margin-bottom: 0;
   }

#navigation1 li a {
   font-size: 0.9rem;
   padding: 4px 13px;
   background-color: transparent;
   }

#navigation2 ul li a {
   font-size: 0.8rem;
   padding: 5px 14px;
   background-color: transparent;
   }


#navigation1 li a:link, #navigation1 li a:visited, #navigation1 li a:visited.active {
   color: #666;
   border: 1px solid transparent;
   }
#navigation2 li a:link, #navigation2 li a:visited, #navigation2 li a:visited.active {
   color: #fff;
   border: 1px solid transparent;
   }

#navigation1 a:link, #navigation1 a:visited,
#navigation2 a:link, #navigation2 a:visited {
   display: block;
   font-weight: normal;
   border-bottom: none;
   text-decoration: none;
   }

   
#navigation1 li a:hover {
   background-color: #f0e1ee;
   border: 1px dotted #666;
   transition: all 0.4s linear 0s;
   }
#navigation1 li a.rex-current {
   color: #a4407a;
/*   font-weight: bold;   */
   }
#navigation1 li a.rex-current:hover {
   background-color: transparent;
   border: 1px solid transparent;
   }
#navigation2 li a:hover {
   color: #fff;
   background-color: #003087;
   border: 1px dotted #666;
   transition: all 0.4s linear 0s;
   }

#navigation1 .rex-article-7, #navigation1 .rex-article-8 {
   display: none;
   }
#navigation2 .rex-article-1, #navigation2 .rex-article-2, #navigation2 .rex-article-3, #navigation2 .rex-article-4, #navigation2 .rex-article-5, #navigation2 .rex-article-6 {
   display: none;
   }


/* ------------------------------------------------ */


sup {
   vertical-align: super;
   font-size: smaller;
}

img.left {
   float: left;
   margin-right:20px;
   margin-bottom:10px;
   }

/* --- Container -------------------------------------------- */

.top-container {
   float: right;
   width: calc(50% - 20px);
   margin: 0 0 5px 20px;
   }
.embed-container2 {
   position: relative;
   padding-bottom: 100%; /* ratio 1x1 */
   height: 0;
   overflow: hidden;
   width: 100%;
   border: 1px solid #555;
   border-radius: 1px;
   margin-bottom: 1em;
   }
#googlemap {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   }

/* ---------------------------------------------------------------- */

#footer {
   position: fixed;
   bottom: 0px;
   height: 37px;
   width: 100%;
   background: /* #003087; */ #495153;
   box-shadow: 0 -3px 7px #ccc;
   }