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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@charset "UTF-8";

/* Schriften einbinden */

/* fira-sans-extra-condensed-regular - latin */
@font-face {
  font-family: 'Fira Sans Extra Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/content/fonts/fira-sans-extra-condensed-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'),
       url('../../files/content/fonts/fira-sans-extra-condensed-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/content/fonts/fira-sans-extra-condensed-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/content/fonts/fira-sans-extra-condensed-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/content/fonts/fira-sans-extra-condensed-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/content/fonts/fira-sans-extra-condensed-v4-latin-regular.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto Regular';
    src: url('../../files/content/fonts/Roboto-Regular-webfont.eot');
    src: url('../../files/content/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/content/fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('../../files/content/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../../files/content/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../../files/content/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto Italic';
    src: url('../../files/content/fonts/Roboto-Italic-webfont.eot');
    src: url('../../files/content/fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/content/fonts/Roboto-Italic-webfont.woff2') format('woff2'),
         url('../../files/content/fonts/Roboto-Italic-webfont.woff') format('woff'),
         url('../../files/content/fonts/Roboto-Italic-webfont.ttf') format('truetype'),
         url('../../files/content/fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto Bold';
    src: url('../../files/content/fonts/Roboto-Bold-webfont.eot');
    src: url('../../files/content/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/content/fonts/Roboto-Bold-webfont.woff2') format('woff2'),
         url('../../files/content/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../../files/content/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../../files/content/fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ::::::::::  Grundgerüst  :::::::::: */
.slider-mobil {
	display:none;
}
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}
*:focus {
    outline: none;
}
html {
    overflow-y: scroll;
}
body {
    background-color:#FFF;
    font-family:'Roboto Regular', Arial, sans-serif;
    -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    text-rendering: optimizeLegibility;
}
#wrapper {
    min-height:800px;
    max-width:940px;
    margin-right:auto;
    margin-left:auto;
    background-color:#FFF;
    -moz-box-shadow:0 2 6 0 rgba(142,142,142,.3);
    -webkit-box-shadow:0 2 6 0 rgba(142,142,142,.3);
    box-shadow:0 2 6 0 rgba(142,142,142,.3);
}
header {
    padding-top:2em;
    padding-bottom:2em;
}
header .inside {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.headerlogo {
    width:30%;
    min-width:300px;
    opacity: 0.2;
    transition: all 0.6s;
}
.headerlogo:hover,
.headerlogo:focus {
    opacity: 0.4;
}

/* ::::::::::  Stile für Hauptnavi  :::::::::: */
header nav {
    width:50%;
}
header nav figure {
    margin-left:20px;
    transition: all 0.6s;
    opacity: 0.35;
}
nav figure:hover,
nav figure:focus,
.was nav figure.was,
.fuer-wen nav figure.fuer-wen,
.wer nav figure.wer {
    opacity: 0.5;
}

/* ::::::::::  Stile für Subnavi Header  :::::::::: */
nav.subnavi {
    width:100%;
    margin-top:2em;
    margin-bottom:2em;
    padding-top:1em;
    border-top:1px solid rgba(0,0,0,.85);
    border-bottom:1px solid rgba(0,0,0,.85);
}
nav.subnavi ul {
    display: flex;
    flex-wrap: wrap;
}
nav.subnavi ul li {
    margin-right:9px;
    padding-top:0;
    padding-right:9px;
    padding-bottom:0;
    background-color:rgba(0,0,0,.01);
    border-right:1px solid rgba(0,0,0,.85);
    transition-delay: 2s;
    transition: 2s all;
}
nav.subnavi ul li.last {
    margin-right:0;
    padding-right:0;
    border: none;
}
nav.subnavi ul li a,
nav.subnavi ul li .active {
    display:inline-block;
    border-bottom:2px solid rgba(255,255,255,.01);
    font:1.6em 'Fira Sans Extra Condensed',sans-serif;
    text-decoration:none;
    color:rgba(0,0,0,.85);
}
nav.subnavi ul li a:hover,
nav.subnavi ul li a:focus {
    border-bottom:2px solid rgba(156,8,8,1);
    transition: 2s all;
}
nav.subnavi ul li.active {
    padding-right:5px;
    padding-left:5px;
    background-color:rgba(0,0,0,.85);
    transition: all 2s;
    border: none;
    order: -1;
}
nav.subnavi ul li.last.active {
    margin-right:9px;
    padding-right:5px;
}
.cms nav.subnavi ul li:nth-of-type(11),
.banafair nav.subnavi ul li:nth-of-type(11) {
    margin-right:0;
    padding-right:0;
    border: none;
}
nav.subnavi ul li .active {
    color:#FFF;
    font-weight: 500;
}
main {
    margin-top:1em;
}
footer nav ul {
    display: flex;
    flex-wrap: wrap;
}
footer nav li {
    margin-right:36px;
    font-size:1.2em;
    color:#666;
    font-weight: 500;
}
footer nav li a {
    text-decoration:none;
    color:#666;
    transition: all 0.6s;
}
footer nav li a:hover,
footer nav li a:focus,
footer nav li strong {
    color:#333;
    font-weight: 500;
}
footer nav li.last::after {
    margin-left:36px;
    content: "praxis@lfs-muenster.de";
}

/* ::::::::::  Stile für Rocksolid-Slider  :::::::::: */
.rsts-slide .startbuero {
	background-color: #ededed;
	padding-right: 1.2em;
	font-size: 115%;
	line-height: 160%;
	margin-bottom: 2.6em;
}
.startbuero h2 {
	line-height: 120%;
}
.rsts-skin-default .rsts-nav {
    right:2%;
    top:84%;
    position:absolute;
}
.rsts-skin-default .rsts-nav-bullets a {
    width:14px;
    height:14px;
    margin-left:14px;
    border-radius:0;
    box-shadow: none;
}
.rsts-skin-default .rsts-nav-bullets a:hover,
.rsts-skin-default .rsts-nav-bullets a.active {
    box-shadow: none;
}
.rsts-text {
    margin-top:1em;
    font-size:1.2em;
    line-height:1.6em;
}
.rsts-caption {
    display:none;
}


/* ::::::::::  Rocksolid-Slider auf Unterseiten  :::::::::: */
.subpage .mod_rocksolid_slider {
    max-height:540px;
}
.subpage .flex-container .mod_rocksolid_slider {
    width:75%;
}
.subpage .flex-container .ce_text {
    width:24%;
    padding-top:2em;
}
.subpage .flex-container .ce_image.first {
    width:75%;
    max-height:500px;
}

/* ::::::::::  Stile für Inhaltsslider  :::::::::: */
.inhaltsslider {
    width:23%;
    top:2em;
    position:absolute;
    z-index: 10;
}
.inhaltsslider h2 {
    text-align:left;
    font-size:1.4rem;
}

/* Buttons unterhalb anzeigen */
.subpage .rsts-skin-default .rsts-nav {
    top:10px;
    position:relative;
    padding-right:8px;
}
.rsts-skin-default .rsts-nav-bullets a {
    background-color:#CCC;
}
.subpage .caption {
    left:1em;
    top:1em;
    position:absolute;
    display:block;
    font-size:1.2em;
    line-height:1.6em;
}
.flex-container {
    display: flex;
        justify-content: space-between;
        flex-wrap:wrap;
}
main .flex-container {
    height:614px;
    margin-bottom:5em;
}

/* Hintergrundgrafiken Was */
.ausstellung .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/ausstellung.png");
    background-repeat:no-repeat;
    background-size: 130%;
}
.logodesign .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/logos.png");
    background-repeat:no-repeat;
    background-size: contain;
}
.cms .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/cms.png");
    background-repeat:no-repeat;
    background-size: contain;
}
.grafik .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/illustration.png");
    background-repeat:no-repeat;
    background-size: 65%;
    background-position: 75px 0;
}
.xxl .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/xxl-2.png");
    background-repeat:no-repeat;
    background-size: contain;
}
.was-kampagne {
    background-image:url("../../files/content/img/kachelhintergrund/AdobeStock_267319524_Preview.png");
    background-repeat:no-repeat;
}
.flip-box {
    width:24.5%;
    height:32.5%;
    min-width:175px;
    margin-top:0;
    margin-bottom:0;
    border:1px solid #f1f1f1;
    background-color: transparent;
    perspective: 1000px;
}
.flip-box-inner {
    width:100%;
    height:100%;
    position:relative;
    text-align:center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}
.flip-box-front,
.flip-box-back {
    width:100%;
    height:100%;
    position:absolute;
    text-align:center;
    backface-visibility: hidden;
}
.flip-box-front {
    background-color:#262626;
}
.flip-box-back {
    background-color:#eaeaea;
    transform: rotateY(180deg);
}
.flip h2 {
    bottom:10px;
    left:0;
    right:0;
    position:absolute;
    margin:0 auto;
    font:2em 'Fira Sans Extra Condensed',sans-serif;
    font-weight: 500;
}
.flip .flip-box-back h2 {
    position:relative;
    color:rgba(0,0,0,.01);
}
.was .flip-box-back {
    display: flex;
    align-items: center;
}
.was .flip-box:hover .flip-box-back h2 {
    font-size:3em;
    color:rgba(0,0,0,.85);
    transition: all 1s ease-in-out;
    hyphens: none;
}
.flip a,
.inaktiv {
    margin-top:0;
    margin-bottom:0;
    color:#FFF;
}
/* Kachel Stadt MS */
.flip-box.stadt-ms .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/Stadtlogo-negativ.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.stadt-ms .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/Stadtlogo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel cibaria */
.flip-box.cibaria .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/cibaria-logo-neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.cibaria .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/cibaria-logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel MDM */
.flip-box.mdm .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/mdm-logo-negativ.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.mdm .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/mdm-logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel Wohnungsverein */
.flip-box.wv .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/Wohnungsverein-Logo-neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.wv .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/Wohnungsverein-Logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel LKD */
.flip-box.lkd .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/LKD-Logo-sw.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.lkd .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/LKD-Logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel EWN */
.flip-box.ewn .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/EWN-Logo-neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.ewn .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/EWN-Logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel Vamos e.V. */
.flip-box.vamos .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/Vamos-Logo_neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.vamos .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/Vamos-Logo_rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel W + S */
.flip-box.ws .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/WS-Logo-neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.ws .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/WS-Logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel für Euregio */
.flip-box.euregio .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/Euregio-Logo-neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.euregio .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/Euregio-Logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel FSP */
.flip-box.fsp .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/FSP-Logo-neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.fsp .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/FSP-Logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel für Dampfboot */
.flip-box.dampfboot .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/Dampfboot-Logo-neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.dampfboot .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/Dampfboot-Logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Kachel BanaFair */
.flip-box.banafair .flip-box-front {
    background-image:url("../../files/content/img/kachelhintergrund/BanaFair-Logo-neg.svg");
    background-position:center center;
    background-repeat:no-repeat;
}
.flip-box.banafair .flip-box-back {
    background-image:url("../../files/content/img/kachelhintergrund/BanaFair-Logo-rgb.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* ::::::::::  Typographie  :::::::::: */
h1,
h2,
h3,
h4 {
    font-family:'Fira Sans Extra Condensed',Helvetica,sans-serif;
    font-weight:normal;
}
h2 {
    font-size:2rem;
}
h3 {
    font-size:1.5rem;
}
h4 {
    margin-bottom:.3em;
    font-size:1.2rem;
}
main p,
main ul {
    font:1.2em/1.5em 'Roboto Regular',Helvetica,sans-serif;
}
#main p strong {
	font-family: 'Roboto Bold';
    font-weight: 400;
}
p a,
p a:visited {
    color:#039;
}
p a:hover,
p a:focus {
    color:#9C0808;
}
main ul {
    margin-top:.3em;
    margin-left:1em;
    list-style-type:square;
}

/* ::::::::::  eigene Stile  :::::::::: */
.linie-oben {
    margin-top:1em;
    padding-top:1em;
    border-top:1px solid rgba(0,0,0,.8);
}
.linie-unten {
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px solid rgba(0,0,0,.85);
}
.margintop-1em {
    margin-top:1em;
}
.margintop-1-8em {
    margin-top:1.8em;
}
.margintop-2-5em {
    margin-top:2.5em;
}
.subpage main .flex-container {
    height:auto;
    margin-bottom:0;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.slider-einzelbild {
    margin-bottom:37px;
}
.autografik {
    width:85%;
    display:block;
    margin-top:2em;
}
.bild-50-prozent figure {
    width:75%;
}
.paddingrechts-1em {
    padding-right:1em;
}
@media only screen and (max-width: 400px) {
/* ::::::::::  Grundgerüst  :::::::::: */
.slider-mobil {
	display: block;
}
.slider-desktop {
	display: none;
}
#wrapper {
    padding: 10px;
    height: auto;
    min-height: 200px;
    min-width: 100%;
}
header {
    padding-top:0;
    padding-bottom: 1em;
}
.headerlogo {
    width:100%;
    margin-bottom: 1em;
}
/* ::::::::::  Stile für Hauptnavi  :::::::::: */
header nav {
    width:100%;
    margin:0;
    padding:0;
}
header nav figure {
    margin-left:0;
}
.hyperlink_img img {
    height: 34px;
    width: auto;
}

/* ::::::::::  Stile für Subnavi Header  :::::::::: */
nav.subnavi {
    width:100%;
    margin-top:2em;
    margin-bottom:2em;
    padding-top:1em;
    border-top:1px solid rgba(0,0,0,.85);
    border-bottom:1px solid rgba(0,0,0,.85);
}
nav.subnavi ul {
    display: flex;
    flex-wrap: wrap;
}
nav.subnavi ul li {
    margin-right:9px;
    padding-top:0;
    padding-right:9px;
    padding-bottom:0;
    background-color:rgba(0,0,0,.01);
    border-right:1px solid rgba(0,0,0,.85);
    transition-delay: 2s;
    transition: 2s all;
}
nav.subnavi ul li.last {
    margin-right:0;
    padding-right:0;
    border: none;
}
nav.subnavi ul li a,
nav.subnavi ul li .active {
    display:inline-block;
    border-bottom:2px solid rgba(255,255,255,.01);
    font:1.6em 'Fira Sans Extra Condensed',sans-serif;
    text-decoration:none;
    color:rgba(0,0,0,.85);
}
nav.subnavi ul li a:hover,
nav.subnavi ul li a:focus {
    border-bottom:2px solid rgba(156,8,8,1);
    transition: 2s all;
}
nav.subnavi ul li.active {
    padding-right:5px;
    padding-left:5px;
    background-color:rgba(0,0,0,.85);
    transition: all 2s;
    border: none;
    order: -1;
}
nav.subnavi ul li.last.active {
    margin-right:9px;
    padding-right:5px;
}
.cms nav.subnavi ul li:nth-of-type(11),
.banafair nav.subnavi ul li:nth-of-type(11) {
    margin-right:0;
    padding-right:0;
    border: none;
}
nav.subnavi ul li .active {
    color:#FFF;
    font-weight: 500;
}
main {
    margin-top:1em;
}
footer {
	border-top: 1px solid #CCC;
	padding-top: 1em;
}
footer nav ul {
    display: block;
}
footer nav li {
    margin-right:0;
    font-size:1.4em;
    color:#666;
    font-weight: 500;
    margin-bottom: 10px;
}
footer nav li.first::after {
	margin-left: 90px;
    content: "0251 | 66 59 25";
}
footer nav li.last::after {
    content: "";
}

/* ::::::::::  Stile für Rocksolid-Slider  :::::::::: */
.rsts-skin-default .rsts-nav {
    display: none;
}
.rsts-text {
    margin-top:0.5em;
    font-size:1.4em;
    line-height:1.6em;
}

/* ::::::::::  Rocksolid-Slider auf Unterseiten  :::::::::: */
.subpage .mod_rocksolid_slider {
    max-height:540px;
}
.subpage .flex-container .mod_rocksolid_slider {
    width:75%;
}
.subpage .flex-container .ce_text {
    width:24%;
    padding-top:2em;
}
.subpage .flex-container .ce_image.first {
    width:75%;
    max-height:500px;
}

/* ::::::::::  Stile für Inhaltsslider  :::::::::: */
.inhaltsslider {
    width:23%;
    top:2em;
    position:absolute;
    z-index: 10;
}
.inhaltsslider h2 {
    text-align:left;
    font-size:1.4rem;
}

/* Buttons unterhalb anzeigen */
.subpage .rsts-skin-default .rsts-nav {
    top:10px;
    position:relative;
    padding-right:8px;
}
.rsts-skin-default .rsts-nav-bullets a {
    background-color:#CCC;
}
.subpage .caption {
    left:1em;
    top:1em;
    position:absolute;
    display:block;
    font-size:1.2em;
    line-height:1.6em;
}
.flex-container {
    display: flex;
        justify-content: space-between;
        flex-wrap:wrap;
}
main .flex-container {
    height:auto;
    margin-bottom:1em;
}

/* ::::::::::  Flip-Boxen Was und Für Wen  :::::::::: */
.flip-box {
    width:48.5%;
    height:148px;
    min-width:148px;
    margin-top:0;
    margin-bottom:0;
}
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}
.flip h2 {
    font-size:1.8em;
    hyphens: none;
}
.was .flip-box:hover .flip-box-back h2 {
    font-size:2.4em;
}
.fuer-wen .flip-box-front,
.fuer-wen .flip-box-back{
	background-size: 90%;
}

/* Hintergrundbild kleiner */
.flip-box.mdm .flip-box-front,
.flip-box.mdm .flip-box-back,
.flip-box.euregio .flip-box-front,
.flip-box.euregio .flip-box-back {
    background-size: 70%;
}
/* Kachel für Dampfboot */
.flip-box.dampfboot .flip-box-front,
.flip-box.dampfboot .flip-box-back,
.flip-box.vamos .flip-box-front,
.flip-box.vamos .flip-box-back, 
.flip-box.banafair .flip-box-front,
.flip-box.banafair .flip-box-back {
    background-size: 80%;
}

/* ::::::::::  Typographie  :::::::::: */
h1,
h2,
h3,
h4 {
    font-family:'Fira Sans Extra Condensed',Helvetica,sans-serif;
    font-weight:normal;
}
h2 {
    font-size:2rem;
}
h3 {
    font-size:1.5rem;
}
h4 {
    margin-bottom:.3em;
    font-size:1.2rem;
}
main p,
main ul {
    font:1.2em/1.5em 'Roboto',Helvetica,sans-serif;
    font-weight: 400;
}
#main p strong {
    font-weight: 700;
}
p a,
p a:visited {
    color:#039;
}
p a:hover,
p a:focus {
    color:#9C0808;
}
main ul {
    margin-top:.3em;
    margin-left:1em;
    list-style-type:square;
}

/* ::::::::::  eigene Stile  :::::::::: */
.linie-oben {
    margin-top:1em;
    padding-top:1em;
    border-top:1px solid rgba(0,0,0,.8);
}
.linie-unten {
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px solid rgba(0,0,0,.85);
}
.margintop-1em {
    margin-top:1em;
}
.margintop-1-8em {
    margin-top:1.8em;
}
.margintop-2-5em {
    margin-top:2.5em;
}
.subpage main .flex-container {
    height:auto;
    margin-bottom:0;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.slider-einzelbild {
    margin-bottom:37px;
}
.autografik {
    width:85%;
    display:block;
    margin-top:2em;
}
.bild-50-prozent figure {
    width:75%;
}
.paddingrechts-1em {
    padding-right:1em;
}
}