/*
Theme Name: CNS Landingpage
Author: pure media solutions GmbH
Author URI: http://www.pure-media-solutions.de/
Description: WP Theme for CNS Landingpage
Version: 1.0.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* readex-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/readex-pro-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* readex-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/readex-pro-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


*{
	padding: 0;
	margin: 0;
}

:root {
--blue: #002349;
--orange: #ef3b1f;
}

/*headlines + text*/
body{
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	color: var(--blue);
}

main{
	width: 100%;
	float: left;
}
p{
	color: var(--blue);
	margin-bottom: 10px;
}

h1,h2{
	font-family: 'Readex Pro', sans-serif;	
	font-weight: 700;	
}

h1{
	font-size: 48px;
	color: #fff;
}

h2{
	font-weight: 700;
	font-size: 32px;
	line-height: 38px !important;
	color: var(--orange);
}

h3, h4{
	font-family: 'Nunito', sans-serif;
	font-weight: 700;	
}

h3{
	text-transform: uppercase;
	color: var(--orange);
}

h4{
	color: var(--blue);
	font-size: 24px;
}

a{
	color: var(--orange);
	text-decoration: underline;
}

.col25{
	width: 33%;
	float: left;
}

.col50 {
	width: 50%;
	float: left;
}

.container{
	width: 1180px;
	margin: 0 auto;
}

ul, ol{
	padding-left: 15px;
}

ul li {
	list-style: disc;
	margin-bottom: 10px;
}

ol li {
	margin-bottom: 10px;
}
/*topbar*/
.topline{
	background: var(--orange);
	text-align: center;
	width: 100%;
	float: left;
	font-size: 14px;
	padding: 10px 0;
	position: relative;
	z-index: 10000;
}

.topline p {
	color: #fff;
}

.topline a{
	color: #fff;
	text-decoration: underline;
}


.strich {
	color: #002349;
	font-weight: 700;
}

.topline p{
	margin: 0;
}


/*header*/
.header{
	width: 100%;
	padding: 20px 0;
	float: left;
}

.logo{
	float: left;
}

/*.nav {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
    font-size: 22px;
    text-align: left;
	color: var(--blue);
	float: right;
	padding: 50px 0;
}

.nav ul li{
	float: left;
	list-style-type: none;
	margin: 0 15px;
}

.nav ul li:last-of-type{
	margin-right: 0;
}

.nav ul li a{
	text-decoration: none;
	color: var(--blue);
	position: relative;
    padding-bottom: 10px;
}

.nav ul li a::after{
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 5px;
	left: 0;
	background-color: var(--blue);
	transform-origin: bottom right;
	transition: transform .25s ease-out;
}

.nav ul li a:hover::after,
.nav ul li.current_page_item a::after,
.nav ul li.menu-item-type-custom a:hover::after{
	transform: scaleX(1);
	transform-origin: bottom left;	
}

.nav ul li.menu-item-type-custom a::after{
  transform: scaleX(0);
}

.nav ul li a:hover,
.nav ul li.current_page_item a,
.nav ul li.menu-item-type-custom a:hover{
	color: var(--orange);
}

.nav ul li.menu-item-type-custom a{
  color: var(--blue);
}
*/
/*main*/

/*.button-stellen a{
	background-color: var(--blue);
	border-radius: 10px;
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	color: #fff;
}

.button-stellen a:hover {
	background-color: var(--orange);
}

.button-bewerben a {
	background-color: var(--orange);
	border-radius: 10px;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 20px 65px !important; 
	border: 2px solid var(--orange);
}

.button-bewerben a:hover{
	background-color: #fff;
	border: 2px solid var(--orange);
	color: var(--orange);
}

.h-stellenbeschreibung p {
	text-align: center;
	background-color: var(--orange);
	border-radius: 10px;
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #fff !important;
	text-transform: uppercase;
	padding: 15px 75px !important; 
	margin: 0; 	
	width: fit-content;
}

.shadowbox {
	text-align: center;
	background-color: #fff;
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	margin: 0 40px 0 0;
}

.shadowbox a {
	color: var(--orange);
	text-decoration: underline !important;		
}

.shadowbox h4 {
	line-height: 1.4;
}

.elementor-accordion-item{
	margin: 20px 0;
}

.elementor-accordion-item .elementor-tab-title.elementor-active{
	border-radius: 10px 10px 0 0;
}

.elementor-accordion-item .elementor-tab-title{
	border-radius: 10px;
}

.elementor-accordion-item .elementor-tab-content{
	border-radius: 0 0 10px 10px;
}
main .link-weiss a{
	text-decoration: underline;
	color: #fff;
	font-weight: 700;
}
*/

/* ELEMENTOR -------------------------------------------*/

.elementor-button{
	background-color: var(--orange) !important;
}

.elementor-2 .elementor-element.elementor-element-fc207f3 .elementor-testimonial__image img{
	width: auto !important;
}

.elementor-button #unternehmenswebsite{
	background-color: var(--blue) !important;

}

/*Formular*/

form input {
	padding: 10px;
	font-size: 16px;
    font-weight: 400;
	color: var(--blue);
	margin-bottom: 20px;
	border-radius: 10px;
    border: 1px solid var(--blue);
}

form input[type="file"] {
	border: none;
	padding-left: 0;
}

form textarea {
	width: 83%;
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	color: var(--blue);
	border-radius: 10px;
	border: 1px solid var(--blue);
	padding: 10px;
	margin-bottom: 30px;
}

form input.zus {
	width: auto;
}

form label {
	font-size: 18px;
}

form input[type="submit"]{
	cursor: pointer;
	color: #fff;
	padding: 10px;
	background: var(--blue);
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 10px;
	font-size: 16px;
	border: none;
	margin-bottom: 80px;
	margin-top: 30px;
	width: 35%;
}

form input[type="submit"]:hover{
	background: var(--orange);
}

form select {
	padding: 10px;
	background: #fff;
	border: 1px solid var(--blue);
	border-radius: 10px;
	font-size: 16px;
	margin-bottom: 20px;
	color: var(--blue);
	width: 33%;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-style: none;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	color: var(--orange);
	margin: -30px 0 50px -15px;
}
/*footer*/

footer{
	width: 100%;
	background-color: var(--blue);
	float: left;
	padding: 60px 0 0;
}

.copyright{
	width: 100%;
	border-top: 2px solid #fff;
	float: left;
	text-align: center;
	padding: 40px 0 20px;
	margin: 40px 0 0;
}


footer a{
	color: #fff;
	text-decoration: none;
	transition: ease-in-out .2s;
}

footer a:hover {
	padding-left: 5px;
}

footer a.unternehmensseite {
	color: var(--orange);
	text-decoration: underline;
}

.footer-mail {
	color: #fff;
}

footer p{
	color: #fff;
}

footer ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

footer ul {
	padding-left: 0;
}

footer h2{
	margin-bottom: 50px;
}

footer h4{
	margin-bottom: 10px;
}

footer img{
	margin-bottom: 20px;
}

/*.mobmenur-container {
	background-color: var(--blue);
	right: 3%;
	top: 50px !important;
	border-radius: 10px;
	padding: 10px 10px 17px 10px;
}
.mobmenur-container i {
	position: relative;
	top: 5px;
}*/
/*Responsive*/
/*desktopansicht*/
@media only screen and (max-width: 1180px){
	.container{
		width: 96%;
		margin: 0 2%;
	}
}
/*tabletansicht*/
@media only screen and (max-width: 1024px){
	.shadowbox {
		margin: 0 10px 30px;
	}
}
@media only screen and (max-width: 768px){
	footer .col25{
		width: 50%;
	}
	footer .footerblock{
		display: block;
		float: left;
		margin-bottom: 50px;
		width: 100%;
	}
	ol {
		padding-left: 20px;
	}
}
/*mobilansicht*/
@media only screen and (max-width: 480px){
	h1{
		font-size: 28px;
	}
	footer .col25{
		width: 100%;
		margin-bottom: 50px;
	}
	footer .footerblock{
		margin-bottom: 0;
	}
	.topline{
		display: none;
	}
	form input,
	form textarea,
	form select{
		width: 100%;
		padding-left: 10px;
		float: left;
	}
	form input.zus {
		padding-left: 10px;
		float: unset;
	}
	form input[type="submit"]{
		width: 95%;
	}
	.col50 {
		width: 100%;
	}
}