/*
beige hell: #FBF6E3
beige dunkel: #E1A041
rot: #E2001A
blau: #38475C
grün: #5d4036
mint: #aedad5
body {font-family: 'Fira Sans', sans-serif; font-weight: 300;}
h1, h2, h3, h4, .navbar, .btn-trailer
    { font-family: 'Khand', sans-serif; font-weight: 700;}
h1, h2 { text-transform: uppercase; }
*/


@import url(fonts/Ubuntu/stylesheet.css);
@import url(fonts/Montserrat/stylesheet.css);
@import url(fonts/Montserrat_Alternates/stylesheet.css);

html, body {    
    min-height: 100vh;
}

body {
    font-family: 'Ubuntu', sans-serif; 
    font-weight: 300;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    color: #1b1b19;
}
body >* {
    flex-grow: 0;
}
body > section.cont {
    flex-grow: 1;
}
b, strong {font-weight: 700;}

h1, h2, h3, h4, h5, .navbar
    { font-weight: 700;}
    
h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child 
    {margin-top: 0;}

h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; 
    font-weight: 700;
    hyphens: auto;
}
.not-hyphenated {hyphens: none;}

header, .btn-trailer, header h1 { 
    font-family: 'Montserrat Alternates', sans-serif; 
    font-weight: 700; 
    text-transform: lowercase;
}


h1{font-size: 2.2em;}
h2{font-size: 1.8em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h5{font-size: 1em;}

p.mighty, .text-big {font-size: 1.2em; line-height: inherit;}
.txt-small {font-size: 0.8em;}
.txt-root { font-size: 1em;}
.txt-bigger {font-size: 1.2em;}

.txt-beige {color: #E1A041;}
.txt-beige-h {color: #faf4dc;}
.txt-red {color: #E2001A;}
.txt-white {color: #fff;}
.txt-blue {color: #38475C;}
.txt-blue-h {color: #f1f3f7;}
.txt-green {color: #5d4036;}

.txt-secondary {color: #4b4b4d;}

.txt-beige-h a {color: #fff;}         /* white */
.txt-red a {color: #E1A041;}        /* beige */
.txt-white a {color: inherit; text-decoration: underline;}      /* beige */

.txt-dark {color: #4f4045;}
.txt-darker {color: #1b1919;}
.txt-primary {color: #c8388c;}
.txt-info {color: #6ea7a3;}
.txt-info a {color: #fff;}

.bg-info { background-color: #6ea7a3; }
.bg-warning {background-color: #f5f149; background-image: linear-gradient( to right, #f5f149, #e7e582);}
.bg-bright-h {background-color: #faf4dc;}
.bg-white {background-color: #fff;}
.bg-blue {background-color: #38475C;}
.bg-blue-h {background-color: #f7f9fb;}
.bg-red {background-color: #E2001A;}
.bg-black {background-color: #000;}
.bg-blue
{
    background-color: #009bdb;
    background-image: url(gfx2024/bg-tournee24.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-g-grad {background-color: #009bdb; background-image: linear-gradient( to right, #009bdb, #102794);} 
.bg-h-grad {background-color: #daede5; background-image: linear-gradient( to right, #d1eae8, #a8d8d5);} 
.bg-d-grad {background-color: #9ec596; background-image: linear-gradient( to right, #718681, #926c9b);} 
.bg-s-grad {background-image: linear-gradient( to left, #c1d3a157, #e2c8d56b);} 
.bg-green {background-color: #5d4036;}
.bg-green-grad {background-color: #5d4036; background-image: linear-gradient( #5d4036, #0e1116);} 
.bg-green-h { background-color: #FAFCFA; background-image: linear-gradient( #FAFCFA, #fff); }
.bg-green-d { background-color: #030b04; }

.bg-light { background-color: #E7EBEF; }
.bg-dark { background-color: #908f9f; }
.bg-darker { background-color: #1b1919; }
.bg-secondary {background-color: #4b4b4d;}

.btn-info {color: #4b4b4d;}

img {max-width: 100%; height: auto;}

.py-03 { padding-top: .3em; padding-bottom: .3em; }
.py-05 { padding-top: .5em; padding-bottom: .5em; }
.py-07 { padding-top: .7em; padding-bottom: .7em; }

.mt-03 { margin-top: .3em; }
.mt-05 { margin-top: .5em; }
.mt-07 { margin-top: .7em; }
.mt-1 { margin-top: 1em; }
.mt-2 { margin-top: 2em; }

.mb-03 { margin-bottom: .3em; }
.mb-05 { margin-bottom: .5em; }
.mb-07 { margin-bottom: .7em; }
.mb-1 { margin-bottom: 1em; }
.mb-2 { margin-bottom: 2em; }

.ml-03 { margin-left: .3em; }
.ml-05 { margin-left: .5em; }
.ml-07 { margin-left: .7em; }
.ml-1 { margin-left: 1em; }
.ml-2 { margin-left: 2em; }

.p-0 {padding: 0 !important;} 
.m-0 {margin: 0 !important;} 
.position-relative {position: relative;}

.pad-block {
    padding-top: 2em;
    padding-bottom: 2em;
}
.pad-txt {
    padding-top: 1em;
    padding-bottom: 1em;
}
.pad-v-2 {
    padding-top: .5em;
    padding-bottom: .5em;
}

.border-h {
    border-top: 2px solid #f1f3f7;
    padding-top: 1em;
    padding-bottom: 1em;
}
.border-h:first-child { border: none; }

.section-title
{
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: .3em;
    padding: 1em 0 1.2em 0;
    text-align: center;
}

header h1 {font-size: 4em; line-height: .8em;}
header {
    background-color: #fff; 
}
header .title-wrapper ,
header .title-container,
figure.director-portrait
{
    position: relative;
}
header .title-wrapper .copyright,
.director-portrait .copyright
{
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    padding: .1em .3em;
    font-size: .8em;
}
.director-portrait .copyright
{
    top: auto ;
    right: auto;
    bottom: 3px;
    left: 3px;
}

.home .title-wrapper,
.subpage-title,
.page-footer
{
    background-color: #000;
}
.home .title-img-l { display: none; }

header .subpage-title {
    padding: 1.5em 0;
}

header .page-title {
    margin: 0;
    font-size: 3em;
    color: #a8d8d5;
}
header .page-title-sm{
    font-size: 2em;
}

.tournee .artikel .titel {font-size: 2em; margin-top: .2em;}
/*
header .title-img {max-width: 1200px; width: 100%; display: block; margin: 0 auto;}
.home header .title-img {max-width: 380px; }
*/

.film .pagination {
    margin: 0 0 .5em 1em;
}
.pagination .btn {
    padding-bottom: 9px;
}

/*
.home header .navbar {position: absolute; width: 100%; z-index: 1;}
.home header .navbar-collapse.collapse.in,
.home header .navbar-collapse.collapsing
{
    background-color: #aedad5;
}
*/
.partner-block .logo_img {
    display: inline-block;
    max-width: 200px;
    max-height: 4em;
    width: auto;
    height: auto;
    margin: .5em;
}

.artikel .dl_link {display: inline-block; padding: 0.3em 0;}
.artikel .dl_link [class^='icon']{font-size: 2em;}

.artikel .dl_thumbnail,
.artikel .dl_icon
{
    display: inline-block;
    width: 90px;
    height: 70px;
    margin-right: 0.5em;
    background-color: rgba(255,255,255,.5);
    border: 8px solid transparent;
    vertical-align: middle;
    text-align: center;
    
}
.artikel .dl_thumbnail {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.artikel .dl_icon {
    font-size: 3em;
}

.home .title-container
{
    padding: 0;
}
.home header .btn-trailer {
    width: 100%;
    text-align: center;
    background-color: #be1974;
    color: #fff;
}

.home header .btn-trailer .lbl{
    font-size: 1.6em;
    line-height: 1.2em;
    white-space: normal;
    hyphens: auto;
}

.navbar, .btn-trailer
{
    margin-bottom: 0;
    letter-spacing: 0.1em;
}

.navbar-nav > li > a:hover,
.navbar-nav > .active > a
{ 
    text-decoration: underline;
    text-decoration-color: #a8d8d5;
    text-decoration-thickness: 3px;
}


.txt-mce ul {padding-left:0; margin-left: 0; list-style: none;}
.txt-mce h4 {margin-top: 1em;}

.mce_html, .dl_link {
    line-height: 1.6;
}
.navbar-default {
    background-color: transparent;
}
.home .navbar-brand {display: none;}


.fixed-bottom {
	position:fixed;
 	bottom:0;
	right:0;
	width: 100%;
	z-index:100;
	display: none; 
	text-align: right;
}
.fixed-bottom .btn{
	font-size:1.6em;
	text-align: center;
}
@media (orientation: landscape) {

    .home .title-img-p { display: none; }
    .home .title-img-l { display: block; }
}

/* media xs */

@media (max-width:767.9px) {
    .container {width: 100%;}
    .home header .navbar {
        border: none;
    }
    .home header .navbar-toggle[aria-expanded="true"] + .navbar-brand {
        display: block;
    }
}
@media (max-width:767.9px) and (orientation: portrait) {
    

}
@media (min-width:768px),(orientation: landscape) {
    .home .title-wrapper {
    /*
    background-image: url('gfx2022/tournee22-l.png');
        background-position: center top;
        background-size: cover;
    */
    }

    .home header .btn-trailer {
        font-size: .7em;
        width: 11em;
        height: 11em;
        border-radius: 50%;
        
        transform: rotate(8deg);
        
        padding-top: 3.3em;
        text-align: center;
        color: #6ea7a3;
        background-color: #fff;
        position: absolute; 
        top: auto;
        bottom: -2em;
        right: 5em;
    }
    .home header .btn-trailer:hover{
        background-color: #fff;
        color: #000;
    }
    html:lang(en) .home header .btn-trailer{
        padding-top: 2.3em;
    }


    .home .cont
    {
        background-position: 30% -350px;
    }
}

@media screen and (min-width:768px) and (max-width: 991.9px) {
    .nav > li > a {padding-left: 7px; padding-right: 7px;}
}

@media (min-width:768px) {
    h1{font-size: 3em;}
    h2{font-size: 2.6em;}
    h3{font-size: 1.8em;}
    h4{font-size: 1.3em;}
    
    .text-sm-right { text-align: right; }

    .nav-lang > li > a {padding-left: 7px; padding-right: 7px;}

    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    
    .film-header .btn-layer {
        position: absolute;
        bottom: 20px;
        width: 100%;
    }
    
}
/* media md */

@media (min-width:992px) {
    p.mighty, .text-big {font-size: 1.6em;}
    .home header .btn-trailer { 
        font-size: 1em;
        bottom: -3em;
        right: 11em;
    }

    /* 
    .home .navbar-nav > li a {font-size: 1.3em;} 
    */
    header .navbar-bg .navbar-right {margin-right: 10px; }
    .navbar-brand img {margin-top: 0;}
    .navbar-brand { width: 180px; }
}

/* media lg */

@media (min-width:1200px) {
    .home .title-wrapper
    {
        /*
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-image: url(gfx2023/KFT_header_breit-bg.png), linear-gradient( to right, #e0f7dbc7, #f7eeecd1);
        background-blend-mode: screen;
        */
        
        /*
        background-image: url(gfx2023/KFT_header_breit-bg.png), linear-gradient( to left, #9ec596, #bfb7b5);
        background-blend-mode: luminosity;
        background-color: rgba(255,255,255,0.5);
        */
    }
    header .page-title {
        font-size: 3.9em;
    }
    header .page-title-sm {
        font-size: 2.6em;
    }
	.directors {
	    padding: 1em;
	    margin-top: -160px;
	    background-color: #fff;
	    box-shadow: 0 0 3px rgba(0,0,0,0.1);
	}
}
@media (min-width:2500px) {
    .home .title-wrapper
        {
            /* background-size: contain; */
        }
}