/*!
Theme Name: underscores
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: underscores
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

underscores is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*---------------------------------------------------------------------------------------------------
# die webonauten
---------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------
# Helper-Classes
---------------------------------------------------------------------------------------------------*/
/* Allgemein */
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-100 {
	margin-top: 100px;
}
.mt-120 {
	margin-top: 120px;
	}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-120 {
	margin-bottom: 120px;
	}
.pt-10 {
	padding-top: 10px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-100 {
	padding-top: 100px;
}
.pt-120 {
	padding-top: 120px;
}
.pt-200 {
	padding-top: 200px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-100 {
	padding-bottom: 100px;
}
.pb-120 {
	padding-bottom: 120px;
}
.pb-200 {
	padding-bottom: 200px;
}
.bg-bright {
	background-color: #f8f9fa !important;
}
.bg-dark {
	background-color: #1C1C1C;
	color: #ffffff;
}
.padding-all {
	padding: 30px;
}
.section-headline {
	margin-bottom: 40px;
}
.section-text {
	margin-bottom: 40px;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}
body {
	color: #333333;
	font-family: 'OpenSans';
	font-size: 20px;
}
#page {
	padding-top: 63px;
}
@media (min-width: 3000px) {
	body {
		background-color: #F3F3F3;
	}
	#page, #masthead, nav {
		max-width: 3000px;
		margin: 0px auto;
	}
}
/* Bootstrap-container-styles for main */
	.page-template-default main {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) {
	.page-template-default main {
	  max-width: 540px;
	}
}  
@media (min-width: 768px) {
	.page-template-default main{
		max-width: 720px;
	}
}  
  @media (min-width: 992px) {
	.page-template-default main{
	  max-width: 960px;
	}
}  
@media (min-width: 1200px) {
	.page-template-default main {
	  max-width: 1140px;
	}
}
a, a:link, a:visited, a:hover, a:active {
	color: #7F7F7F;
}
a.btn-custom, .btn-custom {
    color: #fff;
    background-color: #dadada;
    border-color: #dadada;	
}
.btn:hover {   
	color: #fff;
}
a.btn-custom:hover, .btn-custom:hover {   
    background-color: #6a6a6a;
    border-color: #6a6a6a;
}
.btn-custom:focus {   
	color: #fff;
    background-color: #dadada;
    border-color: #dadada;
}
.btn:focus,.btn:active {
	outline: none !important;
	box-shadow: none;
 }
.fixed-call-back-btn {   
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    text-align: center;
    padding: .9rem;
    background-color: #ffcb2d;
    z-index: 99;
    position: fixed;
    bottom: 50vh;
    left: auto;
    right: 0;
    width: auto;
    -webkit-transform: rotate(
-90deg
) translateX(50%);
    transform: rotate(
-90deg
) translateX(50%);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}
a.fixed-call-back-btn {
	color: #ffffff;
}
.modal-body img {
	max-width: 100%;
}
.custom-nav {
	background-color: #fff;
	border-bottom: 1px solid #dadada;
}
.custom-nav img.nav-logo {
	width: 140px;
}
@media (min-width: 768px) {
	.custom-nav img.nav-logo {
		width: 180px;
	}
}
.dropdown-toggle {
    background-color: #6a6a6a;
}
.navbar-light .navbar-nav .dropdown-toggle.nav-link {
    color: #fff;
}
.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: #fff;
}
.kontakt-link {
	padding: 0px 20px;
}
.site-footer {
	text-align: center;
}
#footer-top {
	background-color: #f3f3f3;
	text-align: center;
}
#footer-top p {
	margin-bottom: 0px;
}
#footer-bottom {
	background-color: #6a6a6a;
}
#footer-bottom a{
	color: #fff;
}
.werbeformen-wrapper a.btn-primary {
    margin-bottom: 20px;
}
.card .ivw a {
	border: 1px solid #7F7F7F;
	border-radius: 5px;
	color: #7F7F7F;
	font-size: 16px;
	padding: 4px;
}

/* WPForms */
.page-template-Werbeformen div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 20px 0;
}
.page-template-Werbeformen div.wpforms-container-full .wpforms-form h3 {
    font-size: 26px;
}
.page-template-Werbeformen div.wpforms-container-full .wpforms-form .wpforms-field-label {    
    font-size: 20px;
}
.page-template-Werbeformen div.wpforms-container-full .wpforms-form .wpforms-field-description, .page-template-Werbeformen div.wpforms-container-full .wpforms-form .wpforms-field-limit-text, 
.page-template-Werbeformen div.wpforms-container div.wpforms-uploader .dz-message {
    font-size: 18px;   
}
div.wpforms-container-full, div.wpforms-container-full .wpforms-form .wpforms-field-radio {
	margin-bottom: 40px;
}
#wpforms-96-field_68 {
	margin-bottom: 20px;
}

.page-template-Werbeformen div.wpforms-container-full a.screenshot-link, .page-template-Werbeformen div.wpforms-container-full .wpforms-form a.screenshot-link {
	background-color: #6a6a6a;
    color: #fff;
    padding: 15px;
}