@charset "UTF-8";
/* CSS Document */


/*Slideshow ausgeblendet*/
#_510SlideshowDiv {position: relative;
    float: none;
    height: auto;
    margin-left:auto;
margin-right:auto;
    clear: none;
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    overflow: hidden;

}

#Slide001 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    max-height: 100%;
}

#PortfolioDiv {
    float: left;
    height: auto;
     margin: 4% 0px 2% 4.916421%;
    clear: both;
     width: 46.214356%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
   /* background-color: rgb(224, 224, 35);*/
background-color:#fff;
    min-height: 204px;
    max-width:900px;
    padding: 10px;
   -webkit-box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
    box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
}

#PortfolioDiv h2 {
font-size:1.2em;
}

#PortfolioDiv p {
line-height:1.4em !important;
}

#bildauswahlrechtsImg {
    position: relative;
    float:none;
    clear: both;
    width: 100%;
    height: auto
 }

#bildauswahlrechtsImg img {
max-width: 100%;
    
}

.ContPortfUebers {
font-size:1.3em;
}



#PortfolioDiv img {
margin: 5px;
    max-width: 100%;
border-radius:3px;
height:auto;
 -webkit-box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
    box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
}


#UebersAPTxt {
    float: left;
    font-size:1.3em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 700;
    line-height: normal;
    word-wrap: break-word;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 24px;
    color:#777;
    max-height: 24px;
}




#GFTxt {
    float: left;
    font-size:0.9em;
   line-height: 1.2em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 400;
    word-wrap: break-word;
    margin-left: 0px;
    margin-top: 25px;
    clear: both;
    min-height: 19px;
    color: rgb(76, 76, 76);
    max-height: none;
    min-width: 0px;
}

#PortfolioReDiv {
    position: relative;
    top: -10px;
    float: right;
    height: auto;
    margin: 4.818092% 4.916421% auto 0px;
    clear:none;
     width: 34.414946%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    min-height: 204px;
    max-width:600px;
    padding: 10px;
    opacity: 1;
     padding: 10px;
     -webkit-box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
    box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
}




#handysymb {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 10px;
    margin-bottom:5px;
    clear: both;
    color: rgb(0, 0, 0);
}

#TelGFNrTxt {
    float: left;
     font-size:0.9em;
   line-height: 1.2em;
    width: 85.226421%;
    height: auto;
    text-align: left;
    font-weight: 400;
    word-wrap: break-word;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom:5px;
    clear: none;
    min-height: 22px;
    color: rgb(76, 76, 76);
    max-height: none;
    min-width: 0px;
    padding-top: 3px;
}

#VerkTxt {
    float: left;
     font-size:0.9em;
   line-height: 1.2em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 400;
    word-wrap: break-word;
    margin-left: 0px;
    margin-top: 17px;
    clear: both;
    min-height: 19px;
    color: rgb(76, 76, 76);
    max-height: none;
    min-width: 0px;
}

#handysymb1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 10px;
    clear: both;
    color: rgb(0, 0, 0);
}

#TelVkNrTxt {
    float: left;
   font-size:0.9em;
   line-height: 1.2em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 400;
    word-wrap: break-word;
    margin-left: 10px;
    margin-top: 10px;
    clear: none;
    min-height: 22px;
    color: rgb(76, 76, 76);
    max-height: none;
    min-width: 0px;
    padding-top: 3px;
}

#UIDTxt {
    float: left;
      font-size:0.9em;
   line-height: 1.2em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 400;
    word-wrap: break-word;
    margin-left: 0px;
    margin-top: 17px;
    clear: both;
    min-height: 23px;
    color: rgb(76, 76, 76);
    max-height: none;
    min-width: 0px;
}

#KammerTxt {
    float: left;
       font-size:0.9em;
   line-height: 1.2em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 400;
    word-wrap: break-word;
    margin-left: 0px;
    margin-top: 13px;
    clear: both;
    min-height: 33px;
    color: rgb(76, 76, 76);
    min-width: 0px;
}

#FirmenbuchTxt {
    float: left;
      font-size:0.9em;
   line-height: 1.2em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 400;
    word-wrap: break-word;
    margin-left: 0px;
    margin-top: 17px;
    clear: both;
    min-height: 33px;
    color: rgb(76, 76, 76);
    min-width: 0px;
}

#GoogleMapsDiv {
    float: left;
    height:300px;
    width: 100%;
	margin-top:10px;
    margin-right:0%;
    clear: both;
    width: none;
    background-color:#e3e3e3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 3px;
    overflow: hidden;
    padding: 0px;
    bord3r:5px solid #ccc;
}

#GoogleMapsDiv iframe {
width:100%;
    height:none;
    max-height:280px;
}

#text {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 5px auto;
    clear: none;
    min-height: 26px;
    min-width: 0px;
    overflow: hidden;
    padding: 0px;
}


/*Video */
#PortfolioDivMedien1 {
    position:relative;
    float:left;
    clear: left;
    height:auto;
     margin: 4% 0px 2.949853% 4.916421%;
     width: 46.214356%;
    min-width: 46.214356%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    max-width:600px;
    padding: 10px;
     -webkit-box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
    box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
}

#PortfolioDivMedien1 iframe { 
width:100%;
    height:auto;
        min-height: 350px;
    border-radius: 3px;
}

/*Soundcloud*/
#PortfolioDivMedien2 {position: relative;
    top: -10px;
    float:right;
    height: auto;
     margin: 4.818092% 4.916421% 2.949853% 0px;
    clear:none;
     width: 34.414946%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    min-height: 204px;
    max-width:600px;
    padding: 0px;
    opacity: 1;
     padding: 10px;
     -webkit-box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
    box-shadow: rgb(221, 221, 221) 1px 1px 3px 1px;
}


#PortfolioDivMedien2 iframe { 
width:100%;
    height:none;
}



@media only screen and (max-width: 960px) {
	 #_510SlideshowDiv {
        max-width: 100%;
    }
	
    #PortfolioDiv {
        width: 90%;
    }
    
    #GoogleMapsDiv {
      float: left;
    height:0px;
    margin: 0%;
    clear: both;
    width:100%;
    min-height:auto;
    background-color:#fff;
    padding:0%;
        visibility: hidden;
    }

    #PortfolioReDiv {
        width: 90%;
        float:none;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        min-height:inherit;
        max-height:none;
    clear: both;
     width:auto;
        max-width: 90%;
      
    }
    
    /*Video */
#PortfolioDivMedien1 {
    float:none;
    clear:both;
    margin-left: auto;
    margin-right: auto;
     width: 90%;
    max-width:90%;
}

#PortfolioDivMedien1 iframe { 
width:100%;
    height: 480px;
}

/*Soundcloud*/
#PortfolioDivMedien2 {position: relative;
   float:none;
    clear:both;
    margin-left: auto;
    margin-right: auto;
     width: 90%;
    max-width:90%;
}


#PortfolioDivMedien2 iframe { 
width:100%;
    height:auto;
    min-height: 500px;
}

    
}


@media only screen and (max-width: 650px) {
     #PortfolioDiv {
         position: relative;
         clear: both;
        width: 100%;
         margin: -40px 0px 0px 0px;
           padding: 20px;
     -webkit-box-shadow: rgb(211, 211, 211) 0px 0px 0px 0px;
    box-shadow: rgb(211, 211, 211) 0px 0px 0px 0px;
     }
    
    #PortfolioReDiv {
    float:none;
    height:auto;
    margin-left: auto;
        margin-right: auto;
    clear:both;
     width:100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    min-height: 104px;
    max-width:100%;
    padding: 20px;
    opacity: 1;
     -webkit-box-shadow: rgb(221, 221, 221) 0px 0px 0px 0px;
    box-shadow: rgb(221, 221, 221) 0px 0px 0px 0px;
}

    
     /*Video */

#PortfolioDivMedien1 iframe { 
width:100%;
    height: 230px;
}

/*Soundcloud*/


#PortfolioDivMedien2 iframe { 
width:100%;
    height:auto;
    min-height: 500px;
}

    
}


@media only screen and (max-width: 570px) {

    #bildauswahlrechtsImg {
    position: relative;
    float:none;
    clear: both;
    width: 100%;
    height: auto;
 }

#bildauswahlrechtsImg img {
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    
}
    

   #LayBottomDivNav2 {
       z-index: 5000;
       position:absolute;
       top: -20px;
       left: 0px;
    float:left;
       clear: both;
    padding: 0px;
    margin: 0px;
width: 100%;
    text-align: center;
       -webkit-transition-property: all;
      -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
    

    
	
}