/*
Theme Name: sws
Theme URI: http://www.sws-sv.de/
Author: Michael Maier
Author URI: http://www.mphased.de
Description: SWS Theme
Version: 2.0.2
License:
License URI:
Text Domain: sws
Tags:
*/

/*
Colors:
black:      #000000
white:      #ffffff
dark blue:  #005572
light blue: #009fd9
*/

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Roboto/roboto-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('fonts/Roboto/roboto-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto/roboto-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Roboto/roboto-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto/roboto-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto/roboto-v16-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/Roboto/roboto-v16-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Italic'), local('Roboto-Italic'),
    url('fonts/Roboto/roboto-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto/roboto-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Roboto/roboto-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto/roboto-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto/roboto-v16-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Roboto/roboto-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('fonts/Roboto/roboto-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto/roboto-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Roboto/roboto-v16-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto/roboto-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto/roboto-v16-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/Roboto/roboto-v16-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
    url('fonts/Roboto/roboto-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto/roboto-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Roboto/roboto-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto/roboto-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto/roboto-v16-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


/*
 * basics
 */
body {
    font-family: 'Roboto', sans-serif;
}

.container {
    max-width: 960px !important;
}

body {
    background-color: #005572;
}

.header {
    background-color: #fff;
}

.footer {
    background-color: #005572;
}

.site {
    background-color: #fff;
}

.content {
    margin-top: 30px;
    margin-bottom: 20px;
}

.footer {
    padding-top: 10px;
    padding-bottom: 20px;
}

/*
 * fonts
 */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.25em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

h5, h6 {
    font-style: italic;
}

h1 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

h2 {
    font-size: 16px;
    font-weight: bold;
}

h3 {
    font-size: 14px;
    font-weight: bold;
}

h4 {
    font-weight: bold;
    font-size: 14px;
}

h5 {
    font-size: 14px;
    font-weight: normal;
}

h6 {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #005572;
}

.footer h3 {
    font-size: 14px;
    font-weight: bold;
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 15px;
}

hr {
    border-color: #dedede;
}

p,
ul,
ol,
table {
    font-size: 14px;
    line-height: 22px;
}

a,
a:hover,
a:focus {
    color: #07305a;
    text-decoration: none;
}

.archive-item h2 a {
    text-decoration: none !important;
}

.header,
.header a {
    color: #005572;
}

.content a,
.content a:hover,
.content a:focus {
    color: #005572;
}

.footer,
.footer a,
.footer a:hover,
.footer a:focus {
    color: #fff;
}

.content a:hover,
.footer a:hover {
    text-decoration: underline;
}

.content a .fa,
.footer a .fa {
    font-size: 14px;
    padding-right: 3px;
}

/*
 * buttons
 */
.btn-default {
    border: none;
    background-color: #009fd9 !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #005572 !important;
    text-decoration: none !important;
    color: #fff !important;
}

.btn-default .fa {
    font-size: 14px;
    padding-right: 3px;
}

.btn-primary {
    border: none;
    background-color: #005572 !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #005572 !important;
    text-decoration: none !important;
    color: #fff !important;
}

.btn-primary .fa {
    font-size: 14px;
    padding-right: 3px;
}

/*
 * images in content
 */
.visual {
    margin-bottom: 20px;
}

.visual img,
.content-area img {
    height: auto;
    max-width: 100%;
}

.content-area img.aligncenter {
    display: block;
    margin: 0 auto;
}

.content-area img.alignleft {
    float: left;
    margin: 4px 20px 4px 0;
}

.content-area img.alignright {
    float: right;
    margin: 4px 0 4px 20px;
}

/*
 * header
 */
.header-box {
    margin: 30px 0;
}

.logo-box {
    width: 90px;
}

.logo-box a {
    display: block;
}

.logo-box img {
    max-width: 90px;
    height: auto;
}

.title-box,
.navi-box {
    width: 840px;
}

.title-box .site-title {
    font-size: 13px;
    line-height: 16px;
    width: 45%;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
}

.navi-box {
    padding: 0 0 0 10px;
}

/*
 * navi
 */
.navi {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.navi li {
    float: left;
}

.navi li a {
    display: block;
    padding: 6px 10px;
    border-radius: 5px;
    color: #fff;
    background-color: #009fd9;
    font-weight: bold;
    margin-right: 2px;
}

.navi li:last-child a {
    margin-right: 0;
}

.navi li a:hover {
    background-color: #005572;
    color: #fff;
}

.navi .current-menu-item a,
.navi .current_page_parent a,
.navi .current-post-parent a,
.navi .current-category-ancestor a,
.navi .current-page-ancestor a,
.navi-main .current-post-ancestor a {
    color: #fff;
    background-color: #005572;
}

/*
 * mobile navi
 */
.toggled.navi-box {
    padding: 15px 0 0 0;
    width: 100%;
}

.toggled .navi li {
    float: none;
    margin-bottom: 5px;
}

.toggled .navi li a {
    margin-right: 0 !important;
}

.toggled .navi li:last-child {
    margin-bottom: 0;
}

.btn-toolbar {
    margin: 0;
    text-align: center;
}

.btn-toolbar .menu-toggle {
    margin: 0;
    float: none;
    /*padding: 6px 10px;*/
    padding: 7px 10px 6px 10px;
    border: none;
    font-size: 12px;
    color: #fff;
    width: 90px;
    display: inline-block;
    background-color: #005572;
    border-top: 1px solid #005572;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-toolbar .menu-toggle:hover,
.btn-toolbar .menu-toggle:active,
.btn-toolbar .menu-toggle:focus {
    /*background-color: #07305a;*/
    /*color: #fff;*/
    /*border-top: 1px solid #fff;*/
    /*border-left: 1px solid #fff;*/
    /*border-right: 1px solid #fff;*/
    color: #fff !important;
    background-color: #009fd9 !important;
}

.btn-toolbar .menu-toggle i {
    font-size: 14px;
}

/*
 * content
 */
.content {
    border-top: 2px solid #dedede;;
    min-height: 350px;
    margin-top: 0;
    padding-top: 22px;
    /*background: rgb(221,221,221);*/
    /*background: linear-gradient(180deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);*/
}

.content .search-form .form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.content .search-form label {
    width: 100%;
}

.content .search-form .form-control {
    width: 50%;
}

/*
 * footer
 */
.stripe {
    height: 15px;
    background-color: #009fd9;
    margin-bottom: 2px;
}

.footer i {
    font-size: 14px;
}

.footer .search-form label,
.footer .search-form .form-control {
    width: 100%;
}

.footer .search-form .form-control {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    line-height: 20px;
}

/*
 * metanavi
 */
.footer .menu {
    list-style-type: none;
    padding: 0;
}

/*
 * error page
 */
body.error404 .main-area {
    margin: 50px 0;
}

/*
 * search page + archive
 */
.search-result,
.archive-item {
    border-bottom: 1px solid #dedede;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}

.search-result:last-child,
.archive-item:last-child {
    border: none;
}

.search-result h3,
.archive-item h3 {
    margin: 0 0 5px 0;
}

.search-result p,
.archive-item p {
    margin: 0;
}

.search-result .more-link,
.archive-item .more-link {
    margin: 15px 0 0 0;
}

/*body.search-results .pagination-area,*/
/*body.archive .pagination-area {*/
    /*border: none;*/
    /*margin-top: 0;*/
    /*padding-top: 0;*/
/*}*/

/*
 * post-detailpage
 */
body.single h1 {
    /*margin-bottom: 5px;*/
}

body.single .entry-meta {
    margin-bottom: 15px;
}

/*
 * entry-meta
 */
.main-area .entry-meta {
    color: #777;
    margin-bottom: 10px;
    font-size: 13px;
}

/*
 * comment partial
 */
.comments-area {
    border-top: 1px solid #dedede;
    margin-top: 20px;
    padding-top: 40px;
}

.comments-area .comments-title {
    margin-top: 0;
}

/*
 * paging nav partial
 */
.pagination-area {
    border-top: 1px solid #dedede;
    margin-top: 0;
    padding-top: 20px;
}

.pagination-area .nav-prev .fa {
    padding: 0 3px 0 0;
}

.pagination-area .nav-next .fa {
    padding: 0 0 0 3px;
}

.single .pagination-area {
    margin-top: 20px;
}

/*
 * home template
 */
body.home .content {
    /*background: transparent url('img/home/bg_inv.png') 0 0 repeat-x;*/
}

body.home .content {
    /*margin-top: 0;*/
    /*padding-top: 22px;*/
    /*border-top: 2px solid #fff;*/
}

body.home h1 {
    text-align: center;
    margin-bottom: 28px;
}

body.home h2,
body.home h3 {
    font-weight: bold;
}

.teaser {
    height: 204px;
    color: #fff;
    background-color: #005572;
    border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.teaser .image {
    height: 150px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #fff;
}

.teaser-01 .image {
    background: transparent url('img/home/teaser_01.jpg') 0 50% no-repeat;
    background-size: cover;
}

.teaser-02 .image {
    background: transparent url('img/home/teaser_02.jpg') 40% 50% no-repeat;
    background-size: cover;
}

.teaser-03 .image {
    background: transparent url('img/home/teaser_03.jpg') 10% 50% no-repeat;
    background-size: cover;
}

.teaser-04 .image {
    background: transparent url('img/home/teaser_04.jpg') 50% 50% no-repeat;
    background-size: cover;
}

.teaser .text {
    height: 50px;
    position: relative;
}

.teaser .text h4 {
    color: #fff;
    margin: 0;
    padding: 0 10px;
    line-height: 18px;
    font-size: 13px;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.teaser-item .info {
    margin: 5px 0 0 0;
    text-align: center;
    padding: 0 10px;
    font-size: 11px;
    line-height: 15px;
    height: 15px;
}

body.home .carousel-control {
    background: none !important;
    filter: none !important;
}

body.home .content-area .textwidget h2 {
    margin-top: 0;
}

body.home .content-area {
    margin: 20px 0;
}

/*
 * sv-modul
 */
.sv-overview-map #map_canvas {
    height: 580px;
    width: 100%;
}

.sv-city-map #map_canvas {
    height: 300px;
    width: 100%;
}

.sv-backlink {
    padding-left: 5px;
    font-size: 14px;
}

.sv-overview-box {
    margin-bottom: 10px;
}

.sv-overview-box .sv-city-list h3 {
    margin: 0;
}

.sv-overview-box .sv-city-item {
    float: left;
    font-size: 14px;
    margin: 20px 0 0;
    width: 33%;
}

.sv-person-list {
    margin: 10px 0;
}

.sv-person-item {
    margin: 5px 0;
}

.sv-person-item .sv-person-image {
    width: 120px;
    margin-top: 3px;
}

.sv-person-item .sv-person-image img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sv-person-item .sv-person-mandatory {
    padding-left: 0;
}

.sv-person-item .sv-person-optional h4 {
    margin-top: 3px;
}

.sv-person-optional .table th,
.sv-person-optional .table td {
    border: none;
    line-height: 18px;
}

.sv-person-optional .table th {
    padding: 2px 2px 2px 0;
}

.sv-person-optional .table td {
    padding: 2px 0;
}

.sv-person-item .sv-bereich-items .sv-bereich-item {
    width: 22px;
    height: 22px;
    cursor: pointer;
    border: 1px solid #005572;
    font-weight: bold;
    color: #005572;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    float: left;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    margin-right: 10px;
}

.sv-person-item .sv-bereich-items .sv-bereich-item:last-child {
    margin-right: 0;
}

.sv-person-item .sv-bereich-items .sv-bereich-item:hover {
    background-color: #005572;
    border-color: #005572;
    color: #fff;
}

.sv-person-item .sv-bereich-items .tooltip-inner {
    background-color: #005572;
}

.sv-person-item .sv-bereich-items .tooltip.top .tooltip-arrow {
    border-top-color: #005572;
}

.sv-person-detail .sv-person-item .sv-bereich-items .sv-bereich-item {
    /*width: 18px;*/
    /*height: 18px;*/
    /*line-height: 18px;*/
    /*font-size: 11px;*/
    /*margin: 2px 5px 2px 0;*/
    width: 22px;
    height: 22px;
    line-height: 20px;
    margin: 0 5px 2px 0;
    cursor: default;
}

.sv-person-detail .sv-person-item .sv-bereich-items .sv-bereich-item:hover {
    background: none;
    border-color: #005572;
    color: #005572;
}

.sv-bereich-items .sv-bereich-item-info {
    background-color: #fff;
    border-color: #888 !important;
    color: #888 !important;
}

.sv-bereich-items .sv-bereich-item-info:hover {
    background-color: #fff !important;
    border-color: #888 !important;
    color: #888 !important;
}

.sv-bereich-items .sv-bereich-item-blank {
    background-color: #005572;
    color: #fff !important;
}

.sv-bereich-items .sv-bereich-item-blank {
    background-color: #005572 !important;
    color: #fff;
}

/*
 * pills
 */
.pill {
    background-color: #dedede;
    color: #005572;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    vertical-align: top;
}

h1 .pill {
    margin-top: 4px;
}

h2 .pill {
    font-size: 12px;
    line-height: 12px;
}

.list-item .pill {
    margin-left: 4px;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
}

/*
 * select
 */
/*.select2-container--default .select2-selection--single {*/
    /*border: 1px solid #dedede;*/
/*}*/

/*
 * google maps fix
 */
#map_canvas {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#map_canvas img {
    max-width: none;
}

.sv-overview-map #map_canvas .gm-style-iw {
    min-width: 100px;
    text-align: left;
}

#map_canvas .gm-style-iw h4 {
    /*margin: 0;*/
}

#map_canvas .gm-style-iw p  {
    margin: 0;
}

.sv-overview-box .gm-style-iw a {
    font-weight: bold;
    font-size: 14px;
}

/*
 * list view
 */
.list-intro {
    /*margin-bottom: 18px;*/
    /*padding-bottom: 16px;*/
    /*border-bottom: 1px solid #dedede;*/
}

.list-items-title {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dedede;
}

.list-item {
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
}

.list-items .list-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.list-item .list-title {
    margin: 0 0 5px 0;
}

.list-item .list-title a {
}

.list-item .list-title a:hover {
    /* text-decoration: none; */
}

.list-item .item-meta {
    margin: 10px 0;
}

.list-item .item-link {
    margin: 0;
}

/*
 * links
 */
.list-item .item-link {
    margin: 5px 0 0 0;
}

/*
 * fachbetriebe
 */
.posts-in-term ul {
    list-style-type: none;
    padding: 0;
}

.fachbetrieb-single-area .fachbetrieb-contact-box span {
    display: block;
}

.fachbetrieb-single-area .fachbetrieb-contact-title:first-child {
    margin-top: 0;
}

.fachbetrieb-single-area .fachbetrieb-contact-box p {
    margin-bottom: 0;
}

/*
 * side navi
 */
.sidebar-area {
    /* padding-top: 40px; */
    /*padding-top: 100px;*/
}

.side-navi {
    list-style-type: none;
    /* padding: 0; */
    margin-bottom: 30px;
    /*-webkit-border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*border-radius: 10px;*/
    padding: 0;
}

.side-navi li {
    /* border-bottom: 1px solid #ddd; */
    /* background-color: #fff; */
}

.side-navi a {
    display: block;
    padding: 10px 0 0 0;
    font-size: 18px;
    color: #aaa;
}

.side-navi a:hover,
.side-navi a:focus {
    color: #005572;
}

.side-navi .current-menu-item a {
    font-weight: bold;
    color: #aaa;
}

.sidebar-title {
    border-bottom: 1px solid #dedede !important;
    padding-bottom: 10px;
    margin-top: 0;
}

.sidebar-title a {
    padding: 10px 0;
}

.sidebar-title .fa {
    padding-right: 3px;
}

.sidebar-title .caption {
    display: block;
}

.back-to-list .sidebar-title {
    border-top: 1px solid #dedede !important;
    border-bottom: none !important;
    /*-webkit-border-radius: 15px;*/
    /*-moz-border-radius: 15px;*/
    /*border-radius: 15px;*/
    text-align: right;
}

.single .back-to-list .sidebar-title {
    border: none !important;
    line-height: 30px;
    padding: 0;
}

.back-to-list .sidebar-title a {
    font-size: 12px;
    color: #005572;
}

.single .back-to-list .sidebar-title a {
    padding: 0;
}

.back-to-list .sidebar-title a:hover {
    text-decoration: underline;
}

/*
 * fachbetrieb form
 */
.fachbetrieb-form {
    margin: 0 0 20px 0;
}

/*
 * legacy IE
 */
html.legacy-ie .btn-toolbar {
    display: none;
}

html.legacy-ie .container {
    width: 960px !important;
}

html.legacy-ie .col-sm-2,
html.legacy-ie .col-md-2 {
    width: 16.66666%;
    float: left;
}

html.legacy-ie .col-sm-3,
html.legacy-ie .col-md-3 {
    width: 25%;
    float: left;
}

html.legacy-ie .col-sm-4,
html.legacy-ie .col-md-4 {
    width: 33%;
    float: left;
}

html.legacy-ie .col-sm-6,
html.legacy-ie .col-md-6 {
    width: 50%;
    float: left;
}

html.legacy-ie .sv-person-list .sv-bereich-items {
    width: 345px;
    float: right;
}

html.legacy-ie .sv-person-image {
    width: 120px;
}

html.legacy-ie .carousel .item {
    display: block;
}

html.legacy-ie .carousel-control,
html.legacy-ie .carousel-indicators {
    display: none;
}

html.legacy-ie .sv-person-image img {
    width: 90px;
    height: 113px !important;
}

/*
 * responsive: everything above site width
 */
@media only screen and (min-width: 992px) {

    body.home .carousel-inner .item {
        display: block;
    }

    body.home .carousel-control,
    body.home .carousel-indicators {
        display: none;
    }

}

/*
 * responsive: default, normal site width
 */
@media only screen and (min-width: 768px) and (max-width: 991px) { /* don't set to 992!*/

    /*.site {*/
    /*    background-color: yellow;*/
    /*}*/

    .title-box .site-title {
        margin-bottom: 5px;
    }

    .title-box,
    .navi-box {
        width: 630px;
    }

    .navi li a {
        font-size: 13px;
        padding: 5px 10px;
    }

    .content {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .footer {
        padding-bottom: 10px;
        padding-top: 0;
    }

    .footer .search-form label {
        width: 100%;
    }

    .footer .search-form .form-control {
        width: 50%;
    }

    body.home .content {
        background-position: 0 -30px;
    }

    body.home .carousel-inner .item {
        display: block;
    }

    body.home .carousel-control,
    body.home .carousel-indicators {
        display: none;
    }

    .teaser {
        height: 174px;
    }

    .teaser .image {
        height: 120px;
    }

    .sv-overview-map #map_canvas {
        height: 450px;
        width: 100%;
    }

    .sv-overview-box .sv-city-item {
        font-size: 12px;
        margin-top: 15px;
    }

    .sv-overview-box .sv-city-item a {
        padding: 5px 0;
    }

    .sv-person-list {
        /*margin: 10px 0;*/
    }
}

/*
 * responsive: tablets
 */
@media only screen and (min-width : 481px) and (max-width: 767px) {

    /*.site {*/
        /*background-color: red;*/
    /*}*/

    .header-box {
        margin: 15px 0 0 0;
    }

    .title-box {
        width: 350px;
        height: 90px;
        margin-bottom: 0;
    }

    .title-box .site-title {
        /*width: 240px;*/
        /*margin: 25px 0 0 0;*/
        width: 100%;
        margin: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .navi-box {
        width: 100%;
        padding: 0;
        margin: 10px 0 0 0;
    }

    .toggled.navi-box {
        padding: 0;
    }

    .main-menu {
        margin-bottom: 10px;
    }

    .navi li a {
        font-size: 13px;
        padding: 5px 10px;
        margin: 0;
    }

    .content {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .footer {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .footer h3 {
        /*font-size: 12px;*/
        margin: 25px 0 5px 0;
    }

    .footer p {
        margin-bottom: 5px;
    }

    .footer .col-md-3:first-child h3 {
        margin-top: 15px;
    }

    .footer .search-form label {
        width: 100%;
    }

    .footer .search-form .form-control {
        width: 50%;
    }

    body.home .content {
        background: none;
    }

    body.home h1 {
        font-size: 20px;
    }

    body.home .carousel-inner .item {
        display: block;
    }

    body.home .carousel-control,
    body.home .carousel-indicators {
        display: none;
    }

    .teaser-item {
        width: 50%;
        float: left;
        margin-bottom: 15px;
    }

    .teaser {
        height: 174px;
    }

    .teaser .image {
        height: 120px;
    }

    body.home .content-area {
        margin: 0 0 20px 0;
    }

    body.home .content-area .col-right {
        margin-top: 30px;
    }

    .sv-overview-map #map_canvas {
        height: 350px;
        width: 100%;
    }

    .sv-backlink {
        float: none !important;
        display: block;
        padding-left: 0;
    }

    .sv-overview-box .sv-city-list h3 {
        margin-top: 15px;
    }

    .sv-city-list {
        margin: 20px 0 10px 0;
    }

    .sv-person-list {
        /*margin: 0;*/
    }

    .sv-person-item .sv-person-image {
        width: 20%;
        float: left;
    }

    .sv-person-item .sv-person-mandatory {
        width: 80%;
        float: left;
    }

    .sv-person-item .sv-person-optional {
        margin-top: 15px;
    }

    /*
     * fachbetriebe
     */
    .fachbetrieb-single-area .fachbetrieb-contact-box-right .fachbetrieb-contact-title {
        margin-top: 20px;
    }

    .sidebar-area {
        margin-top: 20px;
    }

}

/*
 * responsive: phones and below
 */
@media only screen and (min-width : 320px) and (max-width : 480px),
only screen and (max-width : 319px){

    /*.site {*/
        /*background-color: green;*/
    /*}*/

    .header-box {
        margin: 15px 0 0 0;
    }

    .logo-box {
        width: 20%;
        height: 100px;
        /*width: 100px;*/
    }

    .logo-box a {
        display: block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .logo-box img {
        max-width: 100%;
    }

    .title-box {
        width: 80%;
        /*min-width: 150px;*/
        /*max-width: 180px;*/
        height: 100px;
        margin-bottom: 0;
    }

    .title-box .site-title {
        width: 100%;
        /*margin: 0;*/
        margin: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .navi-box {
        width: 100%;
        padding: 0;
        margin: 10px 0 0 0;
    }

    .toggled.navi-box {
        padding: 0;
    }

    .main-menu {
        margin-bottom: 10px;
    }

    .navi li a {
        font-size: 13px;
        padding: 5px 10px;
        margin: 0;
    }

    /*h1 {*/
        /*font-size: 22px;*/
    /*}*/

    /*h2 {*/
        /*font-size: 18px;*/
    /*}*/

    /*h3 {*/
        /*font-size: 14px;*/
    /*}*/

    .content {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .content .search-form label {
        width: 100%;
    }

    .content .search-form .form-control {
        width: 100%;
    }

    .footer {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .footer h3 {
        /*font-size: 12px;*/
        margin: 25px 0 5px 0;
    }

    .footer p {
        margin-bottom: 5px;
    }

    .footer .col-md-3:first-child h3 {
        margin-top: 15px;
    }

    body.home .content {
        background: none;
        padding-top: 15px;
    }

    body.home h1 {
        font-size: 16px;
        margin-bottom: 18px;
    }

    body.home .carousel-indicators {
        top: 10px;
    }

    body.home .carousel-indicators li {
        width: 8px;
        height: 8px;
    }

    body.home .carousel-indicators .active {
        width: 10px;
        height: 10px;
    }

    body.home .carousel-control span {
        top: 35%;
    }

    .teaser {
        height: 154px;
    }

    .teaser .image {
        height: 100px;
    }

    .teaser .text h4 {
        color: #fff;
        margin: 0;
        padding: 0 10px;
    }

    body.home .map-teaser .text {
        padding-left: 0;
    }

    body.home .content-area {
        margin: 0 0 10px 0;
    }

    body.home .content-area .col-right {
        margin-top: 30px;
    }

    .sv-overview-map #map_canvas {
        height: 350px;
        width: 100%;
    }

    .sv-backlink {
        float: none !important;
        display: block;
        padding-left: 0;
        /*text-align: right;*/
        margin-top: 5px;
    }

    .sv-overview-box .sv-city-list h3 {
        margin-top: 15px;
    }

    .sv-overview-box .sv-city-item {
        float: left;
        font-size: 14px;
        margin: 20px 0 0;
        width: 50%;
    }

    .sv-city-list {
        margin: 20px 0 10px 0;
    }

    .sv-person-list {
        /*margin: 0;*/
    }

    .sv-person-item .sv-person-image {
        width: 25%;
        float: left;
    }

    .sv-person-item .sv-person-mandatory {
        width: 75%;
        float: left;
    }

    .sv-person-item .sv-person-optional {
        margin-top: 15px;
    }

    /*
     * fachbetriebe
     */
    .fachbetrieb-single-area .fachbetrieb-contact-box-right .fachbetrieb-contact-title {
        margin-top: 20px;
    }

    .sidebar-area {
        margin-top: 20px;
    }

}