/*********** responsive **************/

#teaser.start.teaser-desktop { display: block; }
#teaser.start.teaser-mobile { display: none; }
#teaser_mobile.start.teaser-mobile { display: none; }

@media (max-width: 480px) {
    .widget-text {
        width:100%;
        max-width:60%;
    }
}

/* Version 768..979 gelöscht */

@media (max-width: 979px) {

	.startseite #spalte4 { padding:10px }
	#spalte5 .teaser-items { padding-bottom:10px; border-bottom:1px solid #ccc }
	.top-content-text { width:100% }

/*
    p {
        font-size: 1em;
    }
*/

#footer-navigation a {
    padding-left: 5px;
    text-transform: inherit;
    /*font-size: 1.1em !important;*/
    color:#505050;
}

    .search-mobile {
        background: url("../img/bg/bg-lupe.png") no-repeat right top;
        width: 30px;
        height: 30px;
        display: inline-block;
    }
    .search-mobile a {
        display: block;
        text-decoration: none
    }

    .bigscreen {
        display: none;
    }

    /*#breadcrumb { font-size:100% } */
    #searchbox, #first-level-sitemap, /*#main-navigation,*/ .functions, 
    #tx-indexedsearch-searchbox-sword, #tx-indexedsearch-searchbox-label, #tx-indexedsearch-searchbox-button-submit, .tx-scpopularpages-pi2{
        display: none;
    }

    #sidebar-mobile {
        display: none;
    }

    .subpage #teaser-navigation, .subpage #sub-navigation ul.lev2 {
        display: none;
    }

    #sub-navigation li a {
        color: #1A72C5;
        /*font-size: 0.8em;*/
    }

    #sub-navigation-opener {
        display:inline;
    }
    #sub-navigation-opener > a {
        background: url('../img/bg/submenu-dropdown.png') no-repeat right 2px;
        padding-right: 17px !important;
        /*font-size:0.75em !important;*/
    }
    #sub-navigation-opener.open > a {
        background: url('../img/bg/submenu-dropdown-open.png') no-repeat right 2px;
        /*font-size:0.75em !important;*/
    }


    #sub-navigation li a {

    }
    #sub-navigation-opener a {
        display:inline !important;
        cursor: pointer;
    }

    #sub-navigation-opener > span.pipe {
        color:#616A77 !important;
    }

    #sub-navigation ul.lev1 {
        margin:10px 0 10px 0;
    }


    #sub-mob-header {
        display:block;
        /*font-size: 1em;*/
        color: #616A77;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 0.8em;
    }

    #header {
        height: auto !important;
        border: none;
    }


    #middle {
        margin-top:5px !important;
        position: relative;
    }
    #suchbegriff_mobil {
        margin-top:5px !important;
        clear:both;
        width: 100% !important;
    }
    #suchbutton_mobil {
        clear:left;
        margin-top:0.5em;
        width:100% !important;
    }


    #toplogo {
        width: 50% !important;
    }
    #mobile-buttons-right {
        float:right
    }
    #mobile-navigation{
        width: 50% !important;
        margin-top:10px !important;
        text-align: right;
    }

    #mobile-navigation select {
        width: 100%;
        padding: 1px 5px;
    }
    #mobile-navigation #suchbegriff_mobil {
        width: 94% !important;
    }

   .such_select { margin-top:1em }

    #mobile-search-opener {
        cursor: pointer;
        display:inline;
        height:72px;
        float:right;
        margin-top: 13px;
        padding-right: 2%;
    }
    #mobile-search-opener  img {
        padding-top:16px;
        padding-right:5px;
        padding-left:5px;
    }


    #main-navigation-mobile-opener {
        /*background: url('../img/bg/dropdown_icon.png') no-repeat;
        width:120px !important; height:30px;
        background-position: 55px 24px;*/
        width: auto !important;
        padding-right: 0.5em;
        padding-top:18px;
        display:inline;
        float:right;
        margin-right:5px;
        margin-top: 13px;
        /*font-size: 1.4em; color: #a8a8a8;
        font-weight: bold;*/
    }
    #main-navigation-mobile-opener img,
    #mobile-search-opener img
    {
        height: auto;
        max-width: 100%;
        width: auto;
    }

    #mobile-search { padding:0; cursor:pointer; padding-left: 2%;    padding-right: 2%;    width: 96%!important;}

    #mobile-search label {
        float: left;
        display:block;
        /*font-size: 1em;*/
        line-height: 24px;
        margin-right: 10px;

    }

    #mobile-search form { padding-left:0px !important; padding-right:0px !important }

    #mobile-search #suchbegriff_mobil {
    	border-right:1px solid #ababab;
        width: calc(100% - 8px) !important;
        display:block;
        float:left;
        margin:0px !important;
        margin-top:10px !important;
        padding: 5px !important;
        padding-right: 0px !important;
        font-size:15px;
        height: 22px !important;
        top: 0 !important;
    }
    #mobile-search #suchbutton_mobil {
    	  -webkit-appearance: none;
        display: block;
        position: static;
        color:white;
        height:34px;
        font-size:15px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:10px
    }

    .startseite #spalte1 h2, .startseite #spalte2 h2, .startseite #spalte3 h2 {
        /*font-size: 1.2em;*/
    }

    .container {
        width:96%;
        margin:0 !important;
        padding:0 2% !important;
    }
    header#container1 { width:100%; padding:0!important}
    
    #header-navigation {
        margin-right: 0!important;
        display: none;
    }

    #teaser.start,#teaser_mobile.start {

        width: 100% !important;
        /*max-width:100%;*/
        height: auto;
        /*display:none;*/
    }
    .tx-imagecycle-pi1 {
        width:100% !important; height:auto;
    }
    /*.subpage #teaser { height:auto; }*/

    #imagecycle {
        width:auto !important;
        max-width: 100% !important;
    }
    #imagecycle img {
        width: 100%;
    }

    .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15 {
        width: 100% !important;
        margin:0 !important;
    }

    .span-4 {
        width: 33.33%!important;
    }

    .teaser-box-text, .teaser-box-link {
        display: none !important;
    }

    .span-9 .span-4, .span-9 .span-5 {
        width: 100% !important;
        padding: 1px 0 !important;
        /*margin: 0 !important;*/
    }
    #kontakt_kurz_unsicher .span-2.required {
        width:auto !important;
    }

    .fachbereiche .top-content-image {
        width: auto !important;
    }
    .fachbereiche .top-content-text {
        width: auto !important;
    }


    /* typography.css */
    /*html {font-size:100.01%;}*/
    html { }
    body {/*font-size:0.8em;*/background:#fff;color: #616a77;height: 100%; }
    h1, h2, h3, h4, h5, h6 {font-weight: bold;color:#616a77;; margin-bottom:0.5em;}
    h1 {/*font-size:1.4em;*/ color:#1a72c5;}
    h2 {/*font-size:1.3em;*/  color: #616a77;}
    h3 {/*font-size:1.2em;*/  color:#1a72c5;}
    h4 {/*font-size:12px;*/  margin-bottom:6px; color:#616a77;}
    h5 {/*font-size:12px;*/  margin-bottom:2px; color:#1a72c5;}
    h6 {/*font-size:12px;*/ }
    
    input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #949494; }
    .tx-powermail label { }
    .tx-powermail .powermail_fieldwrap  { }

    .startseite #spalte1 {
    	width:99%;
        height: 45px !important;
        overflow: hidden;
    }

    .startseite #spalte2 {
    	width:99%;
        height: 45px !important;
        overflow: hidden;
    }

    .startseite #spalte3 {
    	width:100%;
        height: 45px !important;
        overflow: hidden;

    }

    .startseite #spalte3 .teaser-box h2 { white-space:normal }

    .startseite #spalte1 h2,.startseite #spalte2 h2,.startseite #spalte3 h2
    {
    	padding:14px;
        text-transform: uppercase;
        /*font-size: 0.8em !important;*/
        color: #fff;
        /*line-height: 1.2 !important;*/
        margin-bottom: 12px;
        height: auto !important;
        font-weight: normal;
    }


    img, embed, object, video {
        max-width: 100%;
        height: auto;
        width: auto;
    }
    .top-content-image {
        /*width: 48% !important;*/

        margin-right: 2%;
    }
    .top-content-text {
        /*width:55%;*/
        /*width: 48% !important;*/
    }

    #footer {
        background: none !important;
        margin-top: 10px;
    }

    #extended-sitemap ul li {
        margin-bottom: 10px !important;
        background: #f2f4f6 !important;
        float:none !important;
    }
    #extended-sitemap ul li ul li {
        margin: 0 !important;
        background: none !important;
    }

/*    #extended-sitemap .lev1 li a {
        font-size: 1.0em !important;
    }
    #extended-sitemap .lev2 li a {
        font-size: 0.8em !important;
    }
*/
    #extended-sitemap  .lev2 li {
        margin-bottom: 0 !important;
    }

    .csc-textpic-image, div.csc-textpic-imagewrap {float:none !important;}
    div.csc-textpic-imagewrap {
        margin-left: 0 !important;
        margin: 0 0 10px 0 !important;
    }

    div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
        margin-left: 0 !important;
    }

    .zoom {
        /*display:none;*/
        background: none !important;
        padding: 0 !important;
    }

    label.required , .required {
        background: none !important;
    }

    .submitbutton {
        float:none !important;
    }

    fieldset, .submitbutton {
        margin: 0 !important;
    }

    #breadcrumb-mobile {
        position: relative;
        margin:5px 0;
    }

    #breadcrumb-navigation {
        display:inline-block;
    }

    #breadcrumb-navigation ul {
        list-style: none;
    }


    #breadcrumb-navigation a {

    }

    #breadcrumb-navigation ul.lev1 {
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 1000;
        width: 100%;
    }

    #breadcrumb-navigation ul.lev2 {
        width: 99%;
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        display: none;
        /*top: 25px;*/
        left: 0px;
        z-index: 1;
        background: #fff;
        border: 1px solid #cbcfd5;
        padding: 10px 0px;
        z-index: 2;
    }

    #breadcrumb-navigation ul.lev2 ul {
        left: 100%;
        border: 0  ;
        top:0;
    }


    #breadcrumb-navigation ul.lev1 li {
        z-index: 1;
        display: inline;
    }

    #breadcrumb-navigation ul.lev1 li.last {
        border: 0;
    }

    #breadcrumb-navigation ul.lev1 li.first a {

    }

    #breadcrumb-navigation ul.lev2 li.first a {

    }

    #breadcrumb-navigation ul.lev2 li {
        border: 0;
    }

    /* Root Menu */
    #breadcrumb-navigation ul.lev1 li a {
        display: block;
        z-index: 9999;
        /*font-size: 0.8em;*/
        background: url("../img/bg/bg-mobile-dropdown-icon.png") no-repeat right top;
        padding-right: 20px;

    }
    #breadcrumb-navigation ul.lev2 li a {
        padding:2px 4px 2px 4px ;
        display: block;
        background: none;
    }




    .append-1, .append-2, .append-3,.append-4 ,.append-5,.append-6, .append-7,.append-8 ,
    .append-9, .append-10, .append-11,.append-12 ,.append-13,.append-14 {
        padding: 0 !important;
    }

    .prepend-1, .prepend-2, .prepend-3,.prepend-4 ,.prepend-5 , .prepend-6, .prepend-7,.prepend-8 ,
    .prepend-9, .prepend-10, .prepend-11,.prepend-12 ,.prepend-13, .prepend-14 {
        padding: 0 !important;
    }

    /* Hover Function - Do Not Move */

    #breadcrumb-navigation ul.lev1 li:hover ul ul, #breadcrumb-navigation ul.lev1 li:hover ul ul ul, #breadcrumb-navigation ul.lev1 li.iehover ul ul, #breadcrumb-navigation ul.lev1 li.iehover ul ul ul {
        display: none;
    }

    #breadcrumb-navigation ul.lev1 li:hover ul, #breadcrumb-navigation ul.lev1 ul li:hover ul, #breadcrumb-navigation ul.lev1 ul ul li:hover ul,
    #breadcrumb-navigation ul.lev1 li.iehover ul, #breadcrumb-navigation ul.lev1 ul li.iehover ul, #breadcrumb-navigation ul.lev1 ul ul li.iehover ul {
        display: block;
    }

    #main-navigation {
        display:none;
    }

    #main-navigation-mobile {
        display: block;
        background-color: #004994;
    }

    #main-navigation-mobile ul { margin:0; padding:0; }
    #main-navigation-mobile li { list-style-type:none; margin-left:0; padding-left:0; border-bottom:1px solid white }
    #main-navigation-mobile li a { color: white; padding:5px; padding-left:10px; text-decoration:none; display:block }

    #main-navigation-mobile.closed
    {
        display:none;
    }

    #sub-navigation ul.lev2.open {
        display:block;
    }

    #main-navigation-mobile-opener {
        cursor: pointer;
        /*float: left;*/
        /*display: block;*/

    }
    #main-navigation-mobile-opener > div {
        margin-top: 25px;
    }

    .startseite .teaser-box a { display: block; height: 64px; }

    .flex-caption {  
    }

    .flexslider-link {
        height: 0px;
    }
    .flexslider-link p { 
    	 width: auto;  
    	 margin:0 !important;
    	 padding:0 !important;
    }
    .flexslider-link span {
        /*font-size: 1.0em !important; */
        padding: 0 1em 0 1em;
        margin-bottom:-20px
    }

    .flexslider-link a {
        width: auto !important;
        padding-left:1em; padding-right: 1em;
    }
    
    .flexslider .slides img { width:100% }

    .widget-text { width:85%; }

    #header-navigation-mobile {
        display:block;
    }
    #header-navigation-mobile { }
    #header-navigation-mobile div.new { width: 100%; text-align: center; clear: both; }
    #header-navigation-mobile div.new > div { display: inline-block;padding: 4px 10px; /*font-size: 0.8em;*/ color:#000; text-transform: uppercase; }
    #header-navigation-mobile div.new > div:last-child { clear: left; }

    /*#cboxCurrent {font-size:13px;}*/
    
    #footer { width:auto }

}

@media (min-width:600px) and (max-width:799px) {
    .startseite #spalte1,
    .startseite #spalte2,
    .startseite #spalte3 { height: 58px!important; }
}  

/*
@media (min-device-width:320px) and (max-device-width:480px) {
    .top-content-text {
        width:55%;
    xxxxwidth: 48% !important;
    }
}
*/

@media (max-width: 417px) {
    .startseite #spalte1 h2,.startseite #spalte2 h2,.startseite #spalte3 h2
    {
    	
        text-transform: none;
    }
}

@media (min-width:601px) and (max-width:980px) {
    #teaser.start .flex-caption    { width:31% !important; }
    
    .flexslider-link p { width:30% }
}

@media (max-width: /*480px*/600px) {

    #main-navigation-mobile-opener .hidden-xs,
    #mobile-search-opener .hidden-xs
    {
        display: none;
    }

    #main-navigation-mobile-opener .visible-xs {
        /*display: block;*/
        float: left
    }
    #mobile-search-opener .visible-xs {
        /*display: block;*/
    }

    .startseite #spalte1,
    .startseite #spalte2,
    .startseite #spalte3
     {
        background: #004994;
    }
    .startseite .teaser-box {
        background-image:none !important;
    }

    .startseite #spalte1 h2,
    .startseite #spalte2 h2,
    .startseite #spalte3 h2{
        padding:5px
    }

    #teaser.start.teaser-desktop { display: none; }
    #teaser.start.teaser-mobile { display: block; }
    #teaser_mobile.start.teaser-mobile { display: block; }

    .flex-caption { display:none; }

    .tx-indexedsearch-browsebox .pagination { width:auto; padding-left:10px; padding-right: 10px; }

    .csc-default .csc-textpic.csc-textpic-intext-right-nowrap > div { margin-right:0px !important; }

}

@media (min-width: 481px) and (max-width: 979px) {

    #main-navigation-mobile-opener .hidden-xs,
    #mobile-search-opener .hidden-xs
    {
        display: inline;
    }

    #main-navigation-mobile-opener .visible-xs,
    #mobile-search-opener .visible-xs
    {
        display: none;
    }
    #kontakt_kurz_unsicher input.span-5 {
        width:100% !important;
    }
}



@media (min-width: 600px) and (max-width: 979px) {
    .flex-caption h3 {
        padding:10px 0 0 0; line-height:1.2em;
    }
    .flex-caption p {
        padding-left:0px;
        /*font-size:11px; line-height:15px;*/
    }
    .flex-caption ul {
        padding-left: 10px;
        list-style-type: disc;
    }
    .flex-caption li {
        /*font-size:11px;*/
        list-style-type: disc !important;
        padding-right:10px;
    }

}

@media (min-width: 980px) {
    .flex-caption li {
        /*font-size:inherit;*/
        padding-right:10px;
        list-style-type: disc !important;
    }
    /* SB: #1430 START */
    div.csc-textpic-intext-right-nowrap div.csc-textpic-text {
        clear:left;
    }
    /* SB: #1430 ENDE */

}
/* SB: #1430 START */
.praxishandbuch .csc-default, .praxishandbuch .csc-frame-default {
    clear: left;
}
/* SB: #1430 ENDE */

@media (max-width: 768px) {
    #toplogo img {
      /*  margin-top: 11px !important;*/
    }
}


@media (min-width: 980px) {

    .smallscreen {
        display: none;
    }
    #mobile-navigation {
        display: none;
    }
    #mobile-search, #main-navigation-mobile {
        display: none !important;
    }
    #breadcrumb-mobile {
        display: none;
    }

    #sidebar-mobile {
        display: none;
    }
    #header-navigation #suchbegriff_mobil {
        display:none;
    }

    .mobile-only {
        display: none;
    }
    #sub-teaser {
        height:203px;
        width:804px;
        background:#eee;
    }
    #sub-teaser img { width:100% }

}


#teaser-catcher {
    display:none;
}

@media (min-width:1025px) {
    #teaser-control { display:block; }
}

@media (max-width:979px) {
    #toplogo {
        padding-left: 2%;
        margin-top: 11px !important;
    }

}

@media (max-width:1024px) {

    #teaser-control-mobile {
        position: absolute; left: 2%; bottom:2%;
        zoom:65%;
        margin-left: 0px; margin-top: -21px;
        background: url("../img/bg/flexslider/controller-s.png") no-repeat scroll 0 0 transparent;
        width: 238px;
        height:42px;
        z-index: 9999;
        display: block;
    }
    #teaser-control-mobile > div {
        position: absolute;
    }
    #teaser-control-start-mobile {
        background: url("../img/bg/flexslider/controller-pause.gif") no-repeat;
        background-position: -20px 0px;
        width: 20px; height: 18px; left: 18px; top: 12px;
    }
    #teaser-control-start-mobile.started { background-position: 0px 0px; }
    #teaser-control-start-mobile.started:hover { background-position:  0px -18px; }
    #teaser-control-start-mobile:hover {
        cursor: pointer;
        background-position:-20px -18px;
    }
}

@media (min-width:1140px) and (max-width:1199px) {
    #teaser-catcher {
        display:block;
        position:absolute;
        top:20px;left:-95px;
    }
}

@media (min-width:1200px) {
    #teaser-catcher {
        display:block;
        position:absolute;
        top:20px;left:-125px;
    }
}
.imagecycle-caption {
    padding:1em !important;
    height:75% !important;
}

/* Unschönes Workaround, aber bisher kein andere schnell Möglichkeit */
/* #10239 */
/* siehe PageTS im BE: */
/*
tx_imagewidthspecificationwizard {
  noValueDisabled = 1
  ownValueDisabled = 1
  sizes {
    191 = 191px - 3-Spalten Einheiten
    258 = 258px - 4-Spalten Einheiten
    325 = 325px - 5-Spalten Einheiten
    595 = 595px - Bundesland Karten
    600 = 100% - responsive
  }
}
*/
.praxishandbuch div.csc-textpic-imagewrap[style*="width:600px;"] {
    width: 100% !important;
    height: auto;
}

.praxishandbuch div.csc-textpic-imagewrap[style*="width:600px;"] img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

@media (max-width:599px) {
.ce-left .ce-gallery,
.ce-right .ce-gallery {     float: none }
}