/* BASIC STYLESHEET for www.Suedbahnhof.com */
/* author: ideenwerft GmbH */
/* author site: www.ideenwerft.com
/* copyright 2015 */


@import url("fonts.css");


/* =LAYOUT ======================== */
body {font-family: 'Open Sans', sans-serif;color: #000;line-height: 24px;font-size: 17px;margin-top:0px;position: relative;}

.pagebg-container {background:url("../Img/background.jpg");background-position: top center;background-repeat: no-repeat;background-size: cover;height: 100%;position: fixed;width: 100%;overflow: overlay;overflow-y: scroll;}


body > header {text-align: center;}
body > header .row {margin: 0;}


.logo-box {position: absolute;top: 0;left: 0;width: 100%;text-align: center;z-index: 9999999;}
#logo {width: 100%;padding: 10px 15px;display: block;position: relative;z-index: 999999;}
#logo img {width: 100%;max-width: 300px;margin: 0 auto;}
.was-ist-was {padding: 5px 15px;font-size: 13px;color: #fff; font-weight: 600;border-top:1px solid #fff;line-height: 15px;}


main {padding: 30px 0 45px;}
#content {text-align: center;}

footer {border-top: 1px solid #000;position: relative;padding-top: 25px;}

@media (min-width: 768px) {
    body > header {position: relative;}
    .dce-keyvisual-slider {padding-bottom: 15px;}
    .logo-box {position: relative; width: 100%;}
    #logo {position: absolute;bottom: 31px;}
    #logo img{max-width: 350px;}
    .was-ist-was {color: #000;border-color: #000;}

}


@media (min-width: 992px) {
    .pagebg-container {background-image: url("../Img/background.jpg") no-repeat bottom right fixed;}
    #logo img{max-width: 420px;}
    footer {}
}


@media (min-width: 1369px) {
    .pagebg-container {background-size: cover; }
}




/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}
/* links */
a:link, a:visited {text-decoration: none;color: #cb241b;}
a:hover, a:focus {}
:active, :focus {outline:0;}
a.internal-link:link, a.internal-link:visited {}
a.internal-link:hover, a.internal-link:focus {}
a.external-link-new-window:link, a.external-link-new-window:visited {}
a.external-link-new-window:hover, a.external-link-new-window:focus {}
a.pdf {}
a.doc {}
a.mail:link, a.mail:visited {}
a.mail:hover, a.mail:focus {}
/* TYPO3 : anker-tags für interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}
/* text */

.btn {background:#c91c4a;color:#fff;font-weight:bold;font-size:18px;font-family: 'Lobster',sans-serif;padding: 5px 30px;border-radius: 4px;}

p,h1,h1,h3,h4,h5 {}
p {margin:0px 0px 15px;}
h1 {margin:0px 0px 35px;font-size:32px;color: #6d281d;font-family: 'Lobster',sans-serif;}
h2 {margin:0px 0px 25px;font-size:30px;color: #6d281d;font-weight: 600;font-family: 'Lobster',sans-serif;}
h3 {margin:30px 0px 20px;font-size:20px;color: #6d281d;font-weight: 600;}
h4 {margin:20px 0px 15px;font-size:15px;color: #6d281d;font-family: 'lato',sans-serif;font-weight: 600;}
/* other */
p {line-height: 24px;}

#content .csc-textpic-imagewrap ul, #content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-size:14px;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
ul {}
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:0px solid #ccc;font-size:1em;padding:4px;}
input:focus, textarea:focus {background-color:rgba(255, 255, 255, 0.5);color: #fff;}

img {border:0;color:#C00;}


@media (max-width: 768px) {
.col-xs-0 {display:none}
}

.iframewrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.iframewrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* =NAVIGATION ======================== */
nav {padding-top: 170px !important;}
.navbar-default {background-image: url("../Img/header-back.jpg");background-position: top center;background-repeat: no-repeat;background-size: cover;border:0;min-height: 1px;margin-bottom:0;}
.navbar-default .navbar-toggler {border:0;padding: 15px;margin: 0;float:right;}
.navbar-default .navbar-toggler i {color: #fff;
    font-size: 25px;}
.navbar-default .navbar-toggler:focus,
.navbar-default .navbar-toggler:hover {background: none;}


.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-top: 2px solid #fff;}

.navbar-nav {margin-top: 0;clear:both;}

.navbar-default .navbar-nav>li>a {font-family: 'Lobster',sans-serif;color: #fff;background: none;font-size: 21px;position: relative;z-index: 100;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {background:rgba(255, 255, 255, 0.76);color: #6d281d;text-shadow: none;}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {background:none;color: #000;text-shadow: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;}
.navbar-default .navbar-nav>li>a::after {display: block;content: "";width: 100%;background:rgba(255, 255, 255, 0.76);height: 0px;position: absolute;bottom: 0;left: 0;z-index: -1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;}
.navbar-default .navbar-nav>li>a:hover:after {height: 100%;}

@media (max-width: 767px) {
    .navbar .container {
        display: block;
    }
}

@media (min-width: 768px) {
    nav {padding-top: 45px !important;}
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {border-top: 0px;display: block !important;width: 100%;}

    .navbar-default .navbar-nav>li>a {padding:10px 10px 15px;}

}

@media (min-width: 992px) {
    .navbar-default .navbar-nav {width:100%;display:flex;justify-content: space-between;}
    .navbar-default .navbar-nav>li {text-align: center;}
}

/* 2.Ebende  */
.dropdown.open {background: rgba(255, 255, 255, 0.76);}
.navbar-default .navbar-nav li.dropdown ul.dropdown-menu {position: relative;width: 100%;background: none;border: none;}
.navbar-default .navbar-nav li.dropdown:hover ul.dropdown-menu {display: block;}
.navbar-default .navbar-nav .dropdown-menu > li > a {color: #fff;font-weight: 600;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background:rgba(255,255,255,0.76);}
.navbar-default .navbar-nav .dropdown-menu>.active>a,
.navbar-default .navbar-nav .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .dropdown-menu>.active>a:hover {color:#6d281d;background: rgba(255,255,255,0.76);font-weight: 800;}



@media (min-width: 768px) {
    .navbar-default .navbar-nav li.dropdown ul.dropdown-menu {position: absolute;background: rgba(255, 255, 255, 0.76);}
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {color:#6d281d;background: none;font-weight: 800;}
	.navbar-default .navbar-nav .dropdown-menu > li > a {color: #000;font-weight: 600;}
}



/* =CONTENT ELEMENTS ======================== */
#content .bx-wrapper,
#content .csc-default {padding-bottom: 30px;}
#content .csc-frame-frame1 {padding: 15px;background: #fff;border: 2px solid #926c2d;}

/* =OTHER ======================== */
/* Facebook */

.facebook-footer {position: absolute;top: -20px;left: 0;width: 100%;text-align: center;}


@media (min-width: 768px) {
}
/* Tabellen */
table.contenttable {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.contenttable tbody tr td {
    border: 1px solid #6d281d;
    border-bottom: 0;
    padding: 5px;
	width: 50%;
}
.contenttable tbody tr td:first-child {
    border-left: 0;
    width: 15%;
}
.contenttable tbody tr td:last-child {
    border-right: 0;
    width: 20%;
}
@media (min-width: 992px) {
	.contenttable tbody tr td:first-child {
		border-left: 0;
		width: 15%;
	}
	.contenttable tbody tr td:last-child {
		border-right: 0;
		width: 15%;
	}
	.contenttable tbody tr td {
		border: 1px solid #6d281d;
		border-bottom: 0;
		padding: 5px;
		width: 70%;
	}
}


/* =EXTENSIONS ======================== */
/* POWERMAIL */
.tx-powermail .powermail_form_3 {max-width:670px;}
.tx-powermail h3 {display:none;}
main .tx-powermail .powermail_fieldset {
    background: none;
}
.tx-powermail legend {display:none;}
.tx-powermail label {width:100%;font-weight:normal;}
main .tx-powermail .form-control {
    background: rgba(0, 0, 0, 0.15); 
}
.tx-powermail input.powermail_input,
.tx-powermail textarea {width:95%;max-width: 800px; border:1px solid rgba(0, 0, 0, 0.2);padding: 5px;background: rgba(0, 0, 0, 0.15);color:#6d281d;}
.tx-powermail .powermail_check_outer label {float:none;width:auto;}
.powermail_checkbox {margin-right:5px;}
.powermail_submit {background:rgba(0, 0, 0, 1);color:#fff;font-weight:bold;font-size:18px;font-family: 'Lobster',sans-serif;padding: 5px 30px;border-radius: 4px;}
.powermail_submit:hover {background:#6d281d;color:#fff; }

main ul.parsley-errors-list {margin-left:220px;list-style: none;list-style-position: inside;padding: 0;color: #c00;font-size: 14px;}
.tx-powermail input.parsley-error {border:1px solid #c00;}

.powermail_fieldwrap_datenschutz > div {
    max-width: 100% !important;
    flex-basis: 100% !important;
    font-size: 0.9em;
}
label[for=powermail_field_datenschutz] {
    display: none;
}

@media (min-width: 768px) {
.tx-powermail  .powermail_form_3 input.powermail_input,
.tx-powermail  .powermail_form_3 textarea {width:350px;border: none;}
.tx-powermail .powermail_form_3 label {float:left;width:220px;}
.powermail_form_3 .powermail_submit {float:right;}
 .powermail_form_3 .powermail_check_outer  {margin-left:220px;}
}


@media (min-width: 980px) {
.tx-powermail .powermail_form_3 input.powermail_input,
.tx-powermail .powermail_form_3 textarea {width:450px;border: none;}
}


/* = FOOTER =============== */
footer {
    padding-bottom: 15px;
}
footer .footer-kontakt {
    font-size: 13px;
    font-weight: 600;
}
footer .footer-kontakt p {
    margin-bottom: 0;
}
footer .footer-kontakt a {
    color: #000;
}
footer .footer-kontakt a:hover {
    color: #6d281d;
}
footer .musthave {
    padding: 0;
}
footer .musthave li:first-child a {
    padding: 10px;
}
footer .musthave li a {
    font-size: 13px;
    padding: 0 10px 0 0;
}
footer .musthave li:last-child a {
    padding-right: 0;
}
@media (max-width: 1200px) {
    footer .container .row {
        flex-wrap: wrap;
    }
    footer .container .row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    footer .footer-kontakt {
        text-align: center;
    }
    footer .footnavi {
        display: flex;
        justify-content: center;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    footer .container .row .col-md-6:first-child {
        margin-bottom: 1em;
    }
    footer .musthave {
        display: flex;
        flex-direction: column;
    }
}



/* = MUSTHAVE & COPY ======================== */
.musthave  {display: inline-block;margin: 0 auto;padding:15px 0 15px;overflow: hidden;}
.musthave li {list-style: none;float: left;text-align: center;}

.musthave li a {color:#000;padding: 0px 5px;font-size: 13px;font-weight: 600;}
.musthave li:first-child a {padding: 0px 5px 0 0;}
.musthave li a:hover {color:rgba(0, 0, 0, 0.75);}

.musthave li:last-child a {padding-right: 0;}

.copy {color: #000;font-size: 13px;font-weight: 600; padding:15px 0 15px;display: block;}
.copy a {color: rgba(0, 0, 0, 0.8);}
.copy a:hover {color: rgba(0, 0, 0, 1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}


 @media (min-width: 992px) {

    .musthave li a {padding: 0px 10px;}
    .musthave li:first-child a {padding: 0px 10px 0 0;}
}

 @media (min-width: 1200px) {

    .musthave li a {padding: 0px 15px;}
    .musthave li:first-child a {padding: 0px 15px 0 0;}
}




/* .... POWERMAIL .... */
.tx-powermail h3,
.tx-powermail legend {
    display: none;
}
main .tx-powermail div.powermail_fieldwrap {
    padding-left: 0;
    padding-right: 0;
}
.tx-powermail .powermail_fieldset .parsley-errors-list,
.tx-powermail .powermail_fieldset div.parsley-error,
.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list{
    background: transparent;
    border: none;
}
.tx-powermail .powermail_fieldset .parsley-errors-list>li {
    padding: 0;
}
@media (max-width:991px) {
    .tx-powermail .container-fluid {
        padding: 0;
    }
    main .tx-powermail div.powermail_fieldwrap {
        display: block;
    }
    main .powermail_fieldwrap > label.col-sm-2 {
        width: 100%;
        max-width: inherit;
    }
    main .powermail_fieldwrap > .col-sm-10 {
        max-width: inherit;
    }
    .powermail_fieldwrap_datenschutz label.control-label {
        display: none;
    }
}


/* .... PRINT STYLES .... */
@media print {
    .header-top,
    .footnavi,
    .musthave {
        display: none;
    }
}