@import url('../fonts/stylesheet.css');

body {
 font-family: 'source_sans_proregular', sans-serif;
 width:100%; height:100vh;
font-size:13px;
}
#cookieChoiceInfo {position:fixed;font-family: Arial,helvetica,sans-serif ;   z-index:9999999999999999999999999999; width:100%;background-color:#eee;margin:0; left:0; bottom:0;padding: 10px 0px 10px 0px;z-index:1000;text-align:center; font-size:15px; line-height:130%;
                          -webkit-box-shadow: 0px -2px 25px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:    0px -2px 10px 0px rgba(50, 50, 50, 0.5);box-shadow:         0px -2px 10px 0px rgba(50, 50, 50, 0.5);
       }
       #cookieChoiceInfo a { color:#000; text-decoration:underline;}
       #cookieChoiceInfo a#cookieChoiceLink {}
       #cookieChoiceInfo a#cookieChoiceDismiss { position:absolute; top:10px; right:10px; margin:0px;  }

#inhaltLi{ margin-bottom:70px;padding-right:60px;} 

h1,h2,h3,h4,h5,p {font-weight:normal;line-height:120%;}
#inhaltLi p{line-height:170%}
strong {font-weight:700; }
p {font-size:15px;}
h1 {margin-bottom:30px;font-size:25px;}
h2 {margin-top:40px;font-size:20px;font-weight:normal;}
h3 {margin-top:30px;}
a { color:#111; text-decoration:underline;}
.clear {clear:both;}

#myContainer { width:100%; height:500px; margin:0px 0px 15px 0px ; border:1px solid #696969; background:#FFFFFF; }
#Bildunterschrift {margin-bottom:40px;}
#Bildunterschrift p{line-height:100%;font-size:15px; margin-bottom:3px;}

#Marginal h2,#Marginal h3,#Marginal h4 {margin-top:0px; margin-bottom:20px; line-height:100%;}
#Marginal h4 {font-size:20px;}
#Marginal p {font-size:13px;}
div {border: 0px solid #f99;}

.logoM {width:80%;max-width:220px; margin-bottom:30px;margin-top:-25px;}
.logoM2 {height:70px;margin-bottom:0px;margin-top:-30px;margin-right:30px;}

a[name] {
    position:relative;
  top: -200px!important; 
    display: inline-block; /* required for webkit browsers */
}

#Logo_menu {position:fixed;width:100%; top:0px; z-index:99999999}

#KopfBild { height:50vh; overflow:hidden;  width:100%;  position:fixed;  
            border:0px solid green; background-image:url('../img/bgstart2.jpg'); background-position:left center; 
            background-repeat:no-repeat; background-size:cover; z-index:99999999;}
#Kopf{height:50vh; width:100%;  position:fixed; border:0px solid #f00; z-index:99999999;  }

#inhalt {position:relative; z-index:1; margin-top:50vh; margin-top:40px; padding-top:69px; width:100%; background-color:#fff; height:100vh;}
#logo {margin:0px;    padding:0px 20px 20px 20px ;}
#logo {margin:0px; max-height:118px; height:118px;min-height:100px;}

#seite #inhalt{top:100px;}
#KopfBild{height:130px;}
#Kopf {height:130px;}

#footer {background-color:#fff; border-top:2px solid #86B1DD; margin-top:50px; padding-top:40px; padding-bottom:40px; }
#footer img {margin-right:15px;margin-bottom:10px;}

p#breadcrump {color:#111; margin-bottom:40px;font-size:13px; font-weight:700;text-transform:uppercase;margin-top: 0px;}
p#breadcrump a {color:#86B1DD; padding-right:8px; text-decoration:none;}
p#breadcrump a i { padding-right:8px;}

ul.liste {margin:0px; list-style:none; padding:0px;}
ul.liste li { line-height:100%;margin:0px; padding:0px; margin-bottom:10px;   }
ul.liste li:before { content:"\f0da \00a0"; font-family:FontAwesome;}

#logoleiste img { margin-bottom:40px;}

.sf-menu li,.sf-menu li a,.sf-menu li:hover {background-color:transparent; border:none; padding:0px; font-size:13px;text-transform:uppercase;font-weight:700;}
.sf-menu li a { padding:0px 20px 0px 20px; color:#fff;}

#MenuCol ul {float:right; height:40px; color:#111;padding:9px 10px 0px 10px }
#MenuCol a { color:#fff; font-size:13px;}

.royalSlider {margin-top:-50px; width:100%;}
.royalSlider img {width:100%;}

.bg-kopf {background-color:#eef5fa;}

#katalog1 li ,#katalog1 li a  { color:#111;}
#katalog1 li.aktiv, #katalog1 li.aktiv a  {color:#86B1DD;}

/*#katalog {background-color:#deebf6; margin-top:50px; padding:20px; font-size:14px;}
#katalog ul,#katalog ul li { margin:0px; padding:0px; list-style:none;}
#katalog ul li { padding:2px 0px 2px 20px;}
#katalog ul li ul {display:none;}*/

#katalog_wolke { display:block; background-color:#111!important;font-family:'Arial Rounded MT'}
#katalog_wolke ul { list-style:none; margin:0px; padding:0px;} 
#katalog_wolke li {  width:auto; margin:0px; padding:0px;}
#katalog_wolke a {  float:left;   width:auto; border:0px solid #f00;  color:#fff;}

/*#katalog_wolke ul li ul {display:none;}*/
#katalog_wolke li a {text-transform:uppercase;font-size:1.2em; padding:0px 5px 0px 5px ;}
#katalog_wolke li ul li a {text-transform:inherit;font-size:1em;padding:3px 7px 3px 7px ;}

#katalog1.datierung li {float:left;padding-right:10px;}

/**/
#MenuKat { float:left;  white-space:nowrap; overflow:auto;  height:57px;   border:0px solid blue; padding-top:10px;  }
#MenuKat  span {border:0px solid #f00;   padding:10px;  }
#MenuKat div { float:left;}
#MenuKat a {color:#fff;text-decoration:none;}
 
#katalog { text-transform:uppercase; /*font-variant:small-caps;*/ font-size:12px;font-weight:700; }
 
.AbbKasten {/*width:24%; float:left;margin-right:1%; border-left:1px  solid #ccc; border-top:1px  solid #ccc; */padding:10px; /*min-height:280px;*/  font-size:14px; line-height:120%;margin-bottom:0%;
           
}
/*.AbbKasten:first-child {border-top:1px solid #ccc;}*/

.AbbKasten h2 {margin:0px; line-height:100%;}
.AbbKasten .abb{ width:80%;margin-bottom:10px;float:left; }
.AbbKasten .abb img { width:100%;}
#katRe,#katLi {cursor:pointer;}
#katLi{float:left; padding:0px 10px 0px 7px; margin-top:6px;  border:1px solid #fff;}
#katRe{float:right; padding:0px 7px 0px 10px; margin-top:6px;  border:1px solid #fff!important;}
#KatBez{float:left; background-color:#86B1DD; padding:10px 0px 0px 10px;margin-right:10px;  color:#fff;}
#KatBez a {color:#fff; text-decoration:none;}
.sf-menu ul li { background-color:rgb(89, 184, 135);}
.sf-menu ul li:hover { background-color:rgb(89, 184, 135);}
.sf-menu ul li:hover a:hover { text-decoration:underline;}
.sf-menu ul{box-shadow:none;}


#MenuKat {width:85%;margin-left:2%;}
#KatBez {width:8%; font-size:13px!important;}
#katRe, #katLi {width:2.5%;  }
#KatRow {height:40px;  overflow:hidden; z-index:999999999999999; position:relative;}
#MenuCol #RespMenue {display:none; float:right; margin-top:15px;color:#fff;font-size:10px;margin-right:10px;    }

#RespLang {float:right; line-height:130%;margin-left:20px; margin-top:2px; font-weight:bold; }
#RespLang a {text-decoration:none;font-size:18px;}

#RespMenueUL { display:none;  list-style:none; padding:0px 0px 0px 0px ; margin:-70px 0px 20px 0px ;  border-bottom:1px solid  #ccc; }
#RespMenueUL li {list-style:none; margin:0px; padding:0px 0px 0px 0px ; width:100%; border-top:1px solid #ccc; }
#RespMenueUL li ul  {list-style:none; margin:0px; padding:0px 0px 0px 0px ; }
#RespMenueUL li ul  li {padding:0px 0px 0px 30px ; }
#menueResponsiv {margin:0px; padding:0px;}
#menueResponsiv a {margin:0px; padding:5px 0px 5px 10px ; display:block; text-decoration:none;}
#breadcrump {margin-top:30px;}

#inhaltStart { position:absolute; z-index:1; top:50vh; margin-top:90px; padding-top:0px; width:100%; background-color:#fff; height:100vh;}

#marginalStart ul {padding-left:10px;}
#marginalStart ul li {padding: 0px 5px 5px 0px;}
#marginalStart img {width:55%;max-width:300px;margin-bottom:10px;}
#marginalStart .bu{font-size:13px;}

#logofooter{ text-align:right;}
#logofooter #logo1 { height:70px;}
#logofooter #logo2 {height:30px;}
#logofooter #logo3 { height:30px;}
#logofooter #logo4 { height:35px;}
#logofooter1 #logoWrm{ height:60px;}
#logofooter1 #logokoeln { height:50px;}


.royalSlider{width: 100%!important;}
      .contentSlider {  width: 100%;}

.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {  background: #eee;  color: #000;}

.contentSlider .rsSlide,.contentSlider .rsOverflow {  background: #eee;}
.contentSlider h3 {  font-size: 24px;  line-height: 31px;  margin: 12px 0 8px;  font-weight: bold;}
.contentSlider img {   height: auto;  display: block;}
.content-slider-bg {  width: 86%;  padding: 24px 7%;  background: #eee;}
.rsDefault .rsThumb.rsNavSelected {    background: none;}
.rsDefault .rsThumbsHor {    width: 100%;    height: 100px;    padding-top:20px;}
.contentSlider p {padding: 0px 20px 20px 20px!important;}  
.rsImg.bildQuer {max-width:700px!important;float:left;width:70%; margin-right:20px; margin-bottom:20px;}
 
.rsDefault .rsThumbsHor {

    height: auto!important;

}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {

    background: #fff!important;
    color: #111!important;

}
@media (min-width: 576px) {
    /*body {border-left:10px solid red;}*/

    #MenuKat {width:65%; margin-left:1.5%;}
    #KatBez {width:15%;}
    #katRe, #katLi {width:5.5%; display:inherit; float:left;}
    #katRe {  float:right;}

    .rsImg.bildQuer {max-width:700px!important;float:left;width:100%; margin-right:20px;}


}

@media (min-width: 768px) {
    /*body {border-left:10px solid green;}*/

    #MenuKat {width:74%; margin-left:1.5%;}
    #KatBez {width:11%;}
    #katRe, #katLi {width:4%;}
    
    #MenuCol ul { height:30px;  padding:8px 10px 0px 9px }
    /*#MenuCol a {   font-size:12px;}*/
    .sf-menu li a {  padding: 0px 10px 0px 10px; }

        .rsImg.bildQuer {max-width:700px!important;float:left;width:70%; margin-right:20px;}


}

@media (min-width: 992px) {
    /*body {border-left:0px solid yellow;}*/

    #MenuKat {width:80%; margin-left:1.5%;}
    #KatBez {width:9%;}
    #katRe, #katLi {width:3%;}
}

 @media (min-width: 1200px) {
    /*body {border-left:0px solid blue;}*/

 }
   @media (max-width: 767px){
          #inhaltStart { margin-top:80px; top:50vh;}
    #RespMenueUL {margin-top:0px;}

        #MenuCol ul {display:none; }
    #MenuCol #RespMenue, #RespMenueUL {display:inherit;}
    
        #inhaltLi{ margin-bottom:70px;padding-right:inherit;} 

  }

 @media (max-width: 575px){
     #katalog1 {}
    #logofooter{ text-align:left;}
    #logofooter #logo1 { height:inherit; display:block;margin-bottom:20px; width:50%;}
    #logofooter #logo2 {height:inherit; display:block;margin-bottom:20px;width:50%;}
    #logofooter #logo3 { height:inherit; display:block;margin-bottom:20px;width:50%;}
    #logofooter #logo4 { height:inherit; display:block;margin-bottom:20px;width:50%;}
    #logofooter #logoWrm{ height:inherit; display:block;margin-bottom:20px;width:50%;}
    #logofooter #logokoeln { height:inherit; display:block;margin-bottom:20px;width:50%;}


    .rsImg.bildQuer {max-width:700px!important;float:left;width:100%; margin-right:20px;}


    /*body {border:10px solid blue;}*/

    /*#MenuKat { float:none; white-space: normal; height:auto;padding-bottom:10px;}*/
    /*#KatBez {float:none;}*/
    /*#katRe, #katLi {float:none; display:none;}*/
    /*#KatRow {height:auto;  overflow:inherit;}*/
    /*#MenuKat div { float:none;}*/
    /*#MenuKat  span {   padding:10px 15px 10px 0px;  white-space:nowrap;}*/
    /*#MenuKat  span:before {content:' ';}*/

        body {border-left:0px solid red;}
    #MenuKat {width:60%; margin-left:1.5%;}
    #KatBez {width:20%; padding-left:0px; }
    #katRe, #katLi {width:5.5%; display:inherit; float:left; padding:0px 2px 0px 2px ;}


        #KopfBild { height:110px!important;  }
        #Kopf{height:110px!important;   }
        #logo {  max-height:58px; height:58px; margin-top:-10px;}

        #inhaltStart { margin-top:0px; top:180px;}
        #RespMenueUL {margin-top:0px;}
        #katRe {  float:right;}

        #katalogInh { padding:0px 5px 0px 10px ;}
        /*#inhaltStart {top:20px;}*/
        p#breadcrump {  margin-top:0px;}

 }