/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */


@import url('https://fonts.googleapis.com/css?family=Caveat|Roboto:400&display=swap');
/* 
    @font-face {
        font-family: 'bahnschrift';
        src: url('/fonts/BAHNSCHRIFT.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    body{
        font-family: 'bahnschrift'!important;
        font-size: 1.7em;
    } */

    p, h1, h2, h3, h4, h5, li, a, td, tr, th{
        hyphens: auto;
        word-wrap: break-word;
        font-size: 1.25vw;
    }

    li{
        margin-top: 10px;
    }

    .hidden.menu {
      display: none;
    }

    .masthead.segment {
      min-height: 300px;
      padding: 1em 0em;
    }
    .masthead .logo.item img {
      margin-right: 1em;
    }
    .masthead .ui.menu .ui.button {
      margin-left: 0.5em;
    }
    .masthead h1.ui.header {
      margin-top: 0.5vh;
      margin-bottom: 0em;
      font-size: 4em;
      font-weight: normal;
    }
    .masthead h2 {
      font-size: 1.7em;
      font-weight: normal;
    }

    .ui.vertical.stripe {
      padding: 1em 0em;
    }
    .ui.vertical.stripe h3 {
      font-size: 2em;
    }
    .ui.vertical.stripe .button + h3,
    .ui.vertical.stripe p + h3 {
      margin-top: 3em;
    }
    .ui.vertical.stripe .floated.image {
      clear: both;
    }
    .ui.vertical.stripe p {
      font-size: 1.25vw;
    }
    .ui.vertical.stripe li {
        font-size: 1.25vw;
    }
    .ui.vertical.stripe .horizontal.divider {
      margin: 3em 0em;
    }

    .quote.stripe.segment {
      padding: 0em;
    }
    .quote.stripe.segment .grid .column {
      padding-top: 5em;
      padding-bottom: 5em;
    }

    .footer.segment {
      padding: 5em 0em;
    }

    .secondary.pointing.menu .toc.item {
      display: none;
    }

    div.ui.huge.header{
        font-size: 3em;
        margin-bottom: 20px;
    }

    p.block{
        text-align: justify;
    }

    iframe{
        border: none;
    }

    .header-container{
        padding:0!important;
        margin:0!important;
    }

    .terminbuchung-trigger{
        cursor: pointer;
    }


    @media only screen and (min-width: 1200px) {

        p, li, a, i{
            font-size: 1vw;
        }

        td, td > a, td > b > a, th{
            font-size: 0.9vw;
        }

        .top-column > a{
            font-size: 1vw;
        }

        i.top-column-elements{
            font-size: 1vw;
        }
        
        .first-row:nth-child(2){
            padding-top: 100px;
        }
        
        div.ui.very.relaxed.grid.container {
            width: 100%!important;
            padding: 10px 30px;
        }
        div.ui.container{
            width: 100%!important;
            padding: 10px 30px;
        }
        div.ui.center.aligned.relaxed.stackable.grid.container{
            width: 100vw!important;
        }

        div.ui.vertical.segment.stripe{
            padding: 50px 10px;
        }

        div.ui.large.bottom.fixed.menu > div.ui.very.relaxed.grid.container{
            margin:1px;
        }

        div.ui.vertical.segment.stripe div.row{
            min-height: 300px;
        }

        div.ui.vertical.segment.stripe:nth-child(2n){
            background: #f1f2f3;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */
            background: -webkit-gradient(linear, left top, right top, from(#eef2f3), to(#e7e8e9));
            background: -o-linear-gradient(left, #eef2f3, #e7e8e9);
            background: linear-gradient(to right, #eef2f3, #e7e8e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }

        div.ui.vertical.segment.stripe#welcome{
            background: #f1f2f3;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */
            background: -webkit-gradient(linear, left top, right top, from(#eef2f3), to(#f1f2f3));
            background: -o-linear-gradient(left, #eef2f3, #f1f2f3);
            background: linear-gradient(to right, #eef2f3, #f1f2f3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }

        div.ui.large.secondary.pointing.menu > a{
            font-size: 1.4em;
        }

        div.ui.large.top.fixed.menu.transition.visible{
            font-size: 1.2em;
        }

        div.ui.large.top.fixed.menu.transition.visible > div.ui.container{
            padding: 0;
            margin: 0;
        }

        li{
            font-size: 1.5em;
        }

        div.ui.huge.header{
            font-size: 4em;
        }

        p.block{
            font-size: 1.5em;
        }

        .top-vertical-segment{
            max-height: 40px!important; 
            background: rgb(245, 245, 245); 
            height:40px!important; 
            padding: 15px!important;
        }

        .top-grid-container{
            max-height: 40px!important
        }

        .top-column{
            max-height: 20px!important; 
            padding:0!important; 
        }

        .top-column-elements{
            color:rgb(146, 146, 146)
        }

    }


    @media only screen and (max-width: 1199px) {
        p, li, a{
            font-size: 1.8vw;
        }

        td, td > a, td > b > a, th{
            font-size: 1.5vw;
        }

        a.item{
            font-size: 1.5vw;
        }

        .top-column > a{
            font-size: 1.4vw;
        }

        .first-row:nth-child(2){
            padding-top: 100px;
        }

        div.ui.very.relaxed.grid.container {
            width: 100%!important;
            padding: 10px 30px;
        }
        div.ui.container{
            width: 100%!important;
            padding: 10px 30px;
        }
        div.ui.center.aligned.divided.relaxed.stackable.grid.container{
            width: 100vw!important;
        }

        div.ui.grid>*{
            padding: 0!important
        }

        .ui.vertical.stripe p, .ui.vertical.stripe li{
            font-size:2vw;
        }

        div.ui.vertical.segment.stripe, .ui.large.bottom.fixed.menu{
            padding: 10px 10px;
            margin: 15px;
        }

        div.ui.large.bottom.fixed.menu > div.ui.very.relaxed.grid.container{
            margin:1px;
        }

        div.ui.vertical.segment.stripe div.row{
            min-height: 300px;
        }

        div.ui.vertical.segment.stripe:nth-child(2n){
            background: #f1f2f3;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */
            background: -webkit-gradient(linear, left top, right top, from(#eef2f3), to(#e7e8e9));
            background: -o-linear-gradient(left, #eef2f3, #e7e8e9);
            background: linear-gradient(to right, #eef2f3, #e7e8e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }

        div.ui.vertical.segment.stripe#welcome{
            background: #f1f2f3;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */
            background: -webkit-gradient(linear, left top, right top, from(#eef2f3), to(#f1f2f3));
            background: -o-linear-gradient(left, #eef2f3, #f1f2f3);
            background: linear-gradient(to right, #eef2f3, #f1f2f3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }

        div.ui.large.secondary.pointing.menu > a{
            font-size: 2.1vw;
        }

        div.ui.large.top.fixed.menu.transition.visible{
            font-size: 1.2em;
        }

        div.ui.large.top.fixed.menu.transition.visible > div.ui.container{
            padding: 0;
            margin: 0;
        }

        p.block{
            font-size: 1.5em;
        }

        div.ui.huge.header{
            font-size: 4em;
        }

        .top-vertical-segment{
            background: rgb(245, 245, 245); 
        }

        .top-column{
            max-height: 20px!important; 
            padding:0!important; 
        }

        .top-column-elements{
            color:rgb(146, 146, 146)
        }
    }

    @media only screen and (max-width: 767px) {
        p, li{
            font-size: 5vw;
        }

        td, td > a, td > b > a, th{
            font-size: 5vw;
        }

        .top-column > a{
            font-size: 3.5vw;
        }

        div.ui.huge.header{
            font-size: 2vw;
            display: inline-block;
        }

        div.ui.vertical.segment.stripe, .ui.large.bottom.fixed.menu{
            width: 100vw;
            padding: 4px;
            padding-bottom: 10px;
            margin:0;
        }

        p.slogan{
            font-size: 5.5vw;
            text-align: center;
            margin: 0;
        }

        .ui.vertical.stripe p, .ui.vertical.stripe li{
            font-size:6vw;
        }

        p.slogan:nth-child(1){
            margin: 0 20px;
        }

        div.ui.center.aligned.divided.relaxed.stackable.grid.container{
            width: 100vw;
            padding: 10px;
        }

        div.ui.container{
            margin-left: 0!important;
            padding: 10px 0px!important;
        }

        div.ui.text.container{
            margin-left: 0!important;
            padding: 10px!important;
        }
        
        .ui.fixed.menu {
            display: none !important;
        }

        div.ui.large.secondary.pointing.menu > a{
            font-size: 5vw;
        }

        .secondary.pointing.menu .item,
        .secondary.pointing.menu .menu {
            display: none;
        }
        .secondary.pointing.menu .toc.item {
            display: block;
        }
        .masthead.segment {
            min-height: 350px;
        }
        .masthead h1.ui.header {
            font-size: 10vw;
            margin-top: 1.5em;
        }
        .masthead h2 {
            margin-top: 0.5em;
            font-size: 10vw;
        }

        .top-vertical-segment{
            background: rgb(245, 245, 245); 
        }

        .top-vertical-segment{
            background: rgb(202, 202, 202); 
        }

        .top-column-elements{
            color:rgb(146, 146, 146)!important;
        }

        .top-column{
            max-height: 20px!important; 
            padding:0!important; 
        }
    }