@charset "UTF-8";

/* CSS Document 

* Theme Name: Nephrologische Praxis & Dialyse Zwiesel
* Theme URL: https://dialyse-zwiesel.de
* Author: Groß Business Group GmbH
* Version: 1.0.0

*/

@import url(css/normalize.min.css);
@import url(css/main.css);

/* ===================
    Headings
   =================== */

input, select, textarea, body, h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif !important; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;}
h1 { font-size: 50px !important; margin: 0; font-weight: 600 !important; letter-spacing: 0.3px !important; line-height: 54px !important; }
h2 { font-size: 24px !important; margin: 0; font-weight: 200 !important; letter-spacing: 0.3px !important; line-height: 28px !important; }
h3 { font-size: 20px !important; margin: 0; font-weight: 600 !important; letter-spacing: 0.3px !important; line-height: 24px !important; }
h4 { font-size: 36px !important; margin: 0; font-weight: 600 !important; letter-spacing: 0.3px !important; line-height: 40px !important; }
h5 { font-size: 22px !important; margin: 0; font-weight: 200 !important; letter-spacing: 0.3px !important; line-height: 26px !important; }
h6 { font-size: 22px !important; margin: 0; font-weight: 200 !important; letter-spacing: 0.3px !important; line-height: 26px !important; }
.main article h1 { font-size: 60px; }

.datenschutz h2 { margin: 30px 0 30px 0 !important; color: #e53341 !important; }
.datenschutz h3 { margin: 30px 0 15px 0 !important; color: #e53341 !important; }

.mainerror h1 { color: #e53341; margin-bottom: 50px; }

a, a:visited { color: #e53341; }
a { font-weight: 600; }
a { text-decoration: none; }
a:hover, a:focus, a:active { color: #e53341; text-decoration: none; outline: none; }

p, pre { margin: 0 0 15px 0; }
p:empty { display: none; }
p:last-child { margin-bottom: 0; }

a, img, #header-container, nav li, nav li a, .post-container, .date, .thumbnail { -webkit-transition: all 0.5s; transition: all 0.5s; }

strong, b, .bold { font-weight: 600 !important; }

/* ===================
    ALL: Kunden Theme
   =================== */

* { -moz-box-sizing: border-box; box-sizing: border-box; }

html {
	height: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-weight: 200 !important;
    font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.3px;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	color: #333;
}

.wrapper {
	width: 1400px;
}

#nav-container, #main-container, #footer-container {
	position: relative;
}

body, #main-container {
	background: #fff;
}

#header-container {
	position: fixed;
	width: 100%;
	z-index: 999;
}

#nav-container {
	float: right;
	width: 100%;
	background: #fff;
	margin-top: 20px;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

#footer-container {
	padding: 50px 50px 15px 50px;
	background: #eee;
	z-index: 997;
}

/* ===================
    Nav
   =================== */

#nav-container nav {
	text-align: left;
	width: auto;
}

#nav-container nav li, nav li a {
	height: 80px;
	line-height: 80px;
	margin: 0;
}

#nav-container nav li {
	position: relative;
	display: block;
	float: left;
	padding: 0;
}

#nav-container nav li a {
	font-weight: 200;
	font-size: 18px;
	display: block;
	padding: 0 25px;
	width: auto;
	background: transparent;
	color: #000;
}

#nav-container nav a:visited {
	color: #000;
}

#nav-container nav .current-menu-item a, #nav-container nav .current_page_item a, #nav-container nav a:hover, #nav-container nav a:focus, #nav-container nav a:active, #nav-container nav .current-menu-ancestor a {
	color: #fff; background: #e53341;
}


/* ===================
    Header
   =================== */
   
/* Header Logo */

#logo {
	position: absolute;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	left: 50px;
	z-index: 2;
}

#logo img {
	width: 120px !important;
	height: auto;
}

/* ===================
    Main
   =================== */

.main img {
	width: 100%;
	height: auto;
}

.main {
	padding: 270px 0 150px 0;
	background: #fff;
}

.mainhome {
	padding: 0 0 150px 0;
	background: #fff;
}

.main article {
	width: 100%;
	float: none;
	padding: 0px;
}

.liste ul {
	padding: 0 0 0 30px;
	margin: 0;
}

.liste ul li {
	list-style: none;
	position: relative;
	margin-bottom: 10px;
}

.liste ul li:last-child {
	margin-bottom: 0;
}

.liste ul li::before {
	position: absolute;
	content: "";
	top: 6px;
	left: -30px;
	width: 14px;
	height: 14px;
	background: #e53341;
}


/* ===================
    Kontakt
   =================== */

/*.wpforms-container {
	margin: 0 !important;
}

.wpforms-field {
	padding: 0 !important;
	margin-bottom: 20px !important;
}

.wpforms-field-label, .wpforms-field-required li {
	color: #000 !important;
}

.wpforms-field-container input, .wpforms-field-container textarea, .wpforms-field-container select {
	background-color: #eee !important;
	letter-spacing: 1px !important;
    border: none !important;
    color: #000 !important;
    padding: 10px !important;
	height: auto !important;
}

.wpforms-field-container textarea {
	height: 150px !important;
	resize: inherit !important;
}

.wpforms-submit {
	background: #333 !important;
	box-shadow: 0 0 8px rgba(0,0,0,0) !important;
    border: 0 none !important;
    color: #fff !important;
    font-size: 18px !important;
	line-height: 18px !important;
    font-weight: 600 !important;
    padding: 15px !important;
	width: 100% !important;
	height: 48px !important;
	letter-spacing: 0.3px !important;
	border-left: none !important;
	-webkit-transition: all 0.5s !important;
  	transition: all 0.5s !important;
}

.wpforms-submit:hover {
    background: #e53341 !important;
}*/

.wpcf7 {
	width: 100%;
	float: left;
}

#wpcf7-f4-p55-o1 {
	margin-right: 10%;
}

input, select, textarea {
    background-color: #fff;
	letter-spacing: 1px;
    border: 1px solid #c6c6c6;
    color: #5f5f5f;
    padding: 10px;
	width: 100%;
}

.wpcf7-quiz {
	width: 50px;
}

textarea {
	height: 150px;
}

.wpcf7-form p {
	padding: 0;
	font-size: 16px;
	font-weight: 700;
}

.datcheck {
	color: #000;
	font-weight: 400 !important;
	font-size: 10px !important;
	line-height: 14px;
	margin: 15px 0;
}

.datcheck a {
	color: #000;
}

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

.datcheck .wpcf7-list-item {
    margin: 0 5px 0 0 !important;
}

.datcheck input {
	width: 13px !important;
	height: 13px !important;
}

span.wpcf7-form-control-wrap {
    margin: 0px;
    position: relative;
}

.wpcf7 button, html .wpcf7 input[type="button"], .wpcf7 input[type="reset"], .wpcf7 input[type="submit"] {
	background: #333;
	text-transform: uppercase;
	box-shadow: none;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 25px;
	width: 100%;
	letter-spacing: 1px;
	border-left: none;
	-webkit-transition: all 0.5s;
  	transition: all 0.5s;
}

.wpcf7 button:hover, html .wpcf7 input[type="button"]:hover, .wpcf7 input[type="reset"]:hover, .wpcf7 input[type="submit"]:hover {
    background: #e53341; color: #fff;
}

#btn {
	border-left: none;
}

.wpcf7-submit {
    clear: both;
    display: table;
    margin: 0px auto;
}

#goog-wm-qt, #goog-wm-sb {
	margin-top: 15px;
}

.ajax-loader {
    width: auto !important;
	position: absolute;
	top: 0;
}

/* ===================
    404
   =================== */

.mainerror {
	padding: 200px 50px 100px 50px;
}

.mainerror img {
	width: 50% !important;
	margin: 0 auto;
	display: block;
}

/* ===================
    Footer
   =================== */
   
#footer-container footer {
	padding: 0;
}

#kontaktbox {
	float: left;
}

#kontaktbox h3 {
	color: #e53341;
	margin-bottom: 20px !important;
}

#footer-container footer #menu-footermenue {
    float: right;
    width: auto;
	margin-top: 0;
	padding: 0;
}

footer #menu-footermenue li {
	position: relative;
	display: block;
	float: none;
	height: 18px;
	line-height: 18px;
	padding: 0;
	margin-bottom: 15px;
	border: none !important;
}

footer #menu-footermenue li:last-child {
	margin: 0;
}

footer #menu-footermenue li a	{
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0;
	font-size: 18px;
	font-weight: 200;
	width: auto;
	background: none;
	color: #000;
	margin: 0;
}

footer #menu-footermenue a:visited { color: #000; }
footer #menu-footermenue a:hover { color: #e53341; text-decoration: none; outline: none; } 
footer #menu-footermenue a:focus { color: #e53341; outline: none; }
footer #menu-footermenue a:active { color: #e53341; outline: none; }
footer #menu-footermenue .current-menu-item a, footer #menu-footermenue .current_page_item a, footer #menu-footermenue a:hover {
	color: #e53341;
	background: none;
}

.copyright {
	margin-top: 50px;
	text-align: center;
	color: #333;
	font-size: 12px;
	line-height: 18px;
}

/* ===================
    Responsive
   =================== */

@media only screen and (max-width: 1250px) {
	#nav-container nav li a { font-size: 16px; padding: 0 20px; }
	#footer-container { padding: 50px 25px 15px 25px; }
}
@media only screen and (max-width: 1200px) {
	.main { -webkit-hyphens: auto; hyphens: auto; }
}
@media only screen and (max-width: 1000px) {
	#nav-container { display: none; }
	.mobmenur-container i { background: #e53341; width: 42px; height: 42px; padding-top: 6px; border-radius: 0; }
	#logo { left: 0; }
	#logo img { width: 80px !important; }
	.main { padding: 170px 0 50px 0; }
	.mainhome { padding: 0 0 50px 0; }
}
@media only screen and (max-width: 750px) {
	h1 { font-size: 35px !important; line-height: 39px !important; }
	h2 { font-size: 22px !important; line-height: 26px !important; }
	h3 { font-size: 22px !important; line-height: 26px !important; }
	h4 { font-size: 30px !important; line-height: 34px !important; }
	h5 { font-size: 22px !important; line-height: 26px !important; }
	h6 { font-size: 22px !important; line-height: 26px !important; }
	.main article h1 { font-size: 50px; }
}
@media only screen and (max-width: 700px) {
	#kontaktbox { float: none; }
	#footer-container footer #menu-footermenue { float: none; margin-top: 50px; }
	footer nav li a { text-align: left; }
}