@font-face {
    font-family: 'Overlock';
    src: url('fonts/Overlock-BlackItalic.woff2') format('woff2'),
        url('fonts/Overlock-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Italic.woff2') format('woff2'),
        url('fonts/SourceSansPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Black.woff2') format('woff2'),
        url('fonts/SourceSansPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/Overlock-BoldItalic.woff2') format('woff2'),
        url('fonts/Overlock-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/Overlock-Black.woff2') format('woff2'),
        url('fonts/Overlock-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('fonts/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('fonts/SourceSansPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/Overlock-Italic.woff2') format('woff2'),
        url('fonts/Overlock-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-BlackItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/Overlock-Regular.woff2') format('woff2'),
        url('fonts/Overlock-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-LightItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/Overlock-Bold.woff2') format('woff2'),
        url('fonts/Overlock-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('fonts/SourceSansPro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}


/* Startseite ********************************************************************************/
#start_intro {
	margin-bottom:125px;
}

#start_intro p:first-of-type{
	padding-top:25px;	
}

#start_interessen  {
	font-size:1.3em;
	color:#B1B1B1;
}

#start_interessen span{
	display:block;
	font-size:1.3em;
	color:#7B7B7B;
}

#christian_gloyer {
	width:200px;
	height:300px;
	float:right;
	margin:0 0 10px 40px;
}

@media (max-width:850px) {
#start_intro p:first-of-type{
	padding-top:0;	
}
}

@media (max-width:479px) {
#christian_gloyer {
	float:none;
	display:block;
	margin:0 auto;
	width:100%;
	max-width:200px;
	height:auto;
}
}

@media (max-width:270px) {
#anwalt_berlin {
	width:100%;
	max-width:200px;
	height:auto;
}
}

/*__________________ Schwerpunkte ___________________________________________________________*/
#start_schwerpunkte > div{
	margin-bottom:100px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


#start_schwerpunkte > div > div {
	width:34%;
	box-sizing:border-box;
}

#start_schwerpunkte > div > div:nth-of-type(2) {
	width:25%;
}

#start_schwerpunkte > div > div > h3 {
	font-size:1.25em;
	text-align:center;
	background:rgba(101,19,25,0.1);
	border:1px solid rgba(101,19,25,0.7);
	color:rgba(101,19,25,1);
	border-radius:10px;
}

#start_schwerpunkte > div > div > span {
	color:rgba(101,19,25,1);
	font-weight:bold;
}

@media (max-width:800px) {
#start_schwerpunkte > div > div {
	width:48% !important;
}
}

@media (max-width:640px) {
#start_schwerpunkte > div > div {
	width:100% !important;
}

#start_schwerpunkte ul {
	padding-left:25px;
}
}

/*__________________ Flexbox Allgemein ______________________________________________________*/
.start_flexbox > div {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.start_flexbox > div > div {
	box-shadow:1px 1px 2px 0 #aaa;
	margin-bottom:40px;
	border:1px solid rgba(101,19,25,1);
	padding:7px 7px 30px;
	position:relative;
}

.start_flexbox h3 {
	text-align:center;
	border:none;
	border-bottom:1px solid rgba(101,19,25,1);
	font-size:1.15em;
	margin:-7px -7px 10px;
	background: rgba(101,19,25, 0.15);
	color:rgba(101,19,25, 1);
	padding:4px;
	text-transform:uppercase;
	border-radius:25px 25px 0 0;
}

.start_flexbox a {
	width:calc(100% - 7px);
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	display:block;
	background:rgba(101,19,25, 0.15);
	border-radius:0 0 25px 25px;
	border-top:1px solid rgba(121, 20, 27, 1);
	position:absolute;
	left:0;
	bottom:0;
}

.start_flexbox h2 + p {
	margin-top:5px;
}

/*__________________ Lernen Sie uns kennen __________________________________________________*/
.start_ueber {
	width:29%;
	border-radius:25px;
	margin-top:15px;
}

.start_ueber a {
	color:rgba(101,19,25, 1);
	font-weight:bold;
	padding:2px 4px;
}

.start_ueber a:hover {
	background:rgba(101,19,25, 1);
	color:#EFD1D1;
}

.start_ueber > div {
	height:170px;
	margin:-10px -7px 15px;
	border-bottom:1px solid rgba(101,19,25, 1);
	background-position:center;
	background-repeat:repeat;
}

#start_anwalt .start_ueber:nth-of-type(1) > div {
	background:url(images/start_service.jpg) no-repeat center;
}

#start_anwalt .start_ueber:nth-of-type(2) > div {
	background:url(images/start_schwerpunkte.jpg) no-repeat center;
}

#start_anwalt .start_ueber:nth-of-type(3) > div {
	background:url(images/start_publikationen.jpg) no-repeat center;
}
#start_anwalt .start_ueber:nth-of-type(3) > div {
	background:url(images/start_webshop.jpg) no-repeat center;
}



@media (max-width:700px) {
.start_ueber {
	width:100%;
	box-sizing:border-box;
	max-width:350px;
	margin-left:auto;
	margin-right:auto;
}
}

@media (max-width:580px) {
.start_anfragebox {
	width:100%;
	box-sizing:border-box;
}
}
/*********************************************************************************************/

/* Service ***********************************************************************************/
#anwalt_gloyer {
	width:350px;
	height:350px;
	box-shadow:1px 1px 2px 1px #444;
}
/*********************************************************************************************/


/* Tätigkeitsschwerpunkte ********************************************************************/
/*********************************************************************************************/


/* Gebühren **********************************************************************************/
#rechtsanwalt_gloyer {
	width:250px;
	height:603px;
	box-shadow:1px 1px 2px 1px #444;
	border:1px solid #555;
}
/*********************************************************************************************/


/* Kanzlei************************************************************************************/
#anwaltskanzlei_gloyer {
	width:300px;
	height:384px;
	box-shadow:1px 1px 2px 1px #444;
}
/*********************************************************************************************/


/* Über Mich *********************************************************************************/
.profil {
	box-shadow:1px 1px 2px 1px #444;
	background:rgba(121, 20, 27, 0.04);
}

.profil h2{
	padding:15px;
	background:rgba(121, 20, 27, 0.1);
	border-bottom:1px solid rgba(121, 20, 27, 1);
}

.profil img {
	float:left;
	margin:15px 15px 0;
	border:1px solid #ddd;
}

.profil > p {
	margin:25px 40px 0 350px;
}

.profil > div {
	padding:0 15px 15px;
	cursor:pointer;
}

.profil > div > p{
	display:none;
}

.profil > div > span {
	font-weight:bold;
	display:block;
}
/*********************************************************************************************/


/* Publikationen  *****************************************************************************/
.publikation {
	margin:110px 0;
}

.publikation h2 {
	margin-bottom:15px;
}

.publikation img{
	width:186px;
	height:261px;
	float:left;
	margin-right:40px;
}

.publikation btn{
	width:186px;
	height:261px;
	float:left;
	margin-right:40px;
}

.publikation p {
	margin:0;
}

.publikation p:first-of-type {
	font-weight:bold;
	font-size:2em;
	margin-top:50px;
	line-height:1.01em;
}

.publikation p:nth-of-type(2) {
	margin:7px 0 25px 0;
	font-size:1.21em;
}

@media (max-width:700px) {
.publikation p:first-of-type {
	margin-top:0;
}

.publikation h2 {
	margin-bottom:25px;
}

.publikation img{
	margin-right:10px;
}
}

@media (max-width:500px) {
.publikation img{
	margin:0 0 25px;
	float:none;
}

.publikation p {
	word-wrap:break-word;
}
}
/*********************************************************************************************/


/* Kontakt und Anfahrt ***********************************************************************/
#google_map{
	width:100%;
	height:400px;
	border: 1px solid #444;
	box-shadow: 1px 1px 2px 0 #000;
}

#unser_standort {
	width:480px;
	height:360px;
	box-shadow: 1px 1px 2px 0 #000;
	margin-bottom:25px;
	float:right;
}

#kontaktdaten {
	clear:both;
	margin-top:50px;
}

@media (max-width:530px) {
#unser_standort {
	width:100%;
	max-width:480px;
	height:auto;
}
}
/*********************************************************************************************/


/* Links *************************************************************************************/
.link a{
	font-size:1.1em;
	color:#000;
	font-weight:bold;
}

.link p {
	margin-bottom:5px;
}

.link p:last-of-type {
	margin-top:0;
}
/*********************************************************************************************/


/* Impressum *********************************************************************************/
#impressum_erklaerungen p:nth-of-type(2){
	margin-bottom:0;
}
/*********************************************************************************************/

/* PHP Empfangsseite *************************************************************************/
/*********************************************************************************************/

/* HTML, BODY ********************************************************************************/
body {
	margin:0;
	padding:0 !important;
}

body, textarea {
	font-family: 'Overlock', cursive !important;
	letter-spacing:0.5px;
	line-height:1.5em;
}
/*********************************************************************************************/



/* Inhalt ************************************************************************************/
section {
	margin:90px 0;
}

h1{
	font-size:1.7em;
	border-bottom:1px solid #eeeaeb;
	padding-left:11px;
	color:#444;
	margin:-40px -40px 70px -40px;
	padding:15px 25px;
	background:#fbfbfb;
	box-sizing:border-box;
}

h1:before {
	content: "// ";
	color:#79141b;
	font-family:Arial, Helvetica, sans-serif;
}

h2{
	font-size:1.63em;
	font-weight:normal;
	margin:77px 0 11px;
	color:#79141b;
	border-bottom:1px solid #ddd;
	padding:0 0 4px 4px;
}
main h2:first-of-type {
	margin-top:0;
}

h3{
	font-size:1.4em;
	font-weight:normal;
	color:#777;
	margin-bottom:0;
}

.clearer{
	clear:both;
}

ul{
	list-style:circle;
	margin:0;
}

ul li{
	padding-top:5px;
}

@media (max-width:480px) {
section > ul {
	padding-left:20px;	
}
}

.zentriert, .zentriert img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

main > p{
	font-size:1.1em;
	line-height:1.5em;
}

.einruecken_oben{
	padding-top:40px;
}

a {
	text-decoration:none;
}

main a {
	color:rgba(121, 20, 27, 1);
	font-weight:bold;
}

@media (max-width:720px) {
h1 {
	margin:-25px -25px 70px -25px;
}
}

@media (max-width:480px) {
h1 {
	margin:-10px -10px 70px -10px;
}
}
/*********************************************************************************************/


/* Formulare *********************************************************************************/
input[type=text], input[type=number], select, textarea, input[type=submit]{
	margin:5px 0;
	border:1px solid #999;
	display:block;
	font-size:1.05em;
	max-width:100%;
	box-sizing:border-box;
}

input[type=date], input[type=time]{
	border:1px solid #999;
	height:29px;
}

input[type=text], input[type=number]{
	height:29px;
	padding-left:4px;
	width:263px;
}

select{
	height:29px;
	padding-left:4px;
	width:225px;
	font-size:1.15em;
}

textarea{
	height:200px;
	width:500px;
	padding:4px;
	max-width:100%;
	box-sizing:border-box;
}

input[type=submit]{
	background-color:#fff;
	border-radius:3px;
	color:#666;
	padding:5px 7px;
}

input[type=submit]:hover{
	color:#76161d;
	border:1px solid #76161d;
	background:#f4f4f4;
}

input[type=text]:focus, input[type=text]:hover, input[type=number]:focus, textarea:focus, textarea:hover,
input[type=number]:focus, input[type=number]:hover, input[type=date]:focus, input[type=date]:hover,
input[type=time]:focus, input[type=time]:hover{
	background-color:#f4f4f4;
	border:1px solid #76161d;
	outline:none;
}

.input500{
	width:500px !important;
}
/*********************************************************************************************/



/* Banner *************************************************************************************/
#banner{
	box-sizing:border-box;
	display:block;
	margin:25px auto 0;
	width:100%;
	max-width:900px;
	height:300px;
	border:1px solid #76161d;
	box-shadow:0 0 1px 0 #76161d;
	background-position:center;
}


@media (max-width:916px) {
#banner{
	width:100% !important;
}
}

.banner_index {
	background-image:url(images/banner/startseite_desktop.jpg);
}

.banner_service {
	background-image:url(images/banner/service_desktop.jpg);
}

.banner_taetigkeitsschwerpunkte {
	background-image:url(images/banner/taetigkeitsschwerpunkte_desktop.jpg);
}

.banner_verguetung {
	background-image:url(images/banner/verguetung_desktop.jpg);
}

.banner_kanzlei {
	background-image:url(images/banner/kanzlei_desktop.jpg);
}

.banner_ueber_uns {
	background-image:url(images/banner/ueber_uns_desktop.jpg);
}

.banner_publikationen {
	background-image:url(images/banner/publikationen_desktop.jpg);
}
.banner_webshop {
	background-image:url(images/banner/webshop_desktop.jpg);
}

.banner_kontakt_anfahrt {
	background-image:url(images/banner/kontakt_anfahrt_desktop.jpg);
}

.banner_datenschutz, .banner_nutzungsbedingungen, .banner_impressum {
	background-image:url(images/banner/impressum_desktop.jpg);
}

.banner_links{
	background-image:url(images/banner/links_desktop.jpg);
}

@media (max-width:798px) {
.banner_index {
	background-image:url(images/banner/startseite_tablet_landscape.jpg);
}

.banner_taetigkeitsschwerpunkte {
	background-image:url(images/banner/taetigkeitsschwerpunkte_tablet_landscape.jpg);
}

.banner_verguetung {
	background-image:url(images/banner/verguetung_tablet_landscape.jpg);
}

.banner_kontakt_anfahrt {
	background-image:url(images/banner/kontakt_anfahrt_tablet_landscape.jpg);
}
}

@media (max-width:656px) {
.banner_index {
	background-image:url(images/banner/startseite_tablet_portrait.jpg);
}

.banner_taetigkeitsschwerpunkte {
	background-image:url(images/banner/taetigkeitsschwerpunkte_tablet_portrait.jpg);
}

.banner_kanzlei {
	background-image:url(images/banner/kanzlei_tablet_portrait.jpg);
}

.banner_ueber_uns {
	background-image:url(images/banner/ueber_uns_tablet_portrait.jpg);
}

.banner_kontakt_anfahrt {
	background-image:url(images/banner/kontakt_anfahrt_tablet_portrait.jpg);
}

.banner_datenschutz, .banner_nutzungsbedingungen, .banner_impressum {
	background-image:url(images/banner/impressum_tablet_portrait.jpg);
}

.banner_links {
	background-image:url(images/banner/links_tablet_portrait.jpg);
}
}

@media (max-width:496px) {
#banner {
	height:250px;
}

.banner_index {
	background-image:url(images/banner/startseite_smartphone_landscape.jpg);
}

.banner_service {
	background-image:url(images/banner/service_smartphone_landscape.jpg);
}

.banner_taetigkeitsschwerpunkte {
	background-image:url(images/banner/taetigkeitsschwerpunkte_smartphone_landscape.jpg);
}

.banner_verguetung {
	background-image:url(images/banner/verguetung_smartphone_landscape.jpg);
}

.banner_kanzlei {
	background-image:url(images/banner/kanzlei_smartphone_landscape.jpg);
}

.banner_ueber_uns {
	background-image:url(images/banner/ueber_uns_smartphone_landscape.jpg);
}

.banner_publikationen {
	background-image:url(images/banner/publikationen_smartphone_landscape.jpg);
}
	.banner_webshop {
		background-image:url(images/banner/webshop_smartphone_landscape.jpg);
	}

.banner_kontakt_anfahrt {
	background-image:url(images/banner/kontakt_anfahrt_smartphone_landscape.jpg);
}

.banner_datenschutz, .banner_nutzungsbedingungen, .banner_impressum {
	background-image:url(images/banner/impressum_smartphone_landscape.jpg);
}

.links{
	background-image:url(images/banner/links_smartphone_landscape.jpg);
}
}

@media (max-width:376px) {
.banner_index {
	background-image:url(images/banner/startseite_smartphone_portrait.jpg);
}

.banner_service {
	background-image:url(images/banner/service_smartphone_portrait.jpg);
}

.banner_taetigkeitsschwerpunkte {
	background-image:url(images/banner/taetigkeitsschwerpunkte_smartphone_portrait.jpg);
}

.banner_ueber_uns {
	background-image:url(images/banner/ueber_uns_smartphone_portrait.jpg);
}

.banner_kontakt_anfahrt {
	background-image:url(images/banner/kontakt_anfahrt_smartphone_portrait.jpg);
}

.banner_datenschutz, .banner_nutzungsbedingungen, .banner_impressum {
	background-image:url(images/banner/impressum_smartphone_portrait.jpg);
}

.links {
	background-image:url(images/banner/links_smartphone_portrait.jpg);
}
}
/*********************************************************************************************/



/* Header: Logo, Firmenname, Slogan, Schnell-Kontaktdaten, Banner ****************************/
header{
	width:900px;
	display:block;
	margin:11px auto;
	padding-top:15px;
	box-sizing:border-box;
}

header #logo{
	float:left;
	margin:0 15px 15px 0;
	width:121px;
	height:75px;
	cursor:pointer;
}

#firmenname{
	color:#333;
	font-size:1.7em;
	padding-top:9px;
	max-width:250px;
	float:left;
	line-height:normal;
}

#firmenname span {
	white-space: nowrap;
}

#slogan{
	color:#999;
	font-size:1.4em;
}

#schnell_kontakt{
	float:right;
}

#schnell_kontakt div {
	margin-bottom:7px;
}

#schnell_kontakt span {
	color:#76161d;	
	margin-right:7px;
}

#schnell_kontakt, #schnell_kontakt a{
	color:#333;
}

@media (max-width:916px) {
header {
	width:calc(100% - 16px);
	margin-left:8px;
	margin-right:8px;
}
}

@media (max-width:900px) {
header {
	max-width:100%;
}

#logo {
	margin-left:5px;
}
}

@media (max-width:700px) {
header {
	padding-top:100px;
}

#firmenname {
	float:none;
}

#schnell_kontakt {
	float:none;
	position:absolute;
	top:10px;
	right:10px;	
}

#schnell_kontakt div {
	margin-bottom:0;
}

#logo {
	float:none;	
	margin-bottom:0 !important;
}

#firmenname {
	max-width:100%;
}
}

@media (max-width:480px) {
#logo {
	width:100px !important;
	height:auto !important;
}

#firmenname {
	padding-top:0px;
	font-size:1.5em;
}
}

@media (max-width:420px) {
#logo {
	float:none !important;
	display:block;
	width:121px;
	padding-left:5px;
}

#firmenname {
	margin:7px 0 0 7px;
	display:block !important;
}
}

@media (max-width:300px) {
#firmenname {
	font-size:1.3em;
}

#firmenname span{
	white-space:normal !important;
}
}

@media (max-width:240px) {
#firmenname {
	font-size:1.15em;
}
}
/*********************************************************************************************/



/* Navigation Oben ***************************************************************************/
#nav_viewer{
	margin-top:25px;
	padding:7px;
	background:#76161d;
	color:#fff;
	position:relative;
	display:none;
}

#nav_viewer:hover{
	cursor:pointer;
}

#nav_viewer i{
	position:absolute;
	right:11px;
	top:8px;
	font-size:1.5em;
}

header nav {
	clear:both;
	width:100%;
	max-width:900px;
	margin:25px auto 15px;
	display:block;
	text-align:center;
	padding:0;
	background:#651319;
	border:1px solid #450308;
	box-sizing:border-box;
}

header nav ul{
	margin:0;	
	padding:0;
}

header nav ul li{
	display:inline-block;
	padding:11px 17px;
}

header nav ul li:hover {
	cursor:pointer;
}

header nav a {
	color:#fff;
	text-decoration:none;
	font-size:1.1em;
}

#active, header nav ul li:hover{
	background:#852b31;
}

#active a, header nav ul li:hover a{

}

@media (max-width:850px) {
header nav ul li{
	padding:11px;
}
}

@media (max-width:430px) {
#nav_viewer {
	display:block;
}

header nav {
	margin-top:0;
	display:none;
}

header nav ul li{
	display:block;
}
}
/*********************************************************************************************/


/* MAIN **************************************************************************************/
main {
	width:100%;
	max-width:900px;
	display:block;
	margin:15px auto 100px;
	background-color:#fff;
	box-sizing:border-box;
	min-height:500px;
	padding:40px;
	border:1px solid #f2f2f2;
}

@media (max-width:916px) {
main {
	width:calc(100% - 16px);
	margin:15px 8px 100px;
}
}

@media (max-width:720px) {
main {
	padding:25px;
}
}

@media (max-width:480px) {
main {
	padding:10px;
}
}
/*********************************************************************************************/


/* Footer ************************************************************************************/
footer {
	box-sizing:border-box;
	background:#76161d;
	padding-bottom:50px;
}

#footer {
	width:100%;
	max-width:900px;
	display:block;
	margin:0 auto;
	padding:0;
	text-align:center;
	box-sizing:border-box;
}

#footer > img:first-of-type {
	width:76px;
	height:77px;
	margin-top:-39px;
	margin-bottom:15px;
}	

#footer > img:first-of-type:hover {
	cursor:pointer;
}

#copyright {
	border-top:1px solid #c17177;
	color:#c17177;
	max-width:900px;
	margin:11px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#copyright p{
}

#copyright a {
	color:#c17177;
	padding-top:16px;
}

@media (max-width:780px) {
#copyright a{
	width:100%;
	text-align:right;
}
}

footer nav {
	margin:5px auto;
}

footer nav ul{
	margin:0;	
	padding:0;
}

footer nav ul li{
	display:inline-block;
	padding:7px 11px;
}

footer nav a {
	color:#fff;
	text-transform:uppercase;
}

#active_bottom a, footer nav ul li:hover a{
	color:#c17177;
	font-weight:bold;
}

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


/* Footer Kontakt ****************************************************************************/
#footer_kontakt {
	display:flex;
	box-sizing:border-box;
	margin:90px 0;
}

#footer_kontakt > div {
	float:left;
	box-sizing:border-box;
}

#footer_kontaktdaten{
	min-width:230px;
	max-width:230px;
	padding-right:33px;
	text-align:left;
	margin-left:14px;
}

#footer_kontaktdaten p {
	text-indent:-14px;
	margin:10px 0 0 14px;
	color:#fff;
}

#footer_kontaktdaten span {
	padding-right:11px;
	line-height:0.1em;
}

#footer_kontaktdaten p:nth-of-type(1){
	margin:0 0 0 14px;
	text-indent:0;
	font-weight:bold;
}

#footer_kontaktdaten p:nth-of-type(3), #footer_kontaktdaten p:nth-of-type(5) {
	margin-bottom:50px;
}

#footer_kontaktdaten p:nth-of-type(3) span {
	font-size:1.3em;
}

#footer_kontaktdaten p:nth-of-type(6) span {
	font-size:1.3em;
	line-height:0.1em;
}

#footer_formular {
	width:100%;
	padding:0 33px;
	text-align:left;
}

#footer_formular > input:first-of-type {
	margin-top:0;
}

#footer_formular > form > input, #footer_formular textarea{
	width:100%;
	box-sizing:border-box;
	margin-top:7px;
}

#footer_formular textarea {
	height:130px;
}

.captcha {
	margin:10px 0;
	color:#fff;
}

.captcha input {
	display:block;
	box-sizing:border-box;
}

.form_message {
	font-weight:bold;
}

.form_message.error {
	color:yellow !important;
}

.form_message.success {
	color:yellow !important;
}

.reload_captcha {
	font-weight:bold;
	font-size:1.5em;
	cursor:pointer;
}

@media (max-width:919px) {
.captcha input {
	max-width:100%;
}
}

@media (min-width:920px) {
.captcha {
	display:flex;
}

.captcha input {
	max-width:170px;
	padding:5px !important;
	height:40px !important;
	margin:0 0 0 25px;
	box-sizing:border-box;
}
}

#footer_formular p {
	color:#fff;
	margin:5px 0;
}

.datenschutz_form {
	color:#fff;
}
#vcard {
	padding-left:33px;
	text-align:center;
	box-sizing:border-box;
}

#vcard a {
	color:#fff !important;
}

#vcard img {
	width:250px;
	height:250px;
	background:#fff;
	padding:11px;
	margin-bottom:11px;
	box-sizing:border-box;
}

@media (max-width:920px) {
#footer {
	display:block;
	padding:0 15px;
}

#footer_kontakt {
	width:100%;
}

#footer_kontaktdaten {
	padding-right:5px;
}

#footer_formular {
	width:100%;
	padding:0 15px;
	max-width:270px;
}

#footer_formular > input, #footer_formular textarea {
	max-width:270px !important;
}

#vcard {
	padding:0 15px;
}
}

@media (max-width:820px) {
#footer_formular {
	max-width:calc(100% - 250px);
}

#footer_formular > form > input, #footer_formular textarea{
	max-width:100% !important;
}

#footer_kontakt {
	flex-wrap:wrap;
}

#vcard img {
	padding:4px;
}
}


@media (max-width:780px) {
#vcard {
	margin:50px 0 0;
	max-width:250px;
	padding-left:0;
}
}

@media (max-width:550px) {
#footer_kontakt {
	display:block;
}

#footer_kontakt > div {
	float:none;
}

#footer_formular {
	margin:50px 0 0;
	padding-left:0;
	max-width:100%;
}

#vcard img {
	width:100%;
	max-width:250px;
	height:auto;
}

#footer {
	margin-right:0;
}

#footer_kontaktdaten {
	min-width:0;
}
}
/*********************************************************************************************/
/* Webshop *****************************************************************************/
.webshop {
	margin:110px 0;
}


.webshop img{
	width:125px;
	height:125px;
	float:left;
	margin-right:40px;
}


.webshop p {
	margin:0;
}

.webshop p:first-of-type {
	font-weight:bold;
	font-size:2em;
	margin-top:50px;
	padding-top:20px;
	line-height:1.01em;
}

.webshop p:nth-of-type(2) {
	margin:7px 0 25px 0;
	font-size:1.21em;
}

@media (max-width:700px) {
	.webshop p:first-of-type {
		margin-top:0;
        padding-top:0px;

	}

	.webshop img{
		margin-right:10px;
	}
}

@media (max-width:500px) {

    .webshop p:first-of-type {
        margin-top:0;
        padding-top:0px;

    }
	.webshop img{
		margin:0 0 10px;
		float:none;
	}

	.webshop p {
		word-wrap:break-word;
	}
}