/* Fonts */

@font-face {
    font-family: BundesSerifWeb;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/BundesSerifWeb-Regular.eot");
    src: url("../fonts/BundesSerifWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BundesSerifWeb-Regular.woff") format("woff"), url("../fonts/BundesSerifWeb-Regular.ttf") format("truetype"), url("../fonts/bundesserifweb-regular.svg#BundesSerifWeb") format("svg");
}
@font-face {
    font-family: BundesSerifWeb;
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/BundesSerifWeb-Bold.eot");
    src: url("../fonts/BundesSerifWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/BundesSerifWeb-Bold.woff") format("woff"), url("../fonts/BundesSerifWeb-Bold.ttf") format("truetype"), url("../fonts/bundessansweb-bold.svg#BundesSerifWeb") format("svg");
}
@font-face {
    font-family: BundesSerifWeb;
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/BundesSerifWeb-Italic.eot");
    src: url("../fonts/BundesSerifWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/BundesSerifWeb-Italic.woff") format("woff"), url("../fonts/BundesSerifWeb-Italic.ttf") format("truetype"), url("../fonts/bundesserifweb-italic.svg#BundesSerifWeb") format("svg");
}
@font-face {
    font-family: BundesSerifWeb;
    font-weight: bold;
    font-style: italic;
    src: url("../fonts/BundesSerifWeb-BoldItalic.eot");
    src: url("../fonts/BundesSerifWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BundesSerifWeb-BoldItalic.woff") format("woff"), url("../fonts/BundesSerifWeb-BoldItalic.ttf") format("truetype"), url("../fonts/bundesserifweb-bolditalic.svg#BundesSerifWeb") format("svg");
}
@font-face {
    font-family: BundesSansWeb;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/BundesSansWeb-Regular.eot");
    src: url("../fonts/BundesSansWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BundesSansWeb-Regular.woff") format("woff"), url("../fonts/BundesSansWeb-Regular.ttf") format("truetype"), url("../fonts/bundessansweb-regular.svg#BundesSansWeb") format("svg");
}
@font-face {
    font-family: BundesSansWeb;
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/BundesSansWeb-Bold.eot");
    src: url("../fonts/BundesSansWeb-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/BundesSansWeb-Bold.woff") format("woff"), url("../fonts/BundesSansWeb-Bold.ttf") format("truetype"), url("../fonts/bundessansweb-bold.svg#BundesSansWeb") format("svg");
}
@font-face {
    font-family: BundesSansWeb;
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/BundesSansWeb-Italic.eot");
    src: url("../fonts/BundesSansWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/BundesSansWeb-Italic.woff") format("woff"), url("../fonts/BundesSansWeb-Italic.ttf") format("truetype"), url("../fonts/bundessansweb-italic.svg#BundesSansWeb") format("svg");
}
@font-face {
    font-family: BundesSansWeb;
    font-weight: bold;
    font-style: italic;
    src: url("../fonts/BundesSansWeb-BoldItalic.eot");
    src: url("../fonts/BundesSansWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BundesSansWeb-BoldItalic.woff") format("woff"), url("../fonts/BundesSansWeb-BoldItalic.ttf") format("truetype"), url("../fonts/bundessansweb-bolditalic.svg#BundesSansWeb") format("svg");
}
@import url('https://fonts.googleapis.com/css?family=PT+Mono');
h1, .head1, h2, h3 {
    font-family: BundesSerifWeb, Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}
:focus {
    outline: none !important;
}

h1{
    font-family: BundesSerifWeb, Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 52px;
}
h2 {
    font-family: BundesSansWeb;
    font-size: 33px;
    color: #dd612e;
    clear: both;
}
h3 {
    font-family: BundesSansWeb;
    /*font-size: 20px;*/
    font-size: 21px;
    font-weight: bold;
    /*color: #dd612e;*/
    color: #08688F;
}
.blueh3 h3 {
    color: #08688f;
    font-family: BundesSansWeb;
    font-weight: bold;
    font-size: 21px;
    margin-top: 11px;
    margin-bottom: 11px;
    line-height: 1.4em;
}
.register h3 {
    font-size: 20px;
    color: #08688f;
    font-family: BundesSansWeb;
    font-weight: 700;
    margin-top: 22px !important;
    margin-bottom: 11px;
}
/*h3.faq{*/
h1.faq{
    /*width: 50%;*/
    /*margin-bottom: 44px;*/
    font-family: BundesSerifWeb, Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    /*font-size: 52px;*/
    font-size: 38px;
}
h4 {
    color: #08688f;
    line-height: 1.4em;
}
img {
    max-width: 100%;
    height: auto;
}
input:focus{
    border: 3px solid #e67801;
}
.story img{
    margin: 0 auto 17% auto;
    display: block;
}
.clear{clear: both;}
.out {
    display: none;
}
header {
    /*min-height: 144px;*/
    /*background: url(../img/background.jpg) no-repeat top center;*/
}
.orangebar{
    /*height: 533px;*/
    padding: 99px 0 77px 0;
    background-color: #e67801;
    display: none;
    position: relative;
    z-index: 2;
}
.startseite .orangebar{
    display: block;
}
.startseite .orangebar{
    display: block;
}
.startseite p.tel{
    display: none;
}
.orangebar .container{
    height: 355px;
    /*background: transparent url('/typo3conf/ext/ep_template_geburtvertraulich/Resources/Public/img/stoerer_de.svg') 88% 100% no-repeat;*/
    background-size: 40%;
    overflow: visible;
}
.startpage .orangebar .container{
   /* background: transparent url('../img/stoerer_en.svg') 88% 100% no-repeat; */
    background-size: 40%;
}

.stoerer-background{
    width: 40%;
    position: absolute;
    left: 52%;
    top: 29%; /* 30% */
}
.stoerer-textdiv{
    font-family: BundesSansWeb;
    position: absolute;
    top: 37%;
    left: 56%;
    transform: rotate(-3.5deg);
}
.stoerer-headtext{
    color: #e67801;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: -11px;
}
.stoerer-subtext{
    color: #e67801;
    font-size: 30px;
    margin-bottom: -14px;
}
.stoerer-number{
    color: #e67801;
    font-size: 51px;
    margin-bottom: 0px;
    margin-left:-10px;
    display:flex;
    height: 64px;
}
.stoerer-website{
    color: #e67801;
    font-size: 30px;
    font-weight: bold;
}
.number-icon{
    width:49px;
    margin-right:-4px;
    padding-bottom:5px;
    height: 83px;
    display:inline-block;
    transform: rotate(10deg);
}
.number-text{
    display:inline-block;
    margin-bottom: -11px;
}
@media only screen and (max-width: 1200px) {
    .stoerer-background{
        top:31%; /*34% */
        left:55%;
    }
    .stoerer-textdiv{
        top:39%;
        left:59%;
    }
    .stoerer-headtext{
        font-size: 34px;
    }
    .stoerer-subtext{
        font-size: 26px;
    }
    .stoerer-number {
        font-size: 40px;
        margin-left: -5px;
        height: 50px;
    }
    .number-icon {
        width: 31px;
        margin-right: 0px;
        height: 68px;
    }
    .stoerer-website{
        font-size: 26px;
    }
}

@media only screen and (max-width: 996px) {
    .stoerer-background {
        top: 54%; /*56% */
        left: 24%;
        width: 50%;
    }
    .stoerer-textdiv{
        top: 61%;
        left: 29%;
    }

}
@media only screen and (max-width: 768px) {

    .stoerer-background{
        width:330px;
        top:58%; /* 60 % */
        left:13%;
        transform:rotate(3.2deg);
    }
    .stoerer-textdiv{
        transform:rotate(0);
        top:65%;
        left:17%;
    }
    .stoerer-headtext{
        font-size: 29px;
        margin-bottom: -8px;
    }
    .stoerer-subtext{
        font-size: 22px;
        margin-bottom: -10px;
    }
    .stoerer-number{
        font-size: 31px;
        height: 40px;
    }
    .number-icon {
        height: 52px;
    }
    .stoerer-website{
        font-size:25px;
    }
    .subheader-orangebar{
        font-size: 27px
    }

}

@media only screen and (max-width: 500px) {
    .stoerer-textdiv{
        left:18%;
    }
}

@media only screen and (max-width: 368px) {
    .stoerer-div{
        display:none;
    }
}

.orangebar h1, .orangebar h2{
    color: #FFF;
    font-family: BundesSerifWeb, Georgia, "Times New Roman", Times, serif;
    font-size: 85px;
    font-weight: bold;
}
.orangebar h2{
    font-family: BundesSansWeb;
    font-size: 45px;
    font-weight: normal;
}
.page-header, .startseite .page-header{
    width: 66%;
    margin: 44px auto 22px auto;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
}
.page-header{
    width: 100%;
    margin: 44px auto 0 0;
    text-align: left;
    border-bottom: 0;
}
#callMeHeader {
    display: none;
    margin-top: 18px;
    height: 42px;
    width: 100%;
    text-align: center;
}
#callMeHeader a {
    color: #666;
    font-size: 13px;
    font-family: BundesSansWeb;
    text-transform: uppercase;
    background: #fff;
    padding: 10px 16px 11px 30px;
    margin: auto;
    border: 1px solid #cccccc;
    border-radius: 6px;
    background: #fff url(../img/phone_grey.svg) no-repeat 9px 12px;
    background-size: 20px;
}
@media only screen and (max-width: 768px) {
    header {
        /*min-height: 300px;*/
    }
    #callMeHeader {
        /*display: block;*/
    }
}
.row img {
    margin: 0 auto;
    position: relative;
    display: block;
}
.row .image {
    margin: 0 auto;
}
.grafik-02 .image,
.grafik-10 .image,
.grafik-09 .image {
    width: 120px !important;
}
.grafik-02 .image {
    width: 210px !important;
}
.grafik p {
    text-align: center !important;
}
.grafik .btn:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
.scroll:parent {
    text-align: center;
}
header .logo {
    margin-left: -5px;
    padding: 44px 0 66px 0;
}
header .logo:hover {
    opacity: 0.8;
}
img.headerlogo{
    width:228px;
    height: auto; 
}
.logo.headerlogo:focus {
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
header .container {
    position: relative;
    z-index: 3;
}
header .metanav {
    position: absolute;
    right: 20px;
    top: 30px;
    font-size: 13px;
    width: 70%;
    text-align: right;
}
header .metanav a {
    color: #666;
    margin: 0.5em;
    font-family: BundesSansWeb;
    text-transform: uppercase;
}
header .metanav li{
    margin: 0 9px;
}
header .metanav li:nth-child(3){
    padding-right: 22px;
    background: transparent url(../img/book_grey.svg) right top no-repeat;
}


header .metanav li:nth-child(4){
    padding-right: 22px;
    background: transparent url(../img/hands_grey.svg) right top no-repeat;
}
/*for the Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   header .metanav li:nth-child(3) {
        background-position-x: 60px;
   }
   header .metanav li:nth-child(4) {
        background-position-x: 65px;
   }
}
@media only screen and (max-width: 999px) {
    .metanav ul{
        width: 70%;
        position: absolute;
        right: 0;
    }
    .metanav ul li{
        margin-bottom: 15px;
    }
}
header .languagenav {
    height: 33px;
    position: absolute;
    text-align: right;
    right: 122px;
    top: auto;
    bottom: 28px;
    padding-left: 27px;
    background: transparent url(../img/globe_blue.svg) left 10px no-repeat;
    background-size: 18px;
}
header .languagenav a:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
.tx-srlanguagemenu{
    width: 144px;
}
.tx-srlanguagemenu, .tx-srlanguagemenu .links-list-header, .tx-srlanguagemenu .CUR, .tx-srlanguagemenu .NO, .tx-srlanguagemenu .INACT{
    font-family: BundesSerifWeb, Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
}
.tx-srlanguagemenu .CUR a{
    text-decoration: underline;
}
.tx-srlanguagemenu .CUR a:hover, .tx-srlanguagemenu .CUR a:active, .tx-srlanguagemenu .NO a:hover, .tx-srlanguagemenu .NO a:active{
    color: #08688f;
}
.tx-srlanguagemenu .NO a, .tx-srlanguagemenu .INACT a{
    color: rgba(8, 104, 143, 0.8)
}
.tx-srlanguagemenu .CUR a.flag::before, .tx-srlanguagemenu .CUR a.linked-language::before{
    content: "";
}
header .languagenav img {
    margin-bottom: 10px;
}
.tx-srlanguagemenu-flags div.CUR{
    position: relative;
}
/*.tx-srlanguagemenu .CUR a.flag:before, .tx-srlanguagemenu .CUR a.linked-language:before, .tx-srlanguagemenu a.flag img{
    top: 7px !important;
    display: none;
}*/
.tx-srlanguagemenu a:nth-child(1) img::before{
    content:"Deutsch"; 
}
.tx-srlanguagemenu a:nth-child(2) img::before{
    content:"English";
}

header h1,
header .head1 {
    color: #c34f20;
    font-size: 48px;
    margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
    header h1,
    header .head1 {
        font-size: 33px;
    }
}
header h3 {
    font-family: BundesSansWeb;
    font-style: italic;
    font-weight: normal;
    color: #222;
    font-size: 33px;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 768px) {
    .terminwunsch {
        max-width: 100% !important;
    }
    header h3 {
        font-size: 26px;
        margin-top: 5px;
    }
}
header .tel{
    font-family: BundesSerifWeb, Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #CD6000;
    font-size: 42px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 244px;
    bottom: 22px;
}
@media only screen and (max-width: 768px) {
    header .tel {
        font-size: 34px;
    }
}
header .tel img {
    height: 44px;
    margin-top: -5px;
    margin-right: 10px;
}
@media only screen and (max-width: 768px) {
    header .tel img {
        height: 26px;
    }
}
.mainnav {
    font-family: BundesSansWeb;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #dd612e;
}
@media only screen and (max-width: 1200px) {
    .mainnav .visible-sm {
        display: block !important;
    }
    .mainnav a::before {
        height: 49px !important;
    }
}
body.startseite .mainnav {
    border: none;
}
@media only screen and (max-width: 768px) {
    .mainnav {
        border: none;
    }
}
.metanav ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.metanav li {
    display: inline-block;
}
.mainnav ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.mainnav li {
    display: inline-block;
    padding: 17px 17px;
    vertical-align: top;
}
.mainnav li:first-child {
    padding-left: 0;
}
.mainnav li:last-child {
    padding-right: 0;
}
.mainnav a:before {
    content: '';
    height: 20px;
    border-right: 1px solid #dd612e;
    position: absolute;
    margin-left: -17px;
}
.mainnav a:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
#breadcrumbul {
    background-color:white;
}

.kruemel li {
    padding: 0px;
    font-weight: normal;
    text-transform: none;
    color:#08688f;
    
}
.kruemel a:before {
    content: '';
    height: 20px;
    border-right: none;
    position: absolute;
    margin-left: 0px;
}

@media only screen and (max-width: 996px) {
    .mainnav a:before {
        height: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .mainnav a:before {
        display: none;
    }
}
.mainnav li:first-child a:before {
    display: none;
}
.mainnav li.active a {
    color: #cb501e;
}
.metanavdiv a:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
.btn-sicherheit:focus, .btn-notausstieg:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
#burger{
    width: 33px;
    height: 33px;
    margin: 48px 11px 0 0;
    cursor: pointer;
    background: transparent url(../img/burger.svg) left top no-repeat;
    background-size: 37px;
}
.expanded #burger{
    background: transparent url(../img/close.svg) left top no-repeat;
}
.mobilemenuinner{
    width: 100%;
    position: absolute;
    left: 0;
    top: 122px;
    display: none;
}
#mobilenav_menu.expanded .mobilemenuinner{
    display: block;
}
.mobilemenuinner ul a, .mobilemenuinner ul.mainnav a{
    font-family: BundesSansWeb;
    font-size: 21px;
    font-weight: normal;
    color: #FFF;
    text-transform: initial;
}
.mobilemenuinner ul.metanavdiv a{
    font-size: 18px;
    text-transform: uppercase;
}
.mobilemenuinner .mainnav.hidden-xs{
    display: block !important;
}
.mobilemenuinner ul{
    padding: 0;
    background-color: #08688F;
    list-style-type: none;
    margin-bottom: 0;
}
.mobilemenuinner ul:nth-child(2){
    background-color: #5396B1;
}
.mobilemenuinner ul li{
    display: block;
    padding: 25px;
    border-bottom: 1px solid #3e89a8;
}
.mobilemenuinner ul.mainnav li a:focus{
    box-shadow: 0 0 0 7px #08688F, 0 0 0 9px #fff;
    border-radius: 10px;
}
.mobilemenuinner ul.metanavdiv li a:focus{
    box-shadow: 0 0 0 7px #5396B1, 0 0 0 9px #fff;
    border-radius: 10px;
}
.mobilemenuinner ul.metanavdiv li{
    border-bottom: 1px solid #86b5c8;
}
.mobilemenuinner ul.metanavdiv li:last-child{
    border-bottom: 0;
}
.mobilemenuinner ul:nth-child(1) li:nth-child(1){
    display: none;
}
.mobilemenuinner ul:nth-child(2) li:nth-child(3){
    background: transparent url(../img/book_white.svg) 190px 26px no-repeat;
    background-size: 22px;
}
.mobilemenuinner ul:nth-child(2) li:nth-child(4){
    background: transparent url(../img/hands_white.svg) 200px 26px no-repeat;
    background-size: 22px;
}
.mobilemenuinner .tx-srlanguagemenu{
    padding-left: 77px;
    background: #333 url(../img/globe_white.svg) 25px 25px no-repeat;
    background-size: 30px;
}
.mobilemenuinner .tx-srlanguagemenu, .mobilemenuinner .tx-srlanguagemenu .CUR, .mobilemenuinner .tx-srlanguagemenu .NO{
    margin: 0;
}
.mobilemenuinner .tx-srlanguagemenu div{
    display: inline-block;
    /*margin: 25px 0 25px 66px;*/
    display: inline-block;
    padding: 29px 11px;
}
.mobilemenuinner .tx-srlanguagemenu a, .mobilemenuinner .tx-srlanguagemenu .CUR a:hover{
    font-family: BundesSerifWeb, Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 24px;
    color: #FFF;
}
.mobilemenuinner .tx-srlanguagemenu .NO a{
    color: #FAFAFA;
}
.mobilenav.visible-xs{
    display: inline-block !important;
    float: right;
}
#mobilenavInner {
    display: none;
    margin-top: 10px;
}
#mobilenavInner li {
    display: block;
}
#mobilenavInner a {
    white-space: normal;
}
#mobilenavInner li:first-child {
    padding-left: 17px;
}
.mobilenav div {
    /*margin: 0 0 11px;
    margin-top: 20px;
    margin-bottom: 20px;*/
    /*padding-bottom: 10px;*/
}
.mobilenav div .btn-default {
    border-color: #dd612e;
    font-weight: bold;
    text-align: left;
    color: #08688f;
    margin-left: 3%;
}
.mobilenav div img {
    height: 18px;
    margin-top: -5px;
    margin-right: 5px;
}
#langmobile {
    display: none;
}
#mobilenav_menu {
    /*width: 100%;
    margin: 0%;
    margin-bottom: 5%;*/
    /*float: right;*/
    top: 33px;
}
#mobilenav_lang {
    width: 100%;
    margin: 0%;
    margin-bottom: 5%;
}
h2.lead,
.content .lead,
.startseite .content .lead,
legend {
    width: 66%;
    font-family: BundesSansWeb;
    font-size: 25px;
    font-style: italic;
    color: #08688F;
    /*margin-bottom: 35px;*/
    margin: 0 auto 35px auto;
    text-align: center;
}
.content .lead{
    width: 60%;
    text-align: left;
    margin: 0 auto 55px 0;
}
@media only screen and (max-width: 768px) {
    .content .lead{
        width: 100%;
    }
}
h2.lead,
.lead{
    margin-bottom: 11px;
}
h2.lead p,
.lead p {
    margin: 0;
}
.startseite #pageheader .lead{
    padding-bottom: 55px;
}
.content div h3:first-child {
    margin-top: 0;
}
.content .row {
    margin-bottom: 30px;
}
/*.content h1,
.content h2{
    font-size: 38px;
}*/
.content h4 { 
    font-family: BundesSansWeb;
    font-weight: normal;
    font-style: italic;
    font-size: 21px;
    margin-top: -5px;    
}
.content .story h4 { 
    font-family: BundesSansWeb;
    font-weight: bold;
    font-style: normal;
    font-size: 21px;
    margin-top: -5px;
    margin-bottom: 20px;
}
.content .btn, .content .btn:hover, .content .btn:focus, .content .button, .content .button:hover, .content .button:focus, .col-md-4.col-sm-4 input[type="submit"], .beratung-minisearch input[type="submit"]{
    /*font-family: BundesSansWeb;
    font-weight: bold;*/
    /*background-color: #08688f;
    border-color: #075677;*/
    color: #333;
    padding: 13px 33px 17px 33px;
    /*background-color: rgba(0,0,0,0.125);*/
    background-color: #EBEBEB;
    border: 1px solid #808080;
    font-family: BundesSansWeb !important;
    font-size: 15px;
    font-weight: normal;
}
/*.content .btn:hover,.content .button:hover,.content .btn:focus,.content .button:focus{
    background-color: #fff;
    border-color: #075677;
    color: #08688f;
}*/
.lines {
    position: absolute;
}
.startteaser {
    position: relative;
}
.startteaser div {
    text-align: center;
    border-right: 1px dotted #ccc;
    position: relative;
    height: 100%;
    min-height: 570px;
}
.startteaser div:last-child {
    border: none;
}



@media only screen and (max-width: 768px) {
    .startteaser div {
        border-right: none;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 20px;
    }
}
.startteaser h2 {
    text-transform: uppercase;
    color: #222;
}
.startteaser .btn {
    /*    font-family: BundesSansWeb;
        font-weight: bold;
        background-color: #08688f;
        border-color: #075677;
        color: #fff;*/
    margin-top: 20px;
}
.startteaser .btn-lg {
    padding-bottom: 17px;
}
.beratung-minisearch label,
.beratung-minisearch legend {
    display: none;
}
.beratung-minisearch input {
    margin-left: 0 !important;
    float: none !important;
}
.beratung-minisearch form {
    width: auto !important;
    float: none !important;
}
#bsd-radius {
    width: 150px;
}
.faq-wrap{
    width: 70%;
}
@media only screen and (max-width: 768px) {
    .faq-wrap{
        width: 100%;
    }
}
.faq-wrap h4,
#faq h4 {
    /*margin: 44px 0 33px 0;*/
    margin: 44px 0 22px 0;
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
}

.faq-wrap h2.faq-h2 {
    margin: 44px 0 22px 0;
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    color: #08688f;
    line-height: 1.4em;
}
input,
select {
    line-height: 1.42857;
    padding: 6px 12px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #808080;
    border-radius: 9px;
    /*    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}
form[name=demand] {
    float: left;
}
form[name=demand] input,
form[name=demand] label,
form[name=demand] select {
    margin-left: 10px;
}
form[name=demand] input[type=submit] {
    position: relative;
    display: block;
    margin: 30px auto 0 !important;
}
form[name=demand] fieldset > * {
    float: left;
}
form[name=demand] legend {
    width: auto;
    float: none;
    position: relative;
}
form[name=demand] fieldset > label {
    line-height: 34px;
}
#bsd-consult {
    height: 30px;
}
#bsd-zip,
#bsd-radius {
    width: 75px;
}
#bsd-city {
    width: 150px;
}
#bsd-religion {
    width: 19%;
}
#bsd-zip-city {
    width: 90%;
    margin: 11px auto 0 auto;
}
#disclaimer_box {
    max-width: 100%;
    margin: 20px 0;
}
#bsd-zip-cit {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.beratung-minisearch input[type=submit] {
    display: block;
    margin-top: 14px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333333;
    background-color: white;
    border-color: #cccccc;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.33;
    border-radius: 6px;
}
footer {
    background: #08688f;
    margin-top: 60px;
}
footer a.logo {
    float: right;
}
footer ul {
    list-style-type: none;
    /*padding: 30px 0 40px 0;*/
    margin: 0;
}
footer a {
    color: #fff;
}

footer a:hover, footer a:focus {
    color: #fff;
    text-decoration:underline;
}

.modal-title {
    font-family: BundesSansWeb;
    font-weight: bold;
    font-size: 24px;
    padding-left: 5px;
}
.grafik {
    min-height: 933px;
    position: relative;
}
.spoiler {
    display: none;
    margin: 0 0 11px;
}
.spoiler p {
    margin: 0
}
/*.textblock.col-sm-6{
    margin-bottom: 0;
}*/
.col-sm-6, .textblock.col-sm-6.blueh3 {
    margin-bottom: 30px;
}
.col-sm-6.story{
    width: 100%;
    vertical-align: top;
    float: left;
    margin-bottom: 66px;
}
.col-md-3.col-sm-3 {
    display: block;
    float: left;
    width: 25%;
}
.col-md-3 {
    margin-bottom: 20px;
    display: inline-table;
    float: none;
    width: 24%;
    vertical-align: top;
}
@-moz-document url-prefix() {
    .col-md-3 {
        display: -moz-inline-grid;
    }
}
/*.content > div:nth-child(3) {
    margin-left: -15px;
    margin-right: -15px;
}*/
.content > div.media {
    margin-left: 0;
    margin-right: 0;
}
/*.content > div:nth-child(3) > div:last-child.col-sm-6{
    clear: both;
}*/
/*.box h3{
    margin-top: 0;
}*/

.nomarg {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.nomarg .btn:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
.col-xs-12 {
    float: none;
    clear: left;
}
.row.story {
    margin-top: 24px;
}
#com-beranet-account .login,
#com-beranet-account .password,
#com-beranet-account .overview {
    margin-left: 0px;
}
/*.grafik-content {
  height: 933px;
  position: absolute;
  width: 100%;
  left: 0;
  background: url(../img/vertrau-grafik-neu.png) no-repeat top center;
}*/

.grafik .lines {
    position: absolute;
    margin-top: -20px;
    width: 100%;
}
@media all and (max-width: 768px) {
    .grafik .lines {
        display: none;
    }
}
.grafik .lines img {
    position: absolute;
    width: 100%;
}
@media all and (min-width: 1200px) {
    .grafik .lines img {
        /*height: 920px;*/
        height: 1140px;
    }
}
@media all and (max-width: 768px) {
    .grafik .lines img {
        height: 1050px;
    }
}
.grafik .image {
    background-image: url(../img/vertrau-grafik-illus.png);
    height: 120px;
}
.grafik-row-1 {
    margin-top: 60px;
}
@media all and (max-width: 768px) {
    .grafik-row-1 {
        margin-top: 0px;
    }
}
.grafik-01 .image {
    background-position: -20px -20px;
    width: 155px;
}
.grafik-02 {
    margin-left: 11%;
}
@media all and (max-width: 768px) {
    .grafik-02 {
        margin-left: 0px;
    }
}
.grafik-02 .image {
    background-position: -365px -20px;
    width: 180px;
}
@media all and (max-width: 991px) {
    footer ul {
        display: inline-block;
        position: relative;
        float: none;
    }
    .col-md-3 {
        width: 100%;
    }
    footer .col-md-3 {
        display: block;
        float: none;
        clear: both;
        text-align: center;
    }
    footer ul {
        padding: 15px 0 20px 0;
    }
    label[for=bsd-religion] {
        clear: left;
    }
    .grafik-02 .image {
        background-position: -364px -20px;
    }
}
.grafik-03 {
    margin-left: 11%;
}
@media all and (max-width: 768px) {
    .grafik-03 {
        margin-left: 0px;
    }
    .col-md-3 {
        width: 100% !important;
    }
}
.grafik-03 .image {
    background-position: -720px -20px;
    width: 180px;
}
@media all and (max-width: 991px) {
    .grafik-03 .image {
        background-position: -735px -20px;
    }
}
.grafik-row-2 {
    margin-top: 60px;
}
@media all and (max-width: 768px) {
    .grafik-row-2 {
        margin-top: 0px;
    }
}
.grafik-04 .image {
    background-position: -40px -320px;
    height: 155px;
    width: 120px;
}
.grafik-05 .image {
    background-position: -250px -320px;
    height: 155px;
    width: 120px;
}
.grafik-06 .image {
    background-position: -500px -320px;
    height: 155px;
    width: 120px;
}
.grafik-07 .image {
    background-position: -720px -320px;
    height: 155px;
    width: 180px;
}
@media all and (max-width: 991px) {
    .grafik-07 .image {
        background-position: -730px -320px;
    }
}
.grafik-row-3 {
    margin-top: 90px;
}
@media all and (max-width: 768px) {
    .grafik-row-3 {
        margin-top: 0px;
    }
}
.grafik-08 .image {
    background-position: -30px -680px;
    height: 155px;
    width: 170px;
}
.grafik-09 {
    margin-left: 11%;
}
@media all and (max-width: 768px) {
    .grafik-09 {
        margin-left: 0px;
    }
}
.grafik-09 .image {
    background-position: -410px -680px;
    height: 155px;
    width: 140px;
}
@media all and (max-width: 991px) {
    .grafik-09 .image {
        background-position: -413px -680px;
    }
}
.grafik-10 {
    margin-left: 11%;
}
@media all and (max-width: 768px) {
    .tx-srlanguagemenu .CUR,
    .tx-srlanguagemenu .NO,
    .tx-srlanguagemenu .INACT {
        font-size: .8em;
        margin: 9px 5px;
        margin: 15px auto;
        position: relative;
        display: block;
        float: none;
        text-align: center;
    }
    .col-sm-6 {
        width: auto;
    }
    form[name=demand] fieldset > label {
        clear: left;
    }
    form[name=demand] fieldset > * {
        margin-top: 10px;
    }
    .beratung-minisearch input {
        width: auto !important;
    }
    #bsd-zip,
    #bsd-city,
    #bsd-radius,
    #bsd-religion {
        width: 45%;
    }
    form[name=demand] input,
    form[name=demand] label,
    form[name=demand] select {
        width: 45%;
    }
    form[name=demand] {
        width: 100%;
    }
    .content > div:nth-child(3) {
        margin-left: 0;
        margin-right: 0;
    }
    .grafik-10 {
        margin-left: 0px;
    }
}
.grafik-10 .image {
    background-position: -727px -680px;
    height: 155px;
    width: 180px;
}
@media all and (max-width: 991px) {
    .grafik-10 .image {
        background-position: -724px -680px;
    }
}
.tx-srlanguagemenu-pi1 .CUR > img {
    position: absolute;
    left: -15px;
    top: 9px;
}
.tx-srlanguagemenu-pi1 .CUR {
    position: relative;
}
.tx-srlanguagemenu-links .SPC::before{
    content: "";
    padding-right: 0px;
    display: none;
}
#tx_sschberatungsstellendatenbank_results {
    margin-top: 10px;
    list-style-type: none;
    padding-left: 0;
}
#tx_sschberatungsstellendatenbank_results li {
    margin-bottom: 15px;
}
#tx_sschberatungsstellendatenbank_results li p {
    margin-bottom: 2px;
}
#tx_sschberatungsstellendatenbank_results li a {} #langmobile {
    margin-top: 0;
    margin-bottom: 0;
    top: 10px;
    position: relative;
}
#langmobile .tx-srlanguagemenu-pi1 {
    margin-top: 0;
}
#langmobile .tx-srlanguagemenu-pi1 > div {
    float: none;
}
#langmobile .tx-srlanguagemenu-pi1 a img,
#langmobile .tx-srlanguagemenu-pi1 .INACT img {
    margin-top: 0;
    height: 25px;
}
#langmobile .tx-srlanguagemenu-pi1 .CUR {
    margin-top: 0;
}
#langmobile .tx-srlanguagemenu-pi1 .CUR > img {
    top: 11px;
}
.video {
    position: relative;
}
.row.story .col-md-3 {
    float: left;
    display: block;
}
.row.story .col-md-12 {
    padding-left: 0px;
}
/* BERANET ////////////////////////////////////////////////////////*/

hr {
    margin: 10px 0 !important;
}
/*#account_login_popup,*/
#com_beranet_email_register,
.userpanel-authenticated,
.popup-connector-top-right {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;*/
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
#account_login_popup label {
    display: inline-block;
    font-weight: normal;
    margin: 5px 0;
}
#account_login_popup .control-group {
    margin: 0 0 22px 0;
}
#account_login_popup input.button:focus{
    box-shadow: 0 0 0 7px #f5f5f5, 0 0 0 9px #027FAE;
    border-radius: 10px;
}
.beranet-actions .button:focus{
    box-shadow: 0 0 0 7px #f5f5f5, 0 0 0 9px #027FAE;
    border-radius: 10px;
}
#account_login_popup a:focus{
    box-shadow: 0 0 0 7px #f5f5f5, 0 0 0 9px #027FAE;
    border-radius: 10px;
}
/*#account_login_popup .button,
#account_login_popup a.button,
#com-beranet-account .button,
#com_beranet_email_submit .button {
    background-color: #08688f;
    border-color: #075677;
    color: #fff;
    
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

#account_login_popup .button:hover,
#account_login_popup a.button:hover,
#com-beranet-account .button:hover,
#com_beranet_email_submit .button:hover {
    background-color: #064c68;
}
#account_login_popup .button:focus,
#account_login_popup a.button:focus,
#com-beranet-account .button:focus,
#com_beranet_email_submit .button:focus {
    border-color: #dd612e;
    border: 3px solid #dd612e;
}
#account_login_popup a.button {
    background-color: white;
    border-color: #cccccc;
    color: #333333;
}
#account_login_popup a.button:hover {
    background-color: #ebebeb;
}*/
#account_login_popup input[type="text"],
#account_login_popup input[type="password"],
#com-beranet-account input[type="text"],
#com-beranet-account input[type="password"],
#com_beranet_email_anfrage input[type="text"],
#com_beranet_email_register input[type="text"],
#com_beranet_email_register input[type="password"] {
    width: 100%;
}
#account_login_popup input[type="text"]:focus,
#account_login_popup input[type="password"]:focus,
#com-beranet-account input[type="text"]:focus,
#com-beranet-account input[type="password"]:focus,
#com_beranet_email_anfrage input[type="text"]:focus,
#com_beranet_email_register input[type="text"]:focus,
#com_beranet_email_register input[type="password"]:focus {
    border: 3px solid #dd612e;
}
#com-beranet-account label,
#com-beranet-emailberatung label {
    font-weight: normal;
}
#com-beranet-emailberatung .button:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
#com_beranet_email_register {
    margin-top: 22px;
    display: none;
}
.col-md-4.col-sm-4 {
    min-height: 570px;
    text-align: center;
    border-right: 1px dotted #ccc;
}
.col-md-4.col-sm-4:last-child {
    border: 0;
}
.button, .btn, col-md-4.col-sm-4 .btn {
    /*font-weight: 700;*/
    /*color: #666;*/
    margin-top: 20px;
}
.col-md-4.col-sm-4 .subhead {
    font-weight: 700;
    color: #08688f;
    font-size: 21px;
}
.col-md-4.col-sm-4 h2 {
    max-width: 95%;
    margin: 0 auto;
}
.col-md-4.col-sm-4 input[type=submit] {
    font-weight: 700;
    /*color: #666;*/
}
#com_beranet_einzelchat_register {
    margin-top: 20px;
}
#com_beranet_einzelchat_register h2 {
    margin-top: 0;
}
#com_beranet_einzelchat_register .section-header {
    margin-bottom: 10px;
}
.tx-srlanguagemenu .tx-srlanguagemenu-flag-linked,
.tx-srlanguagemenu .tx-srlanguagemenu-flag-unlinked {
    width: 45px;
    height: 30px;
}
.tx-srlanguagemenu .CUR a.flag:before,
.tx-srlanguagemenu .CUR a.linked-language:before {
    left: -15px;
    position: absolute;
    top: 14px;
}
input[type="submit"]:hover {
    background-color: #ebebeb;
    border-color: #ababab;
}
.beratung-minisearch input[type="submit"] {
    font-family: BundesSerifWeb, Georgia, "Times New Roman", Times, serif !important;
}

.section-footer {
    margin-top: 33px;
}
.metanav .active {
    font-weight: bold;
}
.pagination ul {
    display: inline-block;
    margin: 0px 15px;
}
#trackerimg {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
}
a.btn-notausstieg {
    display: block;
    color: #666;
    font-size: 13px;
    font-family: BundesSansWeb;
    text-transform: uppercase;
    background: #fff url(../img/icon_notausstieg.png) no-repeat 9px 12px;
    padding: 10px 16px 11px 30px;
    position: fixed;
    top: 137px;
    right: 7px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    z-index: 9999999;
}
a.btn-sicherheit {
    display: block;
    color: #666;
    font-size: 13px;
    font-family: BundesSansWeb;
    text-transform: uppercase;
    background: #fff url(../img/schloss.png) no-repeat 9px 12px;
    padding: 10px 16px 11px 30px;
    position: fixed;
    top: 187px;
    right: 7px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    z-index: 9999999;
}
div.container div.textblock{
    padding-left: 0;
    /*padding-right: 0;*/
}
.textblock .btn:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
@media all and (max-width: 768px) {
    a.btn-notausstieg, #callMeHeader a{
        /*font-family: 'PT Mono', monospace;
        font-size: 22px;
        color: #FF00F5;
        text-transform: none;*/
    }
    a.btn-notausstieg {
        top: auto!important;
        bottom: 0px!important;
        right: 0px!important;
        left: auto!important;
        width: 50%;
        text-align: center;
        /*background-image: none;*/
    }
    a.btn-sicherheit {
        display: none;
        top: auto!important;
        bottom: 0px!important;
        right: auto!important;
        left: 0px!important;
        width: 50%;
        text-align: center;
    }
    #callMeHeader {
        display: block;
        position: fixed;
        top: auto!important;
        bottom: 0px!important;
        right: auto!important;
        left: 0px!important;
        width: 50%;
        margin-top: 0;
        height: auto;
        text-align: center;
        z-index: 999;
    }
    #callMeHeader a{
        display: block;
        width: 100%;
        padding: 10px 16px 11px 30px;
        /*background-image: none;*/
    }
}

/*@media all and (max-width: 380px) {
    
    a.btn-notausstieg {
        font-size: 10px;
    }
    a.btn-sicherheit {
        font-size: 10px;
    }
}
@media all and (max-width: 300px) {
    a.btn-notausstieg {
        font-size: 9px;
    }
    a.btn-sicherheit {
        font-size: 9px;
    }
}*/
.footerheadline {
    font-size: 20px;
    font-family: inherit;
    font-weight: 500;
    line-height: 2.1em;
}
@media all and (max-width: 580px) {
    .beranet-container.calendar-legend{
        font-size: 12px;
    }
    .beranet-container.calendar-legend .span4.row-fluid{
        width: 100%;
        margin: 0 auto;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
@media all and (max-width: 380px) {
    .beranet-container.calendar-legend{
        font-size: 10px;
    }
}
.btn-white{
    background-color: white!important;
    border-color: #cccccc!important;
    color: #333333!important;   
}
.btn-white:hover{
    background-color: #ebebeb!important;
    border-color: #cccccc!important;
    color: #333333!important;   
}

/* --------------------------- */
#bsd-consult {
    height: auto;
}
form[name=demand] input[type=submit] {
    position: relative;
    display: inline-block;
    margin: 30px 30px 0 10px !important;
}
/*--------------------------*/
.radio, .checkbox {
    margin-left: 10px !important;
}
form[name=demand] .form-group, form[name=demand] .form-control, form[name=demand] .checkbox{
    display: inline-block;
    width: 244px;
}
form[name=demand] div.form-group:nth-of-type(2){
    width: 202px;
}
form[name=demand] div.form-group:nth-of-type(3){
    width: 202px;
}
form[name=demand] .checkbox{
    width: 155px;
}
form[name=demand] .checkbox label{
    margin-left: 0;
}
form[name=demand] input[value=zurücksetzen] {
    display: none;
}
form[name=demand] .form-control{
    width: 36%;
}
#location{
    width: 55%;
}
#religion{
    width: 55%;
}
form[name=demand] input[type=submit] {
    margin: 0 !important;
    position: relative;
    bottom: 5px;
}
form[name=demand] input[type=submit]:nth-child(2) {
    display: none;
}

.list-group-item{
    border: 0;
}
/*a.list-group-item .list-group-item-heading {
    display: none;
}*/
.content h1,
.page-header h3{
    color: #dd612e;
}
#map_canvas{
    display: none;
}
.alert-info{
    margin-top: 22px;
}
.beratung-minisearch form input[type=submit]{
    margin-top: 33px !important;
}
.col-md-4.col-sm-4 input[type=submit] {
    font-weight: normal;
    /*color: #333;*/
}

#com-beranet h2, #com-beranet .section-header h3, .content #com-beranet div h3:first-child{
    padding-bottom: 22px;
    margin: 44px 0 22px;
    border-bottom: 1px solid #eeeeee;
    font-size: 38px;
}

/*.content .btn{
    background-color: white!important;
    border-color: #cccccc!important;
    color: #333333!important;
}
.content .btn:hover{
    background-color: #ebebeb!important;
    border-color: #cccccc!important;
    color: #333333!important;
}*/

.threecolimg-inner{
    margin: 33px 0;
    padding: 50px;
    background-color: #F28502;
    border-radius: 95px;
    display: inline-block;
}
.threecolimg img{
    width: auto;
    height: 80px;
}
.footerlogo{
    margin-top: 66px;
    padding-top: 66px;
}
.footermenu{text-align: right;}
.footermenu li{
    display: inline-block;
    margin: 22px 13px;
}
.footermenu li a{
    font-family: BundesSansWeb;
    font-size: 18px;
    font-weight: bold;
}
.footermenu li a:focus{
    box-shadow: 0 0 0 7px #08688f, 0 0 0 9px #fff;
    border-radius: 10px;
}
.bodytext .btn:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
.teaserlongtxt{
    display: none;
}
.teaserexpand{
    font-family: BundesSansWeb;
    font-size: 16px;
    font-weight: bold;
    /*text-decoration: underline #F28502;*/
    cursor: pointer;
    color: unset;
    text-decoration: none;
    width: 79px;
}
.teaserexpand::after{
    content:"Weiterlesen";
    border-bottom: 1px solid #F28502;
    padding-bottom: 2px;
}
.teaserexpand:focus {
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
.stories .teaserexpand::after{
    content:"Read more";
}
.teaserexpand.expanded{
    padding-left: 22px;
    color: #CD6000;
    background: #fff url(../img/x_orange.svg) no-repeat left 7px;
    background-size: 12px;
    width: 100px;
}
.teaserexpand.expanded::after{
    content:"Verkleinern";
}
.stories .teaserexpand.expanded::after{
    content:"Collapse";
}
.bluefont{
    font-family: BundesSansWeb;
    color: #08688f;
    font-weight: bold;
}
.visible-xs.mobilenav{
    display: none !important;
}
@media all and (max-width: 768px) {
    body{
        font-size: 18px;
    }
    .container{
        padding-left: 25px;
        padding-right: 25px;
    }
    h1{
        font-size: 34px;
    }
    .startseite .content h2.lead, .startseite .page-header{
        width: 98%;
    }
    h2.lead, .content .lead, .startseite .content .lead, legend{
        font-size: 23px;
    }
    h1, h2.lead, .startseite .content .lead{
        text-align: left;
    }
    h3.faq {
        width: 100%;
        font-size: 34px;
    }
    header .logo {
        margin-left: 0;
        padding: 40px 0;
    }
    img.headerlogo{
        width: 197px;
        height: auto; 
    }
    header .metanav, header .languagenav, .container .mainnav{
        display: none;
    }
    .tx-srlanguagemenu {
        width: 100%;
    }
    p.tel{
        display: none;
    }
    .orangebar h1, .orangebar h2{
        text-align: center;
    }
    .orangebar h1{
        font-size: 58px;
    }
    .orangebar h2{
        font-size: 27px;
    }
    .orangebar .container {
        height: 343px;
       /* background: transparent url('../img/stoerer_de_mobil.svg') 33% 155px no-repeat; */
        background-size: auto auto;
        background-size: 366px;
        overflow: visible;
    }
    .startpage .orangebar .container {
        height: 366px;
    /*    background: transparent url('../img/stoerer_en_mobil.svg') 33% 177px no-repeat; */
        background-size: auto auto;
        background-size: 366px;
    }
    .content .btn, .content .btn:hover, .content .btn:focus, .content .button, .content .button:hover, .content .button:focus, .col-md-4.col-sm-4 input[type="submit"], .beratung-minisearch input[type="submit"]{
        font-size: 18px;
    }
    .startseite #maincontent{
        overflow: hidden;
    }
    .startseite #pageheader{
        background-color: #F2F2F2;
        position: relative;
    }
    .startseite #pageheader::before {
        content: " ";
        width: 99vW;
        height: 100%;
        position: absolute;
        background: #F2F2F2;
        left: -25px;
        z-index: -1;
    }
    .page-header, .startseite .page-header, h2.lead, .content .lead, .startseite .content .lead, legend{
        /*width: 88%;*/
    }
    .page-header, .startseite .page-header{
        margin: 0 auto;
        padding: 11px 0 0 0;
    }
    #pageheader .lead{
        margin-bottom: 33px;
        padding-bottom: 0;
    }
    .threecolimg-inner{
        padding: 40px;
    }
    .threecolimg img {
        height: 47px;
    }
    .content .nomarg .editable:not(:last-child)::after{
        content:'123456789';
        border-bottom: 1px solid #CCC;
        color: #FFF;
    }
    .visible-xs.mobilenav{
        display: inline-block !important;
    }
    .beratung-minisearch input[type="text"]{
        width: 100% !important;
    }
    .startseite .col-md-4.col-sm-4{
        border-right: none;
    }
    .startseite .col-md-4.col-sm-4 input[type="submit"] {
        display: block;
        margin: 24px auto 0 auto !important;
        font-size: 18px;
        border-right: none;
    }
    .story img {
        max-width: 55%;
    }
    .content .story h4 {
        font-weight: bold;
        margin-bottom: 22px;
    }
    .grafik.faq{
        margin-top: 33px;
    }
    .content .grafik.faq .row{
        margin-bottom: 0;
    }
    .content .grafik.faq .row .editable{
        margin-top: 33px;
    }
    .footerlogo{
        border-top: 1px solid #dfdfdf;
    }
    footer ul{
        display: block;
        padding-top: 33px;
        padding-bottom: 0;
    }
    .footermenu li{
        margin: 0;
        padding: 22px 0;
        display: block;
        text-align: center;
        border-bottom: 1px solid #3e89a8;
    }
    .footermenu li:last-child{
        padding-bottom: 77px;
        border-bottom: 0;
    }
    .content .textblock.box.col-sm-6.nobottommargin{
        margin-bottom: 0;
    }
    #com-beranet .beranet-calendar .button {
        font-size: 18px;
    }
    #com-beranet .beranet-calendar .calendar-table a, #com-beranet .beranet-calendar .calendar-table .calendar-day {
        font-size: 13px;
    }
}
.beratung-minisearch input[type="submit"]:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
.userpanel-authenticated{
    padding-top: 35px;
    padding-bottom: 35px;
}
.userpanel-authenticated a.button:nth-child(1){
    margin-top: 0;
    padding-bottom: 14px;
}
.userpanel-authenticated .button:focus{
    border-radius: 10px;
    box-shadow: 0 0 0 7px #f5f5f5, 0 0 0 9px #027FAE;
}
.content .button, .content .button:hover{
    text-decoration: none;
}

.beranet-content-expander{
    display: none;
}
:lang(en) .container .footerlogo a{
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/typo3conf/ext/ep_template_geburtvertraulich/Resources/Public/img/BMFSFJ_2017_WebSVG_en.svg) left no-repeat;
    width: 300px;
    height: 100px;
    padding-left: 180px;
}
:lang(en) .container .footerlogo img{
  display:none;
}

.footerlogo img:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
.footer-logo-anchor{
    height: 85px;
    display: block;
    width: 220px;
}

.footer-logo-anchor:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}

.corona-text {
    margin-bottom: 5px !important;
    font-size: 16px !important;
}

.corona-text a {
    color: #e67801;
}
.corona-text a:focus{
    border-radius: 10px;
    box-shadow: 0 0 0 7px #EBEBEB, 0 0 0 9px #027FAE;
}

.corona-stoerer {
    padding-bottom: 10px;
    background: #EBEBEB;
    display: flex;
    z-index: 0;
    position: relative;
}

.corona-btn {
    background-color: #e67801 !important;
    color: black !important;
    font-size: 16px;
}

.corona-btn:hover {
    background-color: #e67801 !important;
    color: white !important;
}

.corona-btn:focus{
    border-radius: 10px;
    box-shadow: 0 0 0 7px #EBEBEB, 0 0 0 9px #027FAE;
}
.section-button {
    width: 33.3% !important;
    height: auto;
    line-height: 205px;
    margin-left: 10px;
    border-radius: 10px;
}

.section-text {
    width: 66.6% !important;
    height: auto;
}

.corona-header {
    font-weight: bold;
    font-size: 20px !important
}

body.material .content .btn:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}
body.accessibility .content a:focus, body.sitemap .content a:focus, body.datasecurity .content a:focus, body.impressum .content a:focus{
    box-shadow: 0 0 0 7px #fff, 0 0 0 9px #DD612D;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .corona-stoerer .container {
        display: block !important;
    }

    .corona-btn {
        margin-top: 0px;
    }

    .section-text {
        text-align: center;
        width: 100% !important;
    }

    .section-button {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }
}

h2.confidential-birth-h2{
    color: #dd612e;
    font-size: 38px;
    font-weight: normal;
    font-family: BundesSerifWeb;
}
h3.confidential-birth-h3{
    font-size: 38px;
    color: #dd612e;
    font-family: BundesSansWeb;
    font-weight: bold;
}
h4.confidential-birth-h4{
    font-size: 21px;
    font-weight: bold;
    color: #08688f;
    font-family: BundesSansWeb;
}
.content .story h2 {
    font-family: BundesSansWeb;
    font-weight: bold;
    font-style: normal;
    font-size: 21px;
    margin-top: -5px;
    margin-bottom: 20px;
    color: #08688f;
    line-height: 1.4em;
}
h2.csc-firstHeader{
    font-family: BundesSansWeb;
    font-size: 21px;
    font-width: bold;
    color: #08688f
}
.textblock-subhead-span{
    display: block;
    font-family: BundesSansWeb;
    font-weight: normal;
    font-style: italic;
    font-size: 21px;
    margin-top: 10px;
}
.subheader-orangebar{
    font-family: BundesSansWeb;
    font-size: 45px;
    font-weight: normal;
    position: relative;
    top: -15px;
}
.center-headline{
    text-align: center;
}
h3.service-section-header{
    font-size: 38px;
    font-family: BundesSansWeb;
    font-size: 33px;
    color: #dd612e;
    clear: both;
}
#com-beranet-account h3{
    font-weight: normal;
}
.list-group-item-wrap{
    list-style: none;
}
h2.list-group-item-heading{
    font-family: BundesSansWeb;
    font-weight: normal;
    font-style: italic;
    font-size: 21px;
    margin-top: -5px;
}

.help-block .pass_valid{
    color: green;
}
.help-block .pass_invalid{
    color: red;
}