button {border: solid 1px #0165a5; background-color: #0165a5;border: solid 1px #0165a5;}
button:focus {
	outline: none;
}
body {font-family: "Century Gothic", CenturyGothic, AppleGothic, Arial, sans-serif; font-size: 18px; background-image: none;}

#site {width: 100%; margin: 0 auto; border-top: 5px solid #fff; text-align: left; min-height: 300px; position: relative; z-index: 10;}	
#header {width: 100%; max-width: 1057px; margin: 0 auto; position: relative;}
#headerbild {background: url(../images/header-2017.jpg) 46.3% 0  no-repeat; background-size: cover; height: 142px;}
.home #header {font-family: "Belleza", sans-serif; text-align: center; margin-top: 122px;}
.home .branding {font-size: 56px; color: #868889;}
.home .branding img {vertical-align: middle; padding-bottom: 12px;}
.home .description {font-size: 26px; color: #0065a7; margin-top: 21px;}

#container {width: 100%; max-width: 1400px; margin: 0 auto;}	
#site-header {width: 100%; }

a#logolinkhome {display: block; width: calc(100% - 40px); height: 100px; background: url("../images/groeninger-anwaltskanzlei.jpg") 50% 0 no-repeat; background-size: contain; margin: 20px auto; height: 200px; margin: 40px auto;}
a#logolinkhome span {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

#headerimg img {width: 100%; max-width: 1400px; height: auto; margin: 0 0 40px 0;}

#site-content {width: calc(100% - 40px); margin: 0 auto;}

#site-content p {font-size: 16px; line-height: 130%; margin: 0 0 18px 0;text-align: center;}
#site-content h1 {font-size: 24px; color: #0165a5; margin: 20px 0 24px 0;text-align: center;font-family: 'Quattrocento Sans', sans-serif;font-weight:200;}
#site-content small {font-size: 15px;}

#site-content a.newslink {color: #000; text-decoration: none;}
#site-content a.newslink:hover {color: #0165a5; text-decoration: none;}

#site-content button {display: block; border: solid 1px #0165a5; background-color: #0165a5;width:400px; padding: 7px 20px 9px 20px; margin: 25px auto 36px auto; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; cursor: pointer;}
#site-content button:hover {background-color: #fff; color: #0165a5; border: solid 1px #0165a5;}

@media screen and (min-width: 768px) {
	#logolinkhome {max-width: 709px; }
}
@media screen and (min-width: 1024px) {
	#headerimg img {margin: 0 0 40px 0;}
	#site-content {max-width: 900px;}
}

#slider-container-top {
    margin: 0 auto;
}
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  width: 400px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  max-width: 400px;
  margin:0 auto;
}

.panel ul {
	list-style: none;
}

 .anwalt_link {
    display: block;
    border: solid rgb(130 130 130 / 90%) !important;
    background-color: rgb(130 130 130 / 90%) !important;
    width: 200px !important;
    padding: 7px 20px 9px 20px;
    margin: 25px auto 36px auto;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.anwalt_link a {
  color:#fff;
  text-decoration: none;
}

.schwerpunkt {
  background-color: rgb(130 130 130 / 90%) !important;
  color:#fff;
  padding:10px;
  margin-bottom: 10px;
}