/*
Theme Name: soeth.net
Theme URI: https://soeth.net
Template: ona
Author: tatanka design
Author URI: http://tatanka-design.de
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


body{
	font-family: Lato, sans-serif !important;
	color:#606060;
}
@media only screen and (max-width: 599px){
	.site-header>.wp-block-group {
			padding: 0 !important;
	}
}

main{padding:0 !important;}
h1, h2, h3,h4,h5,h6 {
	color: #0267b5;
	font-family:Oswald, sans-serif  !important;
}
.entry-content li{ list-style:none;}
.entry-content li:before{
	position: absolute;
	font-family: "Font Awesome 5 Solid";
	font-size: 0.5em;
	color: #0267b5;
	content: "\f111";
	margin: 8px 0 0 -16px;
}
td{vertical-align:top;}
.history UL{margin-top:0;}
.small-header h2 {
	font-size:0.9em;
	text-transform: uppercase;
	text-align:center;
	letter-spacing: 0.1em;
}
.no-margin-top{margin-top:0 !important;}
.shadow-box{
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.48); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.48);
}

.td-main-navigation{
	background: linear-gradient(to bottom, rgba(1,57,103,1) 0%, rgba(136,203,254,1) 100%);
	margin-top:1px !important;
	line-height:60px;
}

.td-main-navigation A{
	font-family: 'Oswald', sans-serif !important;
	color:#fff !important;
	font-size:16px;
	text-transform:uppercase;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
	/*color:#fff;*/
}


.has-text-animation-opacity-bottom .wp-block-getwid-banner__text {
    opacity: 1 !important;
		transform: translateY(0px) !important;
}

.td-downloads h6, .td-download-cols{margin:0 !important;}

.is-style-ona-button-arrow-icon:hover .wp-block-button__link::after {
    width: 21px !important;
    height: 25px !important;
    -webkit-mask: url(https://soeth22.tatanka-web.de/wp-content/themes/soeth.net/assets/img/down-arrow.svg) !important;
    mask: url(https://soeth22.tatanka-web.de/wp-content/themes/soeth.net/assets/img/down-arrow.svg) !important;
		border:none !important;
}
.wp-block-button .wp-block-button__link:hover {border:none !important; color:#fff !important;}
.td-is-pdf:before {

    font-family: FontAwesome;
    font-size: 1.8rem;
    color: #FF3300;
    content: "\f1c1";
    padding-right: 0.3em;
}

/*****************************************
Footer
*****************************************/

footer figcaption{color:#fff !important; }
footer H2{
	font-family:"Oswald", sans-serif !important;
	font-size:20px;
	color:#fff;
	border-bottom:1px solid #fff;
}
footer a:where(:not(.wp-element-button)) {
    color: #fff;
    text-decoration: underline;
}
.footer-nav li{color:#FFF !important;}
.matomo-opt-in-out p, .matomo-opt-in-out label{
	font-size:0.8em;
	color:#fff;
}
/*****MENU COOKIE-OPTIONS*************************/
.cookie-opts {line-height:0.8;}
.cookie-opts a{
	display:inline-block; 
	text-decoration:none;
	padding-bottom:6px;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
	transition: .36s var(--ona-transition);
	background-size: 0 100%;
	width:auto;
}
.cookie-opts a:hover{	background-size: 100% 100%;}

/*****************************************
Kontakt & Captcha
*****************************************/
label{color:#666; font-size:0.85em;}
input, select, textarea {
  border: 1px solid #0168b5 !important;
	background:rgba(255,255,255,0.7) !important;
}
textarea {height:150px;}
input[type=submit]{background:#0168b5 !important;color:#eee;}
input[type=submit]:hover{color:#fff;}
.captcha-image{
	display:block;
	border:1px solid #0168b5;
	background-color:#fff;
}
.captcha-image label {margin-right: 1em;}
.captcha-image label:hover {color:#0168b5}
.captcha-image label > input + svg {width:40px;}
.captcha-image .cf7ic_instructions {font-size:0.85em;}.captcha-image .cf7ic_instructions span {color:#0168b5;}
/*.wpcf7-form .muss{font-size: 0.85em;}*/
.wpcf7-form .muss:before, .captcha-image .cf7ic_instructions:before{
    font-size: 1em;
    color: #cb062c;
    content: "o";
    margin-right: 4px;
}

/*****************************************
Header-Bild Zoom
zoom-in
*****************************************/
.zoom{
 	width: 100% !important;
	max-width:100% !important;
	animation-name: scale-in ;
	animation-duration: 10s;
}
.zoom img{
	animation-name: scale-in ;
  animation-duration: 10s;
	animation-timing-function:ease-in;
  -webkit-transform: scale(1.25) !important;
  transform: scale(1.25) !important;
}

@keyframes scale-in {
  0% { transform: scale(1); }
  100% { transform: scale(1.25); }
}
.zoom-container{
	width: 100%;
  max-height: 565px !important;
	overflow:hidden;
}

/*  zoom out */
.zoom-out{
 	width: 100% !important;
	max-width:100% !important;
	animation-name: scale-out ;
	animation-duration: 10s;
}
.zoom-out img{
	animation-name: scale-out ;
  animation-duration: 10s;
	animation-timing-function:ease-in;
  -webkit-transform: scale(1.00) !important;
  transform: scale(1.00) !important;
}

@keyframes scale-out {
  0% { transform: scale(1.25); }
  100% { transform: scale(1.00); }
}

/************************************
OPEN dynamics
************************************/
.td-opendynamics .wp-block-group{margin:6px 0 0 !important;}
.td-opendyn {margin:20px 0 0 !important;} 
.td-opendyn tr td:first-child{ width:60px; vertical-align:middle;}
.td-opendyn h4{ margin:0;padding:0; font-size:1em; color:#222;}


/************************************
404 - Search
************************************/
.search-wrapper button{background:#0168b5;}
.search-wrapper svg{ color:#fff;}

/************************************
FONTS
************************************/

/* lato-regular - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/lato-v14-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('assets/fonts/lato-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/lato-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/lato-v14-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/lato-v14-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/lato-v14-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/lato-v14-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('assets/fonts/lato-v14-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/lato-v14-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/lato-v14-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/lato-v14-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/lato-v14-latin-ext_latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/lato-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('assets/fonts/lato-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/lato-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/lato-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/lato-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/lato-v14-latin-ext_latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('assets/fonts/lato-v14-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('assets/fonts/lato-v14-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/lato-v14-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/lato-v14-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/lato-v14-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/lato-v14-latin-ext_latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* oswald-300 - latin-ext_latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/oswald-v16-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oswald Light'), local('Oswald-Light'),
       url('assets/fonts/oswald-v16-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/oswald-v16-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/oswald-v16-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/oswald-v16-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/oswald-v16-latin-ext_latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin-ext_latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/oswald-v16-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oswald Bold'), local('Oswald-Bold'),
       url('assets/fonts/oswald-v16-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/oswald-v16-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/oswald-v16-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/oswald-v16-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/oswald-v16-latin-ext_latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
/*@font-face {
  font-family: 'FA-Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("assets/fonts/fa-brands-400.eot");
  src: url("assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-brands-400.woff2") format("woff2"), url("assets/fonts/fa-brands-400.woff") format("woff"), url("assets/fonts/fa-brands-400.ttf") format("truetype"), url("assets/fonts/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'FA-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("assets/fonts/fa-regular-400.eot");
  src: url("assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-regular-400.woff2") format("woff2"), url("assets/fonts/fa-regular-400.woff") format("woff"), url("assets/fonts/fa-regular-400.ttf") format("truetype"), url("assets/fonts/fa-regular-400.svg#fontawesome") format("svg"); }*/

@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;  font-display: block;
  src: url("assets/fonts/fa-solid-900.eot");
	src: local('FA solid'), local('FA-solid'),
		url("assets/fonts/fa-solid-900.eot?#iefix") format('embedded-opentype'),
		url("assets/fonts/fa-solid-900.woff2") format("woff2"), 
		url("assets/fonts/fa-solid-900.woff") format("woff"), 
		url("assets/fonts/fa-solid-900.ttf") format("truetype"), 
		url("assets/fonts/fa-solid-900.svg#fontawesome") format("svg"); 
}


/**************** END FONTS ********************/