/**************************************************************
Template für Raum durch Licht, Christine Hornig.
Version 3
25.2.2014 aktualisiert Juli 2019
aktualisiert 2023
copyright: dsein.com
 
/**************************************************************/
/* merriweather-sans-300 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-sans-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-sans-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v14-latin-300.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-regular - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v14-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-700 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-sans-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v14-latin-700.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-300italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/merriweather-sans-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-sans-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v14-latin-300italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-sans-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v14-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-700italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/merriweather-sans-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-sans-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v14-latin-700italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

.navanwendung li{
   color:#a5a7a5;
   list-style-type: none!important;  }

.navanwendung a {
   color:#a5a7a5;
   list-style-type: none!important; 
   text-decoration:none;
}

.sprocket-features-img-container {
  width: 640px! important;
  height:480px! important;
  
   }

/**************************************************************
willkommenstext mit padding
 
/**************************************************************/


.gkIsWrapper-gk_musicstate figcaption > h2 {
 
    margin:20px;
    padding-right: 20px!important;
    
}


body {
 padding-top: 20px;
 padding-bottom: 40px;
 background-color:#fff; 
 color:#333;
 font-family:'Merriweather Sans', sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 15px;
 line-height:22px;

 }
/* container-fluid */
body > .container-main {
   margin: 0 auto;
   max-width: 1280px;
   border:0px solid #C4B71C;
   padding:0;
   background-color:#ffffff; 
   border-width: 2px 0px 1px 0px;
   border-style: solid;
   border-color: #ccc;
}
/* container-fluid ganz unten jetzt ohne Border */
.unten{
 border:none;
}

p {
   font-size: 15px;
   color:#333;
   font-family:'Merriweather Sans', sans-serif;

   font-weight: 300;
   font-style: normal;
}
 

a {
  color:#333;
  text-decoration:none;
}

li {
 line-height:28px;
 list-style-type:square;
 
 }

/* ab hier neu schreiben */


hr{border-bottom: 1px dotted #fff;}


/**************************************************************
               BOXEN
  
/**************************************************************/

.logo{
  padding:10px 0 0 20px;
  background-color:#ffffff; 
  color:#333;
  min-height:10px !important;
}

.header{
   background-color:#fff; /* mittelblau*/
   border-bottom: 1px solid #999;
}

.slider{
   background-color:#000; 
   height:80%;
    overflow:hidden;
   }



/* inner boxen*/
.topmenu_inner{
  padding-top:10px;
}

.navbar
{
  padding:0px!important;
}


.logo_inner{
   background-color:#ffffff; /* dkl blau*/
}

/*
.content_inner{
 /* max-width:630px;*/
  margin:60px 0 60px 100px;
  background-color:#ffffff; /* dunkles Blau*/
}
.content_inner,.blog{
   background-color:#ffffff;
}


/**************************************************************/

/* container für alle drei boxen 123 */

/**************************************************************/
.boxen{
background-color:#fff;
  
}

/**************************************************************
                Menu footer
  
/**************************************************************/

.footer_inner{
    font-family:'Merriweather Sans', sans-serif;
    font-weight:300;
    font-size:0.8em!important;
    line-height:1em!important;
    color:#333;
	padding: 24px 20px 8px 20px;
	border: 0px solid grey;
    text-align: justify;

	}
div.footer_inner > div.moduletable{
	padding:0;
}
a.footer_inner:link {
    font-family:'Merriweather Sans', sans-serif;
    font-weight:300;
    font-size:0.9em;
    line-height:1em;
    color:#333;
}

a.footer_inner:visited {
}

a.footer_inner:hover {
  text-decoration:underline;
}

a.footer_inner:active {
}

/**************************************************************

 .footer-1 {
	background-color:#fff;
	border: 1px solid grey;
	padding: 8px 10px 8px 20px;
}
/**************************************************************/

/**************************************************************
                Schriften
  
/**************************************************************/

h1 {
   font-size: 42px;
   line-height: 47px;
   color: #333;
 font-family:'Merriweather Sans', sans-serif;
   font-weight: 300;
   font-style: normal;
}


h2 {
   font-size: 23px;
   line-height: 30px;
   color: #333;
  font-family:'Merriweather Sans', sans-serif;
   font-weight: 300;
   font-style: normal;
}

h3 {
   font-family:'Merriweather Sans', sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 22px;
   line-height: 30px;
}



h4 {
 
   font-family:'Merriweather Sans', sans-serif;
   font-weight: 400;
   font-style: italic;
   font-size: 18px;
   line-height: 21px;
    color: #000;
}

/*Titel*/

h5 {
   letter-spacing: 2px;
   font-size: 30px;
	margin-top: 40px;
   color: #333;
   font-family:'Merriweather Sans', sans-serif;
   font-weight: 700;
   font-style: normal;
   line-height: 22px;
}

h6 {
  
   font-size: 12px;
   color: #333;
   font-family:'Merriweather Sans', sans-serif;
   font-weight: 300;
   font-style: normal;
}



/* Abstand zwischen Homebeitraegen*/
/* ---------------------------
   Article / Row separator
---------------------------- */
/* Article separator */
/* Contentbereich Abstände zwischen den einzelnen Beiträgen einer Seite */
.leading-0 {
 margin-bottom:35px;
}
div.items-row > div.item:nth-child(odd){
 padding-right:40px;
}


/******************************
KONTAKT
****************************** */

/* sollte den großen Zeilabstand bei responsive Abstand verringern Kontaktformular*/
div.contact-form > legend {
line-height: 12px;
}

.contact-categorykontakt {
  color:#434343;
  background-color: #fff;
  margin:5px;
  padding:8px 12px 12px 8px;
  -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
  border-radius:10px;
  list-style-type: none!important;
 font-family: "Merriweather Sans";
  font-weight:400;
  font-size:1.0em;
  width:45%;
}


div.contact-categorykontakt > h2{
  color:#666;
  font-size:1.1em;

}

#contact-form > fieldset:nth-child(1) > legend:nth-child(1){
  color:#333;
   font-size:1.0em;
 }

 
.form-actions{
  color:#333;
  background-color: #fff;
 }
/******************************
ENDE KONTAKT

****************************** */

/******************************
BUTTONS

****************************** */
.btn{
background-image: none!important;
color:#333;
background-color:#fff; /* Grau */
}

p.readmore > a.btn
{
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  background-color: #fff;
  background-image:none;
  color:#333;
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: rgba(222, 224, 121, 1);
}

.btn > a.active{
background-color: #fff!important;
  color:#333!important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
color: #fff;
 background-image: none!important;
 /* background-image: linear-gradient(to bottom, rgb(131,139,139), rgb(10,10,10))!important; */
background-color: #8C9899!important;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)!important;

}  


  
  
/**************************************************************
                Back top
 span.back-top > a{
 color:#000;
} 
/**************************************************************/



  /**************************************************************
                FARBEN
  
  /**************************************************************/

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
  background-color:#e74c3c;
  color:#000;
}


/* Telefonnummer in der Kontaktvoransicht mehr nach links schieben */
ul.category.list-striped > li > span.pull-right{
   float:left;
 }

   /**************************************************************
           GAVICK SLIDER
  /**************************************************************/


.hometext{
    color: inherit;
    font-size: 18px !important;
	line-height: 24px;
    font-weight: 400;
    margin-right:20px !important;
    max-width:600px;
    background: #008080; /* Fallback IE 6-8 */
    background: rgba(0, 0, 0, .6);
	padding:8px 10px 10px 0px!important;
	/*  -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
   -webkit-box-shadow: 3px 3px 5px #222;
    -moz-box-shadow: 3px 3px 5px #222;
    box-shadow: 5px 5px 7px #111;*/
  
}
.gkIsWrapper-gk_musicstate figcaption > h2 {
    color: inherit;
    font-size: 25px !important;
    font-weight: 400;
    line-height: 35px;
    margin: 8px;
    padding: 10px;
	max-width:600px;
    text-transform: uppercase;
    background: #008080; /* Fallback IE 6-8 */
    background: rgba(0, 0, 0, .6);

}


.gkIsWrapper-gk_musicstate figcaption > a {
    color: inherit;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1;
    margin: 0px;
	display: block;

}


.gkIsWrapper-gk_musicstate figcaption > p {
    color: inherit;
    font-size: 22px !important;
    font-weight: 400;
    line-height: 30px !important;
    padding:28px 0px 10px 0px!important;
	margin-right:0px !important;
  	/*width:288px !important; */
	text-transform: none!important;
	background: rgba(0, 0, 0, .6);
	display: block;
    -webkit-box-shadow: 3px 3px 5px #222;
    -moz-box-shadow: 3px 3px 5px #222;
    box-shadow: 5px 5px 7px #111;
	
 }
 
 
.gkIsPagination li {
 list-style-type: none;
  
}

.gkIsWrapper-gk_bluap .figcaption a.button {
   display: none!important;
    background-color: #000!important;}

.gkIsWrapper-gk_bluap .figcaption a.button {
    display: none!important;
}
div.figcaption > a {
 display:none;
}
.gkIsWrapper-gk_bluap .figcaption p {
    color:  rgb(215, 216, 127);
	background-color: #000!important;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    padding: 10px 0px;
}
/* schwarzer Rand über Bild weg */
.gkIsWrapper-gk_musicstate figure {
margin: 0!important;
}


.gkNspPM-ProductGallery2 .gkImage h4 {
    color: #282C2F;
    font-size: 14px!important;
    text-align: center;
	font-family: "Merriweather Sans";
   font-weight: 400!important;
   font-style: normal!important;
   text-transform:none;

}

.gkNspPM-ProductGallery2 .gkImage h4 a {
    color: #282C2F;
    font-size: 14px;
    text-align: center;
	font-family: "Merriweather Sans";
   font-weight: 400!important;
   font-style: normal!important;
     text-transform:none!important;

}

.gkNspPM-ProductGallery2 .gkImage:hover {
    border: 2px solid #3C5166!important;
}
.gkAddToCart > a.readon{
  background-color: #fff !important;
  color:red;
}
a.readon ,.readon:active, .readon:focus, .readon:hover{
background:none !important; 
}


   /**************************************************************
       ENDE    GAVICK SLIDER
  /**************************************************************/

    /**************************************************************
       Rocksprocket
  /**************************************************************/
 
 .sprocket-strips-content {
    color: #000!important;
}
.profiltext{
  float:left !important;
  height: 50%;
}
.profilbild{
   float:right !important;
  height: 40%;
}
/**************************************************************
           mobil
/**************************************************************/

  
/* Landscape phones and down kleine handys*/
@media (max-width: 600px) {


  
/* slider ausschalten */
.slider{
  display:none;
}
.contact-categorykontakt {
  width:100%;
  padding:2px 3px 3px 2px;
}

/* inner boxen weniger Abstand von oben*/
.logo {
    padding:5px !important;
    margin:0;
  }
.logo_inner{
  padding:5px !important;
    margin:0;
}

.suche_inner{
  padding:5px;
}
.content_inner{
  margin:5px;
 }
 h5 {
    font-size:1.5em !important;
  }
}
/* Ende Landscape phones and down kleine hanys*/

@media (min-width: 1200px)
{
	.container { max-width: 1280px;}
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}

.page-header h1
{
  font-size: 23px;
line-height: 30px;
color: #333;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 300;
font-style: normal;
}

.header img
{
  max-width: 100%;
}

.topmenu
{
  padding-left: 0px;
padding-right: 0px;
}

#bfLabel9 {
  float: right;
  width: calc(100% - 40px);
}

#bfElemWrap9 .nonform-control {
  width: auto !important;
  float: left !important;
  margin-top: 0px !important;
  margin-right: 5px !important;
}

#bfElemWrap11 {
  display: none !important;
}

div.content div.bfClearfix > div:last-of-type {
  display: none !important;
}

legend
{
  margin-top: 25px;
margin-bottom: 25px;
font-size: 1rem;
}

.gkIsWrapper-gk_musicstate figure {
  display: none;
}

.gkIsWrapper-gk_musicstate figure.active {
  display: block;
}