/*
Theme Name: vet-r
Author: Weh Communications GmbH
Author URI: http://www.communications.de/
Description: Das individualisierte WordPress-Theme fuer Dr. Reczko.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vet-r.de
Tags: individual

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


* { margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box; }
html, body { font-family:'Roboto','Helvetica','Arial','Verdana',sans-serif;font-size:16px;line-height:1.4em;font-weight:400;height:100%; }
 
a img { border:none; }
hr, .wp-block-separator { width:35px;margin:0 auto 25px;border:3px solid #1071b8;border-left:0;border-right:0;border-bottom:0; }
.border-bottom { border-bottom:2px solid #ededed; }
.italic { font-style:italic; }
.uppercase { text-transform:uppercase; }

.navigation-wrapper { height:100%;padding:20px;background-color:#ffffff;box-shadow:0 0 15px 1px rgba(0, 0, 0, .1);z-index:500;position:fixed;  }

.navigation { color:#000000; }
.navigation .mobile { height:fit-content }
.navigation i { font-size:28px;line-height:25px;cursor:pointer;display:block; }
.navigation.active i { font-size:35px;line-height:25px; }

.navigation .navigation-menu-items { display:none; }
.navigation .navigation-menu-items.active { display:block; }
.navigation .navigation-menu-items .logo { text-align:center;margin:25px 0; }
.navigation .navigation-menu-items ul.menu {  }
.navigation .navigation-menu-items ul.menu li { list-style-type:none;margin:25px 45px;text-align:center; }
.navigation .navigation-menu-items ul.menu li a { color:#000000;text-decoration:none;font-weight:700;padding:4px; }

.wrapper-header { width:1230px;padding:50px 30px 0;margin:0 auto; }
.wrapper-header .header { width:fit-content;margin:0 0 30px auto; }
.wrapper-header hr.shadow { width:100%;border:inherit;height:20px;position:relative;margin:0; }
.wrapper-header hr.shadow::after { content:'';display:block;position:absolute;left:0;top:-28px;right:0;height:10px;border-radius:100%;box-shadow:-10px 10px 10px 1px; }
.wrapper-header .header a { text-decoration:none;display:inline-block; }
.wrapper-header .header a .logo-navigation-wrapper { height:158px;display:grid;grid-template-columns:138px 1fr;align-items:end; }
.wrapper-header .header a .logo-navigation-wrapper div {  }
.wrapper-header .header a .logo-navigation-wrapper .logo { height:158px; }
.wrapper-header .header a .logo-navigation-wrapper .logo img { height:158px; }
.wrapper-header .header a .logo-navigation-wrapper .logo-text { color:#000000;font-weight:600;font-size:30px;line-height:30px;margin:0 0 15px 15px; }
.wrapper-header .header a .logo-navigation-wrapper .logo-text p span { color:#1071b8;font-weight:300;font-size:20px;line-height:20px; }


.wrapper-content { margin-top:20px;min-height:calc(100vh - (284px + 89px));  }
.wrapper-content h1 { width:1230px;margin:0 auto 25px;padding:0 30px;font-size:30px;line-height:42px;color:rgb(51, 51, 51);text-align:center; }
.wrapper-content h2 { width:1230px;margin:0 auto 20px;padding:0 30px;font-size:25px;line-height:32px;text-align:center;font-weight:400;color:#1071b8; }
.wrapper-content h3 { width:1230px;margin:0 auto 15px;padding:0 30px;;text-align:center;color:rgb(51, 51, 51);font-weight:400; }
.wrapper-content h4 { width:1230px;margin:0 auto 10px;padding:0 30px;color:rgb(51, 51, 51);text-align:center; }
.wrapper-content p { width:1230px;margin:0 auto 25px;padding:0 30px;color:rgb(139, 141, 148); }
.wrapper-content a { color:rgb(11, 114, 181); }
.wrapper-content ul { width:1230px;margin:0 auto 25px;padding-left:50px;color:rgb(139, 141, 148); }

.wrapper-content .team-wrapper { background: rgb(242, 242, 242); }
.wrapper-content .team-wrapper .team { width:1230px; padding:0 15px;margin:0 auto; }
.wrapper-content .team-wrapper .team > div { padding-top:35px; }
.wrapper-content .team-wrapper .team > div > div { margin-bottom:35px; }
.wrapper-content .team-wrapper .team .team-name { display:grid;grid-template-columns:1fr 150px 1fr; }
.wrapper-content .team-wrapper .team > div > div:last-of-type { margin-bottom:35px; }
.wrapper-content .team-wrapper .team h3, .wrapper-content .team-wrapper .team p { width:inherit; }
.wrapper-content .team-wrapper .team h3 { padding:0 5px;line-height:30px;font-size:20px;font-weight:700;color:#333333;white-space:nowrap }
.wrapper-content .team-wrapper .team hr { margin:0;margin:14px 0;width:100%;border-top:1px solid #ebebeb; }
.wrapper-content .team-wrapper .team img { box-shadow:0 0 5px rgba(0, 0, 0, .2); }

.wrapper-content .service-list { width:1230px;margin:0 auto 25px;padding:0 30px;display:grid;grid-template-columns:24px 1fr;grid-gap:10px; }
.wrapper-content .service-list .list-icon { color:#0e71b8;font-size:24px;line-height:24px; }
.wrapper-content .service-list .box-list-text { color:rgb(139, 141, 148);align-self:center; }

.wrapper-content .faq-list { width:1230px;margin:0 auto 25px;padding:0 30px; }
.wrapper-content .faq-list .list-item { display:grid;grid-template-columns:18px 1fr;grid-gap:10px; }
.wrapper-content .faq-list .list-item .list-icon { color:#0e71b8; }
.wrapper-content .faq-list .list-item .list-icon i { font-size:22px;line-height:22px;cursor:pointer;margin-top:4px; }
.wrapper-content .faq-list .list-item .faq-header { cursor:pointer;font-size:20px;font-weight:700;line-height:30px;margin-bottom:10px; }
.wrapper-content .faq-list .list-item .faq-info { display:none; }
.wrapper-content .faq-list .list-item .faq-info h3 { color:#1071b8;text-align:left;font-size:18px;font-weight:700;line-height:24px;margin:0;margin-bottom:10px;padding:0; }
.wrapper-content .faq-list .list-item .faq-info p { line-height:25px;margin:0;margin-bottom:10px;padding:0; }
.wrapper-content .faq-list .list-item .faq-info ul { margin:0 0 10px 20px;padding:0; }
.wrapper-content .faq-list .list-item .faq-info ul li { color:rgb(139, 141, 148); }
.wrapper-content .faq-list .list-item .faq-info a { color:rgb(11, 114, 181);
 }

.wrapper-content .wp-block-lazyblock-info-block { width:1230px;margin:0 auto 25px; }
.wrapper-content .info-box { width:100%;padding:30px 15px;color:#5e7f96;border-color:#cfebfe;background-color:#dff2fe;display:grid;grid-template-columns:30px 1fr;grid-gap:10px; }
.wrapper-content .info-box .icon { align-self:center; }
.wrapper-content .info-box .icon i { font-size:27px;line-height:1em;color:rgb(86, 176, 238); }
.wrapper-content .info-box .text h2 { text-decoration:underline;color:#333333;font-weight:600;padding:0;width:100%; }
.wrapper-content .info-box .text p { width:100%;padding:0;margin:0;margin-bottom:15px; }

.wrapper-content .wp-block-columns.contact { width:1230px;margin:0 auto 25px; }
.wrapper-content .wp-block-columns.contact hr { margin:25px auto 25px; }
.wrapper-content .wp-block-columns.contact p { width:100;padding:0; }

.wrapper-content .ol-viewport { border-radius:15px; }
.wrapper-content .wp-block-lazyblock-karte { margin-top:23px; }
.wrapper-content .drdsgvo_map ul { width:100%; }

.wrapper-content .wp-block-columns form p { width:100%;overflow-wrap: break-word; }
.wrapper-content .wp-block-columns form p a { color:rgb(11, 114, 181) }
.wrapper-content .wpcf7 p { margin:0 auto 25px;text-align:left; }
.wrapper-content .wpcf7 p.underline { text-decoration:underline; }
.wrapper-content .wpcf7 p span { margin-right:5%; }
.wrapper-content .wpcf7 p span input, .wrapper-content .wpcf7 p span textarea { width:100%;padding:12px;border-radius:15px;border:none;border:1px solid rgba(51, 51, 51, 0.11);background-color:rgb(253, 253, 253); }
.wrapper-content .wpcf7 p span input:focus, .wrapper-content .wpcf7 p span textarea:focus, 
.wrapper-content .wpcf7 p input[type='submit'] { outline:none; }
.wrapper-content .wpcf7 p span:last-of-type { margin-right:0px; }
.wrapper-content .wpcf7 p span.wpcf7-acceptance span { margin-right:16px;margin-left:0; }
.wrapper-content .wpcf7 p span.wpcf7-checkbox .wpcf7-list-item { margin-right:inherit; }
.wrapper-content .wpcf7 p span.wpcf7-checkbox .wpcf7-list-item input[type='checkbox'] { width:auto;line-height:30px; }
.wrapper-content .wpcf7 p.check_right .wpcf7-form-control-wrap input.wpcf7-text { padding:0; }
.wrapper-content .wpcf7 p.text_mark { font-weight: bold; }
.wrapper-content .wpcf7 p.line-height { line-height:35px; }
.wrapper-content .wpcf7 p input[type='submit'] { color:#fff;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;white-space:normal;background-color:rgb(13, 113, 185);border:2px solid rgb(13, 113, 185); }

.wrapper-footer { width:100%;background-color:#1a1c20;color:#eeeeee; }
.wrapper-footer .footer-content { width:1300px;padding:18px 50px;margin:0 auto;display:grid;grid-template-columns:50px 1fr 1fr;font-size:13px;line-height:13px;align-items:center; }
.wrapper-footer .footer-content > div:nth-of-type(3) { justify-self:end; }
.wrapper-footer ul { list-style-type:none; }
.wrapper-footer ul li { line-height:1em;display:inline-block;border-right:1px solid #eeeeee;margin:0; }
.wrapper-footer ul li:last-of-type { border:none; }
.wrapper-footer ul li a { color:#eeeeee;text-decoration:none;padding:0 5px; }
.wrapper-footer ul li a:first-of-type { padding:0 5px 0 0; }
.wrapper-footer ul li a:hover { text-decoration:underline; }


/* =WordPress Core - START */
/* -------------------------------------------------------------- */
.alignnone { margin:0; }
.aligncenter,
div.aligncenter { display: block; margin: 0px auto 0px auto; }
.alignright { float:right; margin: 4px 0px 10px 10px; }
.alignleft { float: left; margin: 4px 10px 10px 0; }
a img.alignright { float: right; margin: 4px 0px 10px 10px; }
a img.alignnone { margin:0; }
a img.alignleft { float: left; margin: 4px 10px 10px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin:0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }


/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* -------------------------------------------------------------- */
/* =WordPress Core - END */

@media only screen and (max-width: 1370px) {
	.wrapper-header { width:80%; }

	.wrapper-content h1, .wrapper-content h2, .wrapper-content h3, .wrapper-content h4 { width:80%; }
	.wrapper-content p { width:80%; }
	.wrapper-content ul { width:80%; }
	.wrapper-content .team-wrapper .team { width:80%; }
	.wrapper-content .service-list { width:80%; }
	.wrapper-content .faq-list { width:80%; }
	.wrapper-content .faq-list .list-item .faq-info h3 { width:100%; }
	.wrapper-content .faq-list .list-item .faq-info p { width:100%; }
	.wrapper-content .faq-list .list-item .faq-info ul { width:100%; }
	.wrapper-content .wp-block-columns.contact { width:80%; }

	.wrapper-footer .footer-content { width:80%; }
}

@media only screen and (max-width: 781px) {
	
}

@media only screen and (max-width: 600px) {
	.navigation-wrapper { height:fit-content;padding:20px;background-color:#ffffff;box-shadow:0 0 15px 1px rgba(0, 0, 0, .1);z-index:500;position:fixed;  }

	.navigation { color:#000000; }
	.navigation .mobile { height:fit-content }
	.navigation i { font-size:28px;line-height:25px;cursor:pointer;display:block; }
	.navigation.active i { font-size:35px;line-height:25px; }

	.wrapper-header { width:100%;padding:25 25px; }

	.wrapper-header .header { margin:0 auto 30px; }
	.wrapper-header .header a .logo-navigation-wrapper { grid-template-columns:1fr;height:auto; }
	.wrapper-header .header a .logo-navigation-wrapper .logo { height:auto;width:100%;max-height:100px;text-align:center; }
	.wrapper-header .header a .logo-navigation-wrapper .logo img { width:auto;max-height:100px; }

	.wrapper-content h1, .wrapper-content h2, .wrapper-content h3, .wrapper-content h4 { width:100%;padding:0 25px; }
	.wrapper-content p { width:100%;padding:0 25px; }
	.wrapper-content ul { width:100%;padding:0 25px; }
	.wrapper-content .team-wrapper .team { width:100%;padding:0 25px; }
	.wrapper-content .service-list { width:100%;padding:0 25px; }
	.wrapper-content .faq-list { width:100%;padding:0 25px; }
	.wrapper-content .faq-list .list-item .faq-info h3 { width:100%; }
	.wrapper-content .faq-list .list-item .faq-info p { width:100%; }
	.wrapper-content .faq-list .list-item .faq-info ul { width:100%; }
	.wrapper-content .wp-block-columns.contact { width:100%;padding:0 25px; }
	.wrapper-content .wp-block-lazyblock-info-block { width:100%;padding:0 25px; }

	.wrapper-footer .footer-content { width:100%;padding:15px 70px;grid-template-columns:1fr;grid-gap:10px;justify-items:center;text-align:center;line-height:15px; }
	.wrapper-footer .footer-content > div:nth-of-type(3) { justify-self:center; }
}

@media only screen and (max-width: 425px) {
	.wrapper-header .header a .logo-navigation-wrapper .logo-text { font-size:25px;line-height:25px; }
	.wrapper-header .header a .logo-navigation-wrapper .logo-text p span { font-size:15px;line-height:15px; }	

}