/**
 * Contao 3.5.x
 *
 * (de) Stylesheet kundenspezifische Einstellungen
 *
 * @copyright       Copyright 2015, Dieter Dringenberg
 * @link            http://www.boukiri.de
 * @lastmodified    $Date:2015-11-17 19:00:00  (Tue, 17. Nov. 2015) $
 */

/*     -- icon-font
------------------------------------------------- */
    @font-face {font-family: 'icons';
    src: url("../font/icons.eot");
    src: url("../font/icons.eot?#iefix") format('embedded-opentype'),
         url("../font/icons.woff") format('woff'),
         url("../font/icons.ttf") format('truetype'),
         url("../font/icons.svg#icons") format('svg');
    font-weight: normal;
    font-style: normal;
}
/*     -- body
------------------------------------------------- */
/* font-size: 100% = 16px, 93.75% = 15px, 112,5% = 18px */
/* Open+Sans:300italic,400italic,400,300,700|Marcellus|Tangerine:400,700
        Marcellus - Überschriften, Welcome-line etc.
        Ubuntu    - Text
*/
body {font-family: 'Ubuntu', sans-serif; font-size:100%; color:#1b1313; line-height:1.5;letter-spacing:.05em;}
body{
    background:#fff;
}

h1, h2, h3, h4, h5, h6, p, ul, ol a {font-family: 'Ubuntu', sans-serif; font-size:18px;line-height:1.5;font-weight: normal;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6{font-family: 'Marcellus', serif; color:#1b1313;}
h1 {font-size: 30px; border-bottom: 1px solid transparent; padding: 0 0 0.1em 0;margin-bottom: 0.4em;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;padding: .2em 0;}
h6 {font-size: 16px;}

p, ul, ol, td, a{
    -moz-hyphens: auto;             /* autom. Silbentrennung */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}

.fett{
    font-weight:bold;
}
fieldset.fett{
    border: 2px solid #ddd;
}
a{
    color: #d41c1c;
    text-decoration: none;
    border-bottom: 1px dashed #d41c1c;
    padding:1px 2px 1px 1px;
    margin:0;

    -webkit-transition: .5s ease-in-out;
    -moz-transition:    .5s ease-in-out;
    -o-transition:      .5s ease-in-out;
    -ms-transition:     .5s ease-in-out;
    transition:         .5s ease-in-out;
}
a:hover{ color: #fff!important;background: #d41c1c;border-bottom: 1px solid transparent; }
a img{
    color: transparent!important;
    text-decoration: none;
    border-bottom: 0 none transparent;

    -webkit-transition: .5s ease-in-out;
    -moz-transition:    .5s ease-in-out;
    -o-transition:      .5s ease-in-out;
    -ms-transition:     .5s ease-in-out;
    transition:         .5s ease-in-out;
}

.button, input[type="submit"], input.submit{
    color:#fff!important;
    font-weight:normal;
    background: #d41c1c;
    border:0 none transparent!important;

    -webkit-transition: .5s ease-in-out;
    -moz-transition:    .5s ease-in-out;
    -o-transition:      .5s ease-in-out;
    -ms-transition:     .5s ease-in-out;
    transition:         .5s ease-in-out;
}
.button a:hover,
 a.button:hover{
    color: #ddd;
    border:0 none transparent;
    opacity: 0.85;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

/* Bilder-Links ohne padding */
figure a{
    padding:0!important;
}
figure a:hover{
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

hr {
    width:80%!important;
    margin:1.5em 10%!important;
}
#container #main a.essko,       /* Impressum */
#container #main a.essko:hover{
    color:transparent;
    text-decoration: none;
    background: transparent;
    border-bottom:0 none transparent;
}
a.essko,                /* Link im Impressum */
a.essko:hover{
    text-decoration:none;
    background:transparent;
    border:1px dashed transparent!important;
}
a.essko img:hover {
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/*     --list icons
------------------------------------------------- */
.ce_list.type11 ul li:before, .ce_text.type11 ul li:before  {content:'\e935';color:#d41c1c;}    /* Häkchen, klein */
.ce_list.type12 ul li:before, .ce_text.type12 ul li:before  {content:'\e81e';color:#d41c1c;}    /* Pfeil, geschweift */
.ce_list.type13 ul li:before, .ce_text.type13 ul li:before  {content:'\2b';color:#d41c1c;}      /* '+' */
.ce_list.type14 ul li:before, .ce_text.type14 ul li:before  {content:'\25b6';color:#1b1313;}      /* icon-play - Dreieck n. rechts */


/* ============================================================================= */
/* Allgemein (Module)                                                            */
/* ============================================================================= */

/*     --page-width
------------------------------------------------- */
#top-container .inside, #header .inside, #container-inside, #footer .inside  {width: 1140px; margin: 0 auto;}

/*     --page-shadow
------------------------------------------------- */
#top-container, #container, #footer, .no_header #mainmenu, #header .ce_image, .home #header .inside, .welcome-line, .page-title {
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

/*     -- #top-container
------------------------------------------------- */
#top-container{
    height:60px;
    background: #c00e0e;
}
#top-container .inside{
    height:60px;
}

#top{
    height:60px;
}


/*     --mainmenue
------------------------------------------------- */
nav#mainmenu{
    position:relative;
    height:60px;
}
nav#mainmenu ul#dropdown{
    display:block;
    height:60px;
    max-width:1140px;max-width:1024px;
    background: transparent;
    margin:0 auto;
}
body.home nav#mainmenu ul#dropdown{     /* nur Startseite */
    height:60px;
}
nav#mainmenu ul.level_1 li.first{
    margin-left:0;
}
nav#mainmenu ul.level_1 li a {
    display:block;
    height:60px;
    color:#fff;
    font-size:16px;
    font-weight:normal;
    vertical-align: middle;
    text-decoration:none;
    border:0 none transparent;
    padding-top:18px;
    padding-right:40px;

    -webkit-transition: .5s ease-in-out;
    -moz-transition:    .5s ease-in-out;
    -o-transition:      .5s ease-in-out;
    -ms-transition:     .5s ease-in-out;
    transition:         .5s ease-in-out;
}

nav#mainmenu ul.level_1 li:hover{
    color: #fff!important;
    background: #a01c1c;
}
nav#mainmenu ul.level_1 li:hover a:hover{
    color: #fff!important;
}
nav#mainmenu ul.level_1 li.active,
nav#mainmenu ul.level_1 li.trail {
    color:#fff!important;
    background:#1b1515;
}

nav#mainmenu ul.level_1 li.submenu a:after{     /* Buttons mit Sub-Navi kenntlich machen */
    position: absolute;
    width:20px;
    line-height:24px;
    font-family: "icons";
    content:'\e75c';        /* Winkel n. unten */
    margin-left:10px;
}

nav#mainmenu ul.level_1 li a:hover,
nav#mainmenu ul.level_1 li.active a,
nav#mainmenu ul.level_1 li a.trail {
    color: #fff!important;
    background: transparent;
}
/*     --mainmenue - Buttons ausblenden         */
nav#mainmenu ul.level_1 li.unsichtbar{
    display:none;
}
/*     --mainmenue - no Navi-Subline              */
nav#mainmenu ul li a span {
    display: none;
}


/*     -- header
------------------------------------------------- */
#header #shadow-top {top: 50px;}
#header{
    position:relative;
    width:100%;
    height:330px;
    background: transparent url('../img/buk/bukSkin01_headerBG.png') center top repeat-y;
    overflow: hidden;
}
#header .inside{
    height:330px;
    padding:0!important;
}

#header .ce_revolutionslider{           /* HOME */
    width:440px;
    background:transparent;
    left:450px;
}

#header #shadow-top {display: block;margin-top: -50px;}


/*     -- Zufallsbild Header
------------------------------------------------- */
#bukLogoZufBild{
    width:440px;
    height:330px;
}
#header .mod_randomImage{               /* Folgeseiten */
    position:relative;
    width:440px;
    height:330px;
    left:450px;
}
#header #hpBild{                        /* Folgeseiten */
    position:absolute;
    width:440px;
    height:330px;
}


/*     -- Logo Top
------------------------------------------------- */
#bukLogoTop1{       /* Bild Karate Boukiri */
    position:relative;
    max-width:274px;
    max-height:403px;
    padding:20px 0 0;
}
#bukLogoTop1Inner{
    max-width:274px;
    max-height:403px;
}
#bukLogoTop1Inner img{
    max-width:274px;
    max-height:403px;
}
#bukLogoTop1 a{
    border:0 none transparent;
    padding:0;
    margin:0;
}
#bukLogoTop1 a:hover{
    background: transparent;
    border: 0 none transparent;
}

#bukLogoTop2{       /* Bild Karate Boukiri ohne Böbbel */
    display:none;
}


/*     -- Logo Header
------------------------------------------------- */
#bukLogoHeader1{       /* Bild Karate Boukiri */
    position:relative;
    top:-310px;
    max-width:274px;
    max-height:281px;
    padding:0;
    
    display:none;
}
#bukLogoHeader1Inner{
    max-width:274px;
    max-height:281px;
}
#bukLogoHeaderInner img{
    max-width:274px;
    max-height:281px;
}

#bukLogoHeader2{       /* Schriftzug / Kalligraphie */
    position:relative;
    width:57px;
    height:302px;
    top:-590px;top:-320px;
    float:right;
    padding:0;
}
#safLogoTop2Inner{
    width:57px;
    height:302px;
}
#bukLogoHeader1 a,
#bukLogoHeader2 a{
    border:0 none transparent;
    padding:0;
    margin:0;
}
#bukLogoHeader1 a:hover,
#bukLogoHeader2 a:hover{
    background: transparent;
    border: 0 none transparent;
}


/*     --welcome-line
------------------------------------------------- */
.welcome-line {
    padding:10px 0 10px 120px;
}
.welcome-line h3 {width:100%;font-weight:normal;line-height:1.5; text-transform: none;padding: 0;}


/*     -- container
------------------------------------------------- */
#container{
    background-color: #fff;
    padding-top:3em;
}
#container-inside{
    overflow:hidden;
}


/*     --sidebar_left
------------------------------------------------- */
body.sidebar_left #left {position:relative; float:left; margin-right: 0; }
body.sidebar_left #main {position:relative; float:left; width:70%;}
body.sidebar_left #left .inside {padding-right: 18%; border-right: 0 none transparent;}
body.sidebar_left #main .inside {padding-left: 5%; border-left: 1px solid #ddd;}

/*     --sidebar_right
------------------------------------------------- */
body.sidebar_right #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_right #right {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
body.sidebar_right #right .inside {padding-left: 18%; border-left: 1px solid #ddd; border-left: 0 none transparent; padding-bottom: 45px;padding-bottom: 1em;}

body.sidebar_right #right {padding-top:4em;}
body.home.sidebar_right #right {padding-top:1.5em;}

/*     --main - left, main - right
------------------------------------------------- */
body #left .inside,
body #right .inside,
body #main .inside{
    min-height:400px;
}

/*     --ZB rechts
------------------------------------------------- */
#bukZBre .button {font-weight: normal; text-shadow: 0 0 0 transparent; padding: 0; padding-left:5px;text-align: left;}
#bukZBre .button{
    display: block;
    height:70px;
    background: #0c0a08 url('../img/buk/bukSkin01_ZBreButtonBG.png') 190px 3px no-repeat;
}
#bukZBre .button:hover{
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#bukZBre .button p{
    line-height:1.2;
    margin:0;
    padding:0;
}
#bukZBre .button.kurs:after,
#bukZBre .button.news:after,
#bukZBre .button.aktion:after{             /* der rote Böbbel */
    position: absolute;
    right:5px;
    width:48px;
    line-height:24px;
    font-family: "icons";
    font-size:48px;
    color:#d41c1c;
    content:'\e961';        /* icon-right-circle-1 */
    margin-top:-60px;
}
#bukZBre .button a{
    color:#fff;
    font-size:1em;
    text-align: left;
    border:0 none transparent;
}
#bukZBre .button a:hover{
    background: transparent;
}
#bukZBre .button a span.gross{
    display:block;
    color:#aaa;
    font-size:2em;
}

/*     -- main
------------------------------------------------- */

/*     --image_container
------------------------------------------------- */
.image_container .caption {color: #fff; background: #d41c1c;}


/*     --ce_gallery
------------------------------------------------- */
.ce_gallery li .caption{
    position: relative; bottom: 0; right: 0; color:#fff; background: #d41c1c; padding: 3px 6px;
}
.ce_gallery a{
    padding:0;
}


/*     --figure
------------------------------------------------- */
.noresize .image_container {margin: 0 1em 0 0!important;}


/*     --content-box
------------------------------------------------- */
.content-box-a { background-color: #f9f9f9; padding: 20px 20px 10px 20px; border: 1px solid #ccc; margin: 0 auto;}


/*     --ce_accordion
------------------------------------------------- */
.ce_accordion {
    background:#fff;
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    margin-bottom:.5em;
}
.ce_accordion .toggler {
    text-shadow: 0 0 0 transparent; 
    background:#fff;
    border:0 none transparent;
    padding: 8px 7.69231% 8px 5%;

    -webkit-transition: .4s ease-in-out;
    -moz-transition:    .4s ease-in-out;
    -o-transition:      .4s ease-in-out;
    -ms-transition:     .4s ease-in-out;
    transition:         .4s ease-in-out;

    cursor: pointer;
}
.ce_accordion .toggler:after { font-family: "icons"; content: "\e914"; text-indent: 0; position: absolute; left: 2%; top: 50%; display:block;}
.ce_accordion .toggler:hover {color:#1b1313;background:#e9e9e9;}
.ce_accordion .toggler.ui-state-active,
.ce_accordion .toggler.active {color:#fff; font-weight:normal; background:#d41c1c;}
.ce_accordion .toggler.ui-state-active:hover,
.ce_accordion .toggler.active:hover {font-weight:normal; color:#fff; background:#c00e0e;}
.ce_accordion .toggler.ui-state-active:after {font-family: "icons"; content: "\e911";}
.ce_accordion .toggler.ui-state-active.ui-state-hover:after {font-family: "icons"; content: "\e912";}

.ce_accordion .accordion {border:0 none transparent; padding: 12px 10px 0;}
.ce_accordion .accordion.ui-accordion-content-active{
    /*border-right:1px solid #999;*/
}


/*     --footer
------------------------------------------------- */
#footer {
    background: #d1d1d4;
    border-top:2px solid #1b1313;
    padding:1em 0;
    margin:1em 0 0;
}
#footer .inside {width:1140px;padding: 0;}

#footer .one_third {margin-left: 2%; width:33%;}
#footer .one_third.first {width:30%;}
#footer p{
    line-height: 1.4;
}
#footer a{
    color: #1b1313;
    border-top: 1px dashed transparent;
    border-bottom: 1px dashed #1b1313;
}
#footer a:hover{ border-bottom: 1px dashed transparent; }
#footer  h4{
    color:#d41c1c;
    margin-bottom:0;
}
#footer .bukFooterKont .kont_telnr:before,
#footer .bukFooterKont .kont_email:before{
    display:inline-block;
    width:40px;
    font-family: "icons";
    font-size:1.5em;
    content: "\f098";
    font-style: normal;
    text-align:center;
    color:#d41c1c;
    line-height:1;
}
#footer .bukFooterKont .kont_email:before{
    content: "\5d";
}
#footer .bukFooterVcard img{
    max-width:90%;
    margin: 0 0 2em 1.5em;
}
#footer .bukFooterVcard .facebook img{
    max-width:90%;
    margin: 0 0 2em 1.5em;
}

/*     --footer - Formular
------------------------------------------------- */
#footer form .input-wrapper{
    margin-bottom:.25em;
}
#footer form label{
    font-size:15px;
    padding-left:.5em;

    display: none;
}
#footer form .error label{
    display: inline;
}
#footer form input,
#footer form select,
#footer form textarea {
    color: #1b1313!important;
    font-size:1em;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: .3s ease-in-out;
    -moz-transition:    .3s ease-in-out;
    -o-transition:      .3s ease-in-out;
    -ms-transition:     .3s ease-in-out;
    transition:         .3s ease-in-out;
}
#footer form input:hover,
#footer form select:hover,
#footer form textarea:hover,
#footer form input:focus,
#footer form select:focus,
#footer form textarea:focus {
    background: #d1d1d4;
    border: 1px solid #fff;
}

#footer form textarea {
    height: 100px;
}

#footer form .captcha-container {background: #e9e9e9; text-shadow: 1px 1px 1px white;border:1px solid #ccc;padding:2% 2% 0;}
#footer form .captcha-container .captcha {width: 100%;}
#footer form .captcha-container .captcha_text {width: 100%;}
#footer form .captcha-container .captcha_text{font-size:1em;}

#footer form .submit_container {
    margin-top: .5em;
}
#footer form input[type="submit"]{
    width:99.9%!important;
    color:#fff!important;
    background-color: #d41c1c;
}
#footer form input[type="submit"]:hover{
    background-color: #a01c1c;
}
#footer form p.klein {
    font-size:13px;
    margin-top:5px;
}
#footer form p.error {
    font-size:13px;
    padding-left:.5em;
}


/*     --Top-Link im Footer m.H. jQuery-Script,
         und Fallback ohne Javascript (V.3)
------------------------------------------------- */
#back-top {
    position: fixed;
    bottom: 5px;
    right:5px;
    width:auto;
    text-align: center;
    background: transparent;
    padding: 1.5em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    z-index: 9999;

    -webkit-transition: .4s ease-in-out;
    -moz-transition:    .4s ease-in-out;
    -o-transition:      .4s ease-in-out;
    -ms-transition:     .4s ease-in-out;
    transition:         .4s ease-in-out;
}
#back-top:hover {
    background: #aaa;
    background: rgba(170, 170, 170, .5);
}
#back-top a {
    background: transparent;
    color: #1b1313;
    text-decoration: none;
    border:0 none transparent;
}
#back-top a i:before {
    font-family: "icons";
    font-size:36px;
    content: "\e75f";
    font-style: normal;
    line-height:1;
    padding:0 4px;
}
#back-top a:hover {
    color: #fff;
    text-decoration: none;
    border:0 none transparent;
    background: transparent;
}


/*     --cookiebar
------------------------------------------------- */
#cookiebar{
    max-width:100%;
    background: #a01c1c!important;
    border-top: 2px solid #1b1313;
}
#cookiebar span{
    display:block;
    padding:0;
    margin:0;
}
#cookiebar button{
    font-weight:normal!important;
}
#cookiebar a{
    text-decoration:none!important;
    border-bottom:1px dashed #fff;
}
#cookiebar a:hover{
    color:#1b1313!important;
    background: #fff;
    border-bottom:1px dashed transparent;
}


/* ============================================================================= */
/* Seiten                                                                        */
/* ============================================================================= */

/*     -- Seite "404"
------------------------------------------------- */
#id-404 h1 {font-size: 120px; text-align: center; text-shadow: -3px -3px 3px #999, -1px -1px 1px #e9e9e9; color: #ccc; border: 0; margin: 0;}
#id-404 p {text-transform: uppercase; font-size: 20px; line-height:40px; vertical-align:middle; text-align: center;}
#id-404 p a {color:#fff!important; text-transform: none; margin: 0;}


/*     -- Seite "Starseite" - Bild-Link
------------------------------------------------- */
#main #startseite h2.farbig {
    color:#d41c1c;
}
#main #startseite a,#main #startseite a[target="_blank"]:before {content: ""; padding:0!important;margin: 0!important;}

#right #startseite-verbandslogos{
    max-width:180px;
    margin:0 auto;
}

/*     -- Seite "Kurse"
------------------------------------------------- */
.table-extended table{
    width:100%;
}
.table-extended table th,
.table-extended table td{
    width:20%;
    vertical-align: top;
}
.table-extended table tr.even td{
    text-align: center;
    font-weight: bold;
}
.table-extended table tr.odd td{
    background: #fff;
}
.table-extended table tfoot td{
    background: #e9e9e9;
}


/*     -- Seite "Profil"
------------------------------------------------- */
#main #profil .image_container {
    width:35%;
}


/*     -- Seite "Lageplan" - Google Map
------------------------------------------------- */
#container #main #anfahrt .dlh_googlemap{
    width: 99.5% !important; /* responsiv */
    height:540px!important;  /* responsiv */
    border:1px solid #ccc;
    background: transparent;
    margin:0 auto;
}
#container #main #anfahrt .dlh_googlemap p,                   /* Adresse in der Textblase */
#container #main #anfahrt .dlh_googlemap .gmnoprint a,        /* Google-Text im Fuss ("Nutzungsbed...") */
#container #main #anfahrt .dlh_googlemap .gmnoprint label {   /* Google-Text im Top ("Beschriftung / Gelände") */
    color:#1b1313;
    font-size:11px;
    line-height:1.3;
    border:0 none transparent;
}
#container #main #anfahrt .dlh_googlemap .gmnoprint a:hover{  /* Google-Text im Fuss "Nutzungsbedingungen" */
     background: transparent; color:#1b1313; padding: 0;          /*  und "Kartendaten" */
}
#container #main #anfahrt .dlh_googlemap .gm-style-cc a {     /* Google-Text im Fuss "Fehler melden" */
    color:#1b1313;
    font-size:11px;
    line-height:1.3;
    border:0 none transparent;
}
#container #main #anfahrt .dlh_googlemap .gm-style-cc a:hover {
    color:#1b1313;
    background:transparent;
}
#container #main #anfahrt .dlh_googlemap .gm-style-iw{        /* Text in der Sprechblase */
    /*text-align: center;*/
    margin-left:1em;
}
#container #main #anfahrt .dlh_googlemap .gm-style-iw p{      /* Abstand Adresse - Link */
    font-size:12px;
}
#container #main #anfahrt .dlh_googlemap .gm-style-iw a{      /* evtl. vorh. Link in Adresse (Telefon-Nr.) */
    font-size:12px;
    margin-bottom:5px;
}
#container #main #anfahrt .dlh_googlemap .gm-style-iw .routinglink{       /* Link "Routenplanung" */
    color:#1b1313;
    font-size:12px;
    line-height:1.5;
}
#container #main #anfahrt .dlh_googlemap .gm-style-iw a{
    color: #d41c1c;
}
#container #main #anfahrt .dlh_googlemap .gm-style-iw .routinglink a {
    color: #d41c1c;
    font-size:12px;
    font-weight:bold;
    padding:1px 3px;
}
#container #main #anfahrt .dlh_googlemap .gm-style-iw .routinglink a:hover {
    color:#fff;
    background: #d41c1c;
}
#container #main #anfahrt .dlh_googlemap .routinglink form input.text{    /* Adresse Routenplanung */
    margin:3px 5px 0 0;
    padding:2px 3px;
    font-size:12px;
    width:150px;
}
#container #main #anfahrt .dlh_googlemap .routinglink form input.submit{  /* Adresse absenden */
    padding:3px;
}
#container #main #anfahrt .dlh_googlemap .routinglink form input.submit{
    width:40px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    background: #d41c1c;
    border:1px solid #aaa;
}
#container #main #anfahrt .dlh_googlemap .routinglink form input.submit:hover{
    width:40px;
    color: #d41c1c;
    background:#ccc;
    border:1px solid #d41c1c;
}



/* ============================================================================= */
/* Devices - Media-Queries                                                       */
/* ============================================================================= */

/* ----------------------------------------------------------------------------- */
/* Media-Queries - Desktop */
/* ----------------------------------------------------------------------------- */
@media only screen and (min-width: 1141px) {


    body{
    }


}



/* ----------------------------------------------------------------------------- */
/* Media-Queries - tablets                                                       */
/* ----------------------------------------------------------------------------- */
@media only screen and (max-width: 980px) {

/* Allgemein                                                                     */
    h1 {font-size: 24px;}
    h2 {font-size: 22px;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
    h5 {font-size: 17px;}
    h6 {font-size: 16px;}


/* ============================================================================= */
/* Allgemein (Module)                                                            */
/* ============================================================================= */

body{
    background:#fff;
}

/*     --page-width
------------------------------------------------- */
    #top-container .inside, #header .inside, #container-inside, #footer .inside, .welcome-line  {width: 100%;}


/*     -- #top-container
------------------------------------------------- */
    #top-container{
        height:60px;
        background: #fff;
    }
    #top-container .inside{
        height:60px;
    }

    #top{
        height:60px;
    }

/*     -- Logo Top
------------------------------------------------- */
#bukLogoTop1{       /* Bild Karate Boukiri mit Böbbel*/
    display:none;
}



/*     -- Logo Header
------------------------------------------------- */
#bukLogoTop2{       /* Bild Karate Boukiri ohne Böbbel */
    position:relative;
    top:-45px;
    max-width:50px;
    max-height:49px;
    padding:0;
    
    display:block;
}
#bukLogoTop2Inner{
    max-width:50px;
    max-height:49px;
}
#bukLogoTop2Inner img{
    max-width:50px;
    max-height:49px;
}

#bukLogoTop2 a,
#bukLogoTop2 a:hover{
    background:transparent;
    border: 0 none transparent;
}


/*     -- menu + mobilemenu
------------------------------------------------- */
    #mainmenu {display: none;}
    #left #submenu {display: none;}
    #mobnav, .selectnav {display: inline-block;}
    .selectnav {width: 50%; margin: 15px 25% 0;}       /* Mobile Navi (Select-Menü) height:35px */
    /*.selectnav {display:none;}*/

    .mobmmenu{                  /* Link zur mobilen Navi */
        top:10px;
        left:10px;
    }


/*     -- header
------------------------------------------------- */
    #header{
        display:none;
    }

/*     --welcome-line
------------------------------------------------- */
    .welcome-line {
        display:none;
    }

/*     --container
------------------------------------------------- */
    #container {width:100%!important;}
    #container-inside {width: 100%!important; padding: 0 20px;}

/*     -- header
------------------------------------------------- */
    #header{
        display:none;
    }

/*     -- main
------------------------------------------------- */
   #main {
        width: 100%;
        padding:0!important;
    }
/*     -- main
------------------------------------------------- */
    body.sidebar_left #main {
        width: 100%;
    }
    body.sidebar_left #main .inside {padding-left: 0; border-left: 0 solid #ddd;}




/*     -- footer
------------------------------------------------- */
    #footer{
        width: 100%!important;
    }
    #footer p,
    #footer a{
        font-size:13px;
    }


/*     --cookiebar
------------------------------------------------- */
#cookiebar{
    padding:8px 0!important;
}
#cookiebar span{
    margin:0 .5em!important;
}
#cookiebar button{
    display:block;
    margin:0 auto;
}
#cookiebar a{
    display:inline-block;
}


}



/* ----------------------------------------------------------------------------- */
/* Media-Queries - phones                                                        */
/* ----------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

/* Allgemein                                                                     */
    h1 {font-size: 24px;}
    h2 {font-size: 22px;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
    h5 {font-size: 17px;}
    h6 {font-size: 16px;}


/* ============================================================================= */
/* Allgemein (Module)                                                            */
/* ============================================================================= */

body{
    background:#fff;
}

/*     --page-width
------------------------------------------------- */
    #top-container .inside, #header .inside, #container-inside, #footer .inside, .welcome-line  {width: 100%;}


/*     -- #top-container
------------------------------------------------- */
    #top-container{
        height:60px;
        background: #fff;
    }
    #top-container .inside{
        height:60px;
    }

    #top{
        height:60px;
    }

/*     -- Logo Top
------------------------------------------------- */
#bukLogoTop1{       /* Bild Karate Boukiri mit Böbbel*/
    display:none;
}



/*     -- Logo Header
------------------------------------------------- */
#bukLogoTop2{       /* Bild Karate Boukiri ohne Böbbel */
    position:relative;
    top:-55px;
    max-width:50px;
    max-height:49px;
    padding:0;
    
    display:block;
}
#bukLogoTop2Inner{
    max-width:50px;
    max-height:49px;
}
#bukLogoTop2Inner img{
    max-width:50px;
    max-height:49px;
}

#bukLogoTop2 a,
#bukLogoTop2 a:hover{
    background:transparent;
    border: 0 none transparent;
}


/*     -- menu + mobilemenu
------------------------------------------------- */
    #mainmenu {display: none;}
    #left #submenu {display: none;}
    #mobnav, .selectnav {display: inline-block;}
    .selectnav {width: 50%; margin: 15px 25% 0;}       /* Mobile Navi (Select-Menü) height:35px */
    /*.selectnav {display:none;}*/

    .mobmmenu{                  /* Link zur mobilen Navi */
        top:10px;
        left:10px;
    }


/*     -- header
------------------------------------------------- */
    #header{
        display:none;
    }

/*     --welcome-line
------------------------------------------------- */
    .welcome-line {
        display:none;
    }

/*     --container
------------------------------------------------- */
    #container {width:100%!important;}
    #container-inside {width: 100%!important; padding: 0 20px;}

/*     -- header
------------------------------------------------- */
    #header{
        display:none!important;
    }

/*     -- main
------------------------------------------------- */
   #main {
        width: 100%;
        padding:0!important;
    }

/*     --sidebar_right
------------------------------------------------- */
    body.sidebar_right #main .inside {padding-left: 5%; border-left: 0 solid transparent;}
    body.sidebar_right #right{
        display:none;
    }

/*     -- ZB links
------------------------------------------------- */
    #right{
        display:none;
    }

/*     -- main
------------------------------------------------- */
    body.sidebar_right #main {
        width: 100%;
    }
    body.sidebar_right #main .inside {padding-left: 0; border-left: 0 solid #ddd;}




/*     -- footer
------------------------------------------------- */
    #footer{
        width: 100%!important;
    }
    #footer p,
    #footer a{
        font-size:13px;
    }
    
    #footer .one_third.first {width:48%;}
    #footer .one_third {margin-left: 4%; width:48%;}

    #footer .bukFooterVcard{
        display: none;
    }


}