@charset "utf-8";
/* CSS Document */
body {color: #000; background-image: url("../templates_img/bg.jpg"); background-position: 0 0; background-repeat:repeat-x;font-family: 'Quicksand', sans-serif;}
a {color:#0c57aa;}
a:visited {color:#0c57aa;}
a:hover {color:#2776cd;}
a:active {color:#0c57aa;}
a {color:#0c57aa;}
h1 {border-top: solid #ff8700 2px; font-size: 1.6em;}
h2 {font-size: 1.4em; }
h2 a {text-decoration:none;}
h3 {font-size: 1.2em; border-top: solid #ff8700 2px;}
h3 a {text-decoration: none; font-size: 1.2em;}
.white-link a {color:#fff; text-decoration:none;}
.sub1active a {color: #000;}
.ce-gallery img {width: 100%; height: auto;}
.ce-gallery img:hover {opacity: 0.8; }
.ce-gallery img { opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;}
.design-line {border-bottom: solid #2b4a9a 1px; font-weight: bold;}
.sp-thumbnail-container {border-bottom:solid #ff8700 2px; margin-left:15px;}
.searchbox-input {width: 100px;}
.container-fluid {background-color: #fff; padding-bottom: 30px;}
.sub2 {margin-left:20px; }
.img-right {float: right;}
.sub2active {margin-left:20px;  color: #000; }
.sub2active a { color: #000;}
.navbar-toggler {font-size: 1em;}
.navbar-nav .nav-link {color: #000;}
.navbar-nav .nav-link:hover {color:#2b4a9a;}
.nav-item { margin-right: 2px; border-right:solid #fd8d0d 1px;}
.dropdown-item {margin-top:10px; margin-bottom:10px;}
.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {color:#2b4a9a; }
.flex-caption {display: none;}
.form-group {margin-top: 10px; margin-bottom: 10px;}
.form-check {padding-left: 0px;}
.navbar-toggler:hover { color: #2b4a9a;}
.nav-link:hover {color:#000; }
.navbar-toggler:focus {box-shadow: none; border: none; }
.news .footer {border: none;}
.subheadline {font-weight: bold; font-size: 1.0em; margin-top: 20px; margin-bottom: 5px; border-bottom: 6px solid #2b4a9a;}
.subheadline a {text-decoration: none;}
.form-control {margin-bottom: 15px;}
.tx-srfeuserregister-pi1-text {width: 150px;}
.btn-secondary:hover {color:#000;  background-color: #2776cd;}
.btn-primary {}
.news-single-rightbox, .news-single-imgcaption, .news-latest-date, .news-latest-morelink, .news-latest-category, .news-list-category, .news-list-author, .news-list-imgcaption, .news-list-date, .news-list-browse, .news-amenu-container, .news-catmenu {font-size: 0.8em;}
.image-embed-item {margin-bottom: 20px;}
.news-list3-item, .list2-subdiv-hdr {background: #fff;border-top: solid #ff8700 2px; }
.news-latest-gotoarchive {background-color:transparent;}
.news-latest-date {float: right;}
.hdr-left { border-right:solid #ff8700 1px; }
.images-banner img {width: 100%; height: auto;}
.news-list3-item, .list2-subdiv-hdr {background: #fff; border-top: solid #ff8700 2px;}
.news-list2-container, .news-list3-container {background: #fff;}
.news-single-img {margin-bottom:20px;}
.tx-sremailsubscribe-pi1-click-to-edit {display:none;}

#banner {height: 350px; margin-top: 20px;}
#actually-date {font-size: 0.9em; border-bottom: solid #ff8700 2px; }
#breadcrumb-menu {font-size: 0.9em; margin-top:5px;}
#breadcrumb-menu a {text-decoration:none;}
#left-format h2 {border-bottom: solid #2b4a9a 2px;   }
#right-format h2 {border-bottom:solid #2b4a9a 2px;  }
#user-logged-in {text-align: right;}
#kontaktformular-51-textarea-1 {height: 150px;}
#tx-indexedsearch-searchbox-button-submit {margin-top: 15px;}
#searchbox {text-align: right;}
#subnavi {float: left; width: 300px;}
#subnavi li a {text-decoration: none;}
#tx-srfeuserregister-pi1-static_info_country  {width: 150px;}
#tx-srfeuserregister-pi1-comments {width: 220px;}
#submenu {float: left; width: 210px; min-height: 800px;}
#submenu a {text-decoration: none;}
#submenu li {border-bottom: solid #e5270d 1px; padding-bottom: 3px; padding-top: 3px;}
#head {margin-top: 10px;}
#navi {color: #fd8d0d; border-bottom:solid #fd8d0d 2px;}
#logo {margin-top: 30px; text-align: center;}
#logo img:hover {background: #2b4a9a;opacity: 0.8; }
#page-content {margin-top: 25px; }
#page-content img:hover {opacity: 0.8; transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;}
#page-content-2 {margin-top: 25px;}
#page-content-2 img {width: 100%; height:auto;}
.news-latest-item IMG { width: 100px; max-height: 50px;}
#footer-content {background-image: url("../templates_img/footer.jpg"); height: auto; margin-top: 20px; clear: both;}
#footer ul {padding-left: 0px;}
#footer li {list-style-type:none; background-image: url("../templates_img/footer-logo.jpg"); background-position: left center; background-repeat: no-repeat; padding-left: 20px;}
#footer {clear: both; height: 150px; border-top: solid #ff8700 2px;}
#footer a {text-decoration: none;}
#footer-right {text-align: right;}
#footer-right ul {display: inline-block;}

.responsiveContainer {position: relative;padding-bottom: 56%;height: 0;overflow: hidden;}
.responsiveContainer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

  .offcanvas-collapse {
    position: fixed;
    top: 300px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
	z-index: 300;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }



    .dropdown-submenu > .dropdown-menu{
    top:30px;
    left:100%;
    margin-top:0px;
    margin-left:-3px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    }
    .dropdown-submenu:hover > .dropdown-menu{
    display:block;
    }
    .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:0px;
    margin-right:-10px;
    }
    .dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
    }
    .dropdown-submenu .pull-left{
    float:none;
    }
    .dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
      top:50px;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    }

    ul.nav > li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top:-0px
    }

.dropdown-submenu{
    position:relative;
    }
    .dropdown-submenu > .dropdown-menu{
    top:0px;
    left:104%;
    margin-left:-3px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    }
    .dropdown-submenu:hover > .dropdown-menu{
    display:block;
    }
    .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
    }
    .dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
    }
    .dropdown-submenu .pull-left{
    float:none;
    }
    .dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    }

    ul.nav > li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top:0px
    }

@media(max-width: 991px){ 
  #submenu {float:none;}
}
	
@media (max-width: 991.98px) {
	.sp-thumbnail-container {}
	#banner {height: 100px;}
#head {background-image:none;}
	#actually-date {font-size: 0.9em; margin-top: 10px;}
#navi {color: #fd8d0d; padding-left: 5px; margin-top: 40px;}
#logo img {width: 130px;}
#breadcrumb-menu {font-size: 0.8em; margin-top:20px; margin-bottom:20px;}
#footer-content {font-size: 0.8em;}
	
}