@font-face { font-family: 'ScalaSansWeb-Bold'; src: url('../fonts/ScalaSansWeb-Bold.woff') format('woff'); }
@font-face { font-family: 'ScalaSansWeb'; src: url('../fonts/ScalaSansWeb.woff') format('woff'); }
  
body {
    overflow-x: hidden;
    background-color: #fff;
    font-family: 'ScalaSansWeb', serif;
    color: #000000;
    font-size: 16px !important;
    line-height: 19px !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:antialiased;
    text-rendering:opximizeLegibility;
    text-shadow:1px 1px 1px rgba(0,0,0,0.004);
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}

html, body { height: 100%; }

.linktext{
    display: NONE;
}

.instagramicon{
padding-left: 15px !important;
}
.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

.col-md-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.useraddress .col-md-12 ,
.additionaladdress-form .col-md-12 .row1 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.useraddress .additionaladdress-form .checkbox.col-md-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.logo {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.logo a:hover {
    text-decoration:none;
}
.logo a {
    color: #000000;
    cursor:pointer;
}

/* Farben */
.rot { color: #c33a32;}
.schwarz { color: #000000;}
.blau { color: #099eda;}
.grau { color: #ededed;}

a { color: #0893cb; text-decoration:none; outline:0}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px !important;
    margin-bottom: 10px;
}

.h1, h1 {
    color: #c33a32;
    font-size: 32px !important;
}

.h2, h2 {
    font-family: 'ScalaSansWeb-Bold', serif;
    color: #000000;
    font-size: 16px !important;
    text-decoration: none;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

.h3, h3 {
    color: #c33a32 !important;
    font-size: 20px !important;
}

.h4, h4 {
    font-family: 'ScalaSansWeb-Bold', serif;
    color: #000000;
    font-size: 16px !important;
}

.reference-image {
overflow: hidden;   
}

.reference-image img {
height: 95% !important; 
width: auto !important;
margin-right: auto;
margin-left: auto;
display: block; 
vertical-align:middle;
}

.stellen-image {
text-align: left !important;
margin-bottom: 15px !important;
margin-top: 15px !important;
}

.stellen-image img {
height: 95% !important; 
width: auto !important;
margin-right: auto;
margin-left: 0px;
display: block; 
vertical-align:middle;
}

.search-details .image{
overflow: hidden;   
}

.search-details .image img {
height: 95% !important; 
width: auto !important;
margin-right: auto;
margin-left: auto;
display: block; 
vertical-align:middle;
}

.s-error {
background:#c13c37;
color: #ffffff;
padding: 9px 13px 9px 13px !important;
}

#search-results ul {
padding-right: 0px !important;
padding-left: 0px !important;
}

.tx-felogin-pi1 label {}

.tx-felogin-pi1 input{margin-bottom: 10px;}

.tx-felogin-pi1 input[type="submit"] {
    padding: 0;
}

.error {border: 1px solid #c33a32 !important;}
.errorStr {color: #c33a32 !important;}

.filter { display: inline-table !important;}
.filter input[type=checkbox] {width: 20px !important; vertical-align: top;}
/* HEADER */

header { min-height: 200px; display:inline-block; }
header .topheader { min-height: 60px; padding: 22px 0; }


header .logo h3 {
    color: #c33a32;
    font-size: 38px !important;
    margin: 0;
    padding: 0;
}

header .search { 
    background-image: url("../img/wappen-logo.png");
    background-repeat: no-repeat;
    background-position: right top; 
    min-height: 60px;
    padding-right:115px;
    text-align: right;
}

#navbar .search { 
    padding-left:15px;
    padding-top:15px;
    text-align: left;
}

#navbar .search  .button {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 130px;
    top: 24px;
    border: 0px solid #eeeeee;
    background-color:  transparent !important;
    padding: 0;
}

header .search input, #navbar .search input {
background-color:  #eeeeee;
width: 80%;
line-height: 38px;
padding: 0px 35px 0 7px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
border: 0px solid #eeeeee;
position: relative;
height:38px;
}

header .search  .button {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 130px;
    top: 9px;
    border: 0px solid #eeeeee;
    background-color:  transparent !important;
    padding: 0;
}
header .search  .button.login {
    right: 160px;
}

header .search  .button span, #navbar .search  .button span {
    background: url("../img/lupe.png") no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -99999px !important;
    display: block;
    overflow: hidden;
}

header .search a, #navbar .search a {
    line-height: 20px;      
}

/* TOPNAVI */

.navbar-default {
    background-color:  transparent !important;
    border: 0px solid transparent;
}

.navbar {
    position: relative;
    min-height: 20px;
    margin-bottom: 45px !important;
    border: 0px solid transparent;
}

.navbar {
    border-radius: 0px;
}

#navbar li {
    display: inherit!important;
    margin: 0;
    list-style-type: none;  
}

#navbar li a {
    font-size: 23px !important; 
    line-height: 23px !important;
}

#navbar li li a {
    font-size: 14px !important; 
    line-height: 17px !important;
}

#navbar .hidden-xs a, #navbar .hidden-sm a {
    color: #000000 !important;
}

#navbar li a.active, #navbar li a:hover { color: #5cbfe6 !important; text-decoration:none;  }


/*****/
.navbar-collapse {   
    height: 60px;
    margin:0;
    padding:0 !important;
}

.navbar-left {   
    height: 60px;
    margin:0;
    padding:0 0 0 35px !important;
}

.navbar-nav>li li {
    clear:left;
    float:left;
    width:100%;
}

.navbar-nav>li>a {
}

.navbar-nav>li>a:hover {
    background-color:transparent!important;
}

.navbar-nav>.active>a, .navbar-nav>.open>a {
    background-image: none !important;
}

.navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
    background-color:transparent!important;
}

.navbar-nav > li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.navbar-nav > li:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.navbar-nav > li > a:hover {
}

.navbar-nav > li > a:hover {
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    border-top:0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    background: rgb(255, 255, 255) !important;
    background: rgba(255, 255, 255, 0.93) !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(102,102,102,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(102,102,102,.175);
    box-shadow: 0 6px 12px rgba(102,102,102,.175);
}
#navbar .dropdown:nth-child(5) .dropdown-menu,#navbar .dropdown:nth-child(6) .dropdown-menu,#navbar .dropdown:nth-child(7) .dropdown-menu {
    right:0;
    left:unset;
    min-width:400px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 4px 60px 4px 20px !important;
    clear: both;
    white-space: nowrap;
    border-bottom: 0px solid #d3cdcf;
    color: #01499b;
    background-color:  transparent !important;
 }

.dropdown-menu>li>a:hover {
    color: #004899;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
    margin-top:0px
}

ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin-top:0px
}

.dropdown-menu>li:hover {
    background-color:  transparent !important;
}

.dropdown-menu2 {
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0 5rem;
    text-align: left;
    list-style: none;
    background: rgb(255, 255, 255) !important;
    background: rgba(255, 255, 255, 0.93) !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(102,102,102,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(102,102,102,.175);
    box-shadow: 0 6px 12px rgba(102,102,102,.175);
}

.dropdown-menu2>li>a {
    display: block;
    padding: 4px 60px 4px 20px !important;
    clear: both;
    white-space: nowrap;
    border-bottom: 0px solid #d3cdcf;
    color: #01499b;
    background-color:  transparent !important;
 }

.dropdown-menu2>li>a:hover {
    color: #004899;
}

ul.nav li.dropdown-submenu:hover ul.dropdown-menu2{
    display: block;
    margin-top:0px
}

ul.nav li.dropdown-submenu:hover > ul.dropdown-menu2{
    display: block;
    margin-top:0px
}

.dropdown-menu2>li:hover {
    background-color:  transparent !important;
}



/* CONTENT */
.paginate {
margin: 20px 0 20px 0 !important;
display: block !important;
}

.f3-widget-paginator {
padding: 0 !important;
}

.main-content { 
line-height: 22px !important;
}

.main-content-full {    
line-height: 22px !important;
}

.sub ul {
margin-left: 25px !important;
margin-top: 10px !important;
margin-bottom: 0px !important;
}

.page-container .h1, .page-container h1 {
    margin-bottom:30px;
}


#c99 {
line-height: 22px !important; 
}

.page-container aside ul{
margin: 0 0 50px 0;
padding: 0;
}

.page-container aside li {
list-style-type: none;  
padding: 0px 0 10px 0;
}

.page-container aside li a { color: #000000; font-size: 16px !important; line-height: 18px !important; padding: 0; margin: 0;display: inline-block;}
.page-container aside a.active  { color: #0893cb !important; }
.page-container aside a.current  { color: #0893cb !important; }
.page-container aside a:hover  { color: #0893cb !important; text-decoration:none; }

.page-container aside .p_suche {
    color: #000000; font-size: 20px !important;     
    background: #dddddd url("../img/p-lupe.png") no-repeat;
    background-position: right top; 
    height: 80px;
    width: 425px;
    display: block; 
    margin:0px 0 50px -170px;
}
.page-container aside .p_suche:hover {
    background: #cccccc url("../img/p-lupe-hover.png") no-repeat scroll right top;
}

.page-container aside .p_suche a, .page-container aside .p_suche a:hover {
    color: #000000 !important;
    display: inline-block;
    float: right;
    height: 100%;
    padding: 24px 115px 20px 0;
    text-decoration: none;
    width: auto;
}

.news-latest {
width: 75%; 
}

.news-single .news-image-desscription h3 {
padding-top:5px;   
}

.news-single .news-image-desscription  {
padding-bottom:20px;    
font-size:13px;
line-height: 16px;
}
.news-single .main-content-small{
    padding-left:0px!important;
}
.news-list-date{
    display:none;
}

.paginate {
margin: 20px 0 20px 0 !important;
display: block !important;
}

.f3-widget-paginator {
padding: 0 !important;
}

.f3-widget-paginator li {
list-style-type: none;  
padding: 20px 10px 0  0;
display: inline-block;
}

#search-results.schwerpunkte {
padding: 0 !important;  
}

/* FOOTER */

footer {
margin: 100px 0 30px 0;
}

footer ul {
    padding: 0;
    margin: 0;
}

footer li {
display: inline-block;
margin: 0;
padding: 0 25px 0 0;
list-style-type: none;  
}

footer a { color: #7d7d7d; }
footer a:hover { color: #0893cb !important; text-decoration:none; }

.additionaladdress-form .addressblock {
    border: 1px solid;
    padding: 10px 10px 5px 0;
}
.additionaladdress-form .row {
    margin-right: 0px;
    margin-left: 0px;
}
.additionaladdress-form .btn{
    margin-bottom:20px;
}
.additionaladdress-form .btn.nomargin{
    margin-bottom:0px;
}
.useraddress .additionaladdress-form .row {
    margin-bottom:0;
}


@media only screen and (max-width: 768px) {
    #navbar li a {
        font-size: 15px !important;
        line-height: 21px !important;
    }
}

/* Mobil */

@media only screen and (max-width: 767px) {
    
    .container   {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto;
    margin-left: auto;
    }

    .navbar {
        position: absolute;
        min-height: 50px;
        margin-bottom: 20px;
        border: 0px solid transparent;
        top: 15px;
        right: 15px;
        z-index: 1000;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 340px;
    }

    .navbar-collapse  {
    background-color:  #e9f8ff!important; 
    }

    .navbar-nav {
    margin: 0px 0px; 
    background-color: rgba(0,0,0,0.0)!important;
    width:100%;
    }



    .navbar-toggle .icon-bar {
        display: block;
        width: 90px;
        height: 5px;
        border-radius: 2px;
        background-color: #009bd9 !important;
    }

    .navbar-toggle {
        background-color: transparent;
        background-image: none;
        border: 0px solid transparent;
        border-radius: 0px;
    }
    .navbar-toggle:hover  {background-color: transparent !important;}


    #navbar li {
    margin: 0;
    padding: 0 0px 0 0;
    list-style-type: none;
    width: 100%;
    display: inline-block!important;
    }


    #navbar li a {
    font-size: 18px !important; 
    line-height: 20px !important;
    }



    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: -30px!important;
        margin-left: -15px;
    }


    header { min-height: 200px; }
    header .topheader { min-height: 60px; padding: 22px 0; }

    header #mailform {
        display:none!important;
        float:right;
    }
    header .logout-btn{
        float:right;   
    }

    header .search { 
        background-image: none !important;
        min-height: 60px;
        padding-right:0px !important;
        text-align: right;
    }

    header .logo h3 {
    font-size: 14px !important;
    }
    header .logo  {
    font-size: 12px !important;
    }

    footer li {
    font-size: 12px !important;
    padding: 0 13px 0 0 !important;
    }

    /*
    footer li:nth-child(4) {
    padding: 0 0px 0 0 !important;
    }*/

    footer li:last-child {
    padding: 0 0px 0 0 !important;
    }

    footer ul {
    margin:0;
    padding:0;
    }



    /*########################## NAVI ###############*/


    .navbar-nav>.active>a, .navbar-nav>.open>a {
        background-image: none !important;
    }

    .navbar-nav>li>a {
        font-family:'ScalaSansWeb' !important;
        letter-spacing: 2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        display:inline-block;
        padding-right:50px !important;
        font-weight:normal !important;
        font-size: 18px !important;
        line-height: 60px !important;
        text-align:left;
        color: #313131 !important;
    }

    .navbar-nav>.active>a, .navbar-nav>.active>a:focus {
        color: #5cbfe6 !important;
        background-color:  transparent !important;
        font-family:'ScalaSansWeb' !important;
        letter-spacing: 2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        display:inline-block;
        font-weight:bold !important;
        font-size: 22px !important;
        line-height: 60px !important;
        padding-right:36px !important;
    }

    .navbar-nav>.active>a:hover, .navbar-nav>li>a:hover {
        color: #5cbfe6 !important;
        background-color:  transparent !important;
        font-family:'ScalaSansWeb' !important;
        letter-spacing: 2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        display:inline-block;
        font-weight:bold !important;
        font-size: 22px !important;
        line-height: 60px !important;
        padding-right:38px !important;
    }

    .navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover {
        color: #5cbfe6 !important;
        background-color:  transparent !important;
        font-family:'ScalaSansWeb' !important;
        letter-spacing: 2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        display:inline-block;
        font-weight:bold !important;
        font-size: 22px !important;
        line-height: 60px !important;
        padding-right:36px !important;
    }

    .navbar-nav>.active>a, .navbar-nav>.open>a {
        background-image: transparent !important; 
      -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.25) !important; 
        box-shadow: inset 0 0px 0px rgba(0,0,0,.25) !important; 
        color: #5cbfe6 !important;
    }

    .navbar-collapse, .navbar-form {
        position: relative !important;
    }

    .nav>li {
        position: static !important;
        display: block;
    }


    .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
        color: #5cbfe6 !important;
        background-color: transparent !important;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px;
        white-space:normal !important;

    }

    .dropdown-submenu {
        position: static !important;
    }
    
    .dropdown2-menu{
        margin-left:15px!important;
    }

    .dropdown-menu {
        position: relative !important;
        top: 0px !important;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        width: 100% !important;
        height:62px !important;
        padding: 0px 0px 0px 15px !important;
        margin: 0px 0px 0px 15px !important;
        font-size: 13px !important;
        line-height: 24px !important;
        text-align: left;
        list-style: none;
        background-color: transparent !important; 
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 0px solid #ccc;
        border: 0px solid rgba(0,0,0,.15);
        border-radius: 0px;
        -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175) !important;
        box-shadow: 0 0px 0px rgba(0,0,0,.175) !important;
       font-family:'ScalaSansWeb';
    }

    .navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover {
        background-color: transparent !important;
    }

    .dropdown-submenu>.dropdown-menu {
        position: fixed !important;
        top: 116px !important;
        left: 0;
        float: left;
        width: 100% !important;
        height:30px !important;
        background: rgba(255,255,255,0.0) !important;
        text-transform: normal !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        -webkit-border-radius: 0 0px 0px 0px !important;
        -moz-border-radius: 0 0px 0px !important;
        border-radius: 0 0px 0px 0px !important;
        text-transform: normal !important;
    }

    .dropdown-menu ul,.dropdown-menu li{
        margin:0;
        padding:0;
        list-style-type:none
    }



    .dropdown-menu>li>a {
        display: inline-block;
       padding: 0px 14px 0 0 !important;
       clear: both;
       line-height: 32px !important;
    }


    .dropdown-submenu>.dropdown-menu>ul>li>a {
       display: inline-block;
       padding: 0px 0px 0 0 !important;
       clear: both;
       line-height: 30px !important;
       text-transform:none !important;
    }

    .dropdown-submenu>.dropdown-menu>ul>li>a {
     
       padding: 0px 0px 0px 0 !important;

    }

    .dropdown-menu>li>a {
        padding: 3px 20px;
        clear: both;
    }


    .dropdown-submenu>.dropdown-menu>ul>li>a:hover, .dropdown-submenu>.dropdown-menu>ul>li>a:focus {
    color:#5cbfe6 !important;text-decoration:none;
    }
    .dropdown-submenu>.dropdown-menu>a:hover, .dropdown-submenu>.dropdown-menu>a:focus {
    color:#5cbfe6 !important;text-decoration:none;
    }


    .dropdown-submenu>.dropdown-menu li.last:after {
        content: "";
    }

    .dropdown-submenu>.dropdown-menu li:after {
        content: "|";
        padding: 0 15px;
    }

    .dropdown-submenu>a:after {
        content: "" !important;
        content: none !important;
    }

    .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#5cbfe6 !important;text-decoration:none;background-color: transparent !important; background-image: none !important; }
    .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{color:#5cbfe6 !important;text-decoration:none;background-color:transparent !important;outline:0;background-image: none !important; }
    .dropdown-submenu>.dropdown-menu>ul>.active>a {color:#5cbfe6 !important;}



    .dropdown-menu  li{
        float:left;
    }

    .navbar-nav {
    margin: 0px 0px; 
    background-color: transparent !important;
    width:100%;
    }



    /*########################## NAVI ###############*/
    
}

.market-results ul {
padding:0 !important;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    display: inline-block;
    width:100%;
}

.schwerpunkte, .pinnwand, .stellenmarkt, #subscribe-form, .address{
display: block;
}


.schwerpunkte label,.pinnwand label,.stellenmarkt label, .address label{
    clear:both;
    float:left;
    font-weight:normal;
}
.schwerpunkte input,.pinnwand input,.stellenmarkt input,  .address input {
    border:none;
    background:#eeeeee;
    /*clear:left;
    float:left;*/
    width:100%;
}

.schwerpunkte input[type=checkbox],.pinnwand input[type=checkbox],.stellenmarkt input[type=checkbox],.address input[type=checkbox]{
    margin: 4px 0 0 10px !important;
    line-height: normal;
    width:20px !important;
    display: inline-block !important;
    
}
.schwerpunkte label,.pinnwand label,.stellenmarkt label, #subscribe-form label, .address label{
    font-weight:bold;
}

.schwerpunkte span,.pinnwand span,.stellenmarkt span, #subscribe-form span, .address span{
    /*clear:left;
    float:left;
    width:100%;
    */
}


.schwerpunkte select,.pinnwand select,.stellenmarkt select, #subscribe-form select, .address select{
    clear:left;
    float:left;
    width:100%;
}
.schwerpunkte input[type='submit'],.pinnwand input[type='submit'],.stellenmarkt input[type='submit'], #subscribe-form input[type='submit'],.address input[type='submit'], input[type="submit"]{
    width:auto;
    background:transparent;
    display:inline;
    color:#0893cb;
    border: 1px solid #0893cb;
    padding: 3px 7px 2px;
}
.btn-success, .btn-success:hover, .btn-success.focus, .btn-success:focus, .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success,
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    color: #0893cb;
    background-color: transparent;
    background:none;
    border: 0px;
    padding:0px;
    font-size: inherit;
}

.tx-felogin-pi1 input[type='submit']{
    width:auto;
    background:transparent;
    display:inline;
    color:#0893cb;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border: 1px solid #0893cb;
    padding: 3px 7px 2px;
}

.schwerpunkte .row{
    margin-bottom:1.5rem;
    padding:0 15px !important;
    
}
.pinnwand .row{
    margin-bottom:1.5rem;
    padding:0 15px !important;
    
}
.stellenmarkt .row{
    margin-bottom:1.5rem;
    padding:0 15px !important;
    
}
.stellenmarkt .row.no-border-bottom {
    margin-bottom: 0;
}
#subscribe-form .row{
    margin-bottom:1.5rem;
    padding:0 15px !important;
}
.subscribeform .row.max-row{
    max-width:800px;
}
.address .row{
    margin-bottom:1.5rem;
    padding:0 15px !important;
    
}
.address input[type=checkbox]{
    float:left;
    margin:3px 5px 0px 0px !important
}
.address label{
    display:inline-block;
    clear:none;
    max-width:90%;
}
.address label.zip{
    float:left;
    display:inline-block;
}
.address label.city{
    float:left;
    clear:none;
    display:inline-block;
}
.address input.zip{
    float:left;
    width:10%;
    clear:left;
}
.address input.city{
    margin-left:2%;
    float:left;
    width:88%;
}
.search-results{
    float:left;
    clear:left;
}
.search-result-item{
    float:left;
    clear:left;   
    width:100%;
    margin-top:1.5rem;
    line-height: 19px !important;
}

.schwerpunkt{}
.schwerpunkt .grey-box{
    background:#ededed;
    padding:20px 20px;
    float: left;
    width: 100%;
}
.schwerpunkt .row{
    float:left;
    clear:left;
    width:100%;
}
.schwerpunkt label{
    clear:left;
    float:left;
    font-weight:bold!important;
    font-family: 'ScalaSansWeb', serif;
}
.schwerpunkt .focus{

}
.schwerpunkt .focus.col-md-4{
    padding:0px;
}
.schwerpunkt .images{
    
}
.schwerpunkt .images.col-md-8{
    padding:0px;
}
.schwerpunkt .row3{
    float:left;
    clear:left;
    width:100%;
    margin-top:1rem;
}
.schwerpunkt .image{
    float:left;
    margin-left:1.5rem;
    height: 210px;
}
.schwerpunkt .footer-text{
    clear: both;
    float: left;
    margin-top: 1.5rem;
    font-size:14px;
    line-height: 17px;
    width:85%;
}

.schwerpunkt .openimage, .news-image-desscription .openimage {
    left: 10px;
    top: -20px;
    margin-top: -20px;
}
.news-image-desscription .descText{
    min-height:30px;
}
.schwerpunkt .openimage, .news-image-desscription .openimage {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 50%;
    color: #009bd9;
    cursor: pointer;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 2000;
    display: inherit;
}
.schwerpunkt .button-bar{
    clear: both;
    float: left;
    margin-top: 1.5rem;
    width: 100%;
}
.schwerpunkt .project-image{
    cursor:pointer;
}

.eventimage .openimage, .news-image-desscription .openimage {
    left: 10px;
    top: -20px;
    margin-top: -20px;
}
.eventimage p{
    min-height: 30px;
    display: inline-block;
    width: 240px;
    font-size: 14px;
    line-height: 16px;
}
.eventimage .openimage, .news-image-desscription .openimage {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 50%;
    color: #009bd9;
    cursor: pointer;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 2000;
    display: inherit;
}

.focus-form .focus{
    clear:left !important;
    float:left;
}
.focus-form .focus-group{
    padding-bottom:20px;
}
.focus-form .focus-group{
    float:left!important;
    clear:left!important;
    width:100%;
}
.focus-form .submit{
    float:left;
    clear:left;
    padding-bottom:20px!important;
}
#bglayer{
    background-color: #000000;
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
    position:fixed;
    width:100%;
    height:100%;
    z-index:2001;
    display: none;
    top: 0;
}
#felayer{
    background:#FFFFFF;
    /*border-radius:1.5rem;*/
    padding:1.5rem;
    width:55%;
    position:fixed;
    z-index:2002;  
    top:5%;  
    cursor:pointer;
    display:none;
    left: 50%;
    margin-left: -25%;
}


#fedescription {
    margin-top:10px;
}

#feimage{
    text-align:center;
}
#felayer img{
    max-width:100%;
    max-height:800px;
}

.article{
    padding-bottom:1.5rem;
}
.article span p{
    margin-bottom:0px;
    max-width:80%;
}
.article .header h3 {
    color: #000000 !important;
    padding-bottom: 8px;
}
.article .header a{
    color:#000000;
}

.article .header h3 {
    color: #000000 !important;
}

.news-backlink-wrap.detail {
    text-align: right;
}

.section0 img{
    margin-top:0;
}
.section10 img{
    margin-top:-33px;
}
.section20 img{
    margin-top:-66px;
}
.section30 img{
    margin-top:-98px;
}
.section40 img{
    margin-top:-131px;
}
.section50 img{
    margin-top:-164px;
}
.section60 img{
    margin-top:-197px;
}
.section70 img{
    margin-top:-230px;
}
.section80 img{
    margin-top:-263px;
}
.section90 img{
    margin-top:-296px;
}
.section100 img{
    margin-top:-329px;
}




.catLink{
    clear: left;
    float: right;
    margin-top: -7%;
}

#c144{
    margin-top:2.5rem;
}
@media (min-width: 1200px) {
    .container {
       width: 1200px;
    }
}   
@media (max-width: 768px) {
    #felayer{
        width:100%;
        left:0px;
        margin-left:0px;
    }
}

@media (max-width:768px){
    .section0 img{
        margin-top:0;
    }
    .section10 img{
        margin-top:-2.7%;
    }
    .section20 img{
        margin-top:-5.4%;
    }
    .section30 img{
       margin-top:-8.1%;
    }
    .section40 img{
       margin-top:-10.8%;
    }
    .section50 img{
        margin-top:-13.5%;
    }
    .section60 img{
       margin-top:-16.2%;
    }
    .section70 img{
        margin-top:-18.9%;
    }
    .section80 img{
        margin-top:-21.6%;
    }
    .section90 img{
       margin-top:-24.3%;
    }
    .section100 img{
        margin-top:-27%;
    }

    .slider.mini {
        width: 100%;    
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        overflow:hidden;
        margin-bottom:20px;
        -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
        transition: width 2s, height 2s, background-color 2s, transform 2s;
    }

    .slides, .slides > li, .flex-control-nav, .flex-direction-nav {
        max-height: 200px;
    }


    #suche-footer .p_suche {
        color: #000000; font-size: 20px !important;     
        background: #dddddd url("../img/p-lupe.png") no-repeat;
        background-position: right top; 
        height: 80px;
        width: 425px;
        display: block; 
        margin:0px auto 50px auto;
    }
    #suche-footer .p_suche:hover {
        background: #cccccc url("../img/p-lupe-hover.png") no-repeat scroll right top;
    }

    #suche-footer .p_suche a, #suche-footer .p_suche a:hover {
        color: #000000 !important;
        display: inline-block;
        float: right;
        height: 100%;
        padding: 34px 115px 20px 0;
        text-decoration: none;
        width: auto;
    }

    #suche-footer .adresse {
        text-align: center;
         margin:40px 0 50px 0px;
    }
    .navbar-collapse {   
        height: auto;
    }

}
@media only screen and (min-width: 435px) {
    #socialnwicons_mobile {
        display: none;
    }
}

@media only screen and (max-width: 435px) {
    #socialnwicons_mobile {
        position: relative !important;
        left: 35% !important;
    } 
    #socialnwicons {
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-left {   
        height: 60px;
        margin:0;
        padding:0 0 0 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1000px){
    header #mailformsword{
        display:none;
    }
}

@media screen and (max-width: 320px) and (orientation: portrait){
.navbar-toggle .icon-bar {
    display: block;
    width: 40px;
    height: 5px;
    border-radius: 2px;
    background-color: #009bd9 !important;
}

.navbar-toggle {
    margin-top: 0px !important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

#suche-footer .p_suche {
    color: rgb(0, 0, 0);
    height: 80px;
    width: 100%;
    display: block;
    font-size: 20px;
    background: url("../img/p-lupe.png") right top no-repeat rgb(237, 237, 237);
    background-position: right top;
    margin: 0px auto 50px;
}

#suche-footer .p_suche a, #suche-footer .p_suche a:hover {
    color: #000000 !important;
    display: inline-block;
    float: right;
    height: 100%;
    padding: 20px 80px 20px 20px;
    text-decoration: none;
    width: auto;
}

.showinfo {
    position: absolute;
    top: 140px !important;
    bottom: auto !important;
    right: 20px; 
    font-size: 20px !important;
}

.minus {
    top: 42px !important;
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
display: block !important;
opacity: 1 !important;
border-radius: 50%;
height: 34px;
width: 34px;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.85);
top: 60%;
overflow: hidden;
}

.flex-direction-nav a::before {
    font-size: 20px;
    color: #009bd9;
    line-height:34px;
    padding:0;
    text-align: center;
    width: 34px;
}

.flex-control-nav {
    position: absolute;
    text-align: center;
    right: 70px;
    bottom: 2px;
    left: none;
    width: auto;
}

.slider.mini {
    width: 100%;    
    height: 100px!important;
    min-height: 100px!important;
    max-height: 100px!important;
    overflow:hidden;
    margin-bottom:20px;
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    max-height: 156px;
}

.flex-caption {
    background: #FFF;
    position: static;
    color: #000;
    font-size: 12px;
    left: 0;
    line-height: 14px;
    padding: 8px;
    text-shadow: none;
    width: 100%;
    z-index:10000;
}

.flex-txt {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    float: left!important;
}


}

@media screen and (min-width: 321px) and (max-width: 399px) and (orientation: portrait){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-toggle {
    margin-top: 0px !important;
}

#suche-footer .p_suche {
    color: rgb(0, 0, 0);
    height: 80px;
    width: 100%;
    display: block;
    font-size: 20px;
    background: url("../img/p-lupe.png") right top no-repeat rgb(237, 237, 237);
    background-position: right top;
    margin: 0px auto 50px;
}

#suche-footer .p_suche a, #suche-footer .p_suche a:hover {
    color: #000000 !important;
    display: inline-block;
    float: right;
    height: 100%;
    padding: 20px 80px 20px 20px;
    text-decoration: none;
    width: auto;
}

.showinfo {
    position: absolute;
    top: 174px !important;
    bottom: auto !important;
    right: 20px; 
    font-size: 20px !important;
}

.minus {
    top: 42px !important;
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
display: block !important;
opacity: 1 !important;
border-radius: 50%;
height: 34px;
width: 34px;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.85);
top: 60%;
overflow: hidden;
}

.flex-direction-nav a::before {
    font-size: 20px;
    color: #009bd9;
    line-height:34px;
    padding:0;
    text-align: center;
    width: 34px;
}

.flex-control-nav {
    position: absolute;
    text-align: center;
    right: 70px;
    bottom: 2px;
    left: none;
    width: auto;
}

.slider.mini {
    width: 100%;    
    height: 110px!important;
    min-height: 110px!important;
    max-height: 110px!important;
    overflow:hidden;
    margin-bottom:20px;
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    max-height: 188px;
}

.flex-caption {
    background: #FFF;
    position: static;
    color: #000;
    font-size: 12px;
    left: 0;
    line-height: 14px;
    padding: 8px;
    text-shadow: none;
    width: 100%;
    z-index:10000;
}

.flex-txt {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    float: left!important;
}

}

@media screen and (min-width: 400px) and (max-width: 767px) and (orientation: landscape){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-toggle {
    margin-top: 0px !important;
}

#suche-footer .p_suche {
    color: rgb(0, 0, 0);
    height: 80px;
    width: 100%;
    display: block;
    font-size: 20px;
    background: url("../img/p-lupe.png") right top no-repeat rgb(237, 237, 237);
    background-position: right top;
    margin: 0px auto 50px;
}

#suche-footer .p_suche a, #suche-footer .p_suche a:hover {
    color: #000000 !important;
    display: inline-block;
    float: right;
    height: 100%;
    padding: 34px 80px 20px 0px;
    text-decoration: none;
    width: auto;
    font-size: 18px !important;
}
.showinfo {
    position: absolute;
    top: 284px !important;
    bottom: auto !important;
    right: 20px; 
    font-size: 20px !important;
}

.minus {
    top: 42px !important;
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
display: block !important;
opacity: 1 !important;
border-radius: 50%;
height: 34px;
width: 34px;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.85);
top: 60%;
overflow: hidden;
}
.flex-direction-nav a::before {
    font-size: 20px;
    color: #009bd9;
    line-height:34px;
    padding:0;
    text-align: center;
    width: 34px;
}

.flex-control-nav {
    position: absolute;
    text-align: center;
    right: 70px;
    bottom: 2px;
    left: none;
    width: auto;
}

.slider.mini {
    width: 100%;    
    height: 180px!important;
    min-height: 180px!important;
    max-height: 180px!important;
    overflow:hidden;
    margin-bottom:20px;
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    max-height: 299px;
}

.flex-caption {
    background: #FFF;
    position: static;
    color: #000;
    font-size: 12px;
    left: 0;
    line-height: 14px;
    padding: 8px;
    text-shadow: none;
    width: 100%;
    z-index:10000;
}

.flex-txt {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    float: left!important;
}

header .logo h3 {
    font-size: 22px !important;
}
}

@media screen and (min-width: 400px) and (max-width: 767px) and (orientation: portrait){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-toggle {
    margin-top: 0px !important;
}

#suche-footer .p_suche {
    color: rgb(0, 0, 0);
    height: 80px;
    width: 100%;
    display: block;
    font-size: 20px;
    background: url("../img/p-lupe.png") right top no-repeat rgb(237, 237, 237);
    background-position: right top;
    margin: 0px auto 50px;
}

#suche-footer .p_suche a, #suche-footer .p_suche a:hover {
    color: #000000 !important;
    display: inline-block;
    float: right;
    height: 100%;
    padding: 34px 80px 20px 0px;
    text-decoration: none;
    width: auto;
    font-size: 18px !important;
}
.showinfo {
    position: absolute;
    top: 194px !important;
    bottom: auto !important;
    right: 20px; 
    font-size: 20px !important;
}

.minus {
    top: 42px !important;
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
display: block !important;
opacity: 1 !important;
border-radius: 50%;
height: 34px;
width: 34px;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.85);
top: 60%;
overflow: hidden;
}

.flex-direction-nav a::before {
    font-size: 20px;
    color: #009bd9;
    line-height:34px;
    padding:0;
    text-align: center;
    width: 34px;
}

.flex-control-nav {
    position: absolute;
    text-align: center;
    right: 70px;
    bottom: 2px;
    left: none;
    width: auto;
}

.slider.mini {
    width: 100%;    
    height: 140px!important;
    min-height: 140px!important;
    max-height: 140px!important;
    overflow:hidden;
    margin-bottom:20px;
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    max-height: 210px;
}

.flex-caption {
    background: #FFF;
    position: static;
    color: #000;
    font-size: 12px;
    left: 0;
    line-height: 14px;
    padding: 8px;
    text-shadow: none;
    width: 100%;
    z-index:10000;
}

.flex-txt {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    float: left!important;
}

}

/* ############## IPad Portrait <=768 ############## */

@media screen and (min-width: 768px) and (orientation: portrait){

}


/* ############## IPad Landscape/Desktop <=1024 ############## */

@media screen and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){

header .logo h3 {
color: #c33a32;
font-size: 32px !important;
margin: 0;
padding: 0;
}   

.page-container aside .p_suche {
    color: #000000;
    font-size: 18px !important;
    background: #dddddd url("../img/p-lupe.png") no-repeat;
    background-position: right top;
    height: 80px;
    width: 425px;
    display: block;
    margin: 0px 0 50px -190px;
}

.page-container aside .p_suche a, .page-container aside .p_suche a:hover {
    color: #000000 !important;
    display: inline-block;
    float: right;
    height: 100%;
    padding: 24px 105px 20px 0;
    text-decoration: none;
    width: auto;
}

.slider.mini {
    width: 100%;
    height: 359px!important; 
    min-height: 359px!important;
    max-height: 359px!important;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
}

.showinfo {
    position: absolute;
    
    top: auto !important;
    bottom: 25px !important;
    right: 20px; 
    font-size: 20px !important;
}

    
#navbar li {
display: inline-block;
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
}

#navbar li a {
font-size: 14px !important;
line-height: 21px !important;
}

}


@media (max-width: 1024px) {

}

@media (min-width: 1024px) {
    .main-content {
        width: 50%!important;
    }
}


@media (min-width: 1025px) and (max-width: 1199px) {

    header .logo h3 {
        color: #c33a32;
        font-size: 32px !important;
        margin: 0;
        padding: 0;
    }   

    .page-container aside .p_suche {
        color: #000000;
        font-size: 18px !important;
        background: #dddddd url("../img/p-lupe.png") no-repeat;
        background-position: right top;
        height: 80px;
        width: 425px;
        display: block;
        margin: 0px 0 50px -190px;
    }

    .page-container aside .p_suche a, .page-container aside .p_suche a:hover {
        color: #000000 !important;
        display: inline-block;
        float: right;
        height: 100%;
        padding: 24px 105px 20px 0;
        text-decoration: none;
        width: auto;
    }

    .slider.mini {
        width: 100%;
        height: 359px!important; 
        min-height: 359px!important;
        max-height: 359px!important;
        overflow: hidden;
        margin-bottom: 20px;
        -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
        transition: width 2s, height 2s, background-color 2s, transform 2s;
    }

    .showinfo {
        position: absolute;
        top: auto !important;
        bottom: 25px !important;
        right: 20px; 
        font-size: 20px !important;
    }

    #navbar li {
        display: inline-block;
        margin: 0;
        padding: 0 0 0 0;
        list-style-type: none;
    }

    #navbar li a {
        font-size: 20px !important;
        line-height: 21px !important;
    }
}

@media (min-width: 1200px) {

}


.ce-table td{
    padding-left:8px;
}   


.f3-form-error {border: 3px solid #c33a32 !important;}


#subscribe-form{}
#subscribe-form label, #subscribe-form .formfield{
}
#subscribe-form .labelleft{
    clear:left;
    float:left;
    width:160px;
}
#subscribe-form .ffleft{
    float:left;
    width:72%;
}
#subscribe-form .ffleft input{
    width:100%;
    border:none;
    background:#eeeeee;
}
#subscribe-form .ffleft2{
    float:left;
    width:61%;
}
#subscribe-form .ffleft2 input{
    border:none;
    background:#eeeeee;
    width:100%;
}
#subscribe-form .ffleft3{
    float:left;
    width:10%;
    margin-left:1%;
}
#subscribe-form .ffleft3 input{
    border:none;
    background:#eeeeee;
    width:100%;
}
#subscribe-form .ffleft4{
    float:left;
    width:72%;
}
#subscribe-form .ffleft5{
    float:left;
    width:100%;
}
#subscribe-form .labelleft2{
    clear:left;
    float:left;
    width:70px;
}
#subscribe-form .labelleft3{
    float:left;
    width:90px;
}
#subscribe-form .check input{
    width:auto;
    border:none;
}
#subscribe-form.genericsubscriber .check{
    display: inline-block;
}
#subscribe-form .submit{
    margin-top:10px;
    clear:left;
    float:left;
    border:none;
    padding:0;
}
#subscribe-form #remark{
    width:72%;
    border:none;
    background:#eeeeee;
}
#subscribe-form #radio1, #subscribe-form #radio2{
    border:none;
}

#tdateaser{
    background: #c33a32 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 71.5px 10px;
    text-align: center;
    width: 200px;
    cursor:pointer;
}
#tdateaser:hover{
    color: #ffffff!important;
}
.tdawrap{
    width:100%;
    text-align:center;
    margin-bottom: 10px;
}
@media only screen and (max-width: 990px) {
    #tdateaser{
        display:none;
    }
}



.beitrag .row{
    margin-bottom:1.5rem;
    padding:0 15px !important;
}
.beitrag .row.nomargin{
    margin-bottom:0rem;
}
.beitrag input[type=checkbox],.beitrag input[type=radio]{
    float:left;
    margin:3px 5px 0px 0px !important
}
.beitrag label{
    display:inline-block;
    clear:none;
    max-width:90%;
}
.beitrag label.zip{
    float:left;
    display:inline-block;
}
.beitrag label.city{
    float:left;
    clear:none;
    display:inline-block;
}
.beitrag input.zip{
    float:left;
    width:10%;
    clear:left;
}
.beitrag input.city{
    margin-left:2%;
    float:left;
    width:88%;
}
.beitrag .row .col-md-6{
    padding-left:0px;
    padding-right:0px;
}
.tx-felogin-pi1 legend{
    color: #c33a32 !important;
    font-size: 20px !important;
    margin-top:20px;
}
.beitrag .error + label{
    color:#c33a32;
}
.beitrag input[type='submit']{
    width:auto;
    background:transparent;
    display:inline;
    color:#0893cb;
    border:none;
    border: 1px solid #0893cb;
}
.beitrag input[type='submit']:hover{
 text-decoration: none;
}
.beitrag .row a.cancel{
    border: 1px solid #0893cb;
    padding: 3px 7px 2px;
    display:inline-block;
}
.beitrag .row a.cancel{
    color: #0893cb;
    text-decoration: none;
}
.beitrag .ffleft input {
    width: 100%;
    border: none;
    background: 
    #eeeeee;
}
.cal_searchbox{
    float:right;
}
.cal_searchbox input[type="image"]{
    height: 18px;
    width: 18px;
    vertical-align: middle;
    border-width: 0px;
    float: right;
    position: relative;
    right: 18px;
    margin-left: -18px;
    top: 14px;
}
.cal_searchbox input[type="text"]{
    border: 0px;
    background: #f8f8f8;
    margin-right: 5px;
    margin-top: 2px;
    height:40px;
    width:26.75rem;
    padding-left:1rem;
    padding-top:5px;
}
.calborder{
    border-top:10px solid #ededed !important;
    border-right:20px solid #ededed !important;
    border-bottom:20px solid #ededed !important;
    border-left:20px solid #ededed !important;
    background: #ededed !important;
}
.tx-cal-controller .navback{
    background-image:none !important;
}
#month-header{
    margin-bottom:0px;
}
#month-header-prevnext {
    color: #c33a32;
    font-size: 32px !important;
    margin-top:12px;
}
/*#page180 .main-content{
    width:75%!important;
}*/
#page193 .main-content{
    width:75%!important;
}
.month-large-outer{
    width:100%;
    border-right:20px solid #ededed !important;
    border-bottom:20px solid #ededed !important;
    border-left:20px solid #ededed !important;
}
.month-large tr{
    border-right:1px solid rgb(161, 165, 169) !important;
    border-left:1px solid rgb(161, 165, 169) !important;    
}
.month-large .day{
    width:14.1%;
}
.month-large .day div {
    padding-left: 5px;
}
.month-large .month-weeknums{
    padding-left:2px;
}
.default_categoryheader_bullet, .default_catheader_bullet {
    color: #ededed;
    font-size: 16px;
}
.default_categoryheader_text, .default_catheader_text {
    font-size: 16px;
}
.month-large .weekday {
    padding-top:2px;
    padding-left:2px;
}
.tx-cal-controller .list-header{
    color: #c33a32;
    font-size: 32px !important;
    font-weight: unset;
    font-family: 'ScalaSansWeb', serif;
    margin-bottom:30px!important;
}
.tx-cal-controller dl.month-list {
    width:75%;
}
.tx-cal-controller .month-list dt{
    padding-bottom:1.5rem;
}
.tx-cal-controller .month-list dt p{
    font-size:20px;
    font-weight:normal;
    line-height:23px;
    margin-bottom:0px;
}
.tx-cal-controller .month-list dt p .datum{
    font-size:16px;
}
.tx-cal-controller .month-list dt a{
    font-size:16px;
    font-weight:normal;
}
.tx-cal-controller .month-list dd{
    margin-bottom:20px;
}
.fixed{
    position: fixed;
    top: 0;
    z-index: 5000;
    background: #FFFFFF!important;
    width: 100%;
    /*left: 0;*/
}
.fixed-before{
    position: fixed;
    top: 0;
    z-index: 4495;
    background: #FFFFFF !important;
    width: 100%;
    left: 0;
    height: 60px;
}
.monthSelected, .monthSelectedWeek {
    background-color:transparent;
}
.monthCurrentWeek {
    background-color:transparent;
}
#calendar-event h3{
    color:#000000 !important;
}
#calendar-event .no-padding-left{
    padding-left:0px!important;
}
.jobimage img{
    width: 100%;
    height: auto;
}
.logout-btn{
    background: #c33a32;
    color: #FFFFFF;
    font-size: 16px;
    padding: 4px 10px 3px 10px;
    margin-top: 1px;
    display: inline-block !important;
    float: right;
    margin-right: -40px;
    cursor:pointer;
    margin-left: 10px;
}
.logout-btn:hover{
    text-decoration:none;
    color:#FFFFFF;
}
.useraddress{
    max-width:640px;
}
.useraddress .checkbox{
    margin-top:0px;
}
.useraddress .checkbox input[type=checkbox]{
    margin-left:0;
}
.useraddress .row{
    margin-bottom:5px;
}
.useraddress .btn{
    color: #0893cb;
    border: 1px solid #0893cb;
    padding: 3px 7px 2px;
    display: inline-block;
    background:none;
    border-radius:0px;
    line-height:inherit;
    font-size:16px;
}
.useraddress #changeaddressbox,
.useraddress #changecontactdatabox,
.useraddress #additionaladdressbox,
.useraddress #newadditionaladdressbox{
    display:none;
}
.useraddress .addressblock{
    margin-bottom:10px;
}
.useraddress .mark{
    color: #0893cb;
    background-color:transparent;
}
.useraddress input {
    border:none;
    background:#eeeeee;
}
.useraddress select{
    clear:left;
    float:left;
    width:100%;
}
.useraddress input[type="submit"]{
    width:auto;
    background:transparent;
    display:inline;
    color:#0893cb;
    border: 1px solid #0893cb;
    padding: 3px 7px 2px;
}
.useraddress #changezip,
.useraddress #zip {
    width: 15.6666666666%;
    margin-right: 1%;
}
@media only screen and (max-width: 768px) {
    .useraddress .row{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .logout-btn{
        background: #c33a32;
        color: #FFFFFF;
        font-size: 14px;
        padding: 2px 6px;
        margin-top: 35px;
        display: inline-block !important;
        float: right;
        margin-right: 0px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: -40px !important;
        margin-left: -15px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 54px;
        height: 3px;
        border-radius: 2px;
        background-color: #c33a32 !important;
    }
    .fixed{
        background: transparent!important;
    }
    .fixed-before{
        background: transparent!important;
    }
    .navbar-collapse  {
        background-color:  #e9f8ff!important; 
    }

}

/**
  �nderungen f�r Unterseite Orientierungshilfen Architektenvertr�ge
**/

#page199 .main-content, #page190 .main-content, #page200 .main-content, #page206 .main-content {
    width: 56.3% !important;
}

.a:focus {
    outline: none !important;
}

.acc-panel {
    border: none!important;
    border-radius: 0px!important;
}

.acc-panel-group {
    margin-bottom: 0px !important;
    margin-top: -30px;
}

.acc-panel-group .acc-panel-group {
    margin-top: 0px !important;
}

.acc-panel-heading {
    background-color: unset !important;
    border-bottom: 2px solid #fff !important;
    padding: 0px !important;
}

.acc-collapse .acc-panel-heading {
    background-color: unset !important;
    border-bottom: none !important;
}

.acc-inhalt .acc-panel-heading {
    background-color: #e1e1e1 !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none;
    -webkit-boxshadow: none;
    margin-top: 30px !important;
}

.acc-inhalt .acc-inhalt .acc-panel-heading {
    background-color: unset !important;
    margin-top: 10px !important; 
}

.acc-inhalt {
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none;
    -webkit-boxshadow: none;
}

.acc-inhalt .acc-inhalt {
    background-color: #a6daf0 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.acc-inhalt .acc-panel-group div:last-child {
    margin-bottom: 0px !important;
}

.acc-inhalt .expanded {
    background-color: #46b4e1 !important;
}

.acc-inhalt .ce-bodytext p {
    padding: 0 40px !important;
}
.acc-inhalt .ce-bodytext div p {
    padding: 0px !important;
}  

.acc-inhalt .acc-inhalt .acc-panel-body p {
    padding: 0 !important;
}



.acc-inhalt .acc-inhalt .acc-panel-body .acc-collapse .acc-panel-body p {
    padding: 0px !important;
}

.acc-collapse .acc-collapse {
    background-color: #fff;
}

.acc-collapse .acc-collapse a, .acc-collapse a.download {
    padding: 8px 40px;
    background-color: #cff1ff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.acc-collapse .acc-collapse a:hover {
    text-decoration: none;
    color: #000;
    background-color: #46b4e1;
}

.acc-collapse .acc-collapse .ce-bodytext {
    margin-top: 3px;
}

.acc-collapse .acc-collapse .ce-bodytext p:last-child {
    margin-bottom: 0px;
}

.expanded>.acc-panel-heading {
    background-color: #46b4e1 !important;
}

.acc-headline {
    text-align: center;
}

.acc-headline a {
    font-size: 26px !important;
    display: inline-block;
    width: 100%;
    /*height: 50px;*/
    height:auto;
    padding: 15px;
    text-decoration: none !important;
}

.acc-headline a:hover {
    text-decoration: none;
}

.acc-headline a:active {
    text-decoration: none;
}

.acc-panel-body {
    padding: 0px !important;
    border-top: none !important;
}

.acc-panel-body a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
ol li{
    margin-bottom: 1rem;
}
ul li{
    list-style-type: disc;
}

.eventimage {
    display: inline-block;
    float: left;
    padding-right: 10px;
}

.inlineRow{
    display:table-cell;
    white-space: nowrap;
    float:left;
}
.downloadSpace1{

}
.downloadSpace2{
    margin-top:10px;
}
.geschaeftsstelle{
    margin-top:10px;
}
.companion--block{
    margin-top:6rem;
}
.companion--block.display--none {
    display:none;
}
.addcompanion .plus{
    border-radius: 50%;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.90);
    color: #009bd9;
    display: inline-block;
    padding: 0 0 0 1px;
    position: absolute;
    cursor: pointer;
    z-index: 2000;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    font-style: normal;
}
.addcompanion span{
    margin-left: 4rem;
    margin-top: 0.5rem;
    display: inline-block;
    cursor: pointer;
}
.layout1 .ce-textpic{
    border-radius:150px;
}
.errors{
    font-weight: bold;
    color: #c33a32;
}

.reference-info .btn, .reference-info btn-success:hover{
    color: #0893cb;
    border: 1px solid #0893cb;
    padding: 3px 7px 2px;
    display: inline-block;
    background:none;
    border-radius:0px;
    line-height:inherit;
    font-size:16px;
}
.bg-grey {
    background: #eeeeee;
}
.bg-red {
    background: #f3d8d7;
}
.bg-darkgrey {
    background: #636363;
    color: #ffffff;
}
.ce-bodytext .bg-red{
    padding: 24px;
}
#calendar-event > div:nth-child(5) {
    clear: both;
}

.mobile-teaser-left{
    float:left;
    text-align:center;
    margin-right:2%;
    width:49%;    
}
.mobile-teaser-right{
    float:left;
    text-align:center;
    width:49%;    
}
.mobile-teaser-left a, .mobile-teaser-right a{
    background: #c33a32 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    padding: 44px 10px;
    text-align: center;
    width: 100%;
    cursor: pointer;
    max-height: 170px;
    line-height: 28px;
    margin-bottom:20px;
}
.mobile {
    display: none;
}
@media only screen and (max-width: 990px) {
    .mobile {
        display: block;
    }
}

.panel-collapse a{
    color: #0893cb;
}
.panel-collapse a:hover{
    text-decoration:underline;
}
.flex-direction-nav li{
    list-style-type:none!important;
}
.bookadatebtn.bookadatebtn-blue {
    width: 100%;
    background: #0893cb;
    display: inline-block;
    color: #ffffff;
    padding: 12px 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    line-height:27px;
}