/*
Theme Name: Kanzlei Dommnann
Author: Weh Communications GmbH
Author URI: http://www.communications.de/
Description: Das individualisierte WordPress-Theme fuer die Kanzlei Dommann.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kanzlei-domman.com
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.
*/
@import url('https://kanzlei-dommann.com/wp-content/themes/kanzlei-dommann/style/googlefonts/merriweather.css'); /* font-family: 'Merriweather', sans-serif; */

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

.wrapper-header { height:750px;border-bottom:5px solid #53585f;background:rgb(255,255,255);
					background:			linear-gradient(60deg, rgba(255,255,255,1) 21%, rgba(192,84,70,1) 95%);
					background: -webkit-linear-gradient(60deg, rgba(255,255,255,1) 21%, rgba(192,84,70,1) 95%); 
					background:    -moz-linear-gradient(60deg, rgba(255,255,255,1) 21%, rgba(192,84,70,1) 95%); 
					background:     -ms-linear-gradient(60deg, rgba(255,255,255,1) 21%, rgba(192,84,70,1) 95%); 
					background:      -o-linear-gradient(60deg, rgba(255,255,255,1) 21%, rgba(192,84,70,1) 95%); }
.wrapper-header .header { position:relative;width:1903px;margin:0 auto; }
.wrapper-header .header:after { content:"";display:block;clear:both;height:1px; }
.wrapper-header .header .logo-navigation-wrapper { position:absolute;top:40px;left:40px;z-index:2; }
.wrapper-header .header .logo-navigation-wrapper a img { height:160px; }
.wrapper-header .header .navigation { border-bottom:5px solid #ffffff;text-align:right;padding:70px 40px 10px; }
.wrapper-header .header .navigation .mobile { display:none; }
.wrapper-header .header .navigation .navigation-menu-items {  }
.wrapper-header .header .navigation .navigation-menu-items ul { list-style-type:none; }
.wrapper-header .header .navigation .navigation-menu-items ul li { display:inline-block;margin-right:30px; }
.wrapper-header .header .navigation .navigation-menu-items ul li:last-of-type { margin-right:0; }
.wrapper-header .header .navigation .navigation-menu-items ul li a { color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:300;font-size:24px;line-height:38px;padding-bottom:14px; }
.wrapper-header .header .navigation .navigation-menu-items ul li a:hover { border-bottom:5px solid #53585f; }
.wrapper-header .header .navigation .navigation-menu-items ul li.current-menu-item a { border-bottom:5px solid #53585f;font-weight:400; }
.wrapper-header .header .header-teaser { height:622px;position:relative; }
.wrapper-header .header .header-teaser img { position:absolute;right:0;bottom:0; }
.wrapper-header .header .header-teaser h1 { position:absolute;top:40%;left:10%;font-size:60px;line-height:80px;font-weight:200;color:#bd4c3d;text-transform:uppercase; }
.wrapper-header .header .header-teaser h1 span { padding-left:150px;font-weight:bold;font-size:70px; }

.wrapper-header .header .header-teaser.sw img { height:100%;width:auto; }
.wrapper-header .header .header-teaser.links img { right:inherit;left:0; }
.wrapper-header .header .header-teaser.links h1 { left: inherit;right:10%; }

.wrapper-content { margin:40px 40px 0;padding-bottom:40px; }
.wrapper-content h1 { text-align:center;width:80%;margin:0 auto 35px;font-size:30px;line-height:42px; }
.wrapper-content h2 { text-align:center;width:80%;margin:0 auto 25px;font-size:28px;line-height:38px; }
.wrapper-content h3 { width:80%;margin:0 auto; }
.wrapper-content h4 { width:80%;margin:0 auto; }
.wrapper-content p { width:80%;margin:0 auto 25px; }
.wrapper-content a { color:#222222; }
.wrapper-content ul { width:80%;margin:0 auto 25px;padding-left: 25px; }
.wrapper-content .wp-block-separator { width:35px;margin:0 auto 25px;border:3px solid #222222;border-left:0;border-right:0;border-bottom:0; }
.wrapper-content .wp-block-columns { width: 80%;margin:0 auto; }

.wrapper-content form { width:80%;margin:0 auto; }
.wrapper-content form input, form select, form textarea { font-family:'Merriweather',sans-serif;padding:10px 15px;font-size:0.9em;line-height:1em;color:#000000;font-weight:300;border:none;background:rgba(229,229,229,0.3);border-bottom:3px solid rgba(229,229,229,0.9);outline:none; }
.wrapper-content form p { width:100%; }
.wrapper-content form input[type=submit] { width:auto;background:#434343;border:none;color:#ffffff;font-weight:400; }
.wrapper-content form .labelbox span { display:block;margin:0 0 1% 0; }
.wrapper-content form .labelbox span input { width:100%; }
.wrapper-content form .labelbox span input[type=checkbox],
.wrapper-content form .labelbox span input[type=radio] { width:30px; }
.wrapper-content form .labelbox span select { width:100%; }
.wrapper-content form .labelbox span textarea { width:100%; }
.wrapper-content form .labelbox .wpcf7-checkbox span { display:inline-block; }

.wrapper-content form .labelbox.floatbox:after { content:"";display:block;clear:both;line-height:1px;height:1px;font-size:1px;color:transparent; }
.wrapper-content form .labelbox.box2er > span { width:49.5%;float:left;margin-right:1%; }
.wrapper-content form .labelbox.box2er > span:nth-child(2n) { margin-right:0; }

.wrapper-footer { width:1903px;padding:40px;margin:0 auto; }
.wrapper-footer .menu-footer-container { text-align:right; }
.wrapper-footer .menu-footer-container ul { list-style-type:none; }
.wrapper-footer .menu-footer-container ul li { line-height:1em; }
.wrapper-footer .menu-footer-container ul li a { color:#ffffff;text-decoration:none;font-size:16px;line-height:21px; }

/* =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: 1903px) {
	.wrapper-header .header { width:100%; }
	.wrapper-footer { width:100%; }
}

@media only screen and (max-width: 1124px) {
	.wrapper-header { height:618px; }

	.wrapper-header .header .logo-navigation-wrapper a img { height:140px; }
	.wrapper-header .header .navigation-wrapper { border-bottom:5px solid #ffffff;text-align:right;padding:60px 40px 0;padding-bottom:10px; }
	.wrapper-header .header .navigation { padding:60px 40px 10px; }
	.wrapper-header .header .header-teaser { height:500px;position:relative; }
	.wrapper-header .header .header-teaser img { height:90%; }
	.wrapper-header .header .header-teaser h1 { font-size:50px;line-height:70px;text-shadow: 1px 1px 8px rgba(255,255,255,0.5); }
	.wrapper-header .header .header-teaser h1 span { font-size:60px; }  
	.wrapper-header .header .header-teaser.links h1 { top:inherit;bottom:5%; }
	
	.wrapper-content h1 { text-align:center;width:90%;margin:0 auto 35px;font-size:30px;line-height:42px; }
	.wrapper-content h2 { text-align:center;width:90%;margin:0 auto 25px; }
	.wrapper-content h3 { width:90%;margin:0 auto; }
	.wrapper-content h4 { width:90%;margin:0 auto; }
	.wrapper-content p { width:90%;margin:0 auto 25px; }
	.wrapper-content a { color:#222222; }
	.wrapper-content ul { width:90%;margin:0 auto 25px;padding-left: 25px; }
	.wrapper-content .wp-block-separator { width:35px;margin:0 auto 25px;border:3px solid #222222;border-left:0;border-right:0;border-bottom:0; }
	.wrapper-content .wp-block-columns { width: 90%;margin:0 auto; }
	.wrapper-content form { width:90%;margin:0 auto; }
}

@media only screen and (max-width: 650px) {
	.wrapper-header { height:481px; }
	.wrapper-header .header .logo-navigation-wrapper { position:absolute;top:25px;left:25px; }
	.wrapper-header .header .logo-navigation-wrapper a img { height:100px; }
	
	.wrapper-header .header .navigation { padding:25px 25px 10px; }
	.wrapper-header .header .navigation .mobile { display:block;color:#ffffff; }
	
	.wrapper-header .header .navigation .navigation-menu-items {  }
	.wrapper-header .header .navigation .navigation-menu-items ul { display:none;position:absolute;right:0;height:calc(100% - 77px);top:76px;z-index:1;padding-top:10px;padding-bottom:10px;
					background:rgb(255,255,255);
					background:			linear-gradient(60deg, rgba(255,255,255,0) 21%, rgba(192,84,70,1) 95%);
					background: -webkit-linear-gradient(60deg, rgba(255,255,255,0) 21%, rgba(192,84,70,1) 95%); 
					background:    -moz-linear-gradient(60deg, rgba(255,255,255,0) 21%, rgba(192,84,70,1) 95%); 
					background:     -ms-linear-gradient(60deg, rgba(255,255,255,0) 21%, rgba(192,84,70,1) 95%); 
					background:      -o-linear-gradient(60deg, rgba(255,255,255,0) 21%, rgba(192,84,70,1) 95%); }
	.wrapper-header .header .navigation .navigation-menu-items ul li { display:block;margin-right:0px;padding-left:25px; }
	.wrapper-header .header .navigation .navigation-menu-items ul li a { color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:300;font-size:24px;line-height:38px;padding:0 25px 0 0; }
	.wrapper-header .header .navigation .navigation-menu-items ul li a:hover { border-bottom:inherit; }
	.wrapper-header .header .navigation .navigation-menu-items ul li.current-menu-item a { border-bottom:inherit;border-right:5px solid #53585f; }

	.wrapper-header .header .header-teaser { height:400px; }
	.wrapper-header .header .header-teaser img { height:90%; }
	.wrapper-header .header .header-teaser h1 { top:inherit;bottom:5%;font-size:40px;line-height:50px; }  
	.wrapper-header .header .header-teaser h1 span { padding-left:60px;font-size:50px; }

	.wp-block-column:not(:first-child) { margin-left: 0em; }
	.wp-block-column:not(:only-child) { flex-basis:inherit!important;flex-grow:1; }
}

@media only screen and (max-width: 425px) {
	.wrapper-header { height:481px; }
	.wrapper-header .header .header-teaser { height:400px; }
	.wrapper-header .header .header-teaser h1 { top:inherit;bottom:5%;font-size:30px;line-height:45px;text-shadow: 1px 1px 10px rgba(255,255,255,1.0); }  
	.wrapper-header .header .header-teaser h1 span { padding-left:50px;font-size:40px; }

}