/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/*theme schweizer
author: ls-leadingsystems
2017
*/





/*-----------------------------------------------------------------------------------*/
/*	1.0 Reset
/*-----------------------------------------------------------------------------------*/
    *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    * {margin: 0; padding: 0;}

    a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
    input {-webkit-border-radius:0; border-radius:0;}

    ::-webkit-input-placeholder {color: #000;}
    :-moz-placeholder {color: #000;}
    ::-moz-placeholder {color: #000;}
    :-ms-input-placeholder {color: #000;}

    /* Clearfix */
    .clear,#clear,.clearFloat {
            height:0.1px;
            font-size:0.1px;
            line-height:0.1px;
            clear:both;
        }

    .cf {clear: both;}


/*-----------------------------------------------------------------------------------*/
/*	 General Styles
/*-----------------------------------------------------------------------------------*/

    body, .fadeIn {
        -webkit-animation:fadein 2s;
        -moz-animation:fadein 2s;
        -ms-animation:fadein 2s;
        -o-animation:fadein 2s;
        animation:fadein 2s}


    @keyframes fadein{
        from{opacity:0}to{opacity:1}
    }
    @-moz-keyframes fadein{
        from{opacity:0}to{opacity:1}
    }
    @-webkit-keyframes fadein{
        from{opacity:0}to{opacity:1}
    }
    @-ms-keyframes fadein{
        from{opacity:0}to{opacity:1}
    }
    @-o-keyframes fadein{
        from{opacity:0}to{opacity:1}}

    body {
        display: block;
        font-family: 'Muli', 'Helvetica', sans-serif;
        color: #000000;
        background: #ffffff;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.6;
    }

    body, html { 
        height:100%;
        position: relative;
    }

/* --- Font Sizes + Weight -- */
    .fat {
        font-family:"Playfair Display","Times", serif;
        font-weight: 700;
    }


    b,
    strong {
        font-weight: bold;
    }

    .small {
        font-size:70%;
    }

    em, i {
        font-style: italic;
    }

/* --- Headings --- */

   h1, h2, h3, h4, h5, h6 {
        font-size: 1.5rem;
        font-family: "Playfair Display","Times", serif;
        font-weight: 400;
        line-height: 120%;
        margin: 0;
       
       	-webkit-hyphens: manual;
	   -moz-hyphens: manual;
	    -ms-hyphens: manual;
			hyphens: manual;
    }

    .list h4 {
    font-size: 1.3rem;
        line-height: 140%;
}

    .hfont {
        font-family: "Playfair Display","Times", serif;
        font-weight: 400;
    }
    
    
    p {
    margin-top: 6px;
    line-height: 1.8;
	}

/* --- Links --- */
    a {
        color: #8bc6c5;
        text-decoration: none;
    }

    a.button {
		text-decoration: none;
	}

    a:hover {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.52);
       
    }
    
    
    .termin {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    padding: 4px;
    background: hsla(53, 100%, 50%, 0.74);

}

/* -- contao-reset -- */

    .block {
		overflow:hidden;
	}


	.invisible {
		border:0;
		clip:rect(0 0 0 0);
		height:1px;
		margin:-1px;
		overflow:hidden;
		padding:0;
		position:absolute;
		width:1px; 
	}

    .pagination {
		margin-bottom: 20px;
		text-align: right;
	}
	
	.pagination ul li {
		display: inline-block;
	}

    .content,div,table input {
		color: #000000;
    }
 

/* --- Forms & Buttons --- */
	input, .button, textarea, select, .submit {
		padding: 6px;
		color: #44484b;
	}

	input, textarea, select {
        width: 100%;
		border: 1px solid #000000;
	}

	.submit, .button {
		border: none;
		cursor: pointer;
		background-color: #8bc6c5;
        border: 1px solid #000000;
        color: #44484b;
	}

    td {
        padding-right: 20px;
    }

	select {
		cursor: pointer;
	}

/*  -- img + logo -- */

	.imageContainer {
		position: relative;
		text-align: center;
	}

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


   #logo {
        text-align: center;
        display:block;
        margin-bottom: .5rem;
        padding: 10px;
    }


    #logo > img {
        max-width: 240px;
    }


/*  -- classes -- */

    .mb {
        margin-bottom: 2rem;
    }

    .mw figure.image_container {
        margin: 0 auto;
        max-width: 400px;
    }

    .center {
        text-align: center;
    }

    .floatleft {
        float: left;
        text-align: left;
    }

    .floatright {
        float: right;
        text-align: right;
    }


    .specialhover:hover{
        opacity: 0;
        -o-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }
    
    .widthAuto-all * {
    	width: auto !important;
    }


/* -- colors -- */

    .bg-black {
        background: #000000;
    }

    .bg-white {
        background: #ffffff;
    }


    .bg-color01 { 
        background: #c5d4c2;
    }

    .bg-color02 {
        background: #8bc6c5;
    }

    .bg-color03 {
        background: #fde569;
    }

    .bg-color04 {
        background: #b0d7bb;
    }

    .bg-color05 {
        background:#e6f9ff;
    }


  
    .bg-color06 {
        background: #f1ede2;
    }



    .c-black {
       color: #000000;
    }

    .c-white {
        color: #ffffff;
    }

    .c-color01 {
        color: #c6d4c3;
    }

    .c-color02 {
        color:  #8bc6c5;
    }



    .twitter a:hover {
            background: #55acee;
         color: #ffffff;
        }
    .facebook a:hover {
            background: #3b5998;
         color: #ffffff;
        }


/*-----------------------------------------------------------------------------------*/
/*	grid generals
/*-----------------------------------------------------------------------------------*/


    .site{
        width:100%;
        float:left;
    }

    .row{
        width:100%;
        float:left;
    }

    .columns {
        padding-left: 1rem;
        padding-right: 1rem;
     }







/*-----------------------------------------------------------------------------------*/
/*	navigation
/*-----------------------------------------------------------------------------------*/


/*
nav.mod_navigation {
    font-family: "Playfair Display","Times", serif;
    font-weight: 400;
    border-bottom: 2px solid #c6d4c3;
    margin-bottom: 1rem;
    text-align: center;
}
*/



nav.mod_navigation{
    font-family: "Playfair Display","Times", serif;
    font-weight: 400;
    border-bottom: 2px solid #c6d4c3;
    margin-bottom: 1rem;
    list-style:none;
    text-align:center;
}
/*
nav.mod_navigation li{
    display:inline;
}
nav.mod_navigation a{
    display:inline-block;
    padding:10px;
}
*/

    li {
        background: rgba(158, 158, 158, 0.13);
        margin-bottom: 2px;
        padding: 10px;
    }

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



    .menubutton {
        position: absolute;
        right: 21px;
        top: 0.6rem;
        display: block;
        z-index: 10;
    }

    .menubutton a {
        display: block;
        background: #8bc6c5;
    	padding: 0px 6px 7px 7px;
    	width: 36px;
    	height: 36px;
        text-decoration: none;
        color: #FFFFFF;
    }


    a.shownav {
        background: #c6d4c3;
    }

    .menubutton a.shownav:after{
        font-size: 1.5rem;
        content: "\2630";
        color: #FFFFFF;
        text-decoration: none;
    }


   .menubutton a.hidenav:after{
        font-size: 1.5rem;
        content: "\2630";
    }
  

    .menubutton a.hidenav{
        display: none;
    }
      .mod_navigation,nav {
        display: none;
        position: static;
        }

    #menu:target nav,
    #menu:target nav.mod_navigation{
        display: block;
        -webkit-transition: all 4s ease-in-out;
	-moz-transition: all 4s ease-in-out;
	-ms-transition: all 4s ease-in-out;
	-o-transition: all 4s ease-in-out;
	transition: all 4s ease-in-out;
    }
    #menu:target a.shownav {display: none;}
    #menu:target a.hidenav {display: block;
    -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


















/*-----------------------------------------------------------------------------------*/
/*	sections
/*-----------------------------------------------------------------------------------*/

/* -- container --*/


  #wrapper {
        max-width: 1400px;
        height: 100%;
        padding: 2rem;
        margin: 0 auto;
        position: relative;
    }

/* header  */

/*-----------------------------------------------------------------------------------*/
/* left aside */
/*-----------------------------------------------------------------------------------*/

    .wBox { 
        margin: 0 0 1rem 0;
    }

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


/* box with color */

    .cBox { 
        margin-bottom: 2rem;
        padding: 2rem;
    }


/* footer  */
    footer#footer {
        clear: both;
        text-align: center;
        border-top: 2px solid #c6d4c3;
        border-bottom: 2px solid #c6d4c3;
        padding: 1rem 0;
        margin-bottom: 4rem;
    }

/*-----------------------------------------------------------------------------------*/
/*	media queries
/*-----------------------------------------------------------------------------------*/


@media screen and (max-width:700px){
    /*2 columns small */
    .small-1 {width:50%;}
    .small-2 {width:100%;}
    }




@media screen and (min-width:600px) and (max-width:800px) {
	    /* 6 columns middle  */

	.medium-1 {
		width:16.66667%;	
	}
	
	.medium-2 {
		width:33.333333%;	
	}
	
	.medium-3 {
		width:50%;	
	}
	
	.medium-4 {
		width:66.66667%;	
	}
	
	.medium-5 {
		width:83.333333%;	
	}
	
	.medium-6 {
		width:100%;	
	}
	
}


    @media screen and (min-width:800px){
    
/*
        
    nav.mod_navigation{
          display: block;
        font-family: "Playfair Display","Times", serif;
        font-weight: 400;
        border-bottom: 2px solid #c6d4c3;
        margin-bottom: 1rem;
        list-style:none;
        text-align:center;
    }
    nav.mod_navigation li{
        display:inline;
    }
        
    nav.mod_navigation a{
        display:inline-block;
        padding:10px;
    }

     li {
    background: transparent;
    margin-bottom: 0px;
    padding: 10px;
}  
        
     .menubutton {
        display: none;
    }
    
*/
   
        
        
    /* left sidebar*/
        
    #sidebar{
        width: 37%;
        float: left;
      }  
        
    .wBox {
        margin: 0 0 3rem 0;
    }    

    /* main  */  
        
    #right{
        width: 60%;
        float: right;
      }        
        
     /* 8 columns large */
    .large-1 {width:12.5%;}
    .large-2 {width:25%;}
    .large-3 {width:37.5%;}
    .large-4 {width:50%;}
    .large-5 {width:67.5%;}
    .large-6 {width:75%;}
    .large-7 {width:87.5%;}
    .large-8 {width:100%;}    
        
        
        
        
    /* 12 columns large */
    .large-1 {width:8.333333%;}
    .large-2 {width:16.666666%;}
    .large-3 {width:25%;}
    .large-4 {width:33.333333%;}
    .large-5 {width:41.666666%;}
    .large-6 {width:50%;}
    .large-7 {width:58.3333333%;}
    .large-8 {width:66.666666%;}
    .large-9 {width:75%;}
    .large-10 {width:83.333333%;}
    .large-11 {width:91.666666%;}
    .large-12 {width:100%;}


    .columns {
        float:left;
     }
    
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.6rem;
    }
    
    .list h4 {
        font-size: 1.6rem;
    }    
}



 @media screen and (min-width:935px){
    
        
    nav.mod_navigation{
          display: block;
        font-family: "Playfair Display","Times", serif;
        font-weight: 400;
        border-bottom: 2px solid #c6d4c3;
        margin-bottom: 1rem;
        list-style:none;
        text-align:center;
    }
    nav.mod_navigation li{
        display:inline;
    }
        
    nav.mod_navigation a{
        display:inline-block;
        padding:5px;
    }

     li {
    background: transparent;
    margin-bottom: 0px;
    padding: 10px 5px;
}  
        
     .menubutton {
        display: none;
    }
    
}


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

    h1, h2, h3, h4, h5, h6 {
        font-size: 1.9rem;
    }

}




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

}