﻿@import url(fonts.css);
 @font-face {
    font-family: 'gunny_rewrittenregular';
    src: url('../fonts/gnyrwn971-webfont.woff2') format('woff2'),
         url('../fonts/gnyrwn971-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
blau #0073b6
grau #949599
schwarz #222
gelb #ffbb00
*/
  /** YAML Basics
  * @section Accessibility Module
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .ym-skip,
  .ym-hideme,
  .ym-print {
    position: absolute;
    top: -32768px;
    left: -32768px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .ym-skip:focus,
  .ym-skip:active {
    position: static;
    top: 0;
    left: 0;
  }

  /* skiplinks:technical setup */
  .ym-skiplinks {
    position: absolute;
    top: 0px;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .ym-skiplinks .ym-skip:focus,
  .ym-skiplinks .ym-skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
  }
.ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active {
    background: #333 none repeat scroll 0 0;
    border-bottom: 1px solid #000;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
@media print {
  a[href]:after {
    content: none;
  }
}
html :first-child { margin-top:0;}
html :last-child { margin-bottom:0;}

/* force vertical scrollbar */
body {
  overflow-y: scroll;
  background:#fff;
  padding: 0;
  color: #222;
  font-family: 'Raleway', sans-serif;
/*  font-size: 160%;/*16px
  line-height: 24px;*/
}
/*max. width*/
body {
    margin: 0 auto!important;
    max-width: 3000px;
}
.container-fluid, .swiper-container {max-width:3000px;}
.rootlineSymbol::after, .pipesymbol::after {
    content: "|";
    padding: 0 2px;
}
.raquosymbol:after {
    content: "\00BB";
    padding: 0 2px;
    font-size:130%;
}

.container .container, .container-fluid, .container-fluid .container {width:100%;padding-left:0px;padding-right:0px;}
.container-fluid .row { margin: 0;}
.container-fluid .row .row { margin: 0 -15px;}

iframe {max-width:100%;border:0;}
img, embed, object, video { max-width: 100%;max-height:100%;height:auto;}
.fett {font-weight:bold;}
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.indent {margin-left:1em;}
.internal-link  {}
.link-external-blank::before, .external-link-new-window::before, .link-download::before, .download::before, .link-mail::before, .mail::before, .link-phone::before, .phonelink::before{
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  padding:0 7px 0 0;
}
/*
.link-external-blank::before, .external-link-new-window::before{
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  padding:0 3px 0 0;
}
*/
.link-external-blank::before, .external-link-new-window::before{content:"\f14c";font-size:90%;padding:0 5px 0 3px;}
/*
.link-download, .download {
}
.link-download::before, .download::before{
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding:0 5px 0 3px;
}
*/
.link-download::before, .download::before{content:"\f019";}
/*
.link-mail, .mail {
}
.link-mail::before, .mail::before{
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding:0 5px 0 3px;
}
*/
.link-mail::before, .mail::before{content:"\f0e0";}

.backlink {
  color:#3399cc;
}
.backlink::before{
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding:0 3px 0 0;
}
.backlink::before{content:"\f100";}
/*
.link-phone::before, .phonelink::before{
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size:75%;
  padding:0 1px 0 3px;
}
*/
.link-phone::before, .phonelink:before{content:"\f095";}

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none;
}

#back-top {position: fixed; bottom:40px;z-index:99; left: 50%; margin:0 0 0 650px; display:none;}
#back-top a {width:38px;height:38px; display: block;border-radius:50%;background:#222;text-decoration:none;transition: all 0.8s ease 0s;}
#back-top a::after { color: #fff;content: "\f106";font: 24px/34px "Font Awesome 5 Pro";padding: 0 0 0 12px;}
#back-top a:hover { background-color:#0073b6;}

/*###Uploads#####*/
.ce-uploads span { display: inline;padding-left:5px;}

/*####Text mit Bild #####*/
/*TYPO3 Text mit Bild*/
.ce-intext .ce-gallery {max-width:50%;}

/*#############################
#######Überschriften###########
###############################
*/

h1,h2,h3,h4,h5,h6 {
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}
h1 {
  margin-top: 42px;
  margin-bottom: 17px;
  font-size: 300%;
  line-height: 1.5;
}
h1.levelTitle {
  text-transform:none;
  margin:0;
  padding: 50px 0 20px 0;
  font-weight:700;
  }
h2 {
  margin-top: 42px;
  margin-bottom: 17px;
  font-size: 300%;
  line-height: 1.5;
}
.slidercontent h2 {margin-bottom:0;}
h2.gunny {
  color:#0073b6;
  font-size:100px;
  font-weight:normal;
  text-transform:none;
  }
h3 {
  margin-top: 27px;
  margin-bottom: 18px;
  font-size: 1.75rem;
  line-height: 1.5;
}
h2 + h3 {margin-top:0;}
h4, .teaser h2 {
  margin-top: 28px;
  margin-bottom: 12px;
  font-size: 150%;
  line-height: 1.5;
}
h5 {
  margin-top: 29px;
  margin-bottom: 19px;
  font-size: 125%;
  line-height: 1.5;
}
h6 {
  margin-top: 29px;
  margin-bottom: 18px;
  font-size: 112.5%;
  font-weight: 700;
  line-height: 1.5;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
  transition: .3s all ease; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #0073b6; }

 /*--- Links ----------------------------------------------------------------------------------------- */
  *:focus {outline: none;  }

a {
  transition: all 0.4s ease 0s;
  color:inherit;
  cursor: pointer;
}
a.teaser_link {display:block;}
a:focus,
a:hover,
a:active {color:inherit; text-decoration:underline;}


#footer a {color:inherit;}
#footer a:focus,
#footer a:hover,
#footer a:active {color:inherit; }

hr {
  border-top: 1px solid #e7f4fc;
  margin:50px 0;
}
button, input, select, textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    color: #666;
    padding:0 5px;
}
input[type=text]:focus, textarea:focus, select:focus, .select_container:focus {}
input[type="submit"]:hover {}
legend {border:none;}
.btn {
  border:none;
  border-radius:0;
  font-size:inherit;
  line-height:inherit;
}
.btn-default, .btn-primary {background:#ffbb00;color:#fff;border-radius:5px;}
/*
.btn-default:hover, .btn-primary:hover {background-color:#222;color:#fff;}
*/
.btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus {background-color:#222;color:#fff;border-color:#222;transition: all 0.4s ease 0s;box-shadow:none;}

/*==================  RD Parallax    ======================*/
.rd-parallax {
  text-align: center;
  color:#fff;
}

.rd-parallax-inner {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  clip: rect(0, auto, auto, 0);
  pointer-events: none; }

.rd-parallax-layer[data-type="media"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%; }
  .rd-parallax-layer[data-type="media"] iframe {
    width: 100%;
    height: 100%; }

.rd-parallax-layer-holder {
  pointer-events: all; }

.rd-parallax-layer[data-url] {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center; }

.rd-parallax-swiper {
  z-index: 1 !important; }


/*==================  Swiper    ======================*/
.swiper {
	width:100%;
	}
#headerContent .swiper {
}
.swiper-container {
        width: 100%;
        height:100%;
        margin-left: auto;
        margin-right: auto;
}
.swiper-wrapper {margin-bottom:-1px;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #000;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position:relative;
}
.swiper-slide picture {width:100%;background-color: #000;}
.swiper-slide picture img {width:100%;}
#headerContent .swiper-slide img {width:100%;opacity:0.9;}
.slidercontent {position:absolute;left:0;width:100%;max-width:100%;}
.slidercontent.container {margin:0 auto;padding: 0 40px;}
.swiper-pagination {}
.swiper-pagination-bullet {
    background: none;
    border: 2px solid #eee;
    height: 15px;
    opacity: 1;
    width: 15px;
}
.swiper-pagination-bullet-active {
    background: #eee;
    border:none;
    transform: scale(1.3);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    left: 10px;
    right: auto;
}
.swiper-button-prev i, .swiper-container-rtl .swiper-button-next i {
  font-size:44px;
  line-height:44px;
  color:#fff;
  font-weight: 300;
}
.swiper-button-prev i:hover, .swiper-container-rtl .swiper-button-next i:hover {
  color:#0073b6;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
}
.swiper-button-next i, .swiper-container-rtl .swiper-button-prev i {
  font-size:44px;
  line-height:44px;
  color:#fff;
  font-weight: 300;
}
.swiper-button-next i:hover, .swiper-container-rtl .swiper-button-prev i:hover {
  color:#0073b6;
}
.swiper-pagination-bullet {
    display:none;
}
/*Imageslider textmedia*/
.container-fluid .ce-bodytext { padding: 0px 30px 0 30px;}
.ce-textpic .swiper-container {overflow:initial;}
.ce-textpic .swiper-slide figure {width:100%;}
.ce-textpic .swiper-slide img {min-height:auto;width:100%;border-radius: 0;}

.ce-gallery .swiper-next,.ce-gallery .swiper-prev {
 top:auto;
 bottom:0px;
 width:85px;
 height:85px;
 margin-top:0px;
 z-index:10;
 cursor:pointer;
 background:#fff;
 position: absolute;
}

.ce-gallery  .swiper-prev {
 right:85px;
 left:auto;
}
.ce-gallery .swiper-next {
 right:0px;
 left:auto
}
.swiper-prev i, .swiper-next i {
    font-size: 24px;
    line-height: 85px;
    width:85px;
    text-align: center;
}
.swiper-next:hover, .swiper-prev:hover {
    background-color: #ccc;
    color:#fff;
}
/* #############################
########### Teaser  ##########
** #############################
*/
.teaser {border-radius:5px;}
.teaser img {border-top-left-radius:5px; border-top-right-radius: 5px;}
.teaser h2{margin:0;}
.teaser h3 {margin:0;}
.teaser .btn {}
.teaserContent {padding: 15px !important;margin-bottom:1em !important;}
.teaser:hover {box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);}
.teaser a:hover {text-decoration:none;}


/* #############################
########### Featured  ##########
** #############################
*/
.featuredContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  background: #000;
  opacity: 0;
  transition: 0.35s all ease;
  z-index: 2;
}
.featuredContent::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}
.featuredContent {
  overflow:hidden;
  position:relative;
  margin: 0 auto;
/*  max-width: 500px;
  /*height:100%;*/
}
.featuredContent img {
   transition: 0.35s all ease;
   border-radius: 5px;
}
.featuredContent figcaption{
  position:absolute;
  top:auto;
  bottom:0;
  left:0;
  z-index:2;
  padding:20px 15px;
  transform:translateY(10px);
  text-align:center;
  color:#fff;
  transition: 0.35s all ease;
  width: 100%;
}
.featuredContent h3{
/*  line-height: 1.25;
  font-size: 32px;
*/  margin:0 0 25px 0;
  font-family: gunny_rewrittenregular,sans-serif;
  font-size: 300%;
}
.featuredBodytext {
  opacity: 0;
  transform: translateY(100%) scale(0.8);
  transition: 0.35s all ease;
}
.featuredContent:hover::before {
   opacity:0.25;
}
.featuredContent:hover figcaption{
   transform:translateY(0);
}
.featuredContent:hover .featuredBodytext{
  opacity: 1;
  transform: translateY(-10px) scale(1);
}
.featuredContent a:hover {color:inherit;text-decoration:none;}
/* ########################################
########### Hintergrundbereiche  ##########
** ########################################
*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.well-1 {
    padding: 50px 0px !important;
}
.well-2 {
    padding: 150px 0px !important;
}
.bg-primary {
    background-color: #f1f1f1 !important;
    color: inherit;
    margin:0 !important;
}
.bg-primary > .container {
    padding-top: 50px;
    padding-bottom: 50px;
}
.bg-standard {
    background-color: #fff;
    padding: 0px;
}
.bg-secondary {
    background-color: #0073b6 !important;
    color: #fff;
    margin:0 !important;
}
.bg-secondary > .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-third {
    background-color: #ffbb00;
    color: #fff;
    padding: 20px 0px;
}
.bg-third  .btn-primary {
    background: #0073b6;
}
.bg-primary .divider.ce-headline-center,
.bg-secondary .divider.ce-headline-center,
.bg-third .divider.ce-headline-center { margin: 0px auto 0px;}

.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color:#fff;
    position:relative;
}
.bg_content {
    position:relative;
    z-index:10;
}
.bg-fixed {
    background-attachment: fixed;
}
.darker {position:relative;}
.layout-1 {background:#fff;padding:0 15px;color:inherit;}
.teaser.layout-1 {padding:0; margin: 0 auto;max-width: 555px;height:100%;}
.teaser.layout-1 .teaser_content {padding:15px 15px 0 15px;}
.teaser.layout-1 img {margin-bottom:10px;width:100%;}
.teaser.layout-1 h2 {color: #d2c970;font: 30px/30px Open Sans;font-weight: 400;margin: 0 0 7px;}
.bg-image  .default-frame {background:rgba(255,255,255,0.7);padding:15px;}
.slidercontent > .default-frame {background:rgba(255,255,255,0.7);display:inline-block;padding:20px 50px;border-radius:5px;}
.bg-image .default-frame {color:#222;border-radius:5px;}
.bg-image i {color:#fff;}
.default-frame .ce-intext.ce-right .ce-gallery, .default-frame .ce-intext.ce-left .ce-gallery, .default-frame .ce-above .ce-gallery { margin-bottom: 0px;}

.layout-2 {background:#e0e0e0;padding:0 15px;color:#4d4d4d;}
.teaser.layout-2 {padding:0; margin: 0 auto;max-width: 555px;height:100%;}
.teaser.layout-2 .teaser_content {padding:15px 15px 0 15px;}
.teaser.layout-2 img {margin-bottom:10px;width:100%;}
.teaser.layout-2 h2 {color: #d2c970;font: 30px/30px Open Sans;font-weight: 400;margin: 0 0 7px;}
.bg-image .layout-2 {background:rgba(224,224,224,0.8);padding:15px;}
.slidercontent > .layout-2 {background:rgba(224,224,224,0.8);display:inline-block;padding:20px 50px;}
.bg-image .layout-2 {color:#616156;}
.layout-2 .ce-intext.ce-right .ce-gallery, .layout-2 .ce-intext.ce-left .ce-gallery, .layout-2 .ce-above .ce-gallery { margin-bottom: 0px;}
.announcer > .container > div {border:1px solid #eee;border-top:3px solid #0073b6;padding:20px 15px;background:#fff;box-shadow: 0 0 12px rgba(0,0,0,.1);}

.bg-image i {
    width: 70px;
    height: 70px;
    font-size: 32px;
    line-height: 70px;
    text-align: center;
    background: linear-gradient(45deg, #6192af 0%, #0073b6 100%);
    border-radius: 50%;
}
.bg-image .orange i {
    background: linear-gradient(45deg, #ff8c00 0%, #ffbb00 100%);
    color:#fff;
}
/* #############################
** ### Mail-Formular ###########
** #############################
*/
.csc-mailform h2 { margin:0;}

div.csc-mailform ol, div.csc-mailform ol li {
    margin: 0;
    padding: 0;
    list-style-type:none;
}
div.csc-mailform ol li {
    overflow: hidden;
    margin-bottom:5px;
}
div.csc-mailform ol li.csc-form-element-textblock {
    margin-bottom:1em;
}
div.csc-mailform fieldset {
    margin: 0;
    padding: 0;
    position: relative;
}
div.csc-mailform legend {
    color: #000000;
    font-weight: bold;
    margin-left: 1em;
}
div.csc-mailform fieldset ol {
    padding: 1em 1em 0;
}
div.csc-mailform fieldset li {
    list-style: outside none none;
    margin-bottom: 0.5em;
    padding: 0.5em;
}
div.csc-mailform fieldset.submit {
    border-style: none;
}
div.csc-mailform li label {
    float: left;
    margin-right: 1em;
    vertical-align: baseline;
    width: 10em;
}
div.csc-mailform li label em{
  display:inline;
  color:inherit;
}
div.csc-mailform li input , div.csc-mailform li textarea{
   width:30em;
   max-width:100%;
}
div.csc-mailform li select{
   width:8em;
}
div.csc-mailform .csc-form-element-submit input {
  padding:5px;
  text-decoration:none;
  cursor:pointer;
  width:200px;
  margin-left: 0;
}
div.csc-mailform li input + label, div.csc-mailform li textarea + label, div.csc-mailform li select + label {
    float: none;
    margin-left: 1em;
    margin-right: 0;
    width: auto;
}
div.csc-mailform li textarea + label {
    vertical-align: top;
}
div.csc-mailform .csc-form-6 { position:absolute; margin:0 0 0 -999em; }
label em, legend em {
  padding-left:2px;
}
legend em {
    position: absolute;
}
label strong, legend strong {
    color: #c00;
    display: block;
    font-size: 85%;
    font-weight: normal;
    text-transform: uppercase;
    width:30em;
    margin:5px 0;
}
legend strong {
    position: absolute;
    top: 1.4em;
}
.labels-alignment-right label, .labels-alignment-right .fieldset-subgroup legend, .labels-alignment-right.fieldset-subgroup legend {
    text-align: right;
}
fieldset.fieldset-horizontal {
    border-width: 0;
}
fieldset.fieldset-horizontal ol {
    padding: 0;
}
fieldset.fieldset-horizontal li {
    float: left;
    margin-right: 1em;
    padding: 0;
}
fieldset.fieldset-horizontal.label-below label {
    color: #999999;
    display: block;
    font-size: 90%;
    margin-left: 0;
    margin-top: 0.2em;
    text-align: left;
}
fieldset.fieldset-horizontal label em {
    display: inline;
}
fieldset.fieldset-subgroup {
    border-style: none;
    margin-bottom: -2em;
}
fieldset.fieldset-subgroup legend {
    font-weight: normal;
    margin-left: 0;
    padding: 0;
    width: 13em;
}
fieldset.fieldset-subgroup ol {
    margin: 0 0 0 14em;
    padding: 0;
    position: relative;
    top: -1.4em;
}
fieldset.fieldset-subgroup li {
    padding: 0;
}
fieldset.fieldset-subgroup input + label {
    display: inline;
    float: none;
    margin: 0 0 0 1em;
    width: auto;
}
.labels-block label {
    display: block;
    float: none;
    margin: 0 0 0.5em;
    width: auto;
}
.labels-block input + label, .labels-block textarea + label {
    margin: 0.5em 0 0;
}
.labels-block fieldset.fieldset-subgroup, fieldset.labels-block.fieldset-subgroup {
    margin-bottom: 0;
}
.labels-block .fieldset-subgroup legend, .labels-block.fieldset-subgroup legend {
    width: auto;
}
.labels-block .fieldset-subgroup legend em, .labels-block.fieldset-subgroup legend em {
    position: relative;
}
.labels-block .fieldset-subgroup legend strong, .labels-block.fieldset-subgroup legend strong {
    position: relative;
    top: 0;
}
.labels-block .fieldset-subgroup ol, .labels-block.fieldset-subgroup ol {
    margin: 0;
    padding: 0.5em 0 0;
    top: 0;
}
/*------------------ Powermail -------------------------------------*/
.powermail_form > h3 {display:none;}
.powermail_form h3 {text-align:left;}
.powermail_form legend {display:none;}
label { font-weight: 400;}
.powermail_small input, .powermail_small textarea, .powermail_small select{
  width:150px;
}
.form-control:focus {
    border-color: #ffbb00;
    box-shadow: none;
}

/*#############Sprachmenü#######################*/
.tx-srlanguagemenu {
}
.tx-srlanguagemenu div {
    float: left;
    padding: 0;
}
/*responsive*/
#nav .tx-srlanguagemenu {display:none;float:right;}
#nav .tx-srlanguagemenu div {
    line-height: 44px;
    padding: 0 5px;
}
/* ##############################
** ### tx_indexedsearch #########
** ##############################
*/
/* default styles for extension "tx_indexedsearch" */
ul.tx-indexedsearch-browsebox { text-align:center; }
.tx-indexedsearch-browsebox li { display:inline; }
.tx-indexedsearch-browsebox li a {
  padding: 6px 12px;
  margin-left: -1px;
  color: #0073b6;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.tx-indexedsearch-browsebox li a:hover, .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
  color: #fff;
  background-color: #0073b6;
  border-color:#0073b6;
}
.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage strong {font-weight:normal;}
.tx-indexedsearch-whatis { margin-top:1em; margin-bottom:1em; }
.tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch-res { margin-top:30px;;}
.tx-indexedsearch-form {float:left;}
.tx-indexedsearch-form label { margin-right:10px; }
.tx-indexedsearch-form  div { margin-bottom:10px; }
.tx-indexedsearch-form  input  { width:220px;padding:5px 0 4px 0; }
#tx-indexedsearch-searchbox-button-submit {margin-left:10px;width:100px;}
.tx-indexedsearch-res span.tx-indexedsearch-icon {display:none;}
.tx-indexedsearch-info {display:none;}

/*Suchbox*/
#suchbox {position:absolute;right:0;}
.suchboxlupe{line-height:30px;cursor:pointer;width:30px;padding:5px 0;}
.suchboxlupe i{line-height:30px;cursor:pointer;width:30px;color:#fff;border-radius: 50%;background: #0073b6;margin:0 !important; text-align:center;}
.suchboxlupe:hover i, .suchboxlupe:focus i, .active .suchboxlupe i {background:#fff;color:#0073b6;}
#suchbox form {position:absolute;top:-5000px;right:0;background:#0073b6;padding:20px;z-index:100;}
#suchbox.active form {top:40px;}
header #suchbox fieldset {
  margin:0;
  padding:0;
}
header #suchbox input {
  border:0px;
  font-size: 18px;
  height:40px;
  padding: 0 0 0 10px;
  width: 200px;
  color:#inherit;
  margin:0;
}
header suchbox input:focus {border:1px solid #0073b6;}
#header .tx-indexedsearch-form {width:80%;}
#header .tx-indexedsearch-search-submit {}
#suchbox #top-searchbox-button-submit {
  width:30px;
  color:#0073b6;
  height:40px;
  font-size: 18px;
  line-height: 40px;
  margin:0;
  padding: 0;
  cursor:pointer;
  border:none;
}
#suchbox input::placeholder {
  opacity:1;
  color:#inherit;
}
/*responsive*/
#nav_suchbox .suchboxlupe{cursor:pointer;text-align:center;width:40px;line-height:44px;}
#nav_suchbox .suchboxlupe i{line-height:30px;cursor:pointer;}
#nav_suchbox .suchboxlupe:hover, #nav_suchbox .suchboxlupe:focus, #nav_suchbox.active .suchboxlupe {background:none;color:#fff;}
#nav_suchbox {display:none;}
#nav_suchbox {
  float:right;
  line-height: 30px;
  padding: 0 0 0 10px;
}
#nav_suchbox form {position:absolute;top:-50000px;right:40px;background:#0073b6;padding:20px;transition: all 0.25s linear 0s;}
#nav_suchbox.active form {top:44px;}
#nav_suchbox fieldset {
  margin:0;
  padding:0;
}
#nav_suchbox input {
  border:0px;
  font-size: 18px;
  height:40px;
  padding: 0 0 0 10px;
  width: 200px;
  color:inherit;
  margin:0;
}
#nav_suchbox .tx-indexedsearch-form {width:80%;}
#nav_suchbox .tx-indexedsearch-search-submit {}
#nav_suchbox #responsive-searchbox-button-submit {
  width:30px;
  color:inherit;
  height:40px;
  font-size: 18px;
  line-height: 40px;
  margin:0px 0 0 8px;
  padding: 0 10px 0 5px;
  cursor:pointer;
  border:none;
}
/*Indexed Search*/
/*-----------------News-----------------------*/
.news a {text-decoration:none;}
.news img {border-radius: 5px;}
.news-top-latest-item {position:relative;}
.news-top-latest-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
    transition: all 0.3s ease-out;
}
.news-top-latest-item:hover::after {
    top:40%;
}
.news-top-content {position:absolute;bottom:10px;left:20px;z-index:1;}
.news-list-category {color:#b81115;font-weight:700;font-size:14px;}
.news-top-content h3 {margin:0;color:#fff;}
.news-top-content time, .news-latest-item time, .news-list-item time {font-size:12px;color:#b81115;}
.topNewsLarge .news-top-content h3 {font-size:33px;}
.topNewsMedium .news-top-latest-item:first-child {margin-bottom:23px;}
.news-latest-item h3 {margin:0;}
.news-latest-item h3::before {display:none;}
.news-latest-item time {display:none;}
.news-latest-itemContent {font-size: 0.875rem;padding: 15px 15px 30px 15px;}
.news ul {}
.news .nav li ul li {
    position: relative;
    padding-left: 12px;
    margin-left:12px;
}
.news ul.nav li ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    background: #b81115;
}
.news-list-media {margin-bottom:20px;}
.news-list-item {padding-top:30px;padding-bottom:30px;}
.news-list-view .news-list-item:first-child {padding-top:0;}
.news-list-item h2 {font-size:1.125rem;}
.news-list-item time, .news-single time {display:none;}
.news-list-item h2::before {display:none;}
.btn-read-more {margin-top:10px;float:right;}
.news .extra {margin-bottom:30px;}
.news .label-info {
    background-color: transparent;
    color:#b81115;
}
.news-backlink-wrap {margin-top:30px;}
.news-image-wrap .row {margin-top:30px;}
.news-image-wrap figcaption {font-size:80%;text-align:center;}
.news .page-navigation {}
.news .page-navigation p {display:none;}
.news .pagination {justify-content: center;}
.news .pagination > li > a, .news .pagination > li > span {padding: 6px 12px;border: 1px solid #ddd;margin-left: -1px;text-decoration:none;}
.news .pagination > li > a:focus, .news .pagination > li > a:hover, .news .pagination > li > span:focus, .news .pagination > li > span:hover {
    color: #fff;
    background-color: #ffbb00;
    border-color: #ffbb00;
}
.news .pagination > .active > a, .news .pagination > .active > a:focus, .news .pagination > .active > a:hover, .news .pagination > .active > span,
.news .pagination > .active > span:focus, .news .pagination > .active > span:hover {
    color: #fff;
    background-color: #ffbb00;
    border-color: #ffbb00;
}
.news .pagination > li:first-child > a, .news .pagination > li:first-child > span , .news .pagination > li:last-child > a, .news .pagination > li:last-child > span{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.news .lead {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 30px;
}
/*------------rootline------------------------------*/
.overlayDarker {background: rgba(25, 25, 25, 0.4);}
#rootline {color:#fff;padding:50px 0 34px 0;}
#rootline a {color:#fff;text-decoration: underline;}
#rootline li {display:inline-block;padding:0 5px;}
#rootline li + li {
    position: relative;
    margin-left: 31px;
}
#rootline li + li::before {
    content: '\f061';
    position: absolute;
    top: 50%;
    left: -20px;
    font-family: "Font Awesome 5 Pro";
    font-size:80%;
    color: rgba(255, 255, 255, 0.8);
    transform: translateY(-50%);
}
/*------------------ Anfrage Teaser --------------------*/
/*#anfrageWrap {position:relative;text-align:center;}
/*
#anfrage {position:absolute;top:-50px;left:50%;z-index:100;}
.anfrageform {background:rgba(255,255,255, 0.8);padding:20px;border-radius:5px;margin-left:-50%;width:800px;}

#anfrage {position:absolute;left:0;top:-50px;width:100%;z-index:100;}
.anfrageform {display: inline-block;background:rgba(0,0,0, 0.8);padding:20px;border-radius:5px;text-align:left;}
.anfrageform legend {color:#fff;float:left;width:auto;margin:0 20px 0 0;line-height:50px;font-size:150%;}
.anfrage_fieldwrap {float:left;margin-right:30px;}
.anfrage_label {margin-right:20px;font-weight:normal;color:#fff;}
.anfrage_fieldwrap input{line-height:50px;border-radius:5px;color:inherit;padding:0 10px;border:none;}
#anfragen, #buchen {color:#fff;font-weight:bold;padding:0 20px;text-transform:uppercase;}
#fieldwrap_4 {display:none;}
*/
/*--------------------------- Tabellen ---------------------------------------*/
.table-custom.table-primary tbody tr th {
    background: #82b62d;
    color: #fff;
    border-top-color: #82b62d;
}
/*#####################################################
################ RTE - Elemente #######################
#######################################################
*/
ol, ul {
	padding:0 0 0 35px;
}
/*-----------------Spezialliste-----------------------*/

 ul.specialList {
  margin:0;
}
 ul.specialList li {
  position:relative;
  margin:0 0 0 0;
  padding:0 0 0 25px;
  list-style:none;
  line-height:21px;
  font-size:16px;
  color:inherit;
}
 ul.specialList li:first-child { margin:0; }
 ul.specialList li:before {
  position:absolute;
  top:1px;
  left:0;
  line-height:24px;
  font-family:"Font Awesome 5 Pro";
  font-size:16px;
  color:inherit;
  content:'\f00c';
}
 ul.specialList li ul { padding:16px 0 0 0; }
 ul.specialListLine li ul { padding:16px 0 0 0; }

ul.specialListLine {
	padding:0 0 0 10px;
}
ul.specialListLine li {
	position:relative;
	margin:0 0 0 0;
	padding:0 0 4px 25px;
	list-style:none;
  line-height:2rem;
	font-size:1rem;
	color:inherit;
}
ul.specialListLine li:first-child { margin:0; }
#main ul.specialListLine li::before {
 display: inline-block;
 content: '';
 width: 15px;
 height: 1px;
 position: absolute;
 top: 17px;
 left: 0;
 background: #0073b6;
}
.bg-secondary ul.specialListLine li::before {background: #fff !important;}
ul.specialListLine li ul { padding:16px 0 0 0; }

ul.menuCard {
 margin:0 auto;
 padding:0;
 max-width:800px;
}
ul.menuCard li {
 position:relative;
 margin:0 0 0 0;
 padding:0 0 0 0;
 list-style:none;
 line-height:1.2em;
 font-size:1rem;
 color:inherit;
}
/*
ul.menuCard li:nth-child(odd) {clear:both;float:left;width:70%;font-family:gunny_rewrittenregular;font-size:150%;margin-bottom:20px;}
ul.menuCard li:nth-child(even) { float:right;}
ul.menuCard li:nth-child(3)  { }
*/
ul.menuCard li:nth-child(3n-2) {clear:both;float:left;width:70%;font-family:gunny_rewrittenregular;font-size:150%;margin-bottom:20px;}
ul.menuCard li.text-center {width:100%;}
ul.menuCard li:nth-child(3n-1) { float:right;padding-left:20px;}
ul.menuCard li:nth-child(3n-1) .c-tiny { display:block;font-size:0.625rem;line-height:1.2em;}
ul.menuCard li:nth-child(3n) { float:right;padding-top:12px;}
.bg_content li {list-style: inside;}
/*-----------------Schriften&Links-----------------------*/
.gunny{font-family:gunny_rewrittenregular;font-size:150%;text-transform:none;}
.blau {color:#0073b6;}
.orange {color:#ffbb00;}
.white {color:#fff;}
.big {font-size: 150%;}
.c-tiny {font-size:60%;}
.divider {
    width: 70px;
    height: 4px;
    padding: 0;
    margin: 0px 0 34px;
    border: none;
    background: #0073b6;
}
.divider.ce-headline-center {margin: 0px auto 34px;}
.divider.ce-headline-right {margin: 0px auto 34px;}
.bigIcon {text-align:center;margin-bottom:40px !important;}
.bigIcon + h3 {font-size:1.125rem;}
.bigIcon i{
	font-size:3em;
	padding:10px;
	font-weight:300;
	text-align: center;
}
aside {
    float: left;
    padding: 0px 30px 0px 0;
}
a.orangelink {color:#ffbb00;}
a.orangelink:focus,
a.orangelink:hover,
a.orangelink:active {color:#ffbb00;}

.ce-bodytext blockquote::before {content:"\201C"; font-family:Montserrat;font-size:800%;color:#caaa58;height:0.5em;line-height:1;display:block;}
.ce-bodytext blockquote {border:none;margin:0;padding:0;}
/*----------------ce-elemente----------------*/
.ce-gallery figcaption {
   text-align:center;
   padding-top:3px;
}
.ce-intext.ce-left ol, .ce-intext.ce-left ul {
    overflow: hidden;
}
.ce-gallery img {
    border-radius:5px;
}
.ce-border img, .ce-border iframe {
    border: 0px;
}
.form-group {
    margin-bottom: 15px !important;
}
.container-fluid .ce-bodytext {padding:30px 30px 0 30px;}
.container-fluid .ce-intext.ce-right .ce-gallery, .container-fluid .ce-intext.ce-left .ce-gallery, .container-fluid .ce-gallery {margin-bottom: 0;}

/*#### Google Map #####*/
.js-gme-preview{
    width: 100%;
    background:url("../img/bg_map.jpg") no-repeat center center;
    padding: 100px 0;
    text-align: center;
}
.js-gme-preview a:focus,
.js-gme-preview a:hover,
.js-gme-preview a:active {text-decoration:none;}
.js-gme-preview a::before{
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  padding:0 7px 0 0;
  content:"\f0ab";
  font-size:200%;
}
.video-shariff-play, a.video-shariff-play img {
  width: 100%;
  height:100%;
}
.form-check-input {
  margin-top: .3rem!important;
  margin-left: -1.25rem !important;
}
/*#############Sprachmenü#######################*/
.langMenu {
}
.langMenu div {
}
.langMenu div.active { display: none;}
/*responsive*/
.navwrap .langMenu {display:none;float:right;}
.navwrap .langMenu div {
    line-height: 44px;
    padding: 0 5px;
}
