/*
Theme Name: Good42
Author: Lutz Lehmann
Author URI: http://lutz-lehmann.com/
Description: Our Good42  theme is designed to show off the power of the block editor. 
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: good42
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.
*/
/* CSS Document */

html {
  scroll-behavior: smooth;
}

body {
	color: rgb(12 47 111 / 100%);
	background-color: rgba(255,255,255,1.00);
	scroll-behavior: smooth;
}

.container-fluid.mybranding{
  position:sticky;
  bottom: 1rem;
  left:1rem;
}

.d-none.d-lg-block.text-right.my-nav-logo {
  color:rgb(12 47 111);
  position: absolute;
  width: 16rem;
  top: 1%;
  left:4%;
	background-color: rgba(221, 232, 254, 0.7);
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}
.navbar-brand {
  line-height: 0.8;
}

.brand-title-mobile{
  color:rgb(12 47 111);
  font-family: "Verdana", verdana, sans-serif;
  font-size:1.6rem;
  
}
.brand-description-mobile{
  color:rgb(12 47 111);
  font-size:.6rem;
  margin-right: 5px;
  
  
}

.brand-title {
  font-family: "Verdana", verdana, sans-serif;
  font-size:3.0rem;
  line-height: 0.8;
}
.brand-description {
  font-size:1.0rem;
  margin-right: 5px;
}

.mystyle {
  display:block;
}

.main {
    background-color: red;
}

.bg-white {
	background-color: #FFFFFF;
}

.head {
	height: 180px;
	background-image: url("assets/Bilder/header-1.png");
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: .5rem!important;
	
}

.jumbotron {
	background-color: rgba(233, 236, 239, 0.0);
	margin-top: -.5rem!important;
	
}

.container {
	
}

.category {
    padding-top:1.1rem;
    padding-bottom:1.1rem;
}



.border-b {
	border-bottom: rgb(12 47 111 / 50%) solid thin;	
}

.footer {
    padding-top: 2.0rem;
}

.rounded-circle {
    width:150px;
    height:auto;
	border-radius: 50% !important;
}

.bd-placeholder-img.rounded-circle {
	width: 50%;
}

.bd-placeholder-img.my-thumbnail {
  width:120px;
  height:120px;
}

.thumbnail.medium {
    width:150px;
    height:150px;
}

/*  Navigation LAYOUT */



.navbar-light .navbar-nav .nav-link {
  color: rgb(12 47 111 / 100%);
	font-weight: normal;
	border-bottom: rgb(12 47 111 /100%) solid thin;
	transition: font-weight 1s, color 1s;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(12 47 111 / 100%);
	font-weight: bolder;
	text-shadow: 1px 1px 1px #ff9933;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(12 47 111 / 100%);
	font-weight: 500;
}

.navbar {
		padding: .5rem .1rem;
	}

.navbar-light .navbar-toggler {
    border-color: rgb(12 47 111 / 50%);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("assets/Bilder/toggler.svg");
	
}

.navbar-light .navbar-toggler-icon:hover {
    background-image: url("assets/Bilder/toggler-hover.svg");
	
}

.menu-item {
  padding-right: 1.2rem;
	margin-top:auto;
	margin-bottom: .5rem;
}

li.menu-item:nth-of-type(1) {
	margin-top:1rem;
}


a {
  color: rgb(12 47 111 / 100%);
	transition: color .5s;
}

a:hover {
	color:#ff9933;
	text-decoration: none;
}

a:active {
	color:#ff9933;
	text-decoration: none;
}

li.menu-item a {
  text-decoration: none;
}

 .text-center.section-title {
    margin-top: 1rem;
}

.nav-item {
  padding-right: 1.2rem;
	margin-top:auto;
	margin-bottom: auto;
}

li.nav-item a {
  text-decoration: none;
}

.btn-warning {
    color: rgba(255,255,255,1.00);
    background-color: rgb(255 153 51);
    border-color: rgb(255 153 51);
}

#myBtn {
        display: none; /* Hidden by default */
        position: fixed; /* Fixed/sticky position */
        bottom: 15px; /* Place the button at the bottom of the page */
        right: 10px; /* Place the button 30px from the right */
        z-index: 99; /* Make sure it does not overlap */
        border: solid thin #ff9933; 
        outline: none; /* Remove outline */
        background-color: #ff9933; /* Set a background color */
        color: rgba(253,253,253,1.00); /* Text color */
        cursor: pointer; /* Add a mouse pointer on hover */
        padding: 5px; /* Some padding */
        border-radius: 5px; /* Rounded corners */
        font-size: 16px; /* Increase font size */
        transition: background-color 1s;
}

	#myBtn:hover {
		background-color: #49618e; /* Add a dark-grey background on hover */
		border: solid thin #ff9933;
		color:#ff9933;
  
}
#contact {
    padding:1.2rem;
}

#aboutus {
    margin-top:1.2rem;
}

#news {
    margin-top:1.2rem;
}
/* Typography */

.good42-intro h4 {
  margin: 0;
  color: #002c6f;
  font-size: clamp(14px, 3.5vw, 48px);
  line-height: .99;
  letter-spacing: -.055em;
}

.good42-intro h4 span{
  color: var(--g42-orange);
}

/*  Kontaktform LAYOUT */

.wpcf7 {
  width: 100% !important;
  background-color: #f7f7f7;
  padding:5px;
}

.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {width:100% !important;}


@media (min-width: 40em) {
	
	.head {
	height: 220px;
	background-image: url("assets/Bilder/header-1.png");
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-top: .5rem!important;
	
}
	
	.navbar-light .navbar-nav .nav-link {
    border-bottom: none;
}
  .navbar-brand {
  line-height: 1.0;
}
	.border-r {
	border-right: rgb(12 47 111 / 50%) solid thin;	
}

	.border-l {
	border-left: rgb(12 47 111 / 50%) solid thin;	
}
	#intro {
		
	}
	
}

@media (min-width: 44em) {
  .head {
	height: 280px;
}
}

@media (min-width: 52em) {
	.head {
		height: 300px;
		margin-top: .5rem!important;
	}
   .navbar-brand {
  line-height: 1.0;
}
	
}

@media (min-width: 56em) {
	.head {
		height: 320px;
		margin-top: .5rem!important;
	}
   .navbar-brand {
  line-height: 1.0;
}
	
}


@media (min-width: 60em) {
	.head {
		height: 360px;
		margin-top: .5rem!important;
	}
   .navbar-brand {
  line-height: 1.0;
}
	
}

@media (min-width: 82em) {
	
	body {
	background-image: url("assets/Bilder/bg-2.png");
	background-repeat: repeat-y;
	background-size: 100% auto;
}
	
	.head {
		height: 400px;
		margin-top: .5rem!important;
	}
  
  .d-none.d-lg-block.text-right.my-nav-logo {
  position: absolute;
  top: 1.0%;
  left:20%;
	background-color: rgba(221, 232, 254, 0.7);
  width:20rem;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}
   .navbar-brand {
  line-height: inherit;
}
  
  .brand-title {
  font-family: "Verdana", verdana, sans-serif;
  font-size:3.7rem;
  line-height: 1;
}
.brand-description {
  font-size:1.3rem;
  margin-right: 5px;
  margin-top: -5px;
  line-height: 0.2;
}

	
	.navbar {
		padding: .5rem 1rem;
	}
	.navbar-light .navbar-nav .nav-link {
    border-bottom: none;
}
	#intro {
	
	}
	
	#aboutus {
		padding-bottom:1.4rem;
	}
	
	.aboutus {
		
	}
	
	#news {
		padding:2rem;
	}
	
	#whatwedo {
		margin-bottom:1.4rem;
	}
	
	#references {
		margin-bottom:1.4rem;
	}
	
	#contact {
		padding:2rem;
	}
	
	.section-title {
		font-style: normal;
		text-transform: uppercase;
	}
	
	#myBtn {
        display: none; /* Hidden by default */
        position: fixed; /* Fixed/sticky position */
        bottom: 20px; /* Place the button at the bottom of the page */
        right: 20px; /* Place the button 30px from the right */
        z-index: 99; /* Make sure it does not overlap */
        border: solid thin #ff9933; 
        outline: none; /* Remove outline */
        background-color: #ff9933; /* Set a background color */
        color: rgba(253,253,253,1.00); /* Text color */
        cursor: pointer; /* Add a mouse pointer on hover */
        padding: 15px; /* Some padding */
        border-radius: 15px; /* Rounded corners */
        font-size: 24px; /* Increase font size */
}

	#myBtn:hover {
		background-color: #49618e; /* Add a dark-grey background on hover */
		border: solid thin #ff9933;
		color:#ff9933;
  
}
.bd-placeholder-img.rounded-circle {
	width: 140px;
	height: 140px;
}
  }