html { 
overflow:auto;
padding:0;
margin:0;
height:100.1%;
width:100%;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

body {
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:84%;
padding:0;
margin:0;
height:100%;
width:100%;
}


/* LINK */

a {
color:#666;
text-decoration: underline;
}

a:link {
color:#666;
text-decoration: underline;
}

a:visited {
color:#666;
text-decoration:underline;
}

a:focus {
color:#666;
text-decoration:underline;
}

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

a:active {
color:#666;
text-decoration:underline;
}


/* FONT */
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

h1 {
font-size: 5.0em;
text-align:center;
font-weight: normal;
line-height:1.3em;
margin:0;
padding:0 1px 0 1px;
color: #d2c53d;
letter-spacing:-0.7px;
border:0px solid;
}

header h2 {
font-size: 3.4em;
line-height:1.1em;
font-weight: normal;
text-align:center;
color: #d2c53d;
letter-spacing:-0.3px;
margin:0;
padding:10px 0 10px 0;
border:0px solid red;
}

.bg {
background: #f6f6f6;
padding:16px 0 18px 0;
border-radius:4px;
}

h2 {
font-size: 2.8em;
line-height:1.1em;
font-weight: normal;
text-align:center;
color: #d2c53d;
margin:0;
padding:10px 0 6px 0;
border-bottom:0px solid #ccc;
border:0px solid #000;
background: transparent;
}

h3 {
font-size: 1.9em;
font-weight: normal;
text-align:left;
margin:0 0 8px 0;
padding:0;
color: #d2c53d;
border:0px solid #666;
}

h4 {
font-size: 1.6em;
font-weight: bold;
text-align:center;
margin:20px 0 0 0;
padding:0;
color: #777;
border:0px solid #000;
text-shadow: none;
}

h5 {
font-size: 2.8em;
line-height:1.1em;
font-weight: normal;
text-align:center;
color: #d2c53d;
margin:0;
padding:10px 0 6px 0;
border-bottom:0px solid #ccc;
border:0px solid #000;
background: transparent;
}

p {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.2em;
line-height:1.5em;
text-align:left;
margin:10px 0 10px 0;
border:0px solid #444;
}

.symptome-1 {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
line-height:1.5em;
text-align:center !important;
margin:10px 0 10px 0;
border:0px solid #444;
}

.symptome-2 {
color: #444;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
line-height:1.5em;
text-align:center !important;
margin:10px 0 10px 0;
border:0px solid #444;
}

.bold {
font-weight:bold;
}

.kursiv {
font-style:italic;
}

.upper {
text-transform:uppercase;
}

.fontxs {
font-size:80%;
}

p.description {
font-weight: normal;
font-size: 1.2em;
line-height:1.5em;
text-align:center;
padding: 4% 8%;
margin:0;
background:#eee;
color:#222;
text-shadow: 1px 1px 1px #fff;
border:1px solid #d2c53d;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
}

.description2 {
font-weight: normal;
text-align:center;
padding: 4% 8%;
margin:0;
background:#eee;
text-shadow: 1px 1px 1px #fff;
border:1px solid #d2c53d;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
}

/*blockquote {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: italic;
text-align:center;
width: auto;
margin: 0 0 3% 0;
padding: 0 18%;
line-height: 1.2em;
color: #9e9107;
color: #666;
border:0px solid red;
}*/

ul {
list-style-type: none;
margin:0;
padding:0;
width:100%;
border:0px solid red;
}

ul.accordion {
list-style-type: none;
margin:0;
padding:0;
width:100%;
border:0px solid red;
height:160px;
}

li {
font-size: 1.2em;
height: auto;
text-align: left;
color: #666;
background: transparent;
border:0px solid #000;
text-indent: -24px;
padding: 0 0 0 24px;
margin:0;
}

li.description {
font-size: 1.2em;
line-height:1.3em;
height: auto;
text-align: left;
color: #222;
text-shadow: 1px 1px 1px #fff;
text-indent: -24px;
padding: 0 0 0 24px;
margin:6px 0;
border-bottom:0px solid #fff;
}

li::before { 
content: "\2714";
margin: 0 6px 0 0;
font-size: 1.3em;
color: #d2c53d;
}

.arrowleft::before {
content: "\00bb";
margin: 0 10px 0 0;
font-size: 1.4em;
color: #d2c53d;
}

.arrowright::after {
content: "\02192";
margin: 0 0 0 14px;
font-size: 1.1em;
color: #d2c53d;
}

.nowrap {
white-space: nowrap;
}

.textalignleft {
text-align:left;
}

.textalignright {
text-align:right;
}

.textaligncenter {
text-align:center;
}

.attention {
position:absolute;
left:0;
right:0;
width:60px;
top:-20px;
font-size: 2.4em;
background: #fff;
color: #d2c53d;
padding:6px 20px;
margin:0 auto;
border:1px solid #ddd;
border-radius: 4px;
}

.attention2 {
position:absolute;
*left:40%;
top:-20px;
width:90px;
*right:40%;
font-size: 1.9em;
background: #fff;
color: #d2c53d;
padding:6px 20px;
margin:0 auto;
border:1px solid #ddd;
border-radius: 4px;
}

/* Else */

hr {
position:relative;
margin:20px auto;
border: none;
width:14%;
border-top: 2px solid #d2c53d;
background-color: transparent;
height:0px;
text-align:center;
}

hr.wide {
position:relative;
margin:20px auto 0;
border: none;
width:100%;
border-top: 2px solid #d2c53d;
background-color: transparent;
height:0px;
text-align:center;
}

.space20 {
position:relative;
border:0px solid blue;
height:20px;
width: 100%;
background: transparent;
}

.space40 {
position:relative;
border:0px solid blue;
height:40px;
width: 100%;
background: transparent;
}

.space60 {
position:relative;
border:0px solid blue;
height:60px;
width: 100%;
background: transparent;
}

.space160 {
position:relative;
border:1px solid blue;
height:200px;
width: 100%;
background: transparent;
}

.scale {
position:relative;
width: 100%;
height: auto;
object-fit:cover;
}

.scale40 {
position:relative;
width: 40%;
height: auto;
}

.clearfix::after {
visibility: hidden;
display: block;
content: ".";
clear: both;
height: 0;
}

.anchor {
display:block;
height:0;
visibility:hidden;
}


/* Struktur atf */


header.atf {
float:left;
display:block;
width:100%;
height:auto;
margin:0 auto;
padding: 0;
border:0px solid blue;
z-index:1;
}

header.atf a {
color:#f5f1dc;
text-decoration:none;
}

header.atf a:hover {
color:#fff;
text-decoration:none !important;
transition:all .5s linear;
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-o-transition:all .5s linear;
}

.header-wrapper {
position:relative;
max-width: 100%;
min-width:310px;
height:auto;
margin:0 auto 0 auto;
padding: 0;
background: transparent;
border:0px solid green;
z-index:2;
}

/*.header-con {
position:fixed;
*position: sticky;
display: block;
top:0;
left:0;
height: 130px;
width: 100%;
min-width:220px;
margin: 0 auto;
padding:0;
border: 2px solid aqua;
background: #fff;
*box-shadow: 0px 0px 6px 0px #aaa;
z-index: 100000;
}

.header-con2 {
position:relative;
*position: sticky;
display: block;
height: 130px;
max-width: 1280px;
min-width:220px;
margin: 0 auto;
padding:0;
border: 1px solid blue;
background: #fff;
*background-size:120px;
z-index: 100000;
}*/

.header-logo {
position: absolute;
position: sticky;
display: block;
top:0;
left:0;
height: 130px;
max-width: 100%;
min-width:220px;
margin: 0;
padding:0;
border: 0px solid aqua;
background: #fff url(../img/logo_fries.jpg) no-repeat 18% 50%;
background-size:110px;
transition:all .2s linear;
z-index: 100000;
}

.fixed-logo {
position: fixed;
display: block;
top:0;
left:0;
margin:0;
width: 100%;
height: 80px;
padding:0;
border: 0px solid red;
background: #fff url(../img/logo_fries.jpg) no-repeat 19% 50%;
background-size:70px;
transition:all .2s linear;
z-index: 100000;
}

.header_title {
position:relative;
margin: 40px auto 20px;
width:100%;
padding:0;
height:auto;
background: transparent;
z-index:2;
border:0px solid red;
}

/*.header_img {
position:relative;
display:block;
margin: 40px auto;
width:100%;
height:auto;
padding:0;
border:3px solid red;
z-index:2;
*background: url(../img/hirnstroeme-2.jpg) 50% 50% no-repeat;
background-size:cover;


border:14px solid #fff;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;

}

    @media screen and 
    (-webkit-min-device-pixel-ratio: 2), 
    (min-resolution: 192dpi) {
    .header_img {
      width:100%;
      height:678px;
    	*background:url(../img/hirnstroeme-2@2x.jpg) 50% 50% no-repeat;
    	background-size:cover;

    }
    }*/
    
.img_con {
position: relative;
padding: 0;
margin:0 auto;
max-width: 100%;
height: auto;
border: 0px solid green;
}

.inner {
width:80%;
max-width:832px;
height:auto;
margin:0 auto;
}

.inner img {
border: 8px solid #f4f4f4;
border-radius: 18px;
}

.header-col-1third {
position:relative;
width:80%;
padding: 0;
margin:0 auto;
height:auto;
outline:0px solid red;
}

.header-col-2third {
position:relative;
*float:left;
width:80%;
padding:1% 0;
margin:0 auto;
height:auto;
border:0px solid red;
}

.site-title {
min-width:300px;
height:auto;
border:0px solid red;
}

.site-description p {
display:table;
font-size: 2.8em;
line-height:1.4em;
text-align:center;
padding:1% 0;
margin:0 auto;
width:auto;
border:0px solid blue;
}


/************* Ende atf ********************/


#wrapper {
position:relative;
width: 94%;
margin:0 auto;
padding: 0;
border:0px solid red;
}

main {
position: relative;
display: block;
position: relative;
min-width:300;
max-width: 1280px;
min-height:560px;
height:100%;
margin: 0 auto 1% auto;
border:0px solid #000;
padding:0 2%;
background:transparent;
z-index:1;
}

header {
display:block;
width:100%;
height:auto;
margin:0 auto;
padding: 0;
border:0px solid blue;
}

article {
display: block;
position: relative;
margin:0 auto;
padding:10px 0;
width:100%;
height: auto;
border: 0px solid #ff0000;
}

section {
display: block;
position: relative;
width: 100%;
height: auto;
padding: 0;
margin:0;
border: 0px solid green;	
}

section.scrollto {
display: block;
position: relative;
width: 100%;
height: auto;
padding: 60px 0 0 0;
margin:0;
border: 0px solid #000;	
}

/*section img {
position:relative;
display: block;
width:auto;
height:auto;
float:none;
text-align:center;
margin:0 auto;
border:5px solid #fff;
-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
border-radius: 10%;
}*/

.col-full {
position:relative;
display:block;
width:96%;
padding:0 2%;
margin:0 0 1% 0;
height:auto;
border:0px solid green;
}

.col-full-70 {
position:relative;
display:block;
width:70%;
padding:0 2%;
margin:0 auto 1% auto;
height:auto;
border:0px solid red;
}

.col-1280 {
position:relative;
display:block;
min-width:300;
max-width: 1280px;
height:auto;
padding:0;
margin:1% auto 1% auto;
height:auto;
border:0px solid red;
}

.col-full-bg {
position:relative;
width:96%;
padding:2% 2% 1%;
margin:0 0 1% 0;
height:auto;
background:#f6f6f6;
border:0px solid #555;
}

.col-half {
position:relative;
float:left;
width:46%;
padding:1% 2%;
margin:0 0 1% 0;
height:auto;
outline:0px solid red;
}

.col-2third {
position:relative;
float:left;
width:65%;
padding:1% 0;
margin:0 1% 1% 0;
height:auto;
border:0px solid red;
}

.col-1third {
position:relative;
float:left;
width:32.33%;
padding: 0;
margin:0 0.5% 5% 0.5%;
height:auto;
outline:0px solid red;
}

.col-1third-2 {
position:relative;
width:32.33%;
padding: 0;
margin:0 auto;
height:auto;
border:0px solid red;
}

.col-1third img, .col-1third-2 img {
width:100%;
height:auto;
margin:0 auto;
}

.img-tel-mail {
position:relative;
display: block;
width:auto;
height:auto;
float:none;
text-align:center;
margin:0 auto;
border:5px solid #fff;
-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
border-radius: 50%;
}

.img-ang-jes {
position:relative;
display: block;
width:46%;
height:auto;
float:none;
text-align:center;
margin:0 0 0 auto;
border:5px solid #fff;
-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
border-radius: 8%;
}

.col-third {
position:relative;
float:left;
width:33.33%;
padding:0;
margin:0;
height:auto;
outline:0px solid blue;
}

.col-fourth {
position:relative;
float:left;
width:23%;
padding:1%;
margin:0;
height:auto;
text-align:center;
outline:0px solid #ccc;
}

.col-fourth img {
width:100%;
height:auto;
margin:0 auto;
border:0px solid #000;
}

.icon-primary {
    color: #fff;
    background: #d78fe9;
    transition: 0.3s;
    border:0px solid blue;
    margin:0 auto;
    text-align:center;
    }
    
.icon-lg {
    width: 120px;
    height: 120px;
    *line-height: 140px;
    *font-size: 76px;
}

.icon {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    }
    
    p.center {
    text-align: center;
    }

.button-1 {
position:relative;
*float:left;
height:130px;
width:130px;
padding: 10px;
margin: 0 auto;
background:#d2c53d;
border:0px solid blue;

-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
border-radius: 50%;
}

.button-1 p {
text-align: center;
color:#666;
*line-height:7.0em;
}


/******************* AddOns ***********************************************/


.accordion {
position:relative;
width:100%;
height:auto;
margin: 0;
border:0px solid blue;
}

.half {
  float: left;
  width: 50%;
  padding: 0;
}

.full {
  float: left;
  width: 99%;
  padding: 0;
  border:0px solid red;
}
/* Acordeon styles */

.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
  border-radius:8px;
}

input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #d2c53d;
  font-weight: bold;
  line-height: 3.0em;
  cursor: pointer;
}

/*.blue label {
  background: #f6f6f6;
}*/

.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #f6f6f6;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

.blue .tab-content {
  background: #444;
}

.tab-content p {
  margin: 20px 10px 20px 14px;
}

/* :checked */

input:checked ~ .tab-content {
  max-height: 170em !important;
}

/* Icon */

label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  font-size: 1.6em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  border:0px solid red;
}
input[type=checkbox] + label::after {
  content: "+";
}
input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}


/* Kontakt */

.col-full-iframe {
position:relative;
float:left;
display:block;
width:100%;
padding: 1% 0;
margin:2% 0 2% 0;
height:auto;
overflow: hidden;
border:0px solid blue;
}

iframe.formular {
position:relative;
width:98%;
min-height:380px;
padding:1% 0;
float:left;
margin:0 1%;
background:#fff;
border:1px solid #ccc;
border-radius:20px;
-webkit-box-shadow: 0 0px 8px 0px #bbb;
-moz-box-shadow: 0 0px 8px 0px #bbb;
-o-box-shadow: 0 0px 8px 0px #bbb;
box-shadow: 0 1px 8px 0px #bbb;
}

.map {
position:relative;
width:96%;
min-height:400px;
padding: 1%;
margin:0 1%;
background:#fff;
border:1px solid #ccc;
border-radius:20px;
-webkit-box-shadow: 0 0px 8px 0px #bbb;
-moz-box-shadow: 0 0px 8px 0px #bbb;
-o-box-shadow: 0 0px 8px 0px #bbb;
box-shadow: 0 1px 4px 0px #bbb;
}


/* Footer */

footer {
display: block;
position: relative;
width: 100%;
padding: 18px 0 8px 0;
background:#111;
z-index:999;
border-top:1px solid #000;
}

footer .copyrights {
width: 96%;
margin:0 auto;
height:auto;
border:0px solid #fff;
}

footer .img {
margin:10px auto 0 auto;
text-align:center;
width:40px;
height:40px;
border:0px solid #fff;
}

footer .img a {
border:0px solid #ff0000;
width:40px;
height:40px;
}

footer .copyrights p {   
color: #fff;
font-size: 0.9em;
line-height:2.0em;
margin:0;
text-align: center;
}

footer .copyrights a {
color: #fff;
font-family: arial, helvetica;
font-weight: bold;
text-decoration: none;
transition:all .2s linear;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
}

footer .copyrights a:hover {
color: #bbb;
}

/***************************************** - 1620px ************************************

@media screen and (max-width: 1620px) {

.header-logo {
position: absolute;
position: sticky;
display: block;
top:0;
left:0;
height: 130px;
width: 100%;
min-width:220px;
margin: 0;
padding:0;
border: 1px solid aqua;
background: #fff url(../img/logo_fries.jpg) no-repeat 12% 50%;
background-size:110px;
transition:all .2s linear;
z-index: 100000;
}

}*/

/***************************************** - 1420px *************************************/

@media screen and (max-width: 1420px) {

.header-logo {
position:absolute;
position: sticky;
display: block;
top:0;
left:0;
height: 130px;
max-width: 100%;
min-width:220px;
margin: 0;
padding:0;
border: 0px solid aqua;
background: #fff url(../img/logo_fries.jpg) no-repeat 10% 50%;
background-size:110px;
transition:all .2s linear;
z-index: 100000;
}

.fixed-logo {
position: fixed;
display: block;
top:0;
left:0;
margin:0;
width: 100%;
height: 80px;
padding:0;
border: 0px solid red;
background: #fff url(../img/logo_fries.jpg) no-repeat 10% 50%;
background-size:70px;
transition:all .2s linear;
z-index: 100000;
}


}

/***************************************** - 1260px *************************************/

@media screen and (max-width: 1260px) {

.header-logo {
position:absolute;
position: sticky;
display: block;
top:0;
left:0;
height: 130px;
max-width: 100%;
min-width:220px;
margin: 0;
padding:0;
border: 0px solid aqua;
background: #fff url(../img/logo_fries.jpg) no-repeat 8% 50%;
background-size:110px;
transition:all .2s linear;
z-index: 100000;
}

.fixed-logo {
position: fixed;
display: block;
top:0;
left:0;
margin:0;
width: 100%;
height: 90px;
padding:0;
border: 0px solid red;
background: #fff url(../img/logo_fries.jpg) no-repeat 8% 50%;
background-size:80px;
transition:all .2s linear;
z-index: 100000;
}

}


/***************************************** - 1024px *************************************/

@media screen and (max-width: 1024px) {

.header-logo {
position:absolute;
position: sticky;
display: block;
top:0;
left:0;
height: 130px;
max-width: 100%;
min-width:220px;
margin: 0;
padding:0;
border: 0px solid aqua;
background: #fff url(../img/logo_fries.jpg) no-repeat 8% 50%;
background-size:110px;
transition:all .2s linear;
z-index: 100000;
}

.fixed-logo {
position: fixed;
display: block;
top:10px;
left:0;
margin:0;
width: 100%;
height: 90px;
padding:0;
border: 0px solid red;
background: #fff url(../img/logo_fries.jpg) no-repeat 8% 50%;
background-size:80px;
transition:all .2s linear;
z-index: 100000;
}

.col-1third {
position:relative;
float:left;
width:75%;
padding: 0;
margin:0 0.5% 5% 0.5%;
height:auto;
outline:0px solid red;
}

.col-1third-2 {
position:relative;
width:75%;
padding: 0;
margin:0 0.5% 5% 0.5%;
height:auto;
border:0px solid red;
}

}

/***************************************** - 980px *************************************/

@media screen and (max-width: 980px) {

.header-logo {
position:absolute;
position: sticky;
display: block;
top:10px;
left:0;
height: 110px;
max-width: 100%;
min-width:220px;
margin: 0;
padding:0;
border: 0px solid aqua;
background: #fff url(../img/logo_fries.jpg) no-repeat 8% 50%;
background-size:90px;
transition:all .2s linear;
z-index: 100000;
}

.fixed-logo {
position: fixed;
display: block;
top:0;
left:0;
margin:0;
width: 100%;
height: 90px;
padding:0;
border: 0px solid red;
background: #fff url(../img/logo_fries.jpg) no-repeat 8% 50%;
background-size:80px;
transition:all .2s linear;
z-index: 100000;
}

.header_title {
position:relative;
margin: 40px auto 10px;
width:100%;
padding:0;
height:auto;
background: transparent;
z-index:2;
border:0px solid red;
}

h1 {
font-size: 4.2em;
text-align:center;
font-weight: normal;
line-height:1.1em;
margin:0;
padding:0 1px 0 1px;
color: #d2c53d;
letter-spacing:-0.7px;
border:0px solid;
}

.site-description p {
display:table;
font-size: 1.8em;
line-height:1.2em;
text-align:center;
padding:1% 0;
margin:0 auto;
width:auto;
border:0px solid blue;
}

.col-half {
position:relative;
float:left;
width:96%;
padding:0 2% 0 2%;
margin:0 0 5% 0;
height:auto;
border:0px solid red;
}

}


/***************************************** - 860px *************************************/

@media screen and (max-width: 860px) {


}

/***************************************** - 760px *************************************/

@media screen and (max-width: 760px) {

body {
background-color:fff;
font-family: Arial, Helvetica, sans-serif;
font-size:72% !important;
padding:0;
margin:0;
height:100%;
width:100%;
}

.header-logo {
position:absolute;
position: sticky;
display: block;
top:10px;
left:0;
height: 80px;
max-width: 100%;
min-width:220px;
margin: 0;
padding:0;
border: 0px solid aqua;
background: #fff url(../img/logo_fries.jpg) no-repeat 8% 50%;
background-size:70px;
transition:all .2s linear;
z-index: 100000;
}

.fixed-logo {
position: fixed;
display: block;
top:0;
left:0;
margin:0;
width: 100%;
height: 80px;
padding:0;
border: 0px solid red;
background: #fff url(../img/logo_fries.jpg) no-repeat 8% 50%;
background-size:70px;
transition:all .2s linear;
z-index: 100000;
}

.header-col-2third {
position:relative;
float:left;
width:94%;
padding:0 0.5%;
margin:0 2% 1%;
height:auto;
border:0px solid red;
}

.header-col-1third {
position:relative;
float:right;
width:98%;
padding: 0;
margin:0 0.5% 3% 0.5%;
height:auto;
outline:0px solid red;
}

.site-description p {
display:table;
float:none;
font-size: 2.2em;
line-height:1.0em;
text-align:center;
padding:1% 0;
margin:0 auto;
width:auto;
border:0px solid blue;
}

.col-third {
position:relative;
float:left;
width:100%;
padding:0;
margin:0;
height:auto;
outline:0px solid blue;
}

iframe.formular {
position:relative;
width:98%;
min-height:390px;
padding:1% 0;
float:left;
margin:0 1%;
background:#fff;
border:1px solid #ccc;
border-radius:20px;
-webkit-box-shadow: 0 1px 8px 0px #bbb;
-moz-box-shadow: 0 1px 8px 0px #bbb;
-o-box-shadow: 0 1px 8px 0px #bbb;
box-shadow: 0 1px 8px 0px #bbb;
}

footer .copyrights p {   
color: #fff;
font-size: 1.0em;
line-height:2.0em;
margin:0;
text-align: center;
}

}


/***************************************** - 670px *************************************/

@media screen and (max-width: 670px) {


iframe.formular {
position:relative;
width:98%;
min-height:430px;
padding:1% 0;
float:left;
margin:0 1%;
background:#fff;
border:1px solid #ccc;
border-radius:20px;
-webkit-box-shadow: 0 0px 4px 0px #bbb;
-moz-box-shadow: 0 0px 4px 0px #bbb;
-o-box-shadow: 0 0px 4px 0px #bbb;
box-shadow: 0 0px 4px 0px #bbb;
}

}


/***************************************** - 560px *************************************/

@media screen and (max-width: 560px) {

header h2 {
font-size: 3.0em;
line-height:1.1em;
font-weight: normal;
text-align:center;
color: #d2c53d;
letter-spacing:-0.3px;
margin:0;
padding:10px 0 10px 0;
border:0px solid red;
}

.col-fourth {
position:relative;
float:left;
width:97%;
padding:1.5%;
margin:0;
height:auto;
text-align:center;
border:0px solid red;
}

.col-1third {
position:relative;
float:left;
width:98%;
padding: 0;
margin:0 0.5% 4% 0.5%;
height:auto;
outline:0px solid red;
}

.col-1third-2 {
position:relative;
width:98%;
padding: 0;
margin:0 0.5% 2% 0.5%;
height:auto;
border:0px solid red;
}

}


/***************************************** - 420px *************************************/

@media screen and (max-width: 420px) {

iframe.formular {
position:relative;
width:96%;
min-height:460px;
padding:1% 0;
float:left;
margin:0 1%;
background:#fff;
border:1px solid #ccc;
border-radius:20px;
-webkit-box-shadow: 0 0px 2px 0px #bbb;
-moz-box-shadow: 0 0px 2px 0px #bbb;
-o-box-shadow: 0 0px 2px 0px #bbb;
box-shadow: 0 0px 2px 0px #bbb;
}

iframe {
position:relative;
width:96%;
height:396px;
padding:10px;
float:right;
background:#fff;
border:1px solid #ccc;
border-radius:10px;
-webkit-box-shadow: 0 0px 2px #ccc;
-moz-box-shadow: 0 0px 2px #ccc;
-o-box-shadow: 0 0px 2px #ccc;
box-shadow: 0 0px 2px #ccc;
}

}