/* css für onepage design */
@font-face {
    font-family: ADAYWITHOUTSUN ;
    src: url('fonts/A_DAY_WITHOUT_SUN.otf') format("opentype");
}
@font-face {
    font-family: TradeGothicLTPro-Cn18 ;
    src: url('fonts/352580_0_0.ttf') format("truetype");
}
@font-face {
    font-family: TradeGothicLTPro-BdCn20 ;
    src: url('fonts/352580_0_1.ttf') format("truetype");
}

body {
	font-family:TradeGothicLTPro-Cn18, arial, sans-serif;
	background-color:rgb(253,250,246);
  	margin:0px;
    padding:0px;
    color:rgb(0,109,95);
    background: url(img/HG_Kachel02.jpg) repeat;
}

p {
	margin:0px;
	padding:0px;
}

a:hover {
    color:rgb(0,109,95);
}

h1,h2,h3,h4 {
	font-family:ADAYWITHOUTSUN, arial, sans-serif;
}
div.anchor {
    display: block;
    position: relative;
    top: 20px;
    visibility: hidden;
}
table {
	border:0px;
	width:100%;
}

.content {
    font-size:2.0em;
    font-weight:normal;
	font-family:TradeGothicLTPro-Cn18, arial, sans-serif;
    max-width:870px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    }

.content_fett {
	font-family:TradeGothicLTPro-BdCn20, arial, sans-serif;
    font-weight:bold;
}

.footercontainer {
	background-color:rgb(0,109,95);
	width:100%;
}

.container_img {
    margin-right: auto;
    margin-left: auto; 
    clear:both;
}

.footertxt {
	float:left;
	position:relative;
	color:rgb(253,250,246);
	background-color:rgb(0,109,95);
	width:100%;
	height:auto;
	font-size: 5em;
    font-weight:normal;
    margin-top:25px;
    margin-bottom:25px;
    text-align-last: center;
}
.box {
    position:fixed;
    top:-2000px;
    left:25%;
    right:25%;
    background-color:rgb(253,250,246);
    border:4px solid  rgb(0,109,95);
    -moz-border-radius: 8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    -moz-box-shadow: 0 1px 8px #333;
    -webkit-box-shadow: 0 1px 8px #333;
    z-index:2000;
/*         background: url(img/HG_Kachel02.jpg) repeat; */
    font-size: 2.0em;
    font-weight: normal;
    font-family: TradeGothicLTPro-Cn18, arial, sans-serif;
}

a.boxclose{
    float:right;
    width:30px;
    height:30px;
    background:transparent url(img/Schliessen_X.png) repeat top left;
    margin-top:2px;
    margin-right:5px;
    cursor:pointer;
	position:relative;
}
.box h1{
	margin:0px;
	padding:5px;
	color:#FFF;
    background-color:rgb(0,109,95);
    -moz-border-radius:20px 20px 0px 0px;
	font-size: 1.3em;
    height:40px;
}

.box .containercontent {
    margin:20px 0px 20px 20px;
    padding-right:20px;
    max-height:500px;
    overflow:auto;
    }


#mainHeader {
	height:45px;
}

.mheader {
    position:relative;
    float:left;
    height:0px;
    width:50%;

}

.mheader1 {
    position:relative;
    width:50%;
    float:left;
    }

.smallmenu {
	display:none;
	width: 55px;
}

.navbar {
	margin-top:20px;
	font-size: 2.0em;
}

.navbar-header {
    position:relative;
    top:0px;
    left:-5px;
    }

.navbar-default {
	position:relative;
	background:transparent;
    border:none; 
	text-align:center;
}
.navbar-default ul li {
/* 	border-right: 1px solid #eee; */
    display: inline-block;
    padding-right:60px;
}

.navbar-default ul li.right,
li.right {
	border-right:none;
	float:right;
	padding-right:0px;
}
.navbar-default ul li.last,
li.last {
	border-right:none;
    padding-right:5px;
}

.navbar-default ul li.first,
li.first {
	padding-left:0px;
}

.navbar-nav {
	position:relative;
	top:12px;
    text-align: center;
}

.navbar-nav li {
    display: inline-block;
    }

.navbar-nav > li > a {
		padding:0px;
		height:45px;
		font-weight:normal;
}
.navbar-default .navbar-nav > li > a {
	font-weight:normal;
    color:rgb(0,109,95);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: rgb(0,109,95);
    background-color: transparent;
}

.munten {
    position: relative;
	margin-left: auto;
	margin-right: auto;
    text-align:center;
}
.munten ul {
    margin: 0;
    padding: 0;
	list-style-type: none;
    font-size:1.5em;
    letter-spacing:1px;
    color:white;
}
.munten ul li {
	display:inline-block;
    list-style-type: none;
    padding:10px;
}
.munten li a, .munten li span {
	padding: 10px 40px;
	text-decoration:none;
    color:white;
    font-weight:normal;
}

.munten li a:hover, 
.munten li a:focus, 
.munten >  a:focus {
    color: #000;
	background:transparent;
}

.overlay {
    background: transparent url(img/overlay.png) repeat top left;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
}
.nowrap {
    white-space:nowrap;
}
.smallversion {
    display:none;
    }

/* ====================================================
Up Arrow
==================================================== */

.uparrow{
    width:128px;
    height:128px;
    opacity:0.3;
    position:fixed;
    bottom:10px;
    right:-80px;
    display:none;
    text-indent:-9999px;
    background: url(img/nach_oben.svg) no-repeat;
    z-index:5000;
}

.uparrow:hover{
    opacity:0.6;
}
.minigal2 {
    margin-left:10px;
    margin-right:10px;
    margin-top:20px;
    }

.content_image {
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

#karteversiongross {
    width:80%;
    margin-left:auto;
    margin-right:auto;

}

a:hover, a:focus {
    text-decoration: none;
    outline:none;
}

.gruentext {
    color:rgb(123,209,95);
    }
    
.container-pid2 {
    background-image: url('https://panol.io/media/HolzLinks.png'),url('https://panol.io/media/HolzRechts.png');
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right top;
}

.content_image2 {
/*    margin-left: -40%;
    margin-right:auto;*/
    width:auto;
    position:relative;
    left:-40%;
}

.desktop {
    display:block;
}
.mobile {
    display:none;
}

#stellenanzeige div{
    width:1200px;
}

.modal-header .close {
  margin-top: -12px !important;
}


/*##################################################### 1920 #############################################################################*/
/*==================================================
 responsive-design
 ===================================================*/
@media screen and (min-width:1920px){

}

/*##################################################### 1400 #############################################################################*/
@media(max-width:1729px){
}


/*##################################################### 1400 #############################################################################*/
@media(max-width:1700px){
.content_image2 {
    width:180%;
}
}


/*##################################################### 1400 #############################################################################*/
@media(max-width:1600px){
}

/*##################################################### 1400 #############################################################################*/
@media(max-width:1400px){
    #karteversiongross {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    }
}

/*##################################################### 1280 #############################################################################*/
@media(max-width:1280px){

#stellenanzeige div{
    width:800px;
}


}


/*##################################################### 1155 #############################################################################*/
@media(max-width:1155px){
.navbar-default ul li {
    padding-right: 35px;
}

}
/*##################################################### 1100 #############################################################################*/
@media(max-width:1100px){
#karteversiongross h2 {  font-size: 3.0em; }
.munten li a { padding: 10px 20px;  }  
.munten li span { padding: 10px 20px;  }  

}
/*##################################################### 1050 #############################################################################*/
@media(max-width:1050px){
.navbar-default ul li {
    padding-right: 30px;
}
}

/*##################################################### 1024 #############################################################################*/
@media(max-width:1024px){
}
/*##################################################### 910 #############################################################################*/
@media(max-width:910px){
.mheader1 {
    width: 40%;
 }
.mheader {
    width: 60%;
 }
.row {
    width:75%;
    }
.container-pid2 {
    background-image: none;
}
.content_image2 {
    width:130%;
    left:-15%;
}

.desktop {
    display:none;
}
.mobile {
    display:block;
}
    
#stellenanzeige div{
    width:99%;
}
    
}

/*##################################################### 870 #############################################################################*/
@media (max-width: 870px) {
/* .navbar {
    margin-top:10px;
 }
.mheader1 {
    width: 38%;
 }
.mheader {
    width: 62%;
 }
.row {
    width:70%;
    }
 */}
/*##################################################### 855 #############################################################################*/
@media (max-width: 855px) {
}


/*##################################################### 770 #############################################################################*/
@media (max-width: 770px) {
    /* mmenüsprung */
.row {
    width:80%;
    }
.navbar {
    margin-top:5px;
}
.navbar-nav {
    margin:0px;
    top:0px;
    text-align:left;

    }
.navbar-header {
    top:0px;
    display:none;
}
.navbar-default ul li {
    padding-right: 15px;
}   
.box{
    left:10%;
    right:10%;
    max-height: 500px;
    font-size: 1.8em;

}
    .box .containercontent {
        max-height:400px;
        overflow:auto;
        margin:20px 0px 20px 20px;
    }

}

/*##################################################### 770 #############################################################################*/
@media (max-width: 770px) {
.content_image2 {
    width:125%;
    left:-12.5%;
}
    
}
/*##################################################### 620 #############################################################################*/
@media(max-width:620px){
.smallmenu {
	display:block;
	padding-left: 0px;
	padding-top: 0px;
    position:relative;
    float:right;
    margin-right:10px;
    margin-top:10px;
    z-index:100;
}
.smallmenu a{
    z-index:500;
    }
.navbar-default .navbar-nav > li > a {
	font-weight:normal;
	    color:rgb(253,250,246);
}

.mheader1 {
    width: 0%;
 }
.mheader {
    width: 100%;
 }

    #scrollTarget {
        display: none;
        border: 0 none;
        bottom: 0;
        padding: 0;
        position: absolute;
        left: 0px;
        top:175px;
        width:100%;
 }	

    #scrollTarget ul.navbar-nav {
        list-style-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0px;
        padding-top:50px;
        position: relative;
        width: auto;
        z-index: 800;
        top:5px;
	    color:rgb(253,250,246);
	    background-color:rgb(0,109,95);
/*     border:4px solid  rgb(253,250,246); */
/*     -moz-border-radius: 5px; */
/*     -webkit-border-radius:5px; */
/*     -khtml-border-radius:5px; */
/*     -moz-box-shadow: 0 1px 5px  rgb(253,250,246); */
/*     -webkit-box-shadow: 0 1px 5px  rgb(253,250,246); */
    }

    #scrollTarget ul.navbar-nav li {
        position: relative;
        display: inline;
        font-weight: normal;
        text-align: center;
        list-style-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-right:0px;
        height: 15px;
	    color:rgb(253,250,246);
    }


    #scrollTarget .navbar-nav a.menu-current {
        color: #000;
        font-weight: bold;
    }
    #scrollTarget ul li a:hover, #scrollTarget li a:focus, #scrollTarget li a:active, #scrollTarget ul li a.active, #scrollTarget a.menu-current, #scrollTarget a.menu-parent {
        color: #000;
        text-align:center;
    }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: rgb(253,250,246);
    background-color: transparent;
}

    #scrollTarget ul.navbar-nav  li a {
        display: block;
        font-family: ADAYWITHOUTSUN, arial, sans-serif;
        font-size: 55px;
        text-decoration: none;
        height:65px;
    }

    #scrollTarget ul.navbar-nav li.right {
        float:none;
        text-align:left;
    }
h1 {font-size:4.0em;}    
h3 {
    font-size:2.5em;
    }
.box{
    left:10%;
    right:10%;
}
}

/*##################################################### 610 #############################################################################*/
@media(max-width:610px){
/*     #scrollTarget {
        top:160px;
    }	
 */
}
/*##################################################### 568 #############################################################################*/
@media(max-width:568px){
/*     #scrollTarget {
        top:150px;
    }	
 */
}

/*##################################################### 530 #############################################################################*/
@media(max-width:530px){
/*     #scrollTarget {
        top:140px;
    }	
 */
.munten li a { padding: 10px 10px;  }  
.munten li span { padding: 10px 10px;  }  

}

/*##################################################### 457 #############################################################################*/
@media(max-width:457px){
/*     #scrollTarget {
        top:210px;
    }	
 */
#karteversiongross {
    display:none;
}

.bigversion {display:none;}
.smallversion {display:inline;}
h1 {font-size:3.5em;}
h3 {font-size:2.0em;}
.row  {width:90%;}
table td {display:block;}
}

/*##################################################### 450 #############################################################################*/
@media(max-width:450px){
    #scrollTarget ul.navbar-nav { 
        top:-5px;
        }
}

/*##################################################### 430 #############################################################################*/
@media(max-width:430px){
/*     #scrollTarget {
        top:200px;
    }	
 */}


/*##################################################### 414 #############################################################################*/
@media(max-width:414px){
/*     #scrollTarget {
        top:190px;
    }	
 */
h1 {font-size:3.0em;}
h3 {font-size:1.6em;}
.munten li a { padding:10px 0px; }
.munten li span { padding:10px 0px; }
}

    /*##################################################### 390 #############################################################################*/
@media(max-width:390px){
/*     #scrollTarget {
        top:180px;
    }	
 */}


/*##################################################### 365 #############################################################################*/
@media(max-width:365px){
/*     #scrollTarget {
        top:170px;
    }	
 */}

/*##################################################### 360 #############################################################################*/
@media(max-width:360px){
    .munten ul { letter-spacing:0.5px;}
}

/*##################################################### 320 #############################################################################*/
@media(max-width:320px){
}