/* webfonts in use
RobotoRegular, RobotoBold, RobotoItalic, RobotoLightItalic
Please use both px + rem for font-size and line-height; 10px = 1rem
*/
/* FontAwesome:
   Brands: font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Bold: font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;
*/


/* General */
* {box-sizing:border-box; outline:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html {height:100.2%; font-size:62.5%; -webkit-text-size-adjust: 100%;}
body {margin:0; font-family:RobotoRegular,sans-serif; font-size:16px; font-size:1.6rem;}
img {border:none;}
h1, h2, h3, h4 {font-weight:normal; font-family:RobotoRegular,sans-serif;}
div, p, th, li, td, dt, dd {font-size:16px; font-size:1.6rem; line-height:28px;}
a {color:#67ade6; text-decoration:none;}
a:hover {color:#1a3145;}
th, td {vertical-align:top;}
hr {height:0; border-style:none none solid none; border-width:1px; border-color:#999;}
figure {margin:0; line-height:0;}
figcaption {margin-top:2px; line-height:16px; font-size:13px; font-size:1.3rem;}
input, textarea {font-size:16px; font-size:1.6rem; line-height:18px; font-family:RobotoRegular,sans-serif;}
.tx-owl-slider img {width:100%;  height:auto;}
::-webkit-scrollbar-track{background-color:#f5f5f5;}
::-webkit-scrollbar {width:5px; background-color: #f5f5f5;}
::-webkit-scrollbar-thumb {background-color:#acacac;}
.sidr-open::before {position: absolute; width: 100%; height: 100%; z-index: 1000; content: ""; background: url(../img/darkbody.png);}
iframe {border:none;}

/* old from ff */
/* .frame-space-after-large {margin-bottom:80px !important;}*/

/* new from escen */
.frame-space-before-large,
.col .frame-layout-2.frame-before-after-large {margin-top: 80px !important;}
.frame-space-after-large,
.col .frame-layout-2.frame-space-after-large {margin-bottom: 80px !important;}
.frame-space-before-small {margin-top: 40px !important;}
.frame-space-after-small {margin-bottom: 40px !important;}


/* rte text formatting */
strong {font-family:RobotoBold, sans-serif; font-weight:normal;}
em {font-family:RobotoItalic, sans-serif;}
.quote {font-size:20px; font-size:2rem; font-family:RobotoLightItalic, sans-serif;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.link-internal-more {display:inline-block; padding:10px 58px; border:solid 2px #67ade6; text-transform:uppercase;
  font-size:16px; font-size:1.6rem; line-height:18px; line-height:1.8rem; font-family:RobotoBold,sans-serif;}
.link-internal-more:hover {border-color:#1a3145;}
.allnews {display:block; max-width:290px; margin:20px auto 0; padding:10px 0; text-transform:uppercase;
  border:solid 2px #66ace7; text-align:center; font-family:RobotoBold, sans-serif;}
.allnews:hover {border:solid 2px #1a3145;}
.link-button {display:inline-block; padding:14px 58px; color: #fff; background-color:#1a3145; text-transform:uppercase;
  font-size:16px; font-size:1.6rem; line-height:18px; line-height:1.8rem; font-family:RobotoBold,sans-serif;}
.link-button:hover {background-color:#67ade6; color:#1a3145;}

/* overall */
footer {clear:both; overflow:hidden;}
nav#topnavmobil {display:none;}
ul#skipnav {display:none;}
#topbox {position:relative; display:flex; flex-wrap:wrap; justify-content: space-between; padding:20px 30px; max-width:1340px; height:auto; margin:0 auto; overflow:hidden;}
.touchdevice #topbox {overflow:visible;}
#content {padding:48px 0 100px;}
#wrapper {overflow-x: hidden;}
#innerwrapper {padding:0 30px;}

/* images */
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom:0;}

/* dynlogo */
#homelink {color:#1a3145;}
#homelink .logo span {display:block; color:#1a3145;}
#homelink .logo .lplage {line-height:20px; margin-bottom:2px;}
#homelink .logo .ltyp {font-size:34px; font-size:3.4rem; line-height:36px;font-family:RobotoBold, sans-serif; font-weight:normal;}
#homelink .logo .lgemeinde {margin-top:2px; line-height:20px;}

/*header */
#headerimg {overflow:hidden; position:relative; background-color:#f5f5f5; min-height:300px;}
#headerimg .frame-type-text p {display:block; width:1024px; margin:0 auto; padding:0 15px; text-align:center; position: absolute; left:0; right:0; top: 50%;
  transform: translateY(-50%); font-family:RobotoItalic, sans-serif; font-size:32px; font-size:3.2rem; line-height:42px;
}
#headerimg figure {line-height:0;}
#headerimg img {width: auto; height: auto; object-fit: cover;}

/* mobile header */
#mobile-header {display:none; width:100%; background-color:#1a3145; padding:10px 30px;}
#mobile-header-inner {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1340px; margin:0 auto;}
#mobile-header a {color:#fff; font-size:28px;}

#mobile-meta {display:none;}
#smallnav ul {overflow:hidden;}
#smallnav li {}
#smallnav a {float:left; display:block; padding:6px 6.7%; border-right:1px solid #fff; color:#000; font-size: 14px; font-size:1.4rem; line-height: 18px;}
#smallnav a i {margin-right:5px; font-size:14px; font-size:1.4rem; line-height:32px;}
#smallnav li:last-child a {border-right:none;}


/* owl slider */
.owl-carousel {display:block;}
#headerimg .tx-ff-owl-slider img {width:100%; height:648px; object-fit: cover;}
.tx-ff-owl-slider .item {display:none; line-height:0; width:100%;}
.tx-ff-owl-slider .item:first-of-type {display:block;}
.tx-ff-owl-slider .item > a {display:block; text-align:center;}

.slider-caption {position:absolute; margin:0 auto; padding:0 30px; left:0; right:0; max-width:1340px;}
.owl-controls {/* position:absolute; bottom:0; width:100%; */}
.owl-pagination {display:flex; width:100%;}
.owl-theme .owl-controls .owl-page {flex-grow: 1; width:33.33333%; }
.owl-theme .owl-controls .owl-page span {width:100%; margin:0; background:none; background-color:rgba(255, 255, 255, 0.6); opacity:1; border-radius:0;}
.owl-theme .owl-controls .owl-page.active span {background-color:#004674;}

.owl-theme .owl-controls .owl-buttons {position:absolute; top:42%; width:100%;}
.owl-theme .owl-controls .owl-buttons div {display:block; position:absolute; padding:0; margin:0; background:none; border-radius: 0;}
.owl-theme .owl-controls .owl-buttons .owl-prev {left:30px;}
.owl-theme .owl-controls .owl-buttons .owl-next {right:30px;}
.owl-theme .owl-controls .owl-buttons div i {font-size:5.2rem;}

/* slider layout 1 */
.tx-ff-owl-slider .layout-1 .slider-caption {max-width:none; top:50%; transform: translateY(-50%); text-align:center;}
@media only screen and (min-width: 1200px) {
  .tx-ff-owl-slider .layout-1 .slider-caption {max-width: 50%;}
}
.tx-ff-owl-slider .layout-1 picture::after {content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.42); opacity: 1;}
.tx-ff-owl-slider .layout-1 h3 {margin:0 auto; font-size:45px; font-size:4.5rem; line-height:52px; line-height:5.2rem; color:#fff; font-family:RobotoBold, sans-serif;}
.tx-ff-owl-slider .layout-1 p {font-size:20px; font-size:2rem; line-height:24px; line-height:2.4rem; color:#fff;}
.tx-ff-owl-slider .layout-1 .link-more {display:block; margin:60px auto 0; padding:15px 0; width:183px; height:46px; color:#1a3145; background-color:#7eb7e8;
font-size:14px; font-size:1.4rem; line-height:16px; line-height:1.6rem; text-transform:uppercase; font-family:RobotoBold, sans-serif;
}
.tx-ff-owl-slider .layout-1 .link-more:hover {background-color:#1a3145; color:#fff;}

/* slider layout 2 + 3 overall */
.tx-ff-owl-slider .layout-2 .caption-wrapper,
.tx-ff-owl-slider .layout-3 .caption-wrapper {max-width:1340px; margin:0 auto; padding:0 30px; width:100%; height:100%;
 position:absolute; top:0; left:0; right:0;}
.tx-ff-owl-slider .layout-2 .slider-caption,
.tx-ff-owl-slider .layout-3 .slider-caption {top:88px; margin:0; padding:52px 40px 58px 33px; max-width:434px; background-color:#fff;}
.tx-ff-owl-slider .layout-2 h3,
.tx-ff-owl-slider .layout-3 h3 {margin-top:0; font-size:40px; font-size:4rem; line-height:48px; line-height:4.8rem; color:#000000; font-family:RobotoBold, sans-serif;}
.tx-ff-owl-slider .layout-2 p,
.tx-ff-owl-slider .layout-3 p {font-size:15px; font-size:1.5rem; line-height:19px; line-height:1.9rem; color:#000;}
.tx-ff-owl-slider .layout-2 .link-more,
.tx-ff-owl-slider .layout-3 .link-more {display:block; margin:60px 0 0; padding:15px 0; width:183px; height:46px; color:#fff; background-color:#1a3145;
font-size:14px; font-size:1.4rem; line-height:16px; line-height:1.6rem; text-align:center; text-transform:uppercase; font-family:RobotoBold, sans-serif;
}
.tx-ff-owl-slider .layout-2 .link-more:hover,
.tx-ff-owl-slider .layout-3 .link-more:hover {background-color:#67ade6;}

/* slider layout 2 */
.tx-ff-owl-slider .layout-2 .slider-caption {left:30px; right:auto;}

/* slider layout 3 */
.tx-ff-owl-slider .layout-3 .slider-caption {left:auto; right:30px;}


/* servicenav */
#servicenav {margin-top:34px;}
#servicenav ul {display: flex; align-items: center;padding:0; margin:0; list-style-type:none; line-height:0;}
#servicenav li {display:inline; line-height:16px; line-height:1.6rem; font-size:12px; font-size:1.2rem;}
#servicenav li a {margin-right:40px; color:#00235d; text-transform:uppercase;}
#servicenav li:last-child a {margin-right:0;}
#servicenav li.last a {margin-left:30px; font-size:32px; font-size:3.2rem;}
#servicenav li.last a span {display:none;}

 /* search */
#topbox form#searchform {position:relative; margin-top:34px;}
#topbox form#searchform fieldset {margin:0; padding:0; border:none;}
#topbox form#searchform fieldset legend {display:none;}
#topbox form#searchform fieldset label {display:none;}
#topbox form#searchform fieldset input#searchinput {width:250px; height:38px; padding:0 40px 0 16px; background-color: #f5f5f5; font-size:16px; font-size:1.6rem; border:none;}
#topbox form#searchform fieldset input#searchsubmit {position:absolute; right:0; top:0; width:40px; padding:0; background:none; border:none; cursor:pointer;
  font-size:20px; font-size:2rem; line-height:35px; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; }

.touchdevice #searchform {display:none; position:absolute !important; width:100%; left:0; bottom:-90px; padding:5px 30px;
 z-index:999;}
.touchdevice  #topbox form#searchform fieldset input#searchinput {width:100%;}
.touchdevice  #topbox form#searchform fieldset input#searchsubmit {display:none;}

.tx-indexedsearch-searchbox fieldset {border:none; margin:0; padding:0;}
.tx-indexedsearch-searchbox fieldset legend {display:none;}
.tx-indexedsearch-searchbox p {margin:0;}
.tx-indexedsearch-searchbox {margin-bottom:15px;}
.tx-indexedsearch-form {float:left; width:50%;}
.tx-indexedsearch-form label {display:none;}
.tx-indexedsearch-form input {height:46px; width:100%; padding: 0 40px 0 16px; background-color: #f5f5f5; font-size: 16px; font-size: 1.6rem; border: none;}
.tx-indexedsearch-search-submit input {margin-left:4px; padding:15px 20px; height:46px; color: #fff; background-color:#1a3145; font-size:14px; font-size:1.4rem; line-height:16px; line-height:1.6rem; -webkit-appearance: none; border-radius:0;
    text-transform:uppercase; font-family:RobotoBold, sans-serif; text-align:center; border:none;}
.tx-indexedsearch-search-submit input:hover {background-color: #7eb7e8; color: #1a3145; cursor:pointer;}
.extendedsearch {width:50%; padding:15px 0;}
.extendedsearch label {display:block; width:100%; font-family:RobotoBold,sans-serif;}
.extendedsearch select {width:49%; height:38px; margin-right:2%;}
.extendedsearch .extendflex {display:flex; flex-wrap:wrap; margin-bottom:10px; }
.extendedsearch .extendflex select:last-child {margin-right:0;}
.tx-indexedsearch-rules {margin-bottom:25px;}

.searchwordshow {display:none;}
.tx-indexedsearch-browsebox p {margin:0;}
.tx-indexedsearch-res {padding:20px 15px; border-bottom: dotted 1px #c1c1c1;}
.tx-indexedsearch-res:nth-child(2n) {background-color:#f5f5f5;}
.tx-indexedsearch-res h3 {margin:0;}

.tx-indexedsearch-browsebox .tx-indexedsearch-browsebox {padding:0; margin:30px 0 0 0; list-style-type:none; overflow:hidden; text-align:center;}
.tx-indexedsearch-browsebox li {display:inline-block; margin-bottom:10px;}
.tx-indexedsearch-browsebox li a {display:block; padding: 8px 14px; color: #1a3145; border: 1px solid #dddddd; font-size: 12px; font-size: 1.2rem; line-height: 14px;}
.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage a,
.tx-indexedsearch-browsebox li a:hover {color: #fff; background-color: #1a3145; border: 1px solid #1a3145;}

/* mainnav */
#topnav {background-color:#1a3145;}
#topnav > ul {max-width:1340px; margin:0 auto; padding:0 30px; list-style-type:none;}
#topnav ul li {display:inline-block;}
#topnav > ul > li > a {padding:18px 30px;}
#topnav > ul > li:first-child > a {padding-left:0;}
#topnav ul a {display:block; padding:18px 0; color:#fff; font-size:15px; font-size:1.5rem; line-height:17px; line-height:1.7rem;
  text-transform:uppercase; text-decoration:none; font-family:RobotoBold,sans-serif;}
#topnav ul li:last-child a {margin-right:0;}
#topnav ul li.act > a,
#topnav ul li > a:hover {color:#77addb;}
#topnav ul li:hover .dropdown {visibility:visible; opacity:1;}
#topnav ul .dropdown {visibility:hidden; opacity: 0; transition:visibility 0.5s, opacity 0.2s linear; position:absolute; left:0; width:100%; min-height:450px;
  padding:50px 0; background-color:#f4f4f4; z-index: 999;}
#topnav ul .section-inner {max-width:1340px; margin:0 auto; padding:0 30px;}

#topnav .secondlvl {position:relative; width:218px; height:100%; min-height:450px; margin:0; padding:0;}
#topnav .secondlvl li {display:block;}
#topnav .secondlvl li > a {display:flex; justify-content:space-between; margin-right:0; color:#1a3145; font-family:RobotoBold,sans-serif; border-bottom:1px solid rgba(0,0,0,0.2);}
#topnav .secondlvl li:hover > a,
#topnav .secondlvl li.act > a {color:#77addb;}
#topnav .secondlvl > li:last-child > a {border-bottom:none;}

#topnav .secondlvl li:hover .thirdlvl {display:block;}
#topnav .thirdlvl {display:none; position:absolute; top:0; left:100%; width:333px; height:100%; padding-left:115px;}
#topnav .thirdlvl li > a {color:#1a3145;}
#topnav .thirdlvl li:hover > a,
#topnav .thirdlvl li.act > a {color:#77addb;}

#topnav .thirdlvl li:hover .fourthlvl {display:block;}
#topnav .fourthlvl {display:none; position:absolute; top:0; left:100%; width:333px; height:100%; padding-left:115px;}

/* mobile menu */
body.sidr-open div#wrapper {position: fixed !important;}
#sidr-main {background-color:#f3f3f3}
#sidr-main .plus {width: 20%; display: inline-block; text-align: center; padding: 10px; font-size:14px; font-size:1.4rem; }
#sidr-main .plus::after {content:"\f067"; display:block; color:#aaaaaa; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
#sidr-main .minus::after {content:"\f068"; display:block; color:#aaaaaa; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}

#sidr-main ul {padding:0; margin:0; list-style-type:none;}

#sidr-main #firstlvl li {border-top:1px solid #dadada;}
#sidr-main #firstlvl li:last-child {border-bottom:1px solid #dadada;}
#sidr-main #firstlvl li.open,
#sidr-main #firstlvl li.act {background-color:#f9f9f9;}
#sidr-main #firstlvl li.open > a,
#sidr-main #firstlvl li.act > a {}
#sidr-main #firstlvl li.open .plus::after,
#sidr-main #firstlvl li.act .plus::after {color:#aaaaaa !important;}

#sidr-main #firstlvl a {display:inline-block; width:80%; padding:10px 15px; font-size:14px; font-size:1.4rem;
  color:#000; text-decoration:none; font-family:RobotoRegular, sans-serif;}
#sidr-main #firstlvl > li.act > a {color:#1a3145; font-family:RobotoBold,sans-serif;}

/* 2. lvl */
#sidr-main #firstlvl .dropdown {display:none;}
#sidr-main #firstlvl ul {}
#sidr-main #firstlvl ul .fa-angle-right {display:none;}
#sidr-main #firstlvl ul li {padding-left:10px;}
#sidr-main #firstlvl ul li.act:first-child {}
#sidr-main #firstlvl ul li:last-child {border-bottom:none !important;}
#sidr-main #firstlvl ul li a {font-size:14px; font-size:1.4rem;}
#sidr-main #firstlvl ul > li.act > a {color:#1a3145; font-family:RobotoBold,sans-serif;}

#sidr-main #firstlvl ul.thirdlvl {display:none;}
#sidr-main #firstlvl ul li {padding-left:10px;}
#sidr-main #firstlvl ul li.act:first-child {}
#sidr-main #firstlvl ul li:last-child {border-bottom:none !important;}
#sidr-main #firstlvl ul li a {font-size:14px; font-size:1.4rem;}


/* maincontent */
h1 {margin-top:0; font-size:35px; font-size:3.5rem; line-height:39px;}
h1.section-inner {margin-bottom:24px !important;}
h2 {margin-top:35px; font-size:25px; font-size:2.5rem; line-height:28px; line-height:2.8rem;}
.col .frame-default {margin-bottom:35px;}
/* special bar */
#specialbar {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto 68px; padding:0 30px; max-width:1340px; overflow:hidden;}
#breadcrumb {color:#a8a8a8; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2rem;}
#breadcrumb a {color:#a8a8a8; margin:0 10px;}

#content .section-inner {max-width:1340px; margin:0 auto; padding:0 30px;}

.contenttable {width:100%; border-collapse:collapse;}
.contenttable th {text-align:left; font-family:RobotoBold,sans-serif;}
.contenttable th,
.contenttable td {padding:5px 8px; margin:12px 0;}
.contenttable p {margin:0;}
.contenttable > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}

#content .ce-gallery img {max-width:100%; height:auto;}

/* 1 col */
.col-1 {}
.col-1 #specialbar {}
.col .frame-default {}
.col-1 > .col > .frame-default {max-width:1340px; margin:0 auto 0; padding:0 30px;}
.col-1 .video-embed-item {width:50%; height:auto;}

/* 2 cols */
.cols-2 {max-width:1340px; margin:0 auto;}
.cols-2 #innerwrapper {display:flex; flex-wrap:wrap;}
.cols-2 .col-75 {width:75%; padding-right:5%;}
.cols-2 .col-75 .cols-3-inner {padding:0 !important; margin-bottom:30px !important;}
.cols-2 .col-25 {width:25%;}
/* .cols-2 .video-embed-item {width:100% !important; height:auto;} */
/* added from escen */
#content.cols-2 .cols-2-inner {padding:0; margin-bottom:32px !important;}

/* right */
.col-25 h2 {margin-top:0;}
.col-25 .frame {margin-bottom:30px;}
.col-25 .frame:last-child {margin-bottom:0;}
.col-25 img {max-width:100%; height:auto;}
.col-25 .ce-right img {max-width:120px; height:auto; width:100%;}
.col-25 .text-frame p:first-child {margin-top:0;}

/* grey bg */
.frame-layout-1 {padding:30px 21px; background-color:#f5f5f5;}
.frame-layout-1 h2 {margin-top:0;}
.frame-layout-1 p:last-child {margin-bottom:0;}

/* onepager */
.onepager .cols-2-inner,
.onepager .cols-3-inner {margin:80px auto 0 !important;}
.onepager .col .frame-default {}

/* accordion */
.col .frame-layout-2 {margin-bottom:15px !important;}
.frame-layout-2 .ce-textpic,
.frame-layout-2 .text-frame,
.frame-layout-2 .tx-powermail,
.frame-layout-2 .user-lkbsaddress-controller,
.frame-layout-2 .ce-table {display:none; margin:2px 0; padding:5px 30px; background-color:#f5f5f5;}
.frame-layout-2 .ce-table,
.frame-layout-2 .text-frame,
.frame-layout-2 .ce-textpic {padding:15px;}
.frame-layout-2 .text-frame p {margin-top:0;}
.frame-layout-2 h2 {width:100%; margin:0; padding:8px 15px; font-size:18px; font-size:1.8rem; line-height:24px; color:#67ade6; background-color:#f5f5f5; cursor:pointer;}
.frame-layout-2 h2:hover {background-color:#1a3145; color:#fff;}
.frame-layout-2 h2::before {content:"\f067"; margin-right:8px; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
.frame-layout-2 .act h2 {background-color:#1a3145; color:#fff;}
.frame-layout-2 .act h2::before {content:"\f068";}
/* accordion right */
.col-25 .frame-layout-2 h2 {padding:13px 15px; font-size:18px; font-size:1.8rem;}
.col-25 .frame-layout-2 p {margin-top:0;}

/* added from escen */
.frame-layout-2 h2::before,
.frame-layout-2 .act h2::before { content: ''; margin:0;}
.home .frame-layout-2 h2,
.frame-layout-2 h2 {position: relative;margin:0;padding: 14px 15px;font-size:20px;font-size: 2rem;line-height:26px;color:#67ade6;background-color:#f5f5f5;cursor:pointer;}
.frame-layout-2 h2::after {content:"\f067";margin-right:8px;position: absolute;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;right: 15px;}
.frame-layout-2 .act h2::after {content:"\f068";}

/* text on image */
.text-on-image {position:relative; overflow:hidden; margin:80px 0;}
.text-on-image .frame-default {margin-bottom:0;}
.text-on-image .ce-gallery {position:relative; z-index:999;}
.text-on-image .ce-bodytext {position:absolute; top:50%; right:0; left:0; z-index:999; max-width: 1340px; width:1340px; margin: 0 auto; padding: 0 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.text-on-image h2 {margin:0 0 15px 0; font-size:35px; font-size:3.5rem; line-height:39px; line-height:3.9rem;}
.text-on-image p {margin-top:0; font-size:20px; font-size:2rem; line-height:33px; line-height:3.3rem;}
.text-on-image .link-internal-more {color:#1a3145; border:solid 2px #1a3145;}


/* shariff */
.shariff .orientation-horizontal {flex-wrap: nowrap;}
.shariff .orientation-horizontal.button-style-standard li .share_text {display:none !important;}
.shariff .orientation-horizontal.button-style-standard li {min-width:auto !important;}
.shariff .orientation-horizontal li {margin-bottom:0; margin-right:15px;}
.shariff .shariff-button a {background:none; color:#6aaedf;}
.shariff .shariff-button a:hover {background:none; color:#1a3145;}
.shariff .facebook .fa-facebook-f {font-size:17px;}
.shariff .twitter .fa-twitter {font-size:20px;}
.shariff .mail .fa-envelope {font-size: 20px;}
.shariff .mail .fa-envelope::before {content:"\f0e0"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:400;}

/* losung */
#losungen-main {max-width:1340px; margin:0 auto 130px;; padding:0 30px; border:none;}
#losungen-losung,
#losungen-lehrtext,
#losungen-terms {position:relative; padding:35px 0 0; background-color:#f5f5f5; text-align:center;}
#losungen-main .header {background:none; border:none;}
#losungen-main .header h2 {margin-bottom:30px; background:none; border:none; font-size:20px; font-size:2rem; line-height:24px; line-height:2.4rem; color:#000; font-family:RobotoRegular,sans-serif;}
#losungen-main .verse {margin-bottom:12px; text-align:center; font-size:16px; font-size:1.6rem; line-height:20px; line-height:2rem; font-family:RobotoItalic,sans-serif;}
#losungen-main .text {margin:0 auto; max-width:540px; font-family:RobotoItalic,sans-serif;}
#losungen-main .text p {margin:0; font-size:20px; font-size:2rem; line-height:24px; line-height:2.4rem;}
#losungen-main .links-bottom {margin-top:50px; padding:12px 0; border-top:1px solid #fff; line-height:14px; line-height:1.4rem; }
#losungen-main .links-bottom a {font-size:12px; font-size:1.2rem; text-transform:uppercase; color:#7eb7e8; font-family:RobotoBold,sans-serif;}
#losungen-main .links-bottom a:hover {color:#000;}
#losungen-main .links-bottom a:last-child {margin-left:10px;}
#losungen-main .losung-nav a {position:absolute; top:40%; display:flex; text-transform:uppercase; color:#7eb7e8; font-size:14px; font-size:1.4rem; line-height:46px; font-family:RobotoBold,sans-serif;}
#losungen-main .losung-nav a:hover {color:#000;}
#losungen-main .losung-nav a:first-child {left:30px;}
#losungen-main .losung-nav a:last-child {right:30px;}
#losungen-main .losung-nav a i {font-size:46px; font-size:4.6rem;}
#losungen-main .losung-nav a:first-child i {margin-right:12px;}
#losungen-main .losung-nav a:last-child i {margin-left:12px;}

/* losung for subsites */
#innerwrapper #losungen-main {margin-bottom:0; padding:0 0;}
#innerwrapper #losungen-main h2 {margin:0 0 15px;}
#innerwrapper #losungen-losung,
#innerwrapper #losungen-lehrtext,
#innerwrapper #losungen-terms {padding:25px 15px 0;}
#innerwrapper #losungen-main .losung-nav a {font-size:12px; font-size:1.2rem; line-height: 32px;}
#innerwrapper #losungen-main .losung-nav a i {font-size:30px; font-size:3rem;}
#innerwrapper #losungen-main .text p {font-size:18px; font-size:1.8rem; line-height:22px;}

/* losung for rightcol */
#innerwrapper .col-25 #losungen-main .links-bottom {margin-top:30px;}
#innerwrapper .col-25 #losungen-main .text p {font-size:16px; font-size:1.6rem; line-height:20px;}
#innerwrapper .col-25 #losungen-main .losung-nav a:last-child {right:15px;}
#innerwrapper .col-25 #losungen-main .losung-nav a:first-child {left:15px;}
#innerwrapper .col-25 #losungen-main .losung-nav a {bottom:0; top:auto; line-height:28px;}
#innerwrapper .col-25 #losungen-main .losung-nav a,
#innerwrapper .col-25 #losungen-main .losung-nav a:hover {color:transparent;}
#innerwrapper .col-25 #losungen-main .losung-nav a i {font-size:20px; font-size:2rem; color:#7eb7e8;}



/* powermail */
.tx-powermail {}
.tx-powermail h3 {display:none;}
.tx-powermail fieldset {margin:0; padding:0; border:none;}
.tx-powermail fieldset .flex-container {display:flex; flex-wrap:wrap; justify-content:space-between;}
.tx-powermail fieldset .flex-container > legend {display:none;}
.tx-powermail fieldset .powermail_legend {display:none;}

.powermail_label {font-size:18px; font-size:1.8rem; line-height:20px; font-family:RobotoBold,sans-serif;}
.powermail_fieldwrap {margin-bottom:15px;}
.powermail_fieldwrap_type_input,
.powermail_fieldwrap_type_select {width:49%; overflow:hidden;}
.powermail_fieldwrap_type_check,
.powermail_fieldwrap_type_radio,
.powermail_fieldwrap_type_textarea,
.powermail_fieldwrap_type_file {width:100%;}
.powermail_fieldwrap_type_select select {}
.powermail_fieldwrap_type_input input,
.powermail_fieldwrap_type_select select {-moz-appearance: none; -webkit-appearance: none; appearance: none;
  border: none; outline: none; width:100%; height:38px; padding:0 15px; border:solid 1px #a9a9a9; border-radius:0; box-shadow:0;}
.powermail_fieldwrap_type_select .powermail_field {position:relative;}
.tx-powermail .powermail_fieldwrap_type_select .powermail_field::before {position:absolute; top:11px; right:10px; content:"\f0d7"; line-height:initial; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
.tx-powermail .powermail_fieldwrap_type_input:nth-child(2n) {margin-right:0;}
.tx-powermail .layout2 {width:100%; margin-right:0 !important;}
.powermail_fieldwrap_type_textarea textarea {-moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none;
  width:100%; height:120px; padding:15px; border:solid 1px #a9a9a9; border-radius:0;}
.powermail_fieldwrap_type_captcha {width:100%;}
.powermail_fieldwrap_type_captcha input {-moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none;
  width:100%; height:38px; padding:0 15px; border:solid 1px #a9a9a9; border-radius:0;}
.powermail_fieldwrap_type_captcha img {width:500px;}
.powermail_fieldwrap .powermail_submit {padding:15px 20px; height:46px; color:#fff; background-color:#1a3145; font-size:14px; font-size:1.4rem;
  line-height:16px; line-height:1.6rem;  text-transform:uppercase; font-family:RobotoBold, sans-serif; border:none;
  -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none; border-radius:0;
}
.powermail_fieldwrap .powermail_submit:hover {background-color: #7eb7e8; color: #1a3145; cursor:pointer;}

.parsley-errors-list {margin:0; padding:0; list-style-type:none;}
.parsley-errors-list li {color:red;}

/* ff-list */
.tx-fflist {width:100%;}
.tx-fflist .frame-layout-1 {margin-bottom:20px; padding:15px;}
.tx-fflist form {}
.tx-fflist legend {display:none;}
.tx-fflist select,
.tx-fflist input {margin-top:12px;}
.tx-fflist table {width:100%; border-spacing:0;}
.tx-fflist tr {}
.tx-fflist th {padding:6px 4px 6px 6px; text-align:left; border-bottom:solid 1px #cccccc;}
.tx-fflist td {padding:6px 10px 6px 6px; border-bottom:solid 1px #cccccc;}
.tx-fflist .list th:after {margin-left:5px; content:"\f0d7"; color:#1a3145; font-family:"Font Awesome 5 Free"}
.tx-fflist .detail {margin-bottom:25px;}
.tx-fflist .result-page-browser {margin-bottom:25px; text-align:center; overflow:hidden;}
.tx-fflist .result-page-browser ul {margin:30px 0 0; padding:0; list-style:none;}
.tx-fflist .result-page-browser ul li {float:left;}
.tx-fflist .result-page-browser ul li:last-child {border-right:1px solid #ddd;}
.tx-fflist .result-page-browser ul li a, .result-page-browser ul li .dots {display:inline-block; padding:6px 12px; line-height:1.5; font-size:12px; font-size:1.2rem; color:#1a3145;
  border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tx-fflist .result-page-browser ul li a:hover,
.tx-fflist .result-page-browser ul li.cur a {background-color:#1a3145; color:#fff;}
.tx-fflist .result-page-browser ul li a:hover,
.tx-fflist .result-page-browser ul li.cur a {color:#fff;}

/* login */
.tx-felogin-pi1 fieldset {border:none; padding:0; margin:0; width:75%;}
.tx-felogin-pi1 legend {display:none;}
.tx-felogin-pi1 label {display:block; margin-top:10px; margin-bottom:5px; font-size:18px; font-size:1.8rem; line-height:20px; font-family:RobotoBold,sans-serif;}
.tx-felogin-pi1 input[type="password"],
.tx-felogin-pi1 input[type="text"] {-moz-appearance: none; -webkit-appearance: none; appearance: none;
  border: none; outline: none; width:100%; height:38px; padding:0 15px; border:solid 1px #a9a9a9; border-radius:0; box-shadow:0;}
.tx-felogin-pi1 input[type="submit"] {display:inline-block; border:none; margin-top:15px; padding:14px 58px; color: #fff; background-color:#1a3145; text-transform:uppercase;
  font-size:16px; font-size:1.6rem; line-height:18px; line-height:1.8rem; font-family:RobotoBold,sans-serif; cursor:pointer;}  
.tx-felogin-pi1 input[type="submit"]:hover {background-color: #67ade6; color: #1a3145;}


/* gridelements */
/* 2 cols */
.cols-2-inner {display:flex; flex-wrap:wrap; margin-bottom:130px !important;}
.cols-2-inner h3 {/* margin:35px 0 15px; */ margin:0 0 15px; font-size:25px; font-size:2.5rem;line-height:28px; line-height:2.8rem;}
.cols-2-inner p {margin:0 0 30px; font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem;}
.cols-2-inner p:last-child {margin-bottom:0;}
.cols-2-inner .col {width:46%;}
.cols-2-inner .cols-50-inner-right {margin-left:8%;}
.cols-2-inner .ce-above .ce-gallery {float:none; margin-bottom:30px;}
.cols-2-inner .ce-above .ce-gallery img {width:100%; height:auto;}
.col-75 .cols-2-inner h2 {margin-top:0; margin-bottom:15px;}

/* 2 cols 100% */
.full-2 {margin-bottom:160px;}
.full-2 h2 {margin:0 0 14px 0 !important; text-align:left !important; color:#fff; font-size:35px; font-size:3.5rem; line-height:39px; line-height:3.9rem; font-family:RobotoRegular,sans-serif;}
.full-2 h3 {margin:0; color:#fff; font-size:25px; font-size:2.5rem; line-height:30px; line-height:3rem;}
.full-2 p {margin-top:35px; color:#fff;}
.full-2 .cols {width:50%;}
.full-2 .cols {position:relative; background-color:#1a3045;}
.full-2 .cols .frame-type-list,
.full-2 .cols .frame-type-text {position:absolute; right:0; max-width:660px; padding:0 16% 0 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.full-2 .cols-50-inner-right .frame-type-text {padding-left:0;}
.full-2 .cols-50-inner-right {margin-left:0;}
.full-2 .link-internal-more {color:#1a3145; background-color:#67ade6; border:none;}
.full-2 .link-internal-more:hover {border:none;}
.full-2  .ce-above .ce-gallery {margin-bottom:0;}

/* 3 cols */
.cols-3-inner {display:flex; flex-wrap:wrap; margin-bottom:130px !important;}
.cols-3-inner h3 {/* margin:35px 0 15px; */ margin:0 0 15px; font-size:25px; font-size:2.5rem; line-height:28px; line-height:2.8rem;}
.cols-3-inner p {margin:0 0 50px; font-size:16px; font-size:1.6rem; line-height:26px; line-height:2.6rem;}
.cols-3-inner .col {width:32%; margin-right:2%;}
.cols-3-inner .col:last-child {margin-right:0;}
.cols-3-inner .ce-above .ce-gallery {float:none; margin-bottom:30px;}
.col-75 .cols-3-inner h2 {margin-top:0; margin-bottom:15px;}

/* 3 cols home */
.home .cols-3-inner h2 {margin:0 0 15px; text-align:left;}

/* centered grid */
.centered-text {padding:0 30px; margin:80px auto; max-width:800px;}

/* new frame von escen (background) */
.col .frame-background {position: relative; display:grid; margin-bottom:100px !important;}
.frame-background:before {content:' '; height:100%; z-index:-1; position: absolute; left:-1000px; right:-1000px; top:0;}
.frame-background.bg_gray:before {background-color:#f5f5f5;}
.frame-size-90 .frame-wrap-inside,
.frame-size-80 .frame-wrap-inside,
.frame-size-70 .frame-wrap-inside {overflow:hidden;}
.frame-size-90 .frame-wrap-inside {margin:0 auto; width:90% !important; max-width:90% !important;}
.frame-size-80 .frame-wrap-inside  {margin:0 auto; width:80% !important; max-width:80% !important;}
.frame-size-70 .frame-wrap-inside  {margin:0 auto; width:70% !important; max-width:70% !important;}
.frame-background h2 {font-size:35px; font-size:3.5rem; line-height:39px;}
.col .frame-background .frame-default {margin-bottom:0;}

/* footer */
#contact {padding:85px 0 40px; background-color:#1a3145; color:#fff;}
#contact h3 {margin:0 0 90px; font-size:40px; font-size:4rem; line-height:44px; line-height:4.4rem; text-align:center;}
.infotext {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto 90px; }
.infotext div {font-size:20px; font-size:2rem; line-height:40px; line-height:4rem;}
.infotext div:last-child {margin-left:8%;}
#contact .infotext a:hover {color:#67ade6;}
#metanav ul {padding:0; margin:0; list-style-type:none; text-align:center;}
#metanav li {display:inline;}
#metanav a {margin:0 30px; font-size:14px; font-size:1.4rem; color:#67ade6; text-transform:uppercase; text-decoration:none; }
#footerbottom {display:flex; flex-wrap:wrap; max-width:480px; margin:0 auto; padding:50px 0;}
#footerbottom .madewith {width:55%; padding-right:48px; border-right:1px solid #1a3145; font-size:12px; font-size:1.2rem; line-height:14px; line-height:1.4rem; text-align:right;}
#footerbottom .bottom-logo {width:45%;}
#footerbottom img {padding-left:48px; width:100%; height:auto;}

/* images */
.col-1 .ce-right {display:flex; flex-wrap:wrap;}
.col-1 .ce-right .ce-gallery {width:30%; margin-left:4%; order:2;}
.col-1 .ce-right .ce-bodytext {width:66%; order:1;}

/* .cols-2 .ce-right {display:flex; flex-wrap:wrap;} */
.cols-2 .ce-right .ce-gallery {margin-left:4%; /* width:40%; order:2; */}
/* .cols-2 .ce-right .ce-bodytext {width:56%; order:1;} */
.cols-2 .ce-left .ce-bodytext p,
.cols-2 .ce-right .ce-bodytext p {margin-top:0;}
.cols-2 .ce-intext.ce-right .ce-gallery,
.cols-2 .ce-intext.ce-left .ce-gallery {margin-top:7px;}

.ce-gallery[data-ce-columns="2"] .ce-row  {display:flex; flex-wrap:wrap;}
.ce-gallery[data-ce-columns="2"] .ce-column {/* width:49.5%; margin-right:1%; */}
.ce-gallery[data-ce-columns="2"] .ce-column:last-child {margin-right:0;}
.ce-gallery[data-ce-columns="2"] .ce-column figure,
.ce-gallery[data-ce-columns="2"] .ce-column img {width:100%; height:auto;}

.ce-gallery[data-ce-columns="5"] .ce-row  {display:flex; flex-wrap:wrap;}
.ce-gallery[data-ce-columns="5"] .ce-column {width:19.2%; margin-right:1%;}
.ce-gallery[data-ce-columns="5"] .ce-column:last-child {margin-right:0;}
.ce-gallery[data-ce-columns="5"] .ce-column figure,
.ce-gallery[data-ce-columns="5"] .ce-column img {width:100%; height:auto;}

/* adds format for images placed in 4 cols from escen */
.ce-gallery[data-ce-columns="4"] .ce-row {/* margin-left:-1%; margin-right:-1%; */}
.ce-gallery[data-ce-columns="4"] .ce-column { /* width:25%; margin:0; padding-left:1%; padding-right:1%; */}
.ce-gallery[data-ce-columns="4"] .ce-column {/* width:25%; */}
.ce-gallery[data-ce-columns="4"] .ce-column .image-embed-item {/* width:100%; max-width:100%; height:inherit; */}

/* added from escen */
.col-1 .ce-left.ce-intext.ce-nowrap,
.col-1 .ce-right.ce-intext.ce-nowrap {margin-left:-1%; margin-right:-1%;}
.col-1 .ce-left.ce-intext.ce-nowrap .ce-bodytext,
.col-1 .ce-right.ce-intext.ce-nowrap .ce-bodytext {width:50%; padding-left: 1%; padding-right:1%; margin:0;}
.col-1 .ce-right.ce-intext.ce-nowrap .ce-gallery,
.col-1 .ce-right.ce-intext.ce-nowrap .ce-gallery  {width:50%; padding-left:1%; padding-right:1%; margin:0;}
.col-1 .ce-right.ce-intext.ce-nowrap .ce-bodytext {order:1;}
.col-1 .ce-right.ce-intext.ce-nowrap .ce-gallery {order:2;}
.col-1 .ce-right.ce-intext.ce-nowrap .ce-gallery .ce-column  {float:right;}


/* mobile optimization */
@media only screen and (min-width:1960px) {
  #headerimg .tx-ff-owl-slider img {width:100%; height:auto;}
  .full-2 .cols-50-inner-right .ce-column,
  .full-2 .cols-50-inner-right .ce-center .ce-outer,
  .full-2 .cols-50-inner-right .ce-center .ce-inner {position:static; float:none;}
  .full-2 .cols-50-inner-right .ce-gallery figure {display:block;}
  .full-2 .cols-50-inner-right img {width:100%; height:auto; object-fit:cover;}
}

@media only screen and (max-width: 1440px) {
  #headerimg .tx-ff-owl-slider img {height:600px;}

  .frame-type-grid .ce-left .ce-gallery {width:50%; margin:0;}
  #headerimg .frame-type-text p,
  .text-on-image .ce-bodytext {width:100%;}

  .tx-ff-owl-slider .layout-2 .slider-caption {left:68px;}
  .tx-ff-owl-slider .layout-3 .slider-caption {right:68px;}
  .owl-theme .owl-controls .owl-buttons .owl-prev {left:15px;}
  .owl-theme .owl-controls .owl-buttons .owl-next {right:15px;}

  .full-2 .cols-50-inner-right .frame-type-text {padding-left:30px;}
}

@media only screen and (max-width: 1280px) {
  #headerimg .tx-ff-owl-slider img  {height:500px;}
  .tx-ff-owl-slider .layout-2 .slider-caption,
  .tx-ff-owl-slider .layout-3 .slider-caption {top:60px;}
  .tx-ff-owl-slider .layout-2 .link-more,
  .tx-ff-owl-slider .layout-3 .link-more {margin-top:35px;}
  .tx-ff-owl-slider .layout-2 h3,
  .tx-ff-owl-slider .layout-3 h3 {margin-bottom:20px;}

  #topnav ul a {margin-right:40px;}

  .col-25 .ce-right img {max-width:80px;}

  #innerwrapper #losungen-main .text {max-width:380px;}

}

@media only screen and (max-width: 1024px) {
  .frame-space-before-large,
  .col .frame-layout-2.frame-before-after-large {margin-top:50px !important;}
  .frame-space-after-large,
  .col .frame-layout-2.frame-space-after-large {margin-bottom:50px !important;}

  #topbox {overflow:visible; padding:15px 30px;}

  #headerimg img {width:100%; height:350px;}
  .tx-ff-owl-slider .layout-2 h3,
  .tx-ff-owl-slider .layout-3 h3 {margin-bottom:10px; font-size:36px; font-size:3.6rem; line-height:40px; line-height:4rem;}
  #headerimg .tx-ff-owl-slider img {height:500px;}


  #specialbar {height:0; padding:0; margin:0;}
  #breadcrumb {display:none;}
  .cols-2 .col-75 {width:100%; padding-right:0;}
  .cols-2 .col-25 {width:100%;}
  .cols-2 .col-75 .cols-3-inner .ce-gallery {margin:auto;}

  /* search */
  .tx-indexedsearch-form {width:70%;}
  .extendedsearch {width:100%;}

  .cols-3-inner .col {width:100%; margin-right:0; margin-bottom:25px;}
  .cols-3-inner .frame-layout-1 .ce-textpic,
  .cols-3-inner .frame-layout-0 .ce-textpic {display:flex; flex-wrap:wrap;}
  .cols-3-inner .ce-gallery {width:40%;}
  .cols-3-inner .ce-bodytext {width:56%; margin-left:4%;}

  .onepager .cols-2-inner,
  .onepager .cols-3-inner {margin:20px 0 30px 0 !important;}

  .frame-background h2 {font-size:32px; font-size:3.2rem; line-height:36px;}
  .frame-type-grid .frame-wrap-inside {width:100% !important; max-width:none !important;}

  #metanav a {margin:0 15px;}

  #innerwrapper #losungen-main {margin-bottom:80px;}
  #innerwrapper #losungen-main .header h2 {text-align:center;}
  #innerwrapper #losungen-main .losung-nav a,
  #innerwrapper #losungen-main .losung-nav a:hover {color:transparent;}
  #innerwrapper #losungen-main .losung-nav a i {color:#7eb7e8;}

  /* video */
  .frame-type-textmedia .ce-textpic.ce-below .ce-column,
  .frame-type-textmedia .ce-textpic.ce-below .ce-gallery,
  .frame-type-textmedia .ce-textpic.ce-above .ce-column,
  .frame-type-textmedia .ce-textpic.ce-above .ce-gallery {float:none;}
  .frame-type-textmedia .ce-center .ce-outer,
  .frame-type-textmedia .ce-center .ce-inner {float:none; position: static;}
  .ce-gallery .video {margin-bottom:15px; display:block;}
  /* .video .video-embed {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;} */
  .video .video-embed:has(iframe) {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;}
  .video .video-embed iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .video .video-embed video {width:100%; height:auto;}
}


@media only screen and (max-width:990px) {
  #topnav ul,
  #searchform {display:none; position:absolute !important; width:100%; left:0; bottom:-90px; padding:5px 30px;
    background-color:#1a3145; z-index:999;}
  #topbox form#searchform fieldset input#searchinput {width:100%;}
  #topbox form#searchform fieldset input#searchsubmit {display:none;}
  #mobile-header {display:block;}
}

@media only screen and (max-width: 768px) {
  #headerimg img {height:300px;}
  .tx-ff-owl-slider .layout-2 .caption-wrapper,
  .tx-ff-owl-slider .layout-3 .caption-wrapper {position:relative; padding:0;}
  .tx-ff-owl-slider .layout-2 .slider-caption,
  .tx-ff-owl-slider .layout-3 .slider-caption,
  .tx-ff-owl-slider .layout-1 .slider-caption {position:relative; top:auto; width:auto; right:auto; max-width:none; left:auto; bottom:0; padding:20px 30px; background-color:#f5f5f5; transform: none; text-align:left;}
  .tx-ff-owl-slider .layout-1 .slider-caption h3,
  .tx-ff-owl-slider .layout-2 .slider-caption h3,
  .tx-ff-owl-slider .layout-3 .slider-caption h3 {color:#000; font-size:24px; font-size:2.4rem; line-height:28px; line-height:2.8rem;}
  .tx-ff-owl-slider .layout-1 .slider-caption p,
  .tx-ff-owl-slider .layout-2 .slider-caption p,
  .tx-ff-owl-slider .layout-3 .slider-caption p  {color:#000; margin:10px 0 0; font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem;}
  .tx-ff-owl-slider .layout-1 .link-more {margin:15px 0 0; text-align:center;}
  .tx-ff-owl-slider .layout-2 .link-more,
  .tx-ff-owl-slider .layout-3 .link-more {margin-top:15px;}

  .owl-theme .owl-controls .owl-buttons {top:30%;}
  .owl-theme .owl-controls .owl-buttons div i {font-size:3.2rem;}

   #headerimg .tx-ff-owl-slider img {height:400px;}

  .shariff {position:fixed; left:0; bottom:0; padding:8px 15px; width:100%; background-color:#fff; z-index:10000;
    -webkit-box-shadow: 0 -8px 20px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 -8px 20px 0 rgba(0,0,0,0.1);
    box-shadow: 0 -8px 20px 0 rgba(0,0,0,0.1);
  }
  .shariff ul::before {content:"Teilen:"; color:#cecece; text-transform:uppercase; font-size:14px; font-size:1.4rem; line-height:35px;}
  .shariff .orientation-horizontal.button-style-standard li {flex:none !important;}

  #contact {padding:60px 30px; text-align:center;}
  #contact h3 {margin-bottom:30px; font-size:32px; font-size:3.2rem; line-height:36px; line-height:3.6rem;}
  .infotext {display:block; margin-bottom:40px;}
  .infotext div {font-size:18px; font-size:1.8rem; line-height:28px; line-height:2.8rem;}
  .infotext div:last-child {margin-left:0;}

  .cols-2-inner h3 {margin-top:20px;}
  .cols-2-inner p {margin-bottom:20px;}

  .cols-3-inner .ce-gallery {width:100%;}
  .cols-3-inner .ce-bodytext {width:100%; margin-left:0;}

  .tx-felogin-pi1 fieldset {width:100%;}

  .home .cols-2-inner .col,
  .col-1 .cols-2-inner .col,
  .cols-2 .cols-2-inner .col {width:100%; margin-bottom:25px;}
  .home .cols-2-inner .cols-50-inner-right,
  .col-1 .cols-2-inner .cols-50-inner-right,
  .cols-2 .cols-2-inner .cols-50-inner-right {margin-left:0;}

  .frame-type-grid .ce-right .ce-bodytext,
  .frame-type-grid .ce-right .ce-gallery,
  .frame-type-grid .ce-left .ce-bodytext,
  .frame-type-grid .ce-left .ce-gallery {width:100% !important; margin:0;}
  .frame-type-grid .ce-right .ce-gallery {order:1 !important;}
  .frame-type-grid .ce-right .ce-gallery .ce-column {float:none !important;}
  .frame-type-grid .ce-right .ce-gallery img,
  .frame-type-grid .ce-left .ce-gallery  img {width:100%; height:auto;}

  .text-on-image {margin:0 0 80px 0;}
  .text-on-image .ce-gallery img {width:100%; height:auto; object-fit:cover; height: 400px;}

  .tx-ttnews-browsebox td {display:inline-block; height:34px; width:43px;}

  #metanav li {display:block;}
  #footerbottom {padding:30px 30px 70px; max-width:560px;}
}

@media only screen and (max-width: 640px) {
  #homelink {width:150px; height:auto;}
  #homelink img {width:100%; height:auto; vertical-align:bottom;}
  #homelink.dynlogo {width:100%;}

  #headerimg .tx-ff-owl-slider img {height:300px;}
  #headerimg .frame-type-text p {font-size:24px; font-size:2.4rem; line-height:32px;}

  #innerwrapper #losungen-main .text {max-width:250px;}
  #innerwrapper #losungen-main .text p {font-size:15px; font-size:1.5rem;}

  #footerbottom {display:block; max-width:none; text-align:center;}
  #footerbottom .madewith {width:100%; border-right:none; text-align:center; padding-right:0; margin-bottom:25px;}
  #footerbottom .bottom-logo {width:200px; margin:0 auto;}
  #footerbottom .bottom-logo img {padding-left:0;}
}

@media only screen and (max-width: 480px) {
  #content {padding: 30px 0 50px;}
  #topbox {padding:15px;}
  .touchdevice #searchform {padding:5px 15px}
  .centered-text,
  .col-1 > .col > .frame-default {padding:0 15px;}
  .centered-text {margin:30px 0;}
  .cols-2 .ce-right .ce-gallery {width:100%; margin-left:0;}
  .cols-2 .ce-right .ce-bodytext {width:100%;}
  .frame-space-after-large {margin-bottom: 30px !important;}


  #headerimg {min-height:250px;}
  #headerimg img {height:250px;}
  #headerimg .tx-ff-owl-slider img {height:200px;}

  .tx-ff-owl-slider .layout-2 .slider-caption,
  .tx-ff-owl-slider .layout-3 .slider-caption,
  .tx-ff-owl-slider .layout-1 .slider-caption {padding:20px 15px;}

  .owl-theme .owl-controls .owl-buttons {top:30%;}
  .owl-theme .owl-controls .owl-buttons .owl-prev {left:15px;}
  .owl-theme .owl-controls .owl-buttons .owl-next {right:15px;}

  #searchform {padding:5px 15px;}
  #homelink {width:120px;}
  #innerwrapper {padding: 0 15px;}
  #content .section-inner {padding:0 15px;}
  #mobile-header {padding:10px 15px;}
  #contact {padding:60px 15px;}

  /* powermail */
  .powermail_fieldwrap_type_input, .powermail_fieldwrap_type_select {width:100%; margin-right:0;}

  .frame-background h2 {font-size:28px; font-size:2.8rem; line-height:32px;}

  .text-on-image h2 {font-size:30px; font-size:3rem; line-height:34px;}
  .text-on-image p {font-size:16px; font-size:1.6rem; line-height:26px;}
  .text-on-image .ce-gallery img {height:350px;}

  /* images */
  .cols-2 .frame-default:not(.frame-layout-2) .ce-right {display:block;}
  .ce-center .ce-gallery,
  .ce-right .ce-gallery,
  .ce-left .ce-gallery, .ce-column {float:none;}

  .col-25 .ce-right img,
  .ce-gallery img {width:100%; height:auto; max-width: none;}

  .ce-center .ce-gallery[data-ce-columns="4"] {float:left;}
  .ce-center .ce-gallery[data-ce-columns="4"] .ce-outer,
  .ce-center .ce-gallery[data-ce-columns="4"] .ce-inner {float:none; position:static;}
  .ce-center .ce-gallery[data-ce-columns="4"] .ce-row {display:flex; flex-wrap:wrap; justify-content:space-around;}
  .ce-center .ce-gallery[data-ce-columns="4"] .ce-column {width:48%; padding:0; margin-bottom:8px;}

  #losungen-main .losung-nav a:last-child {right:15px;}
  #losungen-main .losung-nav a:first-child {left:15px;}
  #losungen-main .losung-nav a {bottom:0; top:auto; line-height:30px;}
  #losungen-main .losung-nav a i {font-size:22px; font-size:2.2rem;}

  #innerwrapper #losungen-main .losung-nav a {line-height:28px;}
  #innerwrapper #losungen-main .losung-nav a i {font-size:20px; font-size:2rem;}
}

@media only screen and (max-width: 360px) {
  #headerimg {min-height:200px;}
  #headerimg .frame-type-text p {font-size:18px; font-size:1.8rem; line-height:28px;}

  /* search */
  .tx-indexedsearch-form {width:60%;}

  .owl-theme .owl-controls .owl-buttons {top:35%;}
  .owl-theme .owl-controls .owl-buttons div i {font-size:2.8rem;}
}

/* ipad pro */
/* Landscape */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {
    body.sidr-open div#wrapper {position: static !important;}
    .touchdevice #mobile-header {display: block;}
    .touchdevice #topnav ul, #searchform {display:none; position: absolute !important; width: 100%; left: 0; bottom: -90px; padding: 5px 30px; background-color: #1a3145; z-index: 999;}
}
