@font-face {
    font-family: LinkboxFont;
    src: url(../font/PTSans.ttc);
}

@font-face {
    font-family: LinkboxHead;
    src: url(../font/PTSans-Bold.ttf);
}

.fontSizeM {
	font-size: 14px;
	
}


.top-bar ul {
    background-color: #FFF;
}

.top-bar {
    background: #FFF;
}

body {
    overflow-x: hidden;
	color: #e8ecf1;
	background-color: #e8ecf1;
}

hr {
    border: solid orange 1px;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
    text-transform: none;
    color: #244e72;
}

#NavBar {
    background-color: #FFF;
}

@media (max-width: 9rem) {
    #NavBar { background-color: #000; }
}
/* gr��e der Navigation bei Handy ansicht*/

@media (max-width: 39.99875em) {
    .nav-align {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #NavBar { background-color: #000; }
}

@media (min-width: 40em) {
    .nav-align {

        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.nav-align {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.button.clear {
    font-family: LinkboxHead;
    font-weight: bold;
    color: #244e72;
}

.button.clear:hover {
    color: orange;
}



#NavButtonsFooter a {
    font-family: LinkboxHead;
    font-weight: bold;
    color: #244e72;
}

#NavButtonsFooter a:hover {
    color: orange;
}

#NavButtonsFooter a:active {
    color: orange;
}



.schrift {
    font-size: 1.0rem;
    margin: 1rem;
}

.schriftBold {
    font-weight: bold;
}

.ContentPadding {
    padding: 2rem;
}


#ImageBox {
    position: relative;
}

.callOut h4{
	font-size: 8rem;
	
}
.callout {
	border: 0px;
}

.abstand_oben {
	padding-top: 50px;
	
}
.abstand_bottom {
	padding-top: 120px;
}

.header_bottom {
	padding-top: 35px;
}
@media (min-width: 40em) {
    #Linkbox {
        position: absolute;
        padding: 1rem;
        width: 200px;
        left: 0px;
        top: 50%;
        z-index: 2;
        background-color: white;
        border: 0px solid rgba(10, 10, 10, 0.25);
        border-radius: 3px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);


    }
}

@media (max-width: 39.99875em) {
    #Linkbox {
        border-top: orange 2px solid;
        border-bottom: orange 2px solid;
        position: relative;
        top: 4rem;
        text-align: center;
        margin: 0 0 1rem 0;
        padding: 1rem;
        color: #0a0a0a;
        width: 100%;
        z-index: 2;
    }
}

.abstand {
	margin-right: 100px;
}

#Linkbox h2, #Linkbox p, #Linkbox a, #Linkbox a:hover {
    font-family: LinkboxFont;
    text-transform: uppercase;
}

#Linkbox h2 { font-family: LinkboxHead; font-size: 1.2rem; color: #ec6825; font-weight: bold; }

#Linkbox p, #Linkbox a { font-size: 1rem; color: #244e72; }

#Linkbox a:hover { color: blue; }

#Spacer { padding-top: 3rem; }

.SmallSpacer { padding-top: 1rem; }

.BackPicLesitung {
    background: url('../img/blind/weis.png') no-repeat center center;
    background-size: cover;
    min-height: 850px;
    transition: transform 0.2s;
    }
    
.BackPic1 {
    background: url('../img/blind/weis.png') no-repeat center center;
    background-size: cover;
    min-height: 300px;
    transition: transform 0.2s;
    }
       
.BackPic1:hover {
     transform: scale(1.1, 1.1);
    }

.BackPic2 {
    background: url('../img/blind/weis.png') no-repeat center center;
    background-size: cover;
    min-height: 300px;
    padding-left: 20px;
    padding-right: 20px;

}


.BackPicGalerie {
    background-size: cover;
    min-height: 400px;
}

.trans {
    transition: transform 0.4s;
}

.trans:hover {
    transform: scale(1.2, 1.2);
}

.GalerieLink{
	font-family: LinkboxHead;
    font-weight: bold;
    color: #FFF;
    padding-left: 5px;
}


.textBold {
	font-weight: bold;
	
}

.textLeftRightTop {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.Fotobalken {
    background: rgba(255,255,255,255);
    display: block;
    color: #244e72;
    width: 100%;
    height: 3rem;
    text-align: center;
    padding-top: 0.7rem;
}

.Fotobalken:hover {
    box-shadow: 3px 3px 5px hsla(300,10%,15%,0.2) inset;
    color: #244e72;
    font-weight: bold;
}

.Fotobalken a {
    color: black;
}

.Fotobalken a:hover {
    color: black;
}


#bottombox {
	
    background-color: #959ea2;
    color: #FFFFFF;
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 0rem;
    padding-top: 2rem;
    padding-bottom: 20rem;
}

#bottombox a {
    color: #FFF;
}

#bottombox a:hover {
    color: #ffae00;
}

#bottombox p, #bottombox li{

    font-size: 0.6rem;
}

.grid-margin-x .cell .ymargin {
    margin-bottom: 1.1rem;
}






input#box1, input#box2,input#box3,input#box4,input#box5 {
    display: none;
}
label { cursor: pointer }
#wrapper {
  position: relative;
  text-align:center;
  width: 1200px;
  height:626px;
  overflow: hidden;
  margin: 0 auto;
}
#wrapper .switch {
  position: relative;
  left:50px ;
  height: 50px;
  width: 50px;
  float: left;
  color: rgba(0,0,0,0.3);
   -webkit-transition: 1s;
       -moz-transition: 1s;
        -ms-transition: 1s;
         -o-transition: 1s;
            transition: 1s;
}
#wrapper .switch:hover {
  opacity: 1;
    -webkit-transition: 1s;
       -moz-transition: 1s;
        -ms-transition: 1s;
         -o-transition: 1s;
            transition: 1s;
}
#wrapper .holder {
  position: relative;
  width: 1200px;

}
#pic1 img,
#pic2 img,
#pic3 img,
#pic4 img,
#pic5 img  {
  position: absolute;
  top: 0;
  left:0;
  opacity: 0;
     -webkit-transition: 1s;
       -moz-transition: 1s;
        -ms-transition: 1s;
         -o-transition: 1s;
            transition: 1s;
}
#wrapper #box1:checked ~ div#pic1 img,#wrapper #box2:checked ~ div#pic2 img, 
#wrapper #box3:checked ~ div#pic3 img,#wrapper #box4:checked ~ div#pic4 img, 
#wrapper #box5:checked ~ div#pic5 img   {
    opacity: 1;
     -webkit-transition: 1s;
       -moz-transition: 1s;
        -ms-transition: 1s;
         -o-transition: 1s;
            transition: 1s;
}

#wrapper #box1:checked ~ div { margin-left: 0px }
#wrapper #box2:checked ~ div { margin-left: -50px }
#wrapper #box3:checked ~ div { margin-left: -100px }
#wrapper #box4:checked ~ div { margin-left: -150px }
#wrapper #box5:checked ~ div { margin-left: -200px }

#box1:checked ~ div #zwei::after {
  top: 240px;
  left: 400px;
  position: absolute;
  display: block;
  font-size: 90px;
  content:">>";
  z-index: 2;
}

#box2:checked ~ div #eins::before {
  top: 240px;
  left: 30px;
  position: absolute;
  display: block;
  font-size: 90px;
  content:"<<";
  z-index: 2;
}
#box2:checked ~ div #drei::after {
  top: 240px;
  left: 400px;
  position: absolute;
  display: block;
  font-size: 90px;
  content:">>";
  z-index: 2;
}
#box3:checked ~ div #zwei::before {
  top: 240px;
  left: 30px;
  position: absolute;
  display: block;
  font-size: 90px;
  content:"<<";
  z-index: 2;
}
#box3:checked ~ div #vier::after {
  top: 240px;
  left: 400px;
  position: absolute;
  display: block;
  font-size: 90px;
  content:">>";
  z-index: 2;
}
#box4:checked ~ div #drei::before {
  top: 240px;
  left: 30px;
  position: absolute;
  display: block;
  font-size: 90px;
  content:"<<";
  z-index: 2;
}
#box4:checked ~ div #fünf::after {
  top: 240px;
  left: 400px;
  position: absolute;
  display: block;
  font-size: 90px;
  content:">>";
  z-index: 2;
}
#box5:checked ~ div #vier::before {
  top: 240px;
  left: 30px;
  position: absolute;
  display: block;
  font-size: 90px;
  content:"<<";
  z-index: 2;
}

.uppercasNav {
	text-transform: uppercase;
}