/*
 * blossommagic.de
 * Author: Tanja Werner
 * gite-le-sabatou.com
 * la-grange-de-cezac.com
 */
 
html, body, div, span, item, media, nav, navbar, navbar-brand,card
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abc, news, img, small,
strike, strong, i, center, ul, li, form,table, tr, th, td,
article, aside, canvas, details, embed,
footer, header,menu, video { margin: 0; padding: 0; }
 
 
@font-face { font-family: "ArchitectsDaughter";
  src: url(../fonts/ArchitectsDaughter.ttf); }
@font-face { font-family: "Montserrat-Bold";
  src: url(../fonts/Montserrat-Bold.ttf); }
@font-face { font-family: "Roboto-Regular";
  src: url(../fonts/Roboto-Regular.ttf); }
@font-face { font-family: "Roboto-Italic";
  src: url(../fonts/Roboto-Italic.ttf); }

  
body {
  background: rgb(35,63,44);
  font-family: "Roboto-Regular";
  color: rgb(255,255,255);
  font-size: 16px; }

h1, h2, h3, h4, h5, h6 {font-family: "Montserrat-Bold"; }

.container-fluid { padding: 0; }

.card { border: none;  border-radius: 0; }
.card img { border-radius: 0; }/*wenn del, haben alle cards border+runde ecken*/


header {
  margin-top:70px; padding: 16px;text-align: center;
  background: rgb(35,63,44); }
  
header h1.logo {
    padding-bottom: 10px;
    font-size: 18px; font-family: "ArchitectsDaughter";
    color: rgb(255,255,255); }/*dunkel-gruen--angaben gilt für alles!!*/
header h3.logo {
    padding-top: 1px;
    font-size: 16px; font-family: "ArchitectsDaughter";
    color: rgb(255,255,255); }
footer h3.logo {
    padding-top: 1px;text-transform: uppercase;
    font-size: 20px;font-family: "ArchitectsDaughter"; }/*lamagiedesfleurs - gross*/ 

    
@media (min-width: 720px) {
      header h1.logo { font-size: 30px; }
      header h3.logo { font-size: 20px; } 
      footer h3.logo { font-size: 20px; }}  
@media (min-width: 1260px) {
      header h1.logo { font-size: 35px; }
      header h3.logo { font-size: 25px; } 
      footer h3.logo { font-size: 22px; } }
@media (min-width: 1600px) {
       header h1.logo { font-size: 45px; }
       header h3.logo { font-size: 25px; }
       footer h3.logo { font-size: 40px; } }

       

header .navbar-brand {
    font-size: 20px !important;
    font-family: "ArchitectsDaughter";
    color: #028002; }
header .navbar ul { background-color: rgb(255,255,255, 0.6); border-radius: 10px;}
header .navbar li.nav-item a.nav-link {
    font-size: 10px !important;
    text-transform: uppercase;
    font-family: "ArchitectsDaughter";
    color: #028002;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
header .navbar .nav-item:hover .nav-link,
header .navbar li.nav-item active a .nav-link {
    font-size: 10px !important;
    border-radius: 10px;
    color: #006600;
    border-style: solid;
    border-width: 1px;
    border-radius:10px;
    background-color: #ffffff;}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */
 
    
.active {border-radius: 10px;
         color: #ffffff;
         background-color: #00ff00;}

   
@media (min-width: 720px) {
      header .navbar li.nav-item a.nav-link,
      header .navbar .nav-item:hover .nav-link,
      header .navbar li.nav-item active a .nav-link
      {font-size: 15px !important; } }
@media (min-width: 960px) {
      header .navbar li.nav-item a.nav-link,
      header .navbar .nav-item:hover .nav-link,
      header .navbar li.nav-item active a .nav-link
      { font-size: 18px !important; } }  
@media (min-width: 1260px) {
      header .navbar li.nav-item a.nav-link,
      header .navbar .nav-item:hover .nav-link,
      header .navbar li.nav-item active a .nav-link
      { font-size: 22px !important; } }    

    
header .card { color: #ffffff; }
  header .card hr { margin-top: 5px; width: 40px;
                      border: 1px solid #ffffff; }
  header .card p { margin-top: 3px; font-size: 15px;
                    font-family: "ArchitectsDaughter";
                    text-transform: uppercase;}
  header .card h4 { font-size: 14px; margin: 5px auto; }
  header .card h5 {font-size: 12px; margin: 5px auto; }
  header .card h6 {font-size: 10px; margin: 5px auto; }
      
  header .card a.btn { color: #00FF00; font-size: 13px;
                     font-family: "ArchitectsDaughter";                     
                     margin-top: 18px; border-radius: 5px; }
  header .card a.btn h3 {font-size: 22px; margin: 5px auto;
                    font-family: "ArchitectsDaughter"; } 
  header .card a:hover, card a.btn h3:hover { background: #ffffff;
                     color: #03133a; }
    
    @media (min-width: 400px) {
     header .navbar li.nav-item a.nav-link {font-size: 15px; }
     header .card p { font-size: 20px;} 
     header .card h4 { font-size: 20px; }
     header .card h5 { font-size:12px; }
     header .card h6 { font-size:14px; } 
     header .card a.btn { font-size: 13px; } }
    
    
     
   @media (min-width: 600px) {
     header .navbar li.nav-item a.nav-link {font-size: 15px; }
     header .card p { font-size: 20px;} 
     header .card h4 { font-size: 20px; }
     header .card h5 { font-size:18px; }
     header .card h6 { font-size:14px; } 
     header .card a.btn { font-size: 13px; } }
     
      @media (min-width: 720px) {
     header .navbar li.nav-item a.nav-link {font-size: 15px; }
     header .card p { font-size: 20px;} 
     header .card h4 { font-size: 20px; }
     header .card h5 { font-size:16px; }
     header .card h6 { font-size:14px; } 
     header .card a.btn { font-size: 10px; }
     header .card a.btn h3 { font-size: 14px; } }
   
    @media (min-width: 960px) {
     header .navbar li.nav-item a.nav-link {font-size: 18px; }
     header .card p { font-size: 24px; } 
     header .card h4 { font-size: 22px; }
     header .card h5 { font-size: 18px; }
     header .card h6 { font-size: 16px; }
     header .card a.btn { font-size: 14px; }
     header .card a.btn h3 { font-size: 20px; } }  
         
   @media (min-width: 1260px) {
     header .navbar li.nav-item a.nav-link {font-size: 18px; }
     header .card p { font-size: 24px;} 
     header .card h4 { font-size: 22px; }
     header .card h5 { font-size: 18px; }
     header .card h6 { font-size: 16px; }
     header .card a.btn { font-size: 14px; }
     header .card a.btn h3 { font-size: 22px; } }
        
   @media (min-width: 1600px) {
    header .navbar li.nav-item a.nav-link {
    font-size: 25px; }
     header .card p { font-size: 50px; } 
     header .card h4 { font-size: 35px; }
     header .card h5 { font-size: 30px; }
     header .card h6 { font-size: 26px; }
     header .card a.btn {font-size: 22px; }
     header .card a.btn h3 { font-size: 24px; } }



   
     
.owl-carousel {
  width: 90%;
  margin: 0 auto;}

.owl-prev { left: -30px;}
.owl-next { right: -30px;}
.owl-prev, .owl-next { position: absolute; top: 30%;}
.owl-prev span, .owl-next span { font-size: 60px; color: #787878;}
.owl-theme, .owl-nav [class*="owl-"]:hover {background-color: transparent;}
.owl-carousel .owl-item img {
    height:auto;
    width:100%; }
.owl-carousel .item { margin:0px;}



hr { margin-top: 8px;
     width: 100px;
     border: 1px solid #ffffff; }
      
bilder1 h2  {
    padding: 14px !important;
    font-size: 24px;
    font-family: "ArchitectsDaughter";
    padding: 6px; }
    
bilder1 .owl-carousel .card p {
  
  font-size: 12px;
  font-family: "Montserrat-Bold";}
  
  @media (min-width: 1260px) {
    bilder1 h2  {
    font-size: 35px;
    font-family: "ArchitectsDaughter";
    padding: 6px; }
   bilder1 .owl-carousel .card p {
     font-size: 18px;
     font-family: "Montserrat-Bold";} }
     

.light-bg {background: #f7f7f7; }
.home-news .abc img {width: 100%; }

.home-news a.btn, .card a, a.btn {
  background-color: opacity;
  color: #00FF00;
  font-size: 14px;
  font-family: "ArchitectsDaughter";
  margin-top: 10px;
  border-radius: 5px; }
.home-news a.btn:hover, .card a.btn:hover{
    background: rgb(255,255,255,0.5);
    color: #03133a; }
  
.home-news p {
    font-size: 13px;
    color: #444444; }
.home-news p small {
    font-size: 11px;
    color: #03133a;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px; }
.home-news h3 {
    font-size: 18px;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 15px; }
.home-news .abc {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }
  .home-news .abc img {
    width: 100%; }   
    
@media (max-width: 767px) {
  .home-news .col-md-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important; } }

 @media (min-width: 720px) {
     .home-news p { font-size: 14px; }
     .home-news p small { font-size: 11px;} 
     .home-news h3 { font-size: 18px; }
     .home-news a.btn, .card a, a.btnheader .card h5 {font-size:16px;} }
     
      @media (min-width: 960px) {
     .home-news p { font-size: 15px; }
     .home-news p small { font-size: 11px;} 
     .home-news h3 { font-size: 18px; }
     .home-news a.btn, .card a, a.btnheader .card h5 {font-size:16px;} }

    @media (min-width: 1600px) {
     .home-news p { font-size: 18px; }
     .home-news p small { font-size: 16px;} 
     .home-news h3 { font-size: 22px; }
     .home-news a.btn, .card a, a.btnheader .card h5 {font-size:18px;} }
  
.home-news .padd {
  padding: 20px; }/*padding home-news text*/
.home-news .padd2 {
  padding: 40px 20px 20px 20px; }/*padd home ! mit Pfeil*/
.home-news .card {
  height: 100%; }
.home-news .card img {
    width: 100%; }/*höhe 100 mit rechts*/
.home-news .cus-arrow-left::before, .home-news .cus-arrow-up::before {
  position: absolute;
  content: "";
  border: 20px solid transparent; }
.home-news .cus-arrow-left::before {
  border-color: transparent #f7f7f7 transparent transparent;
  left: 0;
  margin-left: -40px;
  top: 20px; }
@media (max-width: 991px) {
  .home-news .cus-arrow-left {
    padding-left: 15px;
    padding-right: 15px; }
    .home-news .cus-arrow-left::before {
      border-width: 15px;
      border-color: transparent transparent #f7f7f7 transparent;
      margin-top: -50px;
      left: 50px; } }
.home-news .cus-arrow-up::before {
  border-width: 15px;
  border-color: transparent transparent #f7f7f7 transparent;
  margin-top: -70px;
  left: 20px; }
.home-news .contact-box {
  background: #f7f7f7;
  display: inline-block;
  max-width: 382px;
  padding: 20px 20px 20px 20px;
  position: absolute;
  left: 0;
  bottom: 0; }
  .home-news .contact-box::after {
    position: absolute;
    content: "";
    border: 15px solid transparent;
    border-color: #03133a;
    right: 0;
    top: 0; }
    
bilder2 h2  {
    padding: 14px !important;
    font-size: 24px;
    font-family: "ArchitectsDaughter";
    padding: 6px; }
    
  @media (min-width: 1260px) {
    bilder2 h2  {
    font-size: 35px;
    font-family: "ArchitectsDaughter";
    padding: 6px; }}
  
  
 .recent-news .card-img-overlay {
  background-color: rgba(0, 0, 0, 0.20);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s; }
  .recent-news .card-img-overlay .top-area, .recent-news .card-img-overlay .bottom-area {
    display: none; }/*weg ohne Maus-aus*/
  .recent-news .card-img-overlay:hover {
    background-color: rgba(0, 0, 0, 0); }
    .recent-news .card-img-overlay:hover .top-area, .recent-news .card-img-overlay:hover .bottom-area {
      display: block; }
.recent-news .top-area {
  background-color: rgba(0, 0, 0, 0.612);
  position: absolute;
  display: block;
  padding: 10px;
  left: 0;
  right: 0;
  top: 0; }
  .recent-news .top-area .fa-heart {
    color: #777777; }
.recent-news .bottom-area {
  position: absolute;
  display: block;
  padding: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  font-family: "Roboto-Italic";
  background-color: rgba(0, 0, 0, 0.612); }
  .recent-news .bottom-area h4 {
    font-size: 12px; }
    
    
footer .nav-fill {font-family: "Montserrat-Bold";font-size:14px;
    max-width: 600px; }
    footer .nav-fill a {color:#03133a ; }
    footer .nav-fill li:hover a {color: #0744dd; }
  
 
    
 /*-- NEWS--*/ 
   
  .news hr {background-color: #03133a; width: 60px;  height: 2px; }
  .news hr.klein { background-color: #bbbbbb; width: 40px;  height: 2px; border: none; }
  
  .news h3 {font-size: 16px !important;  margin: 14px 0; }
  .news p { line-height: 1.5; margin: 20px 0; font-size: 12px !important;}
  
  @media (min-width: 576px){
  .news h2 {font-size: 10px;}
  .news .media-body h4 {font-size: 10px;}}
 
  
  /*-- bm-content--*/   
.bm hr {background-color: #ffffff; width: 60px;  height: 2px; border: none; margin: auto;  margin-bottom: 14px; margin-top: 14px;}
.bm hr.dunkel { background-color: #888888; width: 60px;  height: 2px; border: none; margin: auto; margin-bottom: 14px; margin-top: 14px;}

.bm .nav-fill {max-width: 320px; }

.bm a.btn { width: 180px; color: #00FF00; border-radius: 5;
            font-family: "ArchitectsDaughter";
            font-size: 12px; margin: 10px auto; }
.bm a.btn:hover { background: #ffffff; color: #03133a;}



.bm .card a h6.druck{color: #ffff66; font-family: "Roboto-Regular";
                font-size: 12px; margin: 10px auto; }
.bm .card a h6.druck:hover { background: #ffffff; color: #03133a;}



.bm h2 {font-size: 18px; padding: 5px; text-align: center;}   
.bm h3 {font-size: 18px; padding: 5px; text-align: center;}
.bm h4 {font-size: 22px;font-family: "ArchitectsDaughter";text-align: center;}
.bm h5 {font-size: 14px;font-family: "ArchitectsDaughter";text-align: center;}
.bm h6 {font-size: 12px;font-family: "ArchitectsDaughter";text-align: center;}
.bm p {font-size: 12px; text-align: center; }

.bm .fs-35{ font-size: 18px; font-family: "ArchitectsDaughter";} 
.bm .tx-10{ font-size: 16px; font-family: "Roboto-Regular";text-align: center;} 
.bm .followme{ font-size: 22px; font-family: "Roboto-Bold";text-align: center;}

.bm .media {background: #ffffff; color:#006600;} 
.bm .media h4 {font-family: "Montserrat-Bold"; font-size: 12px; color: #777777;}
.bm .media h3 {font-family: "Montserrat-Bold"; font-size: 12px; color: #00FF00;}
.bm .media a p {font-size: 12px; text-align: center; font-family: "Roboto-Regular"; color: #000000;}

 @media (min-width: 576px){
.bm h3 {font-size: 17px; padding: 8px;}
.bm h4 {font-size: 12px;}
.bm h5 {font-size: 15px;}
.bm h6 {font-size:14px;}
.bm p {font-size: 16px;}
.bm .media a p {font-size: 16px;}
.bm .fs-35{ font-size: 20px;}
.bm .media-body h4 {font-size: 16px ; }}
 
 @media (min-width: 720px){
.bm h3 {font-size: 18px;}
.bm h4 {font-size: 18px;}
.bm h5 {font-size: 22px;}
.bm h6 {font-size: 20px;}
.bm p {font-size: 16px;}
.bm .media a p {font-size: 14px;}
.bm .fs-35{ font-size: 20px;}
.bm .media-body h4 {font-size: 16px ; }
.bm .media-body h3 {font-size: 20px ; }}
 
 @media (min-width: 1260px){
.bm h2 {font-size: 35px;}
.bm h3 {font-size: 25px;}
.bm h4 {font-size: 24px;}
.bm h5 {font-size: 20px;}
.bm h6 {font-size: 17px;}
.bm .media a p {font-size: 14px;}
.bm .fs-35{ font-size: 30px;}
.bm .media h4 {font-size: 16px;}
.bm .media h3 {font-size: 20px;}}




 #summary {font-size: 14px; line-height: 1.5; margin: 8px; max-width: 1400px; text-align: center; }

  #summary div.collapse:not(.show) {
    height: 47px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

#summary div.collapsing { min-height: 42px !important;}

#summary p.collapse:not(.show) {
    height: 47px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

#summary p.collapsing { min-height: 42px !important;}


#summary a.collapsed:after  {color: #00ff00; content: '+ en savoir plus';}

#summary a:not(.collapsed):after { content: '- lire moins'; }
  
  
    
  #summary figure.links {vertical-align:middle;margin: 20px;overflow:auto; float:left;} 
   
  #summary figure.rechts {vertical-align:middle;margin: 20px;overflow:auto; float:right;} 
 
  #summary figure.mitte {margin: 10px;overflow:auto; float:left;}

.sidebar .owl-carousel5 nav li.nav-item a.nav-link {margin:0; 
  color: #00ff00;
  padding-right: 0.5rem;
  padding-left: 0.5rem;}
.sidebar .owl-carousel5 .nav .nav-item:hover .nav-link, {
    border-radius: 10px;
    color: #ffffff;
    background-color: #afd3bd;}
 
.sidebar .owl-dots button {width:auto !important;}
.sidebar .owl-nav {width:auto !important;}


.erk {  display:block; position:absolute;
        left:545px;
        width:550px; height:550px;
        background:transparent;
        font:normal 0.9em Arial,Sans-Serif;
        text-align:center; color:white;}
.erk h2 {padding-top:20px;}
.erk p {padding-top:80px;line-height:32px;}

.bilder {display:block; position:relative; padding: 15px;
        max-width:1500px; min-height:580px;
        background: rgb(35,63,44);} /*ganzer container*/

.bilder img{border:none;}

.bilder ul, .bilder ul ul{list-style:none;
        margin:0; padding:0; width:520px;}/*kategorien untereinander*/

/*.bilder ul li{ 
        width:520px;
        float:left;
        background:#BBBBBB;} /* pink-l table*/

/*.bilder ul li a.tumbs, {
        display:block;
        text-decoration:none;
        text-align:left;
        font:normal 14px Verdana,Arial,Sans-Serif;
        color:black;
        height:31px;
        line-height:31px; 
        background:#bbbbbb; } /*pink ?? passiert gar nichts bei delete*/

.bilder table{
        margin:0 0 1px 0;
        padding:0;
        display:none;
        background:#AAAAAA;} /*table einzeln graugruen*/

.bilder ul li a.tumbs:hover,
.bilder ul li:hover a.tumbs{
        background:transparent;
}

.bilder ul :hover ul{
        width:520px;  
        max-height:320px;
        overflow:visible;
        margin:0;
        background:#66ff33;}/*hell-gruen unter tumbs-bilder*/

.bilder ul :hover table{
        display:block;
        margin-top:-2px;
        padding:0; border-radius: 5px;}/*???rand tumbs*/

.bilder ul :hover ul li{float:left;display:inline;
        height: 100px; width:auto;
        margin:3px 0px 3px 3px;
        background:#ccc;
        -moz-box-shadow:1px 1px 2px #444;
        -webkit-box-shadow:1px 1px 2px #444;
        box-shadow:1px 1px 2px #444;} /*tumbs- row*/

.bilder span{
        display:none;
        width:auto;
        height:550px;
        background:#BBBBBB;}

.bilder span img{display:block;
        width:100%;
        height:auto;}

.bilder ul ul li a:hover span{
        display:block;
        position:absolute;
        left:545px;
        top:15px; z-index:90;}
        
        
.bilder span.text{
        display:none;
        width:auto;
        max-height:550px; width: auto;
        background:transparent;}/*komisches pink*/

.bilder span.text img{
        display:block;
        margin:auto;
        max-height:550px;}

.bilder ul ul li a:hover span.text{
        display:block;
        position:absolute;
        left:1100px;
        top:15px; right: 15px;padding: 10px;
        z-index:90;}
       
.bilder img.vor{
        display:block;
        max-height:100px;
        border:2px solid #bbb;
        margin:0 auto;}

.bilder ul ul a:hover img.vor{border:2px solid #fff;}