/*
 Theme Name:   Reason
 Theme URI:	http://www.tightgame.com/
 Description:  The theme for reasonbeautydisciplinedotcom
 Author:   	Claas Bader
 Author URI:   http://www.tightgame.com/
 Version:  	0.4.0
 License:  	Copyright Claas Bader 2022
 License URI:  
 Tags:     	rbd, simplistic, minimalism
 Text Domain:   mytheme
*/
/*
      ___  __ _ ___  ___ _ __ 
| /_/  _ \  _` / __ / _ \ '_ \
| |    __/ (_| \__ \ ( )  | |  
|_|  \___|\__,_|___/\_  /_| |_|                              
  | _  ___  __ _ _   _| |_ _  _  
| |/ \/ _ \  _` | | | |  _| \/ /
|   -   __/ (_|   |_| | |_ \  /
|_,  /\___|\__,_|\  '_|\__/  /                              
 _ | |_) ___  ___ (_)_  _ | /(_)_ __   ___
/ \| | |/ __ /  _\| | '/ \| || | '_ \ / _ \
 -     |\__ \| |_   |   - | || | | |    __/
\__'_|_||___/\___/|_| |\_/|__|_|_| |_|\___|
                    |_|
*/

body {
background-color: white;
}
@font-face {
   font-family: 'Next Round';
   src: url( /kunden/homepages/2/d19320433/htdocs/rbd/wp-content/themes/reason/type/NextRound-Medium.otf);
   format('opentype');
}
img {
margin-left: 0.05vw;
margin-right: auto;
margin-top: 0vw;
margin-bottom: -1vw;
filter: grayscale(0%);
transition: filter 7000ms ease-out;
}
img:hover {
filter: grayscale(100%);
}
.main {
width: 99vw;
height: auto;
margin-left: 1vw;
margin-bottom: 0.5vw;
float: left;
}
.submain {
width: 96vw;
height: auto;
margin-bottom: 3vw;
margin-left: 1vw;
align: center;
}
.logo {
//color: #000000;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 2vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
.headline {
color: #000000;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
letter-spacing: -2px;
}
.logopic {
width: 13.5vw;
height: 13.5vw;
margin-left: auto;
margin-right: 1.5vw;
margin-top: 0.3vw;
margin-bottom: 0vw;
float: right;
}
.text {
color: #000000;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: normal;
font-size: min(max(16px, 2vw), 20px)!important;
margin-left: 1vw;
margin-right: auto;
margin-bottom: 0,5vw;
text-align: left;
line-height: min(max(15px, 1.8vw), 21px);
}
.text-menu {
color: #000000;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: normal;
font-size: min(max(16px, 2vw), 20px)!important;
margin-left: 2vw;
margin-right: auto;
margin-bottom: 0,5vw;
text-align: left;
line-height: min(max(15px, 1.8vw), 21px);
}
.text-ita {
color: #000000;
font-family: Times New Roman,serif;
font-style: italic;
font-weight: normal;
font-size: min(max(17px, 2vw), 24px);
margin-left: 1vw;
margin-right:auto;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(16px, 1.45vw), 24px);
}
.wp-block-quote {
color: #000000;
//background-color: white;
font-family: Times New Roman,serif;
font-style: italic;
font-weight: normal;
font-size: min(max(17px, 2vw), 24px);
margin-left: 0.1vw;
margin-right:auto;
margin-bottom: 1vw;
text-align: left;
//line-height: min(max(16px, 1.45vw), 24px);
}
.text-credit {
color: #000000;
font-family: Times New Roman,serif;
font-style: italic;
font-weight: normal;
font-size: min(max(12px, 1.3vw), 15px);
//margin-left: 1vw;
margin-right:auto;
margin-top: 0.5vw;
margin-bottom: 3vw;
text-align: left;
line-height: min(max(11px, 1.4vw), 14px);
}
.text-date {
color: #000000;
font-family: Times New Roman,serif;
font-style: italic;
font-weight: normal;
font-size: min(max(12px, 1.3vw), 15px);
margin-left: 1vw;
margin-right:auto;
margin-top: 0.5vw;
margin-bottom: 3vw;
text-align: left;
line-height: min(max(11px, 1.4vw), 14px);
}
p.has-drop-cap:first-of-type:first-letter {
float: left;
font-size: 3.5vw;
//line-height: .68;
font-weight: bold;
//margin: .08em .01em 0 0;
margin: .1vw 0 0 0;
//text-transform: uppercase;
font-family: Helvetica,Arial,sans-serif;
}
.col {
column-count: 3;
}
a, a:link {
color:blue!important;
text-decoration:none!important; 
}
a:visited { 
color: #000000; 
text-decoration: none; 
}
a:focus { 
color: #blue; 
text-decoration: underline; 
}
a:hover { 
color: blue; 
text-decoration:underline!important;
}
a:active { 
color: #red; 
text-decoration: underline;
}

@media only screen
and (max-width: 640px)
{
.half-col {
width: 96vw;
float: none;
}
.headline {
letter-spacing: -1px;
}
.logotrick1 {
color: #EC008C;
//background-color: white;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
.logotrick2 {
color: #FFF200;
//background-color: white;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
.logotrick3 {
color: #00AEEF;
//background-color: white;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
}

@media only screen
and (min-width: 641px)
{
.half-col {
width: 48vw;
float: left;
//background-color: white;
}
.headline {
letter-spacing: -2px;
}
.logotrick1 {
color: #FFF200;
//background-color: white;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
.logotrick2 {
color: #00AEEF;
//background-color: white;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
.logotrick3 {
color: #EC008C;
//background-color: white;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
}

@media only screen
and (min-width: 1400px) 
{
.half-col {
width: 32vw;
float: left;
}
.headline {
letter-spacing: -4px;
}
.logotrick1 {
color: #FFF200;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
.logotrick2 {
color: #EC008C;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
.logotrick3 {
color: #00AEEF;
//background-color: white;
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 5vw;
margin-left: 1vw;
margin-right: auto;
margin-top: 1vw;
margin-bottom: 1vw;
text-align: left;
line-height: min(max(10px, 4.5vw), 110px);
}
}
 
.rbd-row {
//clear: both;
clear: right;
}