/*
Hier kannst du den Link-Style/Farbe für die aktive Seite im Footer-Widget Bereich einstellen.
*/

.footer-widgets .current-menu-item > a {
background-color: transparent;
color: #56c1ff !important;
border-top: none;
}

/*
Hier kannst du den Link-Style/Farbe für die aktive Seite in der Hauptnavigation einstellen.
*/

.current-menu-item > a {
background-color: transparent;
color: #fff !important;
border-top: 1px solid;
}


/*
Hier kannst du die Hover Farbe für Links in der Hauptnavigation einstellen.
*/

#mainnav ul li a:hover {
	background-color: transparent;
	color: #fff;
	border-top: 1px solid;
}

/*
Das fügt deinem Header einen Schatten hinzu.
*/

.site-header {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

/*
Das zentriert euer Kontaktformular.


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea { float : none; margin: 0 auto; }
.wpcf7 { text-align: center; }
span.wpcf7-list-item { display: block; }
*/

/*
Update: 25.11.2017: Kontaktform ist mit folgendem Code voll Responsive.



textarea.wpcf7-form-control.wpcf7-textarea {
    
    padding: 0px !important;

}



input.wpcf7-form-control.wpcf7-text {

    padding: 0px !important;

}
*/
/*
Hier kannst du den Style/Farbe des rechten Buttons auf der Startseite verändern.
*/

.roll-button.border{
  background-color: #56c1ff;
  border-color: #56c1ff;
  color: #fff;
  margin: 2px;	
}


/*
Hier kannst du den Style/Farbe des rechten Buttons auf der Startseite verändern. (Hover)
*/

.roll-button.border:hover{
  background-color: transparent;
  border-color: #56c1ff;
  color: #56c1ff;
}

/*
Responsive Einstellungen
*/

@media only screen and (max-width: 767px){
.roll-button {
    padding: 5px 15px;}
}

@media only screen and (max-width: 479px){
.roll-button {
    font-size: 11px;}
}
/*
Hier kannst du den Style/Farbe des linken Buttons auf der Startseite verändern.
*/

.roll-button.button-slider{
  background-color: #56c1ff;
	border-color: #56c1ff;  
  color: #fff;
	 margin: -2px;
}


/*
Hier kannst du den Style/Farbe des linken Buttons auf der Startseite verändern. (Hover)
*/

.roll-button.button-slider:hover{
  background-color: transparent;
	border-color: #56c1ff;
	color: #56c1ff;
}

/*
Darstellung Abfrage CF7 als Block
*/

span.wpcf7-list-item { display: block; }

#responsive-form{
max-width:800px /*-- change this to get your desired form width --*/;
margin:0 auto;
width:100%;
}
.form-row{
width: 100%;
}
.column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.column-half{
float: left;
position: relative;
padding: 0.65rem;
width:50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.column-third{
float: left;
position: relative;
padding: 0.65rem;
width:33%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}</code>

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
.column-half{
width: 50%;
}
}