body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
/*Allgemein*/
html {
  font-size: 100%;
}
body {
  font-family: Segoe UI, helvetica, arial;
  font-size: 0.9rem;
  color: #292929;
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  background-image: url("/files/layout/wood-background.jpg");
  background-position: center;
  background-repeat: repeat;
  background-attachment: fixed;
}
#container {
  margin-top: 3%;
}
/* font-family: Amatic SC; */ 
::selection {
  background: rgba(52, 104, 48, 0.67);
  color: #fff;
  text-shadow: none;
}
:focus {
  outline: none !important;
}
hr {
  border: 0;
  height: 1px;
  background: #6c6c76;
  clear: left;
}
a {
  color: #346830;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  text-decoration: none;
}
.inside {
  text-align: center;
}
.align-left {
  text-align: left;
}
a:hover {
  font-weight: 500;
}
.active {
  font-weight: bold;
}
em {
  color: #C2C2C2;
  font-family: Segoe Script, Segoe UI, helvetica, arial;
  font-weight: 500;
  font-size: 21px;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  color: #346830;
  font-family: Amatic SC;
  font-weight: 500;
}
h1 {
  font-size: 4rem;
}
h2 {
  font-size: 3rem;
}
h3 {
  font-size: 2.5rem;
}
.center {
  text-align: center;
}
p, a, span, li {
  font-size: 0.9rem;
}
.bg-weiß {
  background-color: #fff;
  margin: 1rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
  padding: 1rem 2rem;
}
@media (max-width: 700px) {
	.bg-weiß {
	  padding: 0.5em;
	}	
}
.bg-weiß h1, .bg-weiß h2 {
  margin-top: 0;
}
.button-link a {
  color: #346830;
  border: 1px solid #346830;
  padding: 10px 25px;
}
/*Checkbox etc.*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}
select {
  width: 100%;
  border: 1px solid #d0d0d0;
  padding: .75em 1em .5em 1em;
  background-color: white;
  background-image: url(/files/postschwangau/layout/bilder/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
}
select::-ms-expand {
  display: none;
}
.lt-ie10 select {
  background-image: none;
}
select {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  border-top-left-radius: 0px;
  padding: .75em 1em .5em 1em;
  background-color: #fff;
  color: #0c1b26;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
option {
  background: #fff;
  border-top: 1px solid #444;
  padding: .3em 1em .3em 1em;
}
/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}
/* graceful degradation for ie8 */
input[type='checkbox'], input[type='radio'] {
  width: auto;
  float: left;
  margin-right: .75em;
  background: transparent;
  border: none;
}
input[type='checkbox']:checked, input[type='checkbox']:not(:checked), input[type='radio']:checked, input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
input[type='checkbox'] + label, input[type='radio'] + label {
  cursor: pointer;
}
input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before, input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  border: 1px solid #bbb;
  background: white;
  margin-right: 1em;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1);
}
input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}
input[type='checkbox']:hover + label::before, input[type='radio']:hover + label::before {
  background: rgba(52, 104, 48, 0.48);
  ;
  box-shadow: inset 0 0 0 2px white;
}
input[type='checkbox']:checked + label::before, input[type='radio']:checked + label::before {
  background: #346830;
  box-shadow: inset 0 0 0 2px white;
}
/*Navigation*/
body #wrapper {
  will-change: auto !important;
  transform: none !important;
  min-height: 100vh;
  height: 100%;
  position: relative;
}
.navtop {
  position: fixed;
  background-color: white;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .04);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .04);
  width: 90%;
  text-align: left;
  z-index: 999;
  padding: 0.5em 5%;
  min-height: 62px;
  top: 0;
}
.navtop .navtop-right {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
#header > .inside {
  z-index: 999999;
  display: flex;
}
@media (max-width: 1330px) {
  .navtop {
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
  }
}
#logo {
  width: 270px;
  float: left;
  position: absolute;
  top: 0;
}
@media (max-width: 1750px) {
  #logo {
    width: 235px;
  }
}
#logo img {
  z-index: 5;
  position: relative;
}
.navtop .mod_navigation {
  min-height: 68px;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.navtop .mod_navigation ul {
  list-style: none;
}
.navtop .mod_navigation ul li span, .navtop .mod_navigation ul li a {
  color: #292929;
}
.navtop .mod_navigation ul li {
  float: left;
}
.navtop .mod_navigation ul li a {
  position: relative;
  z-index: 1;
  padding: 32px 5px;
  font-weight: 600;
}
.navtop .mod_navigation ul > .kontakt a, .navtop .mod_navigation ul > .kontakt strong {
  padding: 10px 10px;
  background-color: #c71712;
  color: #f9f9fa;
}
.navtop .mod_navigation ul > .kontakt a span, .navtop .mod_navigation ul > .kontakt a strong {
  color: #f9f9fa;
}
.navtop .mod_navigation ul > .kontakt .level_2 {
  display: none;
}
.navtop .mod_navigation ul li span,
.navtop .mod_navigation ul li a {
  color: #292929;
  font-size: 16px;
  padding: 0px 2px;
  margin: 5px;
  font-weight: normal;
  position: relative;
}
.navtop .mod_navigation > ul > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #346830;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.navtop .mod_navigation > ul > li:hover > a:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.navtop .mod_navigation ul li strong {
  color: #292929;
  font-size: 16px;
  padding: 0px 2px;
  margin: 5px;
  font-weight: normal;
  border-bottom: 2px solid #346830;
  position: relative;
}
.navtop .mod_navigation .level_2 li strong {
  padding: 0;
  border-bottom: 2px solid #f9f9fa;
}
@media (max-width:1200px) {
  .navtop .mod_navigation ul li span, .navtop .mod_navigation ul li strong,
  .navtop .mod_navigation ul li a {
    font-size: 14px;
  }
}
.navtop .mod_navigation ul li .level_2 {
  top: -40rem;
  padding: 20px;
  display: flex;
  justify-content: space-around;
  position: absolute;
  background-color: #ffffff;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
  flex-flow: column;
  z-index: 9;
  -webkit-box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.48);
  box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.48);
}
@media (max-width:1160px) {
  .navtop .mod_navigation ul li .level_2 {
    border-top: 31px solid white;
  }
}
.navtop .mod_navigation ul .loesungen .level_2 {
  justify-content: flex-start;
}
.navtop .mod_navigation ul .loesungen .level_2 li {
  width: 20%;
}
.navtop .mod_navigation ul li:hover .level_2 {
  top: 4rem;
}
.navtop .mod_navigation ul li .level_2 > li > a > span, .navtop .mod_navigation ul li .level_2 > li > a > strong, .navtop .mod_navigation ul li .level_2 > li > a {
  color: #292929;
  font-weight: 600;
}
.navtop .mod_navigation ul li .level_2 li span, .navtop .mod_navigation ul li .level_2 > li strong {
  color: #292929;
}
.navtop .mod_navigation ul li .level_2 li a, .navtop .mod_navigation ul li .level_2 li span {
  padding: 5px 0px;
}
.navtop .mod_navigation ul li .level_2 li, .navtop .mod_navigation ul li .level_2 li {
  padding: 5px 20px;
}
.navtop .mod_navigation ul li .level_2 li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #292929;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.navtop .mod_navigation ul li .level_2 li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.navtop .mod_navigation ul li .level_3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 0px 0px 0px;
}
.navtop .mod_navigation ul li .level_3 li {
  padding: 10px 0px;
}
.navtop .mod_navigation > ul > .submenu:after {
  content: '';
  height: 0.5em;
  width: 0.5em;
  display: inline-block;
  position: relative;
  top: -3px;
  right: 7px;
  border: 0 solid transparent;
  border-right: 0.1595rem solid #346830;
  border-bottom: 0.1595rem solid #346830;
  border-radius: 2px;
  transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-font-smoothing: antialiased;
}
.navtop .mod_navigation > ul > .submenu.forward:after, .navtop .mod_navigation > ul > .submenu.active:after {
  right: 2px !important;
}
.nav-contact {
  margin-left: 50px;
}
@media (max-width: 1500px) {
  .nav-contact {
    display: none;
  }
}
/*Mobile Navigation*/
@media (min-width: 1101px) {
  .mod_navigation {
    display: none;
  }
}
@media (max-width:1100px) {
  #header .mod_navigation, #header .ce_form {
    display: none !important;
  }
  .mod_mobile_menu {
    position: fixed;
    z-index: 99999;
    top: 10px;
    right: 20px;
    right: 20px;
  }
  .mobile_menu .inner {
    background: #1f2428;
    height: auto;
    overflow-y: auto;
  }
  .mobile_menu {
    z-index: 99999;
    height: auto !important;
  }
  .mobile_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mobile_menu ul li {
    position: relative;
    border-top: 1px solid #353e45;
    background: #1f2428;
  }
  .mobile_menu ul > .active {
    background-color: #14171a;
  }
  .mobile_menu li a {
    display: block;
    padding: 1em 1.5em 0.9em 1.5em;
    text-shadow: 0 1px 0 #000;
    text-decoration: none;
    border-bottom: none;
    background: #1f2428;
    color: #b4bdc5;
    line-height: 160%;
    font-size: .95em;
    font-weight: 400;
  }
  .mobile_menu li strong {
    display: block;
    padding: 1em 1.5em 0.9em 1.5em;
    text-shadow: 0 1px 0 #000;
    text-decoration: none;
    border-bottom: none;
    background: #14171a;
    color: #b4bdc5;
    line-height: 160%;
    font-size: .95em;
  }
  .mobile_menu li a:hover {
    color: #f9f9fa;
  }
  .mobile_menu li a:before {
    content: '';
    height: 0.5em;
    width: 0.5em;
    display: inline-block;
    position: relative;
    top: 0.125em;
    margin-right: 1em;
    margin-top: 9px;
    border: 0 solid transparent;
    border-right: 0.1595rem solid #b4bdc5;
    border-bottom: 0.1595rem solid #b4bdc5;
    border-radius: 2px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-font-smoothing: antialiased;
  }
  .submenu > a:after {
    content: '';
    height: 0.5em;
    right: 0;
    width: 0.5em;
    position: absolute;
    display: inline-block;
    top: 1em;
    margin-right: 1em;
    margin-top: 9px;
    border: 0 solid transparent;
    border-right: 0.1595rem solid #b4bdc5;
    border-bottom: 0.1595rem solid #b4bdc5;
    border-radius: 2px;
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-font-smoothing: antialiased;
  }
  .submenu_show > a:after {
    transform: rotate(225deg) !important;
  }
  .mobile_menu ul li .level_2 li a {
    padding-left: 4.5em;
  }
  .mobile_menu ul li .level_3 li a {
    padding-left: 6.5em;
  }
  .mobile_menu.active {
    top: 75px !important;
  }
  .mobileburger {
    display: inline-block;
    cursor: pointer;
    float: right;
    margin-top: 10px;
  }
  .bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #3e3434;
    margin: 6px 0;
    transition: 0.4s;
  }
  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
  }
  .change .bar2 {
    opacity: 0;
  }
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
  }
}
.mobile_menu .search-field input {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mobile_menu .search-field .formbody {
  display: flex;
  padding: 1em 1.5em 0 1.5em;
  position: relative;
  border-top: 1px solid #353e45;
  background: #1f2428;
}
.mobile_menu .search-field .formbody div:first-child {
  width: 100%;
  margin-right: 1em;
}
.mobile_menu .search-field button {
  color: white;
  background: #c71712;
  padding: 0.75em 1em;
  border-color: #c71712;
  font-size: .95em;
}
.mobile_menu .search-field button:after {
  color: white;
  font-size: .95em;
  left: 5px;
}
/*Headerimage*/
.header_big img {
  height: 100vh;
  object-fit: cover;
  width:100%;
}
.header_small img{
	width:100%;
}
.header_text {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.header_text p {
  font-family: Amatic SC;
  font-size: 80px;
  margin: 0;
}
.header_text h1 {
  color: #292929;
  font-weight: bold;
  font-size: 90px;
  margin: 0;
}
.header_text a {
  font-family: Segoe UI, helvetica, arial;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 60px;
  margin: 10px;
  font-size: 20px;
}
.header_text a:first-child {
  border-color: #346830;
  background-color: #346830;
}
@media (max-width: 750px) {
  .header_text a {
    display: none;
  }
  .header_text p {
    display: none;
  }
  .header_text p:first-child {
    display: block;
  }
  .ce_image.titelbildmargin {
    margin-top: 70px;
}
}

@media (max-width: 550px) {
  .header_text p {
    display: none;
  }
  .header_text p:first-child {
    font-size: 60px;
  }
  .header_text h1 {
    font-size: 60px;
  }
.second_nav.titelbildmargin {
    margin-top: 45px;
  }
}
.secondnavsmallerletter {
	font-size:15px;
	font-weight: bold;
}
/*Footer*/
#nauf a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.537' height='45.651' viewBox='0 0 27.537 45.651'%3E%3Cg id='Gruppe_71' data-name='Gruppe 71' transform='translate(963.49 883.151) rotate(180)'%3E%3Cpath id='Pfad_204' data-name='Pfad 204' d='M-218.883,407.723l13.2,13.2,13.2-13.2' transform='translate(1155.402 461.094)' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3Cline id='Linie_3' data-name='Linie 3' y2='44.561' transform='translate(949.528 837.5)' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  color: transparent !important;
  display: block;
  height: 100%;
  min-height: 70px;
}
@media (min-width: 1006px) {
  #footer {
    display: flex;
  }
}
.fa_box {
  position: absolute;
  bottom: 0;
  right: 25%;
}
@media (max-width: 1005px) {
  .fa_box {
    bottom: auto;
    top: 408px;
  }
}
@media (max-width: 760px) {
  .fa_box {
    top: 746px;
    text-align: left;
    left: 10%;
    width: 50%;
  }
}
@media (max-width: 580px) {
  .fa_box {
    display: none;
  }
}
#footer {
  background-color: #292929;
  color: #F7F7F7;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
  bottom: 0;
}
.footer-kontakt {
  padding: 10px 10px !important;
  background-color: #F7F7F7;
  color: #3d4252 !important;
  font-weight: 500;
  text-align: center;
}
.footer-kontakt:hover {
  color: #c71712 !important;
}
#footer li {
  list-style: none;
}
#footer div div p {
  color: #F7F7F7;
}
#footer .inside {
  margin-left: 2.5%;
  margin-right: 2.5%;
  text-align: left;
  width: 95%;
}
@media (min-width: 761px) {
  #footer .inside {
    display: flex
  }
}
#footer a, #footer h2 {
  color: #F7F7F7;
}
#footer strong {
  color: #F7F7F7;
  display: inline-block;
  font-weight: 400;
  font-family: Amatic SC;
  font-size: 32px;
  padding-bottom: 15px;
}
#footer em {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 15px;
  display: inline-block;
}
#footer div div:last-child {
  margin-right: 0;
}
#footer div div p {
  width: 100%;
  height: auto;
}
#footer .inside ul {
  padding-left: 0;
}
.second-footerlist {
  flex-basis: 25%;
}
#footer .inside div:last-child {
  border-right: none;
}
#footer .inside div > ul li {
  margin-right: 15px;
}
#footer .inside div > ul li a {
  display: inline-block;
  padding-bottom: 3px;
  padding-top: 3px;
  text-decoration: none;
}
#inner {
  position: absolute;
  right: -11%;
  bottom: 75px;
}
#inner figure {
  width: 125px;
}
/*Tablet Footer*/
@media (max-width: 1650px) and (min-width: 1441px) {
  .second-footerlist {
    flex-basis: 35%;
  }
}
@media (max-width: 1775px) and (min-width: 761px) {
  .second-footerlist {
    flex-basis: auto;
  }
}
@media (max-width: 1775px) and (min-width: 761px) {
  #footer .inside {
    flex-wrap: wrap;
  }
}
@media (max-width: 1775px) and (min-width: 1501px) {
  #footer .inside > div {
    flex-basis: 14.28571%;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media (max-width: 1500px) and (min-width: 761px) {
  #footer .inside > div {
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 1;
    border-bottom: 1px solid;
    padding: 10px 0px;
    border-top: 1px solid;
  }
}
/*Kleiner Footer*/
@media (max-width: 760px) {
  #footer .inside div > ul li {
    margin-right: 0px;
  }
  #footer .inside {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #footer div div {
    float: none;
    width: 100%;
    border-bottom: 1px solid #ffffff;
  }
  #footer {
    padding-top: 1px;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
  }
  #footer .inside {
    text-align: center;
  }
  #footer div div:last-child {
    width: 100%;
    border-bottom: none;
  }
  #footer div div p input[type=text] {
    width: 90%;
  }
}
/*Hauptteil Padding*/
/*Spacing*/
#main {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#main, .space {
  padding-left: 5%;
  padding-right: 5%;
  width: 90%;
}
.space-top {
  margin-top: 4rem;
}
/*Hauptteil, Main*/
/*ERROR*/
#error, #error2 {
  padding-top: 100px;
}
/** Gästebuch **/
#gaestebuch p {
  margin: 0;
}
#gaestebuch h1 {
  margin-top: 0;
}
#gaestebuch .form {
  margin-top: 3rem;
}
#gaestebuch .widget {
  margin: 8px;
}
.comment_default {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 12px;
  margin: 10px 0px;
}
.reply {
  background-color: #f55;
  border: 1px solid #f84;
  border-radius: 18px;
  padding: 12px;
  float: right;
}
#gaestebuch ul {
  list-style-type: none;
  text-align: center;
}
#gaestebuch ul li {
  padding: 3px;
}
#gaestebuch li {
  display: inline;
}
#gaestebuch .active {
  color: #346830;
  text-decoration: underline;
}
/*Mediathek*/
.video-full {
  position: relative;
  margin-top: 150px;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-full iframe, .video-full object, .video-full embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*Startseite*/
.two-row {
  display: flex;
  flex-flow: row;
  position: relative;
  overflow: visible;
  margin: 4rem 1rem 10rem 1rem;
}
.two-rpw > div {
  flex-basis: 50%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.two-row > .image-sticker {
  width: 40%;
  position: absolute;
  height: 100%;
  overflow: visible;
  display: flex;
  align-items: center;
}
.two-row > .image-sticker figure {
  position: relative;
  width: 100%;
}
.two-row > .image-sticker figure img {
  display: block;
}
.two-row > .small-text {
  width: 55%;
}
.two-row > .small-text h1, .two-row > .small-text h2 {
  margin-top: 0;
}
.two-row > .small-text-right {
  margin-left: 45%;
}
.two-row > .image-sticker-right {
  right: -5%;
}
.two-row > .image-sticker-left {
  left: 2%;
}
.two-row a {
  color: #346830;
  border: 1px solid #346830;
  padding: 10px 25px;
}
@media (max-width: 760px) {
	.two-row a {
	  padding: 5px 10px;
	  line-height: 35px;
	}
}
.alinknoborder a {
  border: 0px solid #346830;
  padding: 0px 0px;	
}
.two-row-easy .image-sticker {
  position: relative;
  left: 0;
  right: 0;
}
.two-row-easy > .image-sticker-right img {
  margin-left: auto;
}
.two-row-easy > .image-sticker-right {
  margin-left: 5%;
}
.two-row-easy > .small-text-right {
  margin-left: 0;
}
.two-row-easy > .image-sticker-left {
  margin-right: 5%;
  width: auto;
  max-width: 40%;
}
@media (max-width: 850px) {
  .two-row {
    flex-flow: column;
    justify-content: center;
    text-align: center;
    margin: 2rem 0.1rem;
  }
  .two-row > .image-sticker {
    width: 100%;
    max-width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
  }
  .two-row > .small-text {
    width: 100%;
    margin: 0;
  }
  .two-row-easy > .small-text-right, .two-row-easy > .image-sticker-left {
    margin: 0;
  }
  .two-row-easy > .image-sticker img {
    margin: auto;
  }
  .two-row-easy ul {
    list-style: none;
  }
}
.four-row {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.four-row h2 {
  flex-basis: 100%;
  text-align: center;
}
.four-row > .ce_text {
  margin: 15px;
}
.four-row > .ce_text p {
  text-align: center;
  font-weight: bold;
}
.four-row > .ce_text p a {
  color: #292929;
  text-decoration: underline;
  font-weight: normal;
}
.single-row {
  display: inline-block;
  text-align: center;
  position: relative;
  overflow: visible;
}
.single-row h2 {
  margin-bottom: 0;
  margin-top: 0;
}
.single-row .ce_text a {
  color: #fff;
  border: 1px solid #346830;
  padding: 10px 60px;
  margin: 10px;
  background-color: #346830;
}
/*Unser Hof*/
.next-to {
  position: absolute;
  bottom: 25%;
  right: -100%;
}
.galerie-row ul {
  display: flex;
  flex-flow: wrap;
}
.galerie-row h2 {
  flex-basis: 100%;
}
.galerie-row ul li {
  flex-basis: 33.3333%;
}
.galerie-row ul li img {
  height: auto;
  object-fit: cover;
  width: 100%;
  display: block;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
}
.galerie-row ul li figure {
  margin: 15px;
}
@media (min-width: 1200px){
  .ebike ul .odd {
    display: none;
  }
}
.linkebike {
  width: 786px;
  margin: 30px auto;
}
.linkebike a {
  color: #346830;
  border: 1px solid #346830;
  padding: 10px 25px;
}
@media (max-width: 980px){
  .linkebike {
    width: auto;
  }
}
.galerie-bg-weiß ul li figure {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
}
@media (max-width: 1200px) {
  .galerie-row ul li {
    flex-basis: 50%;
  }
}
@media (max-width: 500px) {
  .galerie-row ul li {
    flex-basis: 100%;
  }
}
.map h2 {
  margin-top: 0;
}
@media (max-width: 1050px) {
  .next-to {
    bottom: 0;
    position: relative;
    margin-top: 15px;
    right: 0;
  }
}
@media (max-width: 550px) {
  .map .bg-weiß {
    margin: 0;
    padding: 0;
  }
}
/*Wohnungen*/
.second_nav {
  display: flex;
  padding-left: 0;
  flex-flow: wrap;
  margin-bottom: 50px;
  justify-content: space-around;
}
.under-nav {
  flex-basis: 25%
}
.under-nav p {
  margin: 0;
}
.under-nav p:last-child {
  margin: 0;
  width: 100%;
  text-align: center;
  color: #346830;
  font-size: 25px;
}
.under-nav a {
  width: 100%;
  text-align: center;
  color: #346830;
  font-family: Amatic SC;
  font-size: 65px;
}
@media (max-width: 1400px) {
  .under-nav {
    flex-basis: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 700px) {
  .under-nav {
    flex-basis: 100%;
  }
}
.simple-row h2 {
  margin-top: 0;
}
.panorama {
  max-width: 850px;
  width: 100%;
  height: 500px;
  margin: auto;
}
/*Anfrage*/
.formular {
  max-width: 1000px;
  margin: auto;
}
.formular .formbody {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.formular .formbody > div {
  flex-basis: 45%;
  text-align: left;
  margin-bottom: 20px;
}
.formular .formbody > .widget-submit, .formular .formbody > .widget-checkbox, .formular .formbody > .widget-explanation {
  flex-basis: 100%;
}
.formular .formbody > .widget-explanation p {
  color: #346830;
  font-family: Amatic SC;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 40px;
}
.formular .formbody > .widget-checkbox input {
  width: auto;
  padding: 0;
}
.formular .formbody .checkbox_container {
  padding: 15px 0px 10px 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.formular .formbody > .widget-checkbox span {
  display: block;
}
#lbl_14_0, #lbl_38_0 {
  padding-left: 2px;
}
.formular .formbody div input, .formular .formbody div textarea {
  display: block;
  height: calc(1em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  width: 85%;
  color: #474359;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.formular .formbody div textarea {
  height: auto !important;
}
.formular .formbody div input::placeholder {
  color: #868b94;
}
.formular .formbody div input:hover, .formular .formbody div input:active, .formular .formbody div input:focus, .formular .formbody div textarea:hover, .formular .formbody div textarea:focus, .formular .formbody div textarea:active {
  border: 1px solid #050717;
}
.formular .formbody div button {
  border-radius: 0px;
  background-color: white;
  background: white;
  border: 1px solid #346830;
  color: #346830;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
  max-width: 215px;
  float: right;
  border-radius: .25rem;
}
.formular .formbody div button:hover {
  background-color: #346830;
  background: #346830;
  color: white;
}
.formular a {
  text-decoration: none;
  color: #000000;
}
.formular a:hover {
  text-decoration: underline;
}
.formular .widget > label {
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 650px) {
  .formular .formbody {
    display: block;
  }
  .formular .formbody div input, .formular .formbody div textarea {
    width: 95%;
  }
}
/*Mediathek*/
.headervideo {
  margin-top: 80px;
}
video {
  max-width: 100%;
  object-fit: cover;
}
.mediathek-frame iframe {
  max-width: 950px;
  margin-top:5%;
  margin-bottom:5%;
}
.info {
  font-weight: bold;
  padding-bottom: 7px;
  text-align: left;
}
.info time {
  font-weight: normal;
}
.comment {
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
}
/* Tabellen */
table {
  width: 100%;
}
td {
  background: #D4D4C4;
  padding: 5px;
}
td:hover {
  background-color: #346830;
  color: #fff;
}
.trennlinie {
  margin: 3% 0;
  border: 1px solid #6c6c76;
}
.col_0.col_first, .row_0 {
  font-weight: bold;
}
.col_0 {
  text-align: right;
  width: 30%;
}
@media (max-width: 600px) {
 #logo img {
    width: 85%;
}
#article-8.bg-weiß {
    margin: 0rem;
    padding: 0rem;
}
  .special #main {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.two-row {
    text-align: left;
}
.two-row ul {
    margin-left: -24px;
}
.titelbildmargin #main {
    padding-top: 0rem;
}
}
.table-container{
	overflow-x:auto;
}
.headlinestart {
    font-family: Amatic SC;
    font-size: 90px;
    color: #346830;
}
#rating {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
#partner .ce_image {
    margin: 0 5%;
}

.iframe-container{
  min-height: 100px;
  position: relative;
  text-align: center;
  z-index: 9;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
  margin: 1rem;
}

#tramino-belegungsplan.iframe-container{
  box-shadow: none;
}

#tramino-bewertungen-startseite.iframe-container{
  box-shadow: none;
  width: 100%;
}

.iframe-on{
  z-index: 1;
  background: white;
}

.cookie_settings{
  cursor: pointer;
  padding: 15px;
  font-size: 20px;
}

.cookie_settings:hover{
  font-weight: 400;
}

.iframe-off{
  position: absolute;
  margin: auto;
  text-align: center;
  width: 100%;
  z-index: -1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.klaro input[type='checkbox']:checked + label::before, .klaro input[type='checkbox']:not(:checked) + label::before, .klaro input[type='radio']:checked + label::before, .klaro input[type='radio']:not(:checked) + label::before{
  display: none;
}

.iframe-container .bg-weiß{
  margin: 0 !important;
}

.d-none{
  display: none !important;
}

.link-normal a{
	border: none;
    padding: 0;
}
/* amatic-sc-regular - latin */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/layout/fonts/amatic-sc-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Amatic SC Regular'), local('AmaticSC-Regular'),
         url('../../files/layout/fonts/amatic-sc-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/layout/fonts/amatic-sc-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/layout/fonts/amatic-sc-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../../files/layout/fonts/amatic-sc-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/layout/fonts/amatic-sc-v13-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
  }